/* SIAR · Fase 1 — Captación (framework PROC) */

/* ── FASE 1 · CAPTACIÓN (PROC) ─────────────────────────────── */
.phase-item.f1 .phase-item__dot{background:var(--cta-b)}
.phase-item.f1.active .phase-item__dot{background:var(--cta)}
.phase-item.f1.active{background:var(--cta-l)}
.phase-item.f1.active .phase-item__name{color:var(--cta)}

.f1-prereq{background:var(--warn-l);border:1px solid var(--warn-b);border-left:3px solid var(--warn);border-radius:var(--rs);padding:12px 15px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}
.f1-prereq__icon{color:var(--warn);flex-shrink:0;font-size:14px;margin-top:1px}
.f1-prereq__text{flex:1;font-size:12.5px;color:var(--warn);line-height:1.6}
.f1-prereq__text strong{color:var(--warn)}
.f1-prereq__btn{font-family:inherit;font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;border:1px solid var(--warn);background:#fff;color:var(--warn);white-space:nowrap;transition:all .15s}
.f1-prereq__btn:hover{background:var(--warn);color:#fff}

.f1-intro{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:16px;box-shadow:var(--sh)}
.f1-intro__hd{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.f1-intro__mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:30px;font-weight:700;letter-spacing:.08em;color:var(--cta)}
.f1-intro__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink4)}
.f1-intro__sub{font-size:12px;color:var(--ink4);margin-top:2px}
.f1-intro__desc{font-size:13px;color:var(--ink2);line-height:1.7}

.f1-layers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
@media(max-width:500px){.f1-layers{grid-template-columns:1fr}}
.f1-layer{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh);cursor:pointer;transition:all .18s}
.f1-layer:hover{border-color:var(--cta-b);transform:translateY(-1px)}
.f1-layer__hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.f1-layer__letter{width:30px;height:30px;border-radius:50%;background:var(--cta-l);color:var(--cta);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;border:1.5px solid var(--cta-b)}
.f1-layer__title{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.f1-layer__q{font-size:12px;color:var(--ink3);line-height:1.55;font-style:italic;padding-left:10px;border-left:2px solid var(--cta-b);margin-bottom:8px}
.f1-layer__out{font-size:11.5px;color:var(--ink3);line-height:1.6}

.f1-cta{background:var(--ink);color:#fff;border-radius:var(--r);padding:18px 20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
@media(max-width:500px){.f1-cta{flex-direction:column;align-items:stretch;text-align:center}}
.f1-cta__tt{font-size:15px;font-weight:700;color:#fff;margin-bottom:3px}
.f1-cta__sub{font-size:12px;color:rgba(255,255,255,.7);line-height:1.5;max-width:340px}
.f1-cta__btn{font-family:inherit;font-size:13px;font-weight:600;padding:10px 18px;border-radius:var(--rs);cursor:pointer;border:none;background:#fff;color:var(--ink);white-space:nowrap;transition:opacity .18s}
.f1-cta__btn:hover{opacity:.85}

/* PROC sections — bloques principales del Canvas */
.proc-sec{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;overflow:hidden;box-shadow:var(--sh)}
.proc-sec__hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;background:var(--bg2)}
.proc-sec__letter{width:30px;height:30px;border-radius:50%;background:var(--cta);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.proc-sec__info{flex:1;min-width:0}
.proc-sec__title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px}
.proc-sec__desc{font-size:12.5px;color:var(--ink3);line-height:1.5}
.proc-sec__status{font-size:10px;font-weight:600;padding:3px 9px;border-radius:6px;background:var(--bg3);color:var(--ink4);white-space:nowrap;flex-shrink:0;margin-top:3px}
.proc-sec__status.done{background:var(--ok-l);color:var(--ok)}
.proc-sec__bd{padding:18px}

.proc-sub-nav{display:flex;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;margin-bottom:18px;-webkit-overflow-scrolling:touch}
.proc-sub-nav::-webkit-scrollbar{height:0}
.proc-sub{flex:1 0 auto;min-width:90px;font-family:inherit;font-size:11.5px;font-weight:500;padding:10px 8px;border:none;background:var(--bg2);color:var(--ink4);cursor:pointer;transition:all .18s;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;white-space:nowrap}
.proc-sub:last-child{border-right:none}
.proc-sub:hover:not(.on){background:var(--bg3);color:var(--ink2)}
.proc-sub.on{background:var(--ink);color:#fff}
.proc-sub__num{font-size:9px;opacity:.7;letter-spacing:.04em}

.f1-sub{display:none}
.f1-sub.on{display:block;animation:fadeUp .25s ease both}

/* Canal de conversión — recomendación dinámica */
.canal-reco{background:linear-gradient(135deg,var(--ins-l) 0%,#fff 100%);border:1.5px solid var(--ins);border-radius:var(--r);padding:14px 18px;margin-bottom:18px;box-shadow:var(--sh)}
.canal-reco__lbl{font-size:10px;font-weight:700;color:var(--ins);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
.canal-reco__name{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin-bottom:5px}
.canal-reco__why{font-size:13px;color:var(--ink2);line-height:1.55}

/* Canal de conversión — cards */
.canal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
@media(max-width:780px){.canal-cards{grid-template-columns:1fr}}
.canal-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .18s,border-color .18s}
.canal-card:hover{transform:translateY(-2px);border-color:var(--line2)}
.canal-card__hd{padding:14px 16px 12px;border-bottom:1px solid var(--line)}
.canal-card__icon{font-size:22px;margin-bottom:6px}
.canal-card__title{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:3px}
.canal-card__tag{font-size:11px;font-weight:600;color:var(--ink4);text-transform:uppercase;letter-spacing:.06em}
.canal-card__bd{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:10px}
.canal-card--wa .canal-card__hd{background:#e7f7ec}
.canal-card--wa .canal-card__icon{color:#1a6b3c}
.canal-card--form .canal-card__hd{background:var(--ins-l)}
.canal-card--form .canal-card__icon{color:var(--ins)}
.canal-card--land .canal-card__hd{background:var(--ex-l)}
.canal-card--land .canal-card__icon{color:var(--ex)}
.canal-row{display:flex;flex-direction:column;gap:2px}
.canal-row__lbl{font-size:10px;font-weight:700;color:var(--ink4);text-transform:uppercase;letter-spacing:.08em}
.canal-row__txt{font-size:12.5px;color:var(--ink2);line-height:1.5}

/* Antes de lanzar — secciones integradas */
.launch-section{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:14px;box-shadow:var(--sh)}
.launch-section__title{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.launch-section__title>span:nth-child(2){font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;flex:1}
.launch-section__num{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.launch-section__badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:8px;background:var(--bg3);color:var(--ink3);white-space:nowrap}
.launch-section__badge.complete{background:var(--ok-l);color:var(--ok)}
.launch-section__sub{font-size:12.5px;color:var(--ink3);line-height:1.55;margin-bottom:14px}

/* Checklist */
.f1-check-item{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:opacity .15s}
.f1-check-item:last-child{border-bottom:none}
.f1-check-box{width:20px;height:20px;border:1.5px solid var(--line2);border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg);transition:all .15s;margin-top:1px}
.f1-check-item.on .f1-check-box{background:var(--ink);border-color:var(--ink);color:#fff}
.f1-check-box svg{width:12px;height:12px;display:none}
.f1-check-item.on .f1-check-box svg{display:block}
.f1-check-info{flex:1;min-width:0}
.f1-check-title{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:2px;line-height:1.4}
.f1-check-item.on .f1-check-title{color:var(--ink4)}
.f1-check-desc{font-size:11.5px;color:var(--ink4);line-height:1.5}

/* MVE compacto en formato tabla */
.mve-mini{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--rs);overflow:hidden}
.mve-mini__row{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);align-items:center}
.mve-mini__row:last-child{border-bottom:none}
.mve-mini__row:nth-child(even){background:var(--bg2)}
.mve-mini__lbl{font-size:11px;font-weight:600;color:var(--ink4);text-transform:uppercase;letter-spacing:.06em}
.mve-mini__val{font-size:13px;color:var(--ink2);line-height:1.5}
@media(max-width:520px){.mve-mini__row{grid-template-columns:1fr;gap:3px}}

/* Errores compactos */
.f1-err-row{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.f1-err-row:last-child{border-bottom:none}
.f1-err-num{font-size:13px;font-weight:700;color:var(--err);font-variant-numeric:tabular-nums;background:var(--err-l);width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.f1-err-text{font-size:12.5px;color:var(--ink2);line-height:1.55}

/* Optimización capas */
.opt-layer{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px 14px 66px;margin-bottom:10px;position:relative;box-shadow:var(--sh)}
.opt-layer__num{position:absolute;left:16px;top:14px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.opt-layer__title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}
.opt-layer__sub{font-size:10px;color:var(--cta);text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:8px}
.opt-layer__list{list-style:none;padding:0;margin:6px 0 0}
.opt-layer__list li{padding:4px 0;font-size:12px;color:var(--ink3);line-height:1.5}
.opt-layer__list li::before{content:'— ';color:var(--cta)}
.opt-layer__note{font-size:12px;color:var(--ink);background:var(--bg2);border-radius:var(--rs);padding:8px 11px;margin-top:8px;font-weight:500;line-height:1.5}

.proc-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--line);margin-top:6px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.proc-save-hint{font-size:11px;color:var(--ink4)}

/* PROC v14 — descripción debajo del título */
.proc-sec__desc{font-size:11.5px;color:var(--ink3);line-height:1.55;margin-top:3px;font-weight:400}

/* CANAL DE CONVERSIÓN — cards lado a lado */
.canal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
@media(max-width:780px){.canal-cards{grid-template-columns:1fr}}
.canal-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:all .18s}
.canal-card.recommended{border:2px solid var(--ok);box-shadow:0 0 0 4px var(--ok-l)}
.canal-card__hd{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg2);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.canal-card__icon{width:32px;height:32px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.canal-card__name{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em;flex:1;min-width:0}
.canal-card__rec{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--ok);color:#fff;flex-shrink:0}
.canal-card__bd{padding:14px 16px;display:flex;flex-direction:column;gap:14px;flex:1}
.canal-card__lbl{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink4);margin-bottom:6px}
.canal-card__when ul,.canal-card__risk ul{list-style:none;padding:0;margin:0}
.canal-card__when li,.canal-card__risk li{padding:3px 0;font-size:12px;color:var(--ink2);line-height:1.5;padding-left:14px;position:relative}
.canal-card__when li::before{content:'\2713';color:var(--ok);position:absolute;left:0;font-weight:700}
.canal-card__risk li::before{content:'\2715';color:var(--err);position:absolute;left:0;font-weight:700;font-size:11px}
.canal-card__why p{font-size:12px;color:var(--ink2);line-height:1.55;background:var(--cta-l);border-radius:var(--rs);padding:9px 11px;border-left:3px solid var(--cta)}
.canal-card__why .canal-card__lbl{color:var(--cta)}

/* ANTES DE LANZAR — bloques verticales */
.launch-block{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;box-shadow:var(--sh)}
.launch-block__hd{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;background:var(--bg2)}
.launch-block__num{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.launch-block__info{flex:1;min-width:0}
.launch-block__title{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.launch-block__sub{font-size:11.5px;color:var(--ink4);line-height:1.5;margin-top:2px}
.launch-block__count{font-size:12px;font-weight:700;color:var(--ink3);background:var(--bg3);padding:4px 10px;border-radius:8px;flex-shrink:0}
.launch-block__count.complete{background:var(--ok-l);color:var(--ok)}
.launch-block__bd{padding:14px 18px}
.launch-block__ok{padding:12px 18px;background:var(--ok-l);color:var(--ok);font-size:12.5px;border-top:1px solid var(--ok-b);line-height:1.55}

/* MVE pair (sí/no) */
.mve-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:600px){.mve-pair{grid-template-columns:1fr}}
.mve-side{padding:14px 16px;border-radius:var(--rs);border:1px solid var(--line)}
.mve-side.mve-yes{background:var(--ok-l);border-color:var(--ok-b);border-left:3px solid var(--ok)}
.mve-side.mve-no{background:var(--err-l);border-color:var(--err-b);border-left:3px solid var(--err)}
.mve-side__lbl{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.mve-yes .mve-side__lbl{color:var(--ok)}
.mve-no .mve-side__lbl{color:var(--err)}
.mve-side ul{list-style:none;padding:0;margin:0}
.mve-side li{padding:4px 0;font-size:12px;color:var(--ink2);line-height:1.5;padding-left:14px;position:relative}
.mve-yes li::before{content:'\2713';position:absolute;left:0;color:var(--ok);font-weight:700}
.mve-no li::before{content:'\2715';position:absolute;left:0;color:var(--err);font-weight:700;font-size:11px}

/* Errores en lista compacta dentro del bloque launch */
.launch-err-row{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);align-items:center}
.launch-err-row:last-child{border-bottom:none}
.launch-err-num{font-size:14px;font-weight:700;color:var(--err);font-variant-numeric:tabular-nums;text-align:center}
.launch-err-text{font-size:12px;color:var(--ink2);line-height:1.5}

/* Checklist re-estilizado dentro de launch-block */
.launch-block .f1-check-item{padding:10px 18px;border-bottom:1px solid var(--line)}
.launch-block .f1-check-item:last-child{border-bottom:none}