/* ═══ CIMA Digital · Landings nuevas (12-10-2026) ═══
   Piezas propias de las landings de planes, servicios y decisión (plan-growth, plan-metodo-cima,
   agencia-google-ads-para-clinicas, precios y las que siguen). Se suman al motor de las landings de
   rubro (landing-v4.css/js) y a la vista de celu v2 (movil-v2.css/js): todas nacen con <html class="mv2">.
   Prefijo l2-. Los colores salen de las variables de tono de modo.css (--tx, --tx-rgb, --tx-mas, --ac-s,
   --ac-t, --tx-inv), así que funcionan en claro y en oscuro sin reglas por modo; las «islas» blancas
   (búsquedas, recibo) se ven igual en los dos, como el ciclo y la cabina del motor.
   Índice: 1 marca de pendiente · 2 inclusiones · 3 alcance por plan · 4 ciclo Growth/Método ·
   5 para quién · 6 precios · 7 búsquedas · 8 políticas · 9 especialidades · 10 tabla de modelos ·
   11 recibo del hero · 12 calculadora de equilibrio · 13 señales de alerta · 14 el otro plan · 15 celu */

/* ── 1 · Un dato que falta confirmar (el precio): amarillo, imposible de pasar por alto ── */
.l2-pendiente{background:#F2D24B;color:#1A1F1A;padding:.04em .32em;border-radius:5px;font-style:normal;font-weight:700;box-shadow:0 0 0 1px rgba(26,31,26,.28);white-space:nowrap}

/* ── 2 · Qué incluye: grupos con tilde ── */
.l2-inc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;text-align:left}
.l2-inc.l2-tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.l2-inc-grupo{background:rgba(var(--tx-rgb),.035);border:1px solid rgba(var(--tx-rgb),calc(.13 + var(--tx-mas) * .3));border-top:3px solid var(--ac-s);border-radius:14px;padding:20px 20px 22px}
.l2-inc-grupo.suma{border-top-color:var(--ac-t)}
.l2-inc-rot{display:flex;align-items:baseline;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)));margin:0 0 14px}
.l2-inc-rot span{color:var(--ac-t);font-weight:600}
.l2-inc ul,.l2-fit ul,.l2-precio-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.l2-inc li,.l2-fit li,.l2-precio-lista li{position:relative;padding-left:28px;font-size:15px;line-height:1.5;color:rgba(var(--tx-rgb),calc(.84 + var(--tx-mas)));text-align:left}
.l2-inc li::before,.l2-fit .si li::before,.l2-precio-lista li::before{content:'✓';position:absolute;left:0;top:.18em;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 10.5px/1 'DM Sans',Calibri,sans-serif;background:var(--ac-s);color:var(--tx-inv)}
.l2-inc-grupo.suma li::before{background:var(--ac-t)}
.l2-inc-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;margin:0 0 22px}
.l2-inc-cuenta{display:flex;align-items:baseline;gap:12px;margin:0}
.l2-inc-cuenta b{font-family:var(--serif);font-weight:900;font-size:clamp(54px,6vw,84px);line-height:.9;color:var(--tx)}
.l2-inc-cuenta span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.62 + var(--tx-mas)));max-width:16ch;line-height:1.5}
.l2-inc-no{margin:22px 0 0;padding:14px 0 0 18px;border-left:2px solid var(--ac-t);font-size:14.5px;line-height:1.7;color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)));max-width:86ch;text-align:left}
.l2-inc-no b{color:var(--tx)}
/* El Growth heredado dentro del Método: chips */
.l2-hereda-rot{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)));margin:0 0 12px;text-align:left}
.l2-hereda{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding:0;list-style:none}
.l2-hereda li{font-size:13.5px;line-height:1.2;padding:8px 13px;border-radius:99px;border:1px solid rgba(var(--tx-rgb),calc(.22 + var(--tx-mas) * .4));color:rgba(var(--tx-rgb),calc(.8 + var(--tx-mas)));background:rgba(var(--tx-rgb),.03)}

/* ── 3 · Alcance por plan: versión quieta del ciclo (el ciclo animado no se muestra en el celu) ── */
.l2-alcance{display:none;margin:26px 0 0;text-align:left}
.l2-alc-fila{margin:0 0 16px}
.l2-alc-fila > b{display:block;font-family:var(--serif);font-size:18px;font-weight:700;color:var(--tx);margin:0 0 8px}
.l2-alc-fila ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.l2-alc-fila li{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-align:center;padding:9px 2px;border-radius:6px;border:1px dashed rgba(var(--tx-rgb),calc(.3 + var(--tx-mas) * .4));color:rgba(var(--tx-rgb),calc(.5 + var(--tx-mas)))}
.l2-alc-fila li.si{border:1px solid transparent;background:var(--ac-s);color:var(--tx-inv);font-weight:600}
.l2-alc-fila.metodo li.si{background:var(--ac-t)}
.l2-alc-fila p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.72 + var(--tx-mas)))}

/* ── 4 · El ciclo del motor con los dos planes: «habitual» = Plan Growth (mide clic y consulta),
        «cima» = Plan Método CIMA (sigue hasta el ingreso) ── */
.l2-ciclo-planes .v4-ci-niebla{left:50%}
.l2-ciclo-planes .v4-ci-regla.habitual{width:41%}
.l2-ciclo-planes[data-modo="habitual"] .v4-ci-regla.cima{width:41%}
.l2-ciclo-planes[data-modo="habitual"] .v4-ci-etapa[data-e="1"] .v4-ci-num{display:block}
.l2-ciclo-planes[data-modo="habitual"] .v4-ci-etapa[data-e="1"] .v4-ci-sin{display:none}
.l2-ciclo-planes[data-modo="habitual"] .v4-ci-etapa[data-e="1"] .v4-ci-nodo{border-color:var(--olivo,#5C6B3F)}
.l2-ciclo-planes[data-modo="habitual"] .v4-ci-etapa[data-e="1"] .v4-ci-nodo::after{background:var(--olivo,#5C6B3F)}
.l2-ciclo-planes .v4-ci-regla.habitual{background:var(--olivo,#5C6B3F);color:var(--olivo,#5C6B3F)}

/* ── 5 · Para quién es (y para quién todavía no) ── */
.l2-fit{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;text-align:left}
.l2-fit-col{border-radius:16px;padding:24px 24px 26px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3))}
.l2-fit-col.si{background:rgba(var(--tx-rgb),.04);border-top:3px solid var(--ac-s)}
.l2-fit-col.no{border-style:dashed}
.l2-fit-rot{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.2;color:var(--tx);margin:0 0 16px}
.l2-fit .no li::before{content:'–';position:absolute;left:4px;top:0;font:600 17px/1.4 'DM Sans',Calibri,sans-serif;color:var(--ac-t)}
.l2-fit li a{color:var(--ac-t);font-weight:600}

/* ── 6 · Precio: la tarifa fija, el presupuesto aparte ── */
.l2-precios{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch;text-align:left}
.l2-precios.l2-pares{grid-template-columns:1fr 1fr}
.l2-precio{position:relative;display:flex;flex-direction:column;gap:14px;border-radius:18px;padding:28px 28px 30px;border:1px solid rgba(var(--tx-rgb),calc(.16 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03)}
.l2-precio.destacado{background:linear-gradient(150deg,#68774B 0%,#5C6B3F 45%,#45512E 100%);border-color:transparent;color:#F5EFE3;box-shadow:0 30px 70px rgba(var(--sh-rgb,0,0,0),calc(.45 * var(--sh-k,1)))}
.l2-precio.destacado.metodo{background:linear-gradient(150deg,#C9693F 0%,#B8532F 48%,#8F3F22 100%)}
.l2-precio-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.l2-precio-rot{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:rgba(var(--tx-rgb),calc(.62 + var(--tx-mas)))}
.l2-precio-chip{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:99px;border:1px solid rgba(var(--tx-rgb),calc(.3 + var(--tx-mas) * .4));color:rgba(var(--tx-rgb),calc(.75 + var(--tx-mas)))}
.l2-precio-nombre{font-family:var(--serif);font-weight:800;font-size:clamp(28px,3vw,38px);line-height:1;text-transform:uppercase;margin:0;color:var(--tx)}
.l2-precio-nombre em{font-style:italic;font-weight:300;text-transform:none}
.l2-precio-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:4px 0 0;font-family:var(--serif);font-weight:900;font-size:clamp(30px,3.4vw,44px);line-height:1.1;color:var(--tx)}
.l2-precio-num small{font-family:'DM Sans',Calibri,sans-serif;font-weight:500;font-size:15px;color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)))}
.l2-precio-sub{font-size:14.5px;line-height:1.6;margin:0;color:rgba(var(--tx-rgb),calc(.74 + var(--tx-mas)))}
.l2-precio .btn{align-self:flex-start;margin-top:auto}
.l2-precio.destacado :is(.l2-precio-rot,.l2-precio-nombre,.l2-precio-num,.l2-precio-num small,.l2-precio-sub,.l2-precio-lista li){color:#F5EFE3}
.l2-precio.destacado .l2-precio-rot,.l2-precio.destacado .l2-precio-num small{opacity:.82}
.l2-precio.destacado .l2-precio-chip{border-color:rgba(245,239,227,.5);color:#F5EFE3}
.l2-precio.destacado .l2-precio-lista li::before{background:#F5EFE3;color:#45512E}
.l2-precio.destacado.metodo .l2-precio-lista li::before{color:#8F3F22}
.l2-precio.destacado .btn{background:#F5EFE3;color:#1A1F1A}
.l2-precio.destacado .btn:hover{background:#1A1F1A;color:#F5EFE3}
.l2-precio-pie{font-size:13.5px;line-height:1.6;margin:18px 0 0;color:rgba(var(--tx-rgb),calc(.62 + var(--tx-mas)));max-width:90ch;text-align:left}
.l2-precio-pie a{color:var(--ac-t);font-weight:600}
.l2-precio .l2-mini{font-size:14px;line-height:1.6;margin:0;color:rgba(var(--tx-rgb),calc(.72 + var(--tx-mas)))}
.l2-precio a.l2-link{color:var(--ac-t);font-weight:600;font-size:15px;text-decoration:none}
.l2-precio a.l2-link:hover{text-decoration:underline}
/* Los cuatro adicionales, en una fila */
.l2-adic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 0;text-align:left}
.l2-adic > div{border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));border-radius:12px;padding:14px 16px}
.l2-adic b{display:block;font-family:var(--serif);font-size:17px;color:var(--tx);margin:0 0 4px}
.l2-adic span{display:block;font-size:13.5px;line-height:1.5;color:rgba(var(--tx-rgb),calc(.68 + var(--tx-mas)))}

/* ── 7 · Búsquedas: qué se compra y qué se bloquea (isla blanca) ── */
.l2-busq{position:relative;background:#fff;color:#1A1F1A;border-radius:14px;padding:20px 24px 22px;margin:36px 0 0;text-align:left;box-shadow:0 40px 90px rgba(var(--sh-rgb,0,0,0),calc(.5 * var(--sh-k,1)))}
.l2-busq-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:10px 20px;flex-wrap:wrap;margin:0 0 16px}
.l2-busq-rot{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-busq-rot em{display:block;font-style:normal;font-family:var(--serif);font-size:19px;letter-spacing:0;text-transform:none;color:#1A1F1A;margin-top:4px}
.l2-busq-ley{display:flex;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(26,31,26,.6)}
.l2-busq-ley i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:-1px;background:#5C6B3F}
.l2-busq-ley i.no{background:#C45E3A}
.l2-busq ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(26,31,26,.1)}
.l2-busq li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(26,31,26,.08)}
.l2-q{font-family:var(--mono);font-size:13.5px;color:#1A1F1A;display:flex;align-items:center;gap:10px;min-width:0}
.l2-q::before{content:'';flex-shrink:0;width:15px;height:15px;border-radius:50%;border:2px solid rgba(26,31,26,.35);box-sizing:border-box}
.l2-int{font-size:13px;color:rgba(26,31,26,.62);line-height:1.35}
.l2-busq li b{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:99px;white-space:nowrap;background:rgba(92,107,63,.12);color:#3E4A29}
.l2-busq li.no b{background:rgba(196,94,58,.12);color:#9A4123}
.l2-busq li.no .l2-q{color:rgba(26,31,26,.5);text-decoration:line-through;text-decoration-color:rgba(196,94,58,.7)}
.l2-busq-pie{display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin:14px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:rgba(26,31,26,.65)}
.l2-busq-pie b{color:#1A1F1A}
.l2-busq.reveal li{opacity:0;transform:translateX(-8px);transition:opacity .45s ease,transform .45s ease}
.l2-busq.reveal.visible li{opacity:1;transform:none}
.l2-busq.reveal.visible li:nth-child(2){transition-delay:.12s}
.l2-busq.reveal.visible li:nth-child(3){transition-delay:.24s}
.l2-busq.reveal.visible li:nth-child(4){transition-delay:.36s}
.l2-busq.reveal.visible li:nth-child(5){transition-delay:.48s}
.l2-busq.reveal.visible li:nth-child(6){transition-delay:.6s}
.l2-busq.reveal.visible li:nth-child(7){transition-delay:.72s}
.l2-busq.reveal.visible li:nth-child(8){transition-delay:.84s}

/* ── 8 · Políticas de las plataformas, numeradas ── */
.l2-pol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;counter-reset:pol;text-align:left}
.l2-pol li{counter-increment:pol;position:relative;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));border-radius:14px;padding:20px 22px 22px 66px;background:rgba(var(--tx-rgb),.03)}
.l2-pol li::before{content:counter(pol,decimal-leading-zero);position:absolute;left:20px;top:18px;font-family:var(--serif);font-weight:900;font-size:28px;line-height:1;color:var(--ac-t)}
.l2-pol b{display:block;font-family:var(--serif);font-size:18px;line-height:1.25;color:var(--tx);margin:0 0 8px}
.l2-pol p{margin:0;font-size:14.5px;line-height:1.65;color:rgba(var(--tx-rgb),calc(.74 + var(--tx-mas)))}
.l2-pol p em{font-style:normal;color:var(--ac-s);font-weight:600}

/* ── 9 · Por especialidad: tarjetas que llevan a cada landing ── */
.l2-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}
.l2-hub a{display:flex;flex-direction:column;gap:6px;text-decoration:none;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));border-radius:14px;padding:18px 20px 20px;background:rgba(var(--tx-rgb),.03);transition:border-color .25s,transform .25s,background .25s}
.l2-hub a:hover{border-color:var(--ac-t);transform:translateY(-3px);background:rgba(var(--tx-rgb),.06)}
.l2-hub a:focus-visible{outline:2px solid var(--ac-t);outline-offset:3px}
.l2-hub span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.58 + var(--tx-mas)))}
.l2-hub b{font-family:var(--serif);font-size:20px;line-height:1.2;color:var(--tx)}
.l2-hub p{margin:0;font-size:14px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)))}
.l2-hub i{font-style:normal;margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--ac-t)}

/* ── 10 · Tabla de modelos de cobro (en el celu, una tarjeta por modelo) ── */
.l2-tabla-caja{margin:8px 0 0;text-align:left;overflow-x:auto}
.l2-tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.55}
.l2-tabla th,.l2-tabla td{padding:16px 18px;vertical-align:top;text-align:left;border-bottom:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3))}
.l2-tabla thead th{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)));border-bottom:2px solid rgba(var(--tx-rgb),calc(.3 + var(--tx-mas) * .4))}
.l2-tabla tbody th{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.25;color:var(--tx);width:16%}
.l2-tabla tbody th small{display:block;font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.58 + var(--tx-mas)));margin-top:6px;line-height:1.4}
.l2-tabla td{color:rgba(var(--tx-rgb),calc(.8 + var(--tx-mas)))}
.l2-tabla tr.nuestro > *{background:rgba(var(--tx-rgb),.05)}
.l2-tabla tr.nuestro th{box-shadow:inset 3px 0 0 var(--ac-s)}
.l2-tabla tr.nuestro td{color:var(--tx)}
.l2-tabla-nota{font-size:13px;line-height:1.65;margin:16px 0 0;color:rgba(var(--tx-rgb),calc(.58 + var(--tx-mas)));max-width:90ch;text-align:left}
.l2-tabla-nota a{color:inherit}

/* ── 11 · El recibo del hero de precios (isla de papel blanco) ── */
.l2-recibo-caja{position:relative;align-self:center;display:flex;justify-content:center;padding:10px 0 30px}
.l2-recibo{position:relative;width:min(400px,100%);background:#FFFDF8;color:#1A1F1A;border-radius:6px 6px 0 0;padding:26px 28px 34px;font-family:var(--mono);box-shadow:0 40px 90px rgba(0,0,0,.4);transform:rotate(-1.6deg);text-align:left}
.l2-recibo::after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:12px;background:linear-gradient(-45deg,transparent 8px,#FFFDF8 0) 0 0/16px 12px,linear-gradient(45deg,transparent 8px,#FFFDF8 0) 0 0/16px 12px}
.l2-rc-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px dashed rgba(26,31,26,.3);padding-bottom:14px;margin-bottom:14px}
.l2-rc-cab b{font-family:var(--serif);font-size:20px;letter-spacing:.02em}
.l2-rc-cab span{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,31,26,.55);text-align:right;line-height:1.5}
.l2-rc-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12.5px;line-height:1.45;padding:7px 0}
.l2-rc-l span{color:rgba(26,31,26,.72)}
.l2-rc-l span small{display:block;font-size:10px;color:rgba(26,31,26,.5);letter-spacing:.02em}
.l2-rc-l b{font-weight:600;white-space:nowrap}
.l2-rc-l .l2-pendiente{font-size:12px}
.l2-rc-l.cero b{color:#5C6B3F}
.l2-rc-tot{border-top:1px solid rgba(26,31,26,.75);margin-top:10px;padding-top:12px;font-size:13.5px}
.l2-rc-tot span{color:#1A1F1A;font-weight:600}
.l2-rc-pie{font-size:10px;line-height:1.6;letter-spacing:.04em;color:rgba(26,31,26,.55);margin:14px 0 0}
.l2-rc-sello{position:absolute;right:-18px;bottom:46px;width:104px;height:104px;border-radius:50%;border:2px solid #C45E3A;color:#C45E3A;display:grid;place-items:center;text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.35;transform:rotate(12deg);background:rgba(255,253,248,.8)}
.l2-rc-sello b{display:block;font-family:var(--serif);font-size:26px;letter-spacing:0;line-height:1}
/* Las líneas se imprimen una por una */
.l2-recibo .l2-rc-l,.l2-recibo .l2-rc-pie{opacity:0;transform:translateY(4px);animation:l2-imprime .5s cubic-bezier(.16,1,.3,1) forwards}
.l2-recibo .l2-rc-l:nth-of-type(1){animation-delay:.5s}
.l2-recibo .l2-rc-l:nth-of-type(2){animation-delay:.85s}
.l2-recibo .l2-rc-l:nth-of-type(3){animation-delay:1.2s}
.l2-recibo .l2-rc-l:nth-of-type(4){animation-delay:1.55s}
.l2-recibo .l2-rc-l:nth-of-type(5){animation-delay:1.9s}
.l2-recibo .l2-rc-l:nth-of-type(6){animation-delay:2.3s}
.l2-recibo .l2-rc-pie{animation-delay:2.7s}
.l2-rc-sello{opacity:0;animation:l2-sella .55s cubic-bezier(.34,1.56,.64,1) 3s forwards}
@keyframes l2-imprime{to{opacity:1;transform:none}}
@keyframes l2-sella{from{opacity:0;transform:rotate(30deg) scale(1.6)}to{opacity:1;transform:rotate(12deg) scale(1)}}
@media(prefers-reduced-motion:reduce){
  .l2-recibo .l2-rc-l,.l2-recibo .l2-rc-pie,.l2-rc-sello{animation:none;opacity:1;transform:none}
  .l2-rc-sello{transform:rotate(12deg)}
  .l2-busq.reveal li{opacity:1;transform:none;transition:none}
}

/* ── 12 · Calculadora de equilibrio (precios): ¿con cuántos pacientes se paga? ── */
.l2-eq{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;text-align:left}
.l2-eq-in{display:grid;gap:22px;background:rgba(var(--tx-rgb),.04);border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));border-radius:16px;padding:24px}
.l2-eq-fila label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.66 + var(--tx-mas)));margin:0 0 10px}
.l2-eq-fila label output{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tx)}
.l2-eq-fila small{display:block;font-size:13px;line-height:1.5;color:rgba(var(--tx-rgb),calc(.56 + var(--tx-mas)));margin:8px 0 0}
.l2-eq-fila input[type="range"]{width:100%;accent-color:var(--ac-t)}
.l2-eq-out{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.l2-eq-dato{border-radius:14px;padding:18px 18px 16px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3))}
.l2-eq-dato b{display:block;font-family:var(--serif);font-weight:900;font-size:clamp(30px,3.2vw,42px);line-height:1;color:var(--tx)}
.l2-eq-dato span{display:block;font-size:13.5px;line-height:1.45;margin-top:8px;color:rgba(var(--tx-rgb),calc(.68 + var(--tx-mas)))}
.l2-eq-dato.clave{grid-column:1/-1;background:var(--ac-s);border-color:transparent}
.l2-eq-dato.clave b,.l2-eq-dato.clave span{color:var(--tx-inv)}
.l2-eq-frase{grid-column:1/-1;margin:4px 0 0;font-size:15.5px;line-height:1.65;color:rgba(var(--tx-rgb),calc(.82 + var(--tx-mas)))}
.l2-eq-frase b{color:var(--tx)}
.l2-eq-acc{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.l2-eq-acc .btn svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}
.l2-eq-nota{grid-column:1/-1;font-size:13px;line-height:1.6;margin:0;color:rgba(var(--tx-rgb),calc(.55 + var(--tx-mas)))}

/* ── 13 · Señales de alerta al pedir presupuesto ── */
.l2-alertas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;text-align:left}
.l2-alertas li{position:relative;padding:14px 0 14px 40px;border-bottom:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));font-size:15px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.8 + var(--tx-mas)))}
.l2-alertas li::before{content:'✕';position:absolute;left:0;top:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 'DM Sans',Calibri,sans-serif;background:rgba(196,94,58,.14);color:var(--ac-t)}
.l2-alertas b{color:var(--tx)}

/* ── 14 · El otro plan: una tarjeta de cruce ── */
.l2-otro{display:flex;justify-content:space-between;align-items:center;gap:18px 28px;flex-wrap:wrap;margin:36px 0 0;padding:22px 26px;border-radius:16px;border:1px dashed rgba(var(--tx-rgb),calc(.32 + var(--tx-mas) * .4));text-align:left}
.l2-otro p{margin:0;font-size:15.5px;line-height:1.6;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)));max-width:70ch}
.l2-otro p b{color:var(--tx)}
.l2-aclara{margin:20px 0 0;font-size:14px;line-height:1.6;color:rgba(var(--tx-rgb),calc(.62 + var(--tx-mas)));text-align:left}
.l2-aclara a{color:var(--ac-t);font-weight:600}

/* ── Escritorio intermedio ── */
@media(max-width:1080px){
  .l2-inc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l2-inc.l2-tres{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l2-adic{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .l2-fit,.l2-precios,.l2-precios.l2-pares,.l2-eq,.l2-pol{grid-template-columns:1fr}
  .l2-inc.l2-tres,.l2-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l2-recibo-caja{padding:0 0 26px}
}

/* ── 15 · Celu (con la vista v2: todo a la izquierda, piezas compactas) ── */
@media(max-width:767px){
  .l2-alcance{display:block}
  .l2-inc,.l2-inc.l2-tres,.l2-hub,.l2-alertas{grid-template-columns:1fr}
  .l2-inc{gap:12px}
  .l2-inc-grupo{padding:16px 16px 18px}
  .l2-inc li,.l2-fit li,.l2-precio-lista li{font-size:16px}
  .l2-inc-rot,.l2-hereda-rot,.l2-precio-rot{font-size:13px;letter-spacing:.08em}
  .l2-inc-cuenta b{font-size:56px}
  .l2-inc-cuenta span{font-size:13px;letter-spacing:.06em}
  .l2-fit-col{padding:20px 18px 22px}
  .l2-precio{padding:22px 20px 24px}
  .l2-precio .btn{align-self:stretch;justify-content:center;text-align:center}
  .l2-adic{grid-template-columns:1fr 1fr;gap:10px}
  .l2-adic span{font-size:14px}
  .l2-busq{padding:16px 14px 18px;margin-top:26px}
  .l2-busq li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
  .l2-int{grid-column:1/-1;grid-row:2;padding-left:25px;font-size:13.5px}
  .l2-q{font-size:14px}
  .l2-pol li{padding:18px 18px 18px 58px}
  .l2-pol li::before{left:16px;font-size:24px}
  .l2-pol p{font-size:16px}
  .l2-hub a{padding:16px 18px}
  /* La tabla se vuelve una tarjeta por modelo: cada celda lleva su rótulo */
  .l2-tabla,.l2-tabla tbody,.l2-tabla tr,.l2-tabla td{display:block;width:100%}
  .l2-tabla thead{display:none}
  .l2-tabla tbody th{display:block;width:100%;font-size:21px;padding:14px 16px 12px;box-shadow:none !important}
  .l2-tabla tr{border:1px solid rgba(var(--tx-rgb),calc(.16 + var(--tx-mas) * .3));border-radius:14px;margin:0 0 14px;overflow:hidden}
  .l2-tabla tr.nuestro{border-color:var(--ac-s);border-width:2px}
  .l2-tabla td{border-bottom:1px solid rgba(var(--tx-rgb),calc(.1 + var(--tx-mas) * .3));padding:12px 16px;font-size:15.5px}
  .l2-tabla td::before{content:attr(data-fila);display:block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.58 + var(--tx-mas)));margin:0 0 4px}
  .l2-tabla td:last-child{border-bottom:0}
  .l2-recibo{transform:none;padding:22px 20px 28px}
  .l2-rc-sello{right:-6px;bottom:34px;width:88px;height:88px;font-size:9px}
  .l2-rc-sello b{font-size:22px}
  .l2-eq-in{padding:20px 16px}
  .l2-eq-out{grid-template-columns:1fr 1fr}
  .l2-eq-acc .btn{flex:1 1 100%;justify-content:center}
  .l2-otro{padding:18px}
  .l2-otro .btn{flex:1 1 100%;justify-content:center}
}
/* El dato clave de la calculadora late cuando cambia */
.l2-eq-dato.clave.l2-late{animation:l2-late .5s ease}
@keyframes l2-late{40%{box-shadow:0 0 0 6px rgba(92,107,63,.25)}}
/* El precio pendiente, dentro de la cifra grande: más chico y con permiso para partirse */
.l2-precio{min-width:0}
.l2-precio-num .l2-pendiente{font-size:.6em;white-space:normal;line-height:1.3}
@media(max-width:767px){.l2-precio-chip{font-size:12px;letter-spacing:.06em}}
/* La vista de celu v2 esconde el panel de Meta (en las landings de rubro repite el de Google); donde es la única prueba, se ve */
@media(max-width:767px){
  .mv2 .recorrido .l2-rs-visible #v4-rs-meta,.mv2 .recorrido .l2-rs-visible #v4-rs-meta + .v4-rs-nota{display:block !important}
  .mv2 .recorrido .l2-rs-visible #v4-rs-meta .v4-flot{display:none !important}
}
/* Celu: la figura de búsquedas con el piso de letra de la vista v2 (13 px en rótulos) */
@media(max-width:767px){
  .l2-busq-rot{font-size:12.5px;letter-spacing:.06em}
  .l2-busq-rot em{font-size:20px}
  .l2-busq-ley{font-size:12.5px;letter-spacing:.04em}
  .l2-busq li b{font-size:12px;letter-spacing:.04em;padding:6px 9px}
  .l2-busq-pie{font-size:13px;letter-spacing:.02em}
}
/* Calculadora de equilibrio: el dato clave arriba y tres datos en fila */
.l2-eq-out{grid-template-columns:repeat(3,minmax(0,1fr))}
.l2-eq-dato.clave,.l2-eq-frase,.l2-eq-acc,.l2-eq-nota{grid-column:1/-1}
@media(max-width:767px){
  .l2-eq-out{grid-template-columns:1fr 1fr}
  .l2-eq-dato.ultimo{grid-column:1/-1}
  .l2-eq-fila label{font-size:12.5px;letter-spacing:.06em}
  .l2-eq-fila small{font-size:14px}
  .l2-eq-dato span{font-size:14.5px}
  .l2-eq-frase{font-size:16px}
  .l2-eq-nota{font-size:14px}
  .l2-tabla-nota{font-size:14px}
  .l2-rc-cab span{font-size:11px}
  .l2-rc-l small{font-size:12px}
  .l2-rc-pie{font-size:12px}
}
/* El hero de precios: el recibo en lugar de la escena */
.hero-v4 .l2-recibo-caja{position:relative;z-index:2}
@media(max-width:767px){.l2-rc-cab span{font-size:12px}.l2-rc-sello{font-size:12px;letter-spacing:.04em}}
/* Calculadora de equilibrio: dos columnas también en la compu, para que «USD 1.000» entre en una línea */
.l2-eq-out{grid-template-columns:1fr 1fr}
.l2-eq-dato.ultimo{grid-column:1/-1}
.l2-eq-dato b{font-size:clamp(28px,2.6vw,38px);white-space:nowrap}
.l2-eq-dato.clave b{font-size:clamp(44px,4.4vw,60px)}
@media(max-width:767px){
  .l2-rc-l span small{font-size:12px}
  .l2-tabla tbody th small{font-size:12px;letter-spacing:.06em}
  .l2-rc-pie{padding-right:86px}
}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   16 · PIEZAS PROPIAS (12-10-2026): una por landing, en el hero, en lugar de la agenda repetida.
   Growth = la consola del mes (.l2-cons) · Método = el CRM en vivo (.l2-crm) · Google Ads = la subasta
   (.l2-sub) · médicos = tu especialidad en un toque (.l2-espe) · precios = la balanza de 12 meses (.l2-bal).
   Son «islas»: papel claro y tinta en los dos modos, como el ciclo y la cabina. La lógica está en
   landing-l2.js (módulos 3 a 7). Se ven en el celu, en versión compacta.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
.l2-firma{position:relative;z-index:2;width:100%;max-width:600px;justify-self:end;align-self:center;margin:24px 0 0;font-family:'DM Sans',Calibri,sans-serif}
.l2-app{position:relative;background:#FFFDF8;color:#1A1F1A;border-radius:18px;padding:16px 16px 14px;box-shadow:0 40px 90px rgba(0,0,0,.42),0 0 0 1px rgba(26,31,26,.06);text-align:left;overflow:hidden}
.l2-app-cab{display:flex;justify-content:space-between;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 12px}
.l2-app-rot{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-app-tit{font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:0;line-height:1.15;color:#1A1F1A;display:block;margin-top:3px;text-transform:none}
.l2-seg{display:inline-flex;gap:3px;padding:3px;border-radius:99px;background:rgba(26,31,26,.06)}
.l2-seg button{appearance:none;border:0;background:transparent;font:600 12px/1 'DM Sans',Calibri,sans-serif;color:rgba(26,31,26,.62);padding:8px 12px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap}
.l2-seg button[aria-checked="true"],.l2-seg button[aria-selected="true"]{background:#1A1F1A;color:#F5EFE3}
.l2-seg button:focus-visible,.l2-app button:focus-visible,.l2-app input:focus-visible,.l2-app [tabindex]:focus-visible{outline:2px solid #C45E3A;outline-offset:2px}
.l2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.l2-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5C6B3F;flex-shrink:0}
.l2-dot.m{background:#8A9A6B}
.l2-dot.x{background:#C9B48A}
.l2-aviso{position:absolute;left:50%;bottom:14px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#1A1F1A;color:#F5EFE3;font-size:12.5px;line-height:1.35;padding:9px 14px;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.3);transition:opacity .35s,transform .35s cubic-bezier(.16,1,.3,1);white-space:nowrap;z-index:5;max-width:92%;overflow:hidden;text-overflow:ellipsis}
.l2-aviso.on{opacity:1;transform:translate(-50%,0)}
.l2-aviso b{color:#B8C29A;font-weight:600}

/* ── 16.1 · La consola del mes (Plan Growth) ── */
.l2-cons-tablero{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.l2-cons-col{background:rgba(26,31,26,.04);border-radius:12px;padding:8px 7px 7px;min-height:226px;display:flex;flex-direction:column;gap:6px}
.l2-cons-col > p{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin:0 2px 2px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.6);line-height:1.3}
.l2-cons-col > p em{font-style:normal;font-weight:600;color:#1A1F1A}
.l2-cons-col[data-col="2"]{background:rgba(196,94,58,.07)}
.l2-cons-col[data-col="3"]{background:rgba(92,107,63,.08)}
.l2-cons-pila{display:flex;flex-direction:column;gap:6px}
.l2-cons-card{position:relative;background:#fff;border:1px solid rgba(26,31,26,.1);border-radius:9px;padding:7px 8px 8px;box-shadow:0 2px 6px rgba(26,31,26,.06);will-change:transform}
.l2-cons-card .l2-cons-tag{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:rgba(26,31,26,.55);margin:0 0 4px}
.l2-cons-card b{display:block;font-size:12px;line-height:1.3;font-weight:600;color:#1A1F1A}
.l2-cons-ok{display:none;margin:7px 0 0;width:100%;appearance:none;border:0;border-radius:7px;background:#C45E3A;color:#fff;font:700 11.5px/1 'DM Sans',Calibri,sans-serif;padding:8px 6px;cursor:pointer;animation:l2-late-btn 1.6s ease-in-out infinite}
.l2-cons-col[data-col="2"] .l2-cons-card[data-aprobar] .l2-cons-ok{display:block}
.l2-cons-col[data-col="1"] .l2-cons-card::after{content:'';position:absolute;right:7px;top:8px;width:10px;height:10px;border-radius:50%;border:2px solid rgba(26,31,26,.18);border-top-color:#C45E3A;animation:l2-gira 1s linear infinite}
.l2-cons-col[data-col="3"] .l2-cons-card{padding:6px 8px;background:#fff}
.l2-cons-col[data-col="3"] .l2-cons-card .l2-cons-tag{display:none}
.l2-cons-col[data-col="3"] .l2-cons-card b{font-size:11.5px;padding-left:16px;position:relative}
.l2-cons-col[data-col="3"] .l2-cons-card b::before{content:'✓';position:absolute;left:0;top:0;color:#5C6B3F;font-weight:800}
.l2-cons-card.vivo b::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E9E57;margin-left:6px;vertical-align:1px;box-shadow:0 0 0 0 rgba(46,158,87,.5);animation:l2-latido 1.8s ease-out infinite}
.l2-cons-card.oculta{display:none}
.l2-cons-mas{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:rgba(26,31,26,.5);text-align:center;padding:2px 0}
.l2-cons-pie{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px 16px;align-items:center;margin:12px 0 0;padding:12px 4px 2px;border-top:1px solid rgba(26,31,26,.1)}
.l2-cons-kpi span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-cons-kpi b{display:block;font-family:var(--serif);font-size:28px;font-weight:800;line-height:1.05;color:#1A1F1A}
.l2-cons-barras{display:grid;gap:5px}
.l2-cons-barra{display:grid;grid-template-columns:76px minmax(0,1fr) 28px;gap:7px;align-items:center;font-size:11.5px;color:rgba(26,31,26,.72)}
.l2-cons-barra i{height:7px;border-radius:4px;background:rgba(26,31,26,.08);position:relative;overflow:hidden}
.l2-cons-barra i::after{content:'';position:absolute;inset:0;width:var(--w,0%);background:#5C6B3F;border-radius:4px;transition:width .5s ease}
.l2-cons-barra[data-camp="meta"] i::after{background:#8A9A6B}
.l2-cons-barra b{font-family:var(--mono);font-size:11px;text-align:right;color:#1A1F1A}
.l2-cons-barra.off{opacity:.3}
.l2-cons-linea{position:relative;height:18px;margin:10px 4px 0}
.l2-cons-linea::before{content:'';position:absolute;left:0;right:0;top:8px;height:2px;background:rgba(26,31,26,.1);border-radius:2px}
.l2-cons-linea i.prog{position:absolute;left:0;top:8px;height:2px;width:var(--p,0%);background:#C45E3A;border-radius:2px}
.l2-cons-linea span{position:absolute;top:0;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:rgba(26,31,26,.5);background:#FFFDF8;padding:0 4px;line-height:18px;white-space:nowrap}
.l2-cons-linea span:first-of-type{transform:none}
.l2-cons-linea span:last-of-type{transform:translateX(-100%)}
@keyframes l2-gira{to{transform:rotate(360deg)}}
@keyframes l2-latido{0%{box-shadow:0 0 0 0 rgba(46,158,87,.5)}100%{box-shadow:0 0 0 8px rgba(46,158,87,0)}}
@keyframes l2-late-btn{50%{box-shadow:0 0 0 4px rgba(196,94,58,.2)}}

/* ── 16.2 · El CRM en vivo (Plan Método CIMA) ── */
.l2-crm-tubo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.l2-crm-col{background:rgba(26,31,26,.04);border-radius:11px;padding:7px 6px 6px;min-height:196px;display:flex;flex-direction:column;gap:5px}
.l2-crm-col > p{display:flex;justify-content:space-between;align-items:baseline;gap:4px;margin:0 2px 2px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:rgba(26,31,26,.6)}
.l2-crm-col > p em{font-style:normal;font-weight:600;color:#1A1F1A}
.l2-crm-col[data-e="4"]{background:rgba(92,107,63,.1)}
.l2-crm-pila{display:flex;flex-direction:column;gap:5px}
.l2-crm-card{position:relative;background:#fff;border:1px solid rgba(26,31,26,.1);border-radius:8px;padding:6px 7px;box-shadow:0 2px 5px rgba(26,31,26,.06);will-change:transform;transition:opacity .4s}
.l2-crm-card b{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;line-height:1.2;color:#1A1F1A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l2-crm-card small{display:block;font-size:10.5px;color:rgba(26,31,26,.55);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l2-crm-card .l2-crm-auto{position:absolute;left:4px;right:4px;bottom:calc(100% + 3px);background:#1A1F1A;color:#F5EFE3;font-size:10px;line-height:1.25;padding:4px 6px;border-radius:6px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:3}
.l2-crm-card .l2-crm-auto::before{content:'⚡ ';color:#D89B3C}
.l2-crm-card.auto .l2-crm-auto{opacity:1;transform:none}
.l2-crm-col[data-e="4"] .l2-crm-card{border-color:rgba(92,107,63,.4)}
.l2-crm-col[data-e="4"] .l2-crm-card small{color:#3E4A29;font-weight:600}
.l2-crm-card.oculta{display:none}
.l2-crm-mas{font-family:var(--mono);font-size:9.5px;color:rgba(26,31,26,.5);text-align:center}
.l2-crm-perdidas{display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:8px 10px;border-radius:10px;border:1px dashed rgba(196,94,58,.45);background:rgba(196,94,58,.05);min-height:46px}
.l2-crm-perdidas > span{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#9A4123;flex-shrink:0}
.l2-crm-perdidas .l2-crm-pila{flex-direction:row;flex:1;min-width:0;overflow:hidden;gap:4px}
.l2-crm-perdidas .l2-crm-card{opacity:.55;flex:0 0 auto;max-width:96px;padding:4px 6px}
.l2-crm-perdidas .l2-crm-card small{display:none}
.l2-crm-perdidas > b{font-family:var(--serif);font-size:22px;font-weight:800;color:#9A4123;flex-shrink:0}
.l2-crm-pie{display:grid;grid-template-columns:repeat(3,auto) minmax(0,1fr);gap:8px 14px;align-items:end;margin:12px 0 0;padding:10px 4px 0;border-top:1px solid rgba(26,31,26,.1)}
.l2-crm-kpi span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-crm-kpi b{display:block;font-family:var(--serif);font-size:24px;font-weight:800;line-height:1.05;color:#1A1F1A}
.l2-crm-kpi.clave b{color:#3E4A29}
.l2-crm-ing{display:grid;gap:4px}
.l2-crm-ing p{margin:0;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-crm-ing div{display:grid;grid-template-columns:52px minmax(0,1fr) 58px;gap:6px;align-items:center;font-size:11px;color:rgba(26,31,26,.72)}
.l2-crm-ing i{height:7px;border-radius:4px;background:rgba(26,31,26,.08);position:relative;overflow:hidden}
.l2-crm-ing i::after{content:'';position:absolute;inset:0;width:var(--w,0%);background:#5C6B3F;transition:width .5s ease}
.l2-crm-ing div.m i::after{background:#8A9A6B}
.l2-crm-ing b{font-family:var(--mono);font-size:10.5px;text-align:right;color:#1A1F1A}
.l2-crm-vuelta{position:absolute;right:16px;top:14px;font-size:11px;font-weight:600;color:#3E4A29;background:rgba(92,107,63,.14);padding:6px 10px;border-radius:99px;opacity:0;transform:translateY(-4px);transition:opacity .3s,transform .3s;pointer-events:none}
.l2-crm-vuelta.on{opacity:1;transform:none}
.l2-crm[data-modo="sin"] .l2-crm-col[data-e="4"]{background:rgba(26,31,26,.04)}

/* ── 16.3 · La subasta (Google Ads) ── */
.l2-sub-buscador{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:99px;border:1px solid rgba(26,31,26,.14);box-shadow:0 2px 8px rgba(26,31,26,.08);background:#fff;margin:0 0 10px}
.l2-sub-buscador i.lupa{width:14px;height:14px;border:2px solid rgba(26,31,26,.45);border-radius:50%;position:relative;flex-shrink:0}
.l2-sub-buscador i.lupa::after{content:'';position:absolute;width:6px;height:2px;background:rgba(26,31,26,.45);right:-6px;bottom:-3px;transform:rotate(45deg)}
.l2-sub-q{font-size:15px;color:#1A1F1A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l2-sub-q::after{content:'';display:inline-block;width:1.5px;height:17px;background:#1A1F1A;margin-left:2px;vertical-align:-3px;animation:l2-cursor 1s steps(1) infinite}
@keyframes l2-cursor{50%{opacity:0}}
.l2-sub-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.l2-sub-chips button{appearance:none;border:1px solid rgba(26,31,26,.16);background:#fff;border-radius:99px;padding:7px 11px;font:500 12px/1.2 'DM Sans',Calibri,sans-serif;color:rgba(26,31,26,.75);cursor:pointer}
.l2-sub-chips button[aria-pressed="true"]{background:#1A1F1A;color:#F5EFE3;border-color:#1A1F1A}
.l2-sub-serp{display:grid;gap:6px;position:relative}
.l2-sub-ad{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;border:1px solid rgba(26,31,26,.08);background:#fff;will-change:transform}
.l2-sub-ad .pos{font-family:var(--serif);font-size:18px;font-weight:800;color:rgba(26,31,26,.4);text-align:center}
.l2-sub-ad .txt{min-width:0}
.l2-sub-ad .txt small{display:block;font-size:10.5px;color:rgba(26,31,26,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l2-sub-ad .txt small b{font-weight:700;color:#1A1F1A}
.l2-sub-ad .txt strong{display:block;font-size:13.5px;font-weight:600;color:#1A55B5;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l2-sub-ad .met{display:grid;grid-template-columns:auto auto;gap:2px 10px;justify-items:end;font-family:var(--mono);font-size:10px;color:rgba(26,31,26,.55)}
.l2-sub-ad .met b{font-size:12px;color:#1A1F1A;font-weight:600}
.l2-sub-qs{display:inline-flex;gap:2px;vertical-align:middle;margin-right:4px}
.l2-sub-qs i{width:4px;height:10px;border-radius:1px;background:rgba(26,31,26,.12);transition:background .3s}
.l2-sub-qs i.si{background:#5C6B3F}
.l2-sub-ad.tu{border:2px solid #C45E3A;background:#FFF8F3}
.l2-sub-ad.tu .pos{color:#C45E3A}
.l2-sub-ad.tu .txt small b{color:#C45E3A}
.l2-sub-ctrl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:10px 16px;align-items:end;margin:12px 0 0;padding:12px 2px 0;border-top:1px solid rgba(26,31,26,.1)}
.l2-sub-ctrl > div > p,.l2-sub-ctrl label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 7px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.6)}
.l2-sub-ctrl label output{font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:#1A1F1A}
.l2-sub-ctrl input[type=range]{width:100%;accent-color:#C45E3A}
.l2-sub-fact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 0}
.l2-sub-fact div{border-radius:9px;padding:7px 8px;background:rgba(26,31,26,.04);font-size:10.5px;line-height:1.3;color:rgba(26,31,26,.6)}
.l2-sub-fact div b{display:block;font-size:11.5px;color:#9A4123;margin-top:2px;transition:color .3s}
.l2-sub-fact div b.bien{color:#3E4A29}
.l2-sub-fact div b.medio{color:#7A4E18}
.l2-sub-res{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#1A1F1A;color:#F5EFE3;font-size:13px;line-height:1.5}
.l2-sub-res b{color:#B8C29A}
.l2-sub-res span{display:block;color:rgba(245,239,227,.7);font-size:12px;margin-top:2px}
.l2-sub-nota{margin:8px 2px 0;font-size:10.5px;line-height:1.45;color:rgba(26,31,26,.5)}

/* ── 16.4 · Tu especialidad, en un toque (médicos) ── */
.l2-espe-lista{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.l2-espe-lista button{appearance:none;border:1px solid rgba(26,31,26,.16);background:#fff;border-radius:99px;padding:8px 12px;font:600 12px/1.1 'DM Sans',Calibri,sans-serif;color:rgba(26,31,26,.72);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.l2-espe-lista button[aria-selected="true"]{background:#5C6B3F;color:#fff;border-color:#5C6B3F}
.l2-espe-ficha{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px}
.l2-espe-ficha[hidden]{display:none}
.l2-espe-col{display:grid;gap:10px;align-content:start}
.l2-espe-b{border-radius:12px;background:rgba(26,31,26,.04);padding:10px 12px}
.l2-espe-b > p.rot{margin:0 0 6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-espe-b > p.txt{margin:0;font-size:12.5px;line-height:1.45;color:rgba(26,31,26,.82)}
.l2-espe-q{display:grid;gap:5px}
.l2-espe-q span{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(26,31,26,.12);border-radius:99px;padding:6px 10px;font-size:12px;color:#1A1F1A;min-height:28px}
.l2-espe-q span::before{content:'';width:9px;height:9px;border:1.6px solid rgba(26,31,26,.4);border-radius:50%;flex-shrink:0}
.l2-espe-canal{display:inline-block;font-weight:700;font-size:12px;padding:5px 10px;border-radius:99px;background:#5C6B3F;color:#fff;margin:0 0 6px}
.l2-espe-canal.m{background:#8A9A6B;color:#1A1F1A}
.l2-espe-canal.gm{background:linear-gradient(90deg,#5C6B3F 0 50%,#8A9A6B 50% 100%);color:#fff}
.l2-espe-ad{background:#fff;border:1px solid rgba(26,31,26,.1);border-radius:10px;padding:9px 10px}
.l2-espe-ad span{font-size:10px;font-weight:700;color:#1A1F1A}
.l2-espe-ad b{display:block;font-size:13px;line-height:1.3;color:#1A55B5;font-weight:600;margin:2px 0}
.l2-espe-ad small{display:block;font-size:10.5px;color:#2E7D46}
.l2-espe-ad p{margin:4px 0 0;font-size:11.5px;line-height:1.4;color:rgba(26,31,26,.72)}
.l2-espe-tel{position:relative;width:100%;height:150px;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#45512E,#1A1F1A);display:flex;align-items:flex-end;padding:10px}
.l2-espe-tel::before{content:'';position:absolute;left:50%;top:38%;width:38px;height:38px;border-radius:50%;background:rgba(245,239,227,.18);transform:translate(-50%,-50%)}
.l2-espe-tel::after{content:'';position:absolute;left:50%;top:38%;transform:translate(-36%,-50%);border-left:12px solid #F5EFE3;border-top:8px solid transparent;border-bottom:8px solid transparent}
.l2-espe-tel span{position:relative;z-index:1;font-family:var(--serif);font-style:italic;font-size:13px;line-height:1.3;color:#F5EFE3}
.l2-espe-tel i{position:absolute;left:0;bottom:0;height:3px;width:0;background:#D89B3C}
.l2-espe-ficha.activa .l2-espe-tel i{animation:l2-avance 8s linear forwards}
@keyframes l2-avance{to{width:100%}}
.l2-espe-ficha.activa .l2-espe-b{animation:l2-entra .5s cubic-bezier(.16,1,.3,1) both}
.l2-espe-ficha.activa .l2-espe-col:last-child .l2-espe-b{animation-delay:.12s}
@keyframes l2-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ── 16.5 · La balanza de 12 meses (precios) ── */
.l2-bal-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 6px}
.l2-bal-graf{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.l2-bal-graf .barra{fill:rgba(26,31,26,.12);transition:fill .2s}
.l2-bal-graf .barra.arr{cursor:ns-resize}
.l2-bal-graf .barra.arr:hover,.l2-bal-graf .barra:focus{fill:rgba(196,94,58,.35);outline:none}
.l2-bal-graf .fija{fill:none;stroke:#5C6B3F;stroke-width:3;stroke-linejoin:round}
.l2-bal-graf .porc{fill:none;stroke:#C45E3A;stroke-width:3;stroke-linejoin:round;stroke-dasharray:6 4}
.l2-bal-graf .eje{font-family:var(--mono);font-size:10px;fill:rgba(26,31,26,.5)}
.l2-bal-graf .guia{stroke:rgba(26,31,26,.08);stroke-width:1}
.l2-bal-ley{display:flex;flex-wrap:wrap;gap:6px 14px;margin:4px 0 8px;font-size:11.5px;color:rgba(26,31,26,.7)}
.l2-bal-ley span{display:inline-flex;align-items:center;gap:6px}
.l2-bal-ley i{display:inline-block;width:16px;height:3px;border-radius:2px;background:#5C6B3F}
.l2-bal-ley i.p{background:repeating-linear-gradient(90deg,#C45E3A 0 6px,transparent 6px 9px)}
.l2-bal-ley i.a{height:9px;width:9px;background:rgba(26,31,26,.14)}
.l2-bal-ctrl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;align-items:end;padding:10px 2px 0;border-top:1px solid rgba(26,31,26,.1)}
.l2-bal-ctrl label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.6)}
.l2-bal-ctrl label output{font-family:var(--serif);font-size:16px;font-weight:700;letter-spacing:0;text-transform:none;color:#1A1F1A}
.l2-bal-ctrl input[type=range]{width:100%;accent-color:#C45E3A}
.l2-bal-escena{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:center;margin:12px 0 0}
.l2-bal-svg{display:block;width:100%;height:auto}
.l2-bal-svg .viga{transition:transform .9s cubic-bezier(.34,1.3,.64,1);transform-origin:110px 30px;transform-box:view-box}
.l2-bal-svg text{font-family:var(--mono);font-size:10px;fill:rgba(26,31,26,.6)}
.l2-bal-svg text.m{font-family:var(--serif);font-size:15px;font-weight:800;fill:#1A1F1A}
.l2-bal-lectura{margin:0;font-size:12.5px;line-height:1.5;color:rgba(26,31,26,.8)}
.l2-bal-lectura b{color:#1A1F1A}
.l2-bal-lectura em{font-style:normal;font-weight:700;color:#3E4A29}

/* ── Las piezas en el hero: columnas, celu y movimiento ── */
@media(max-width:900px){.l2-firma{justify-self:stretch;max-width:640px;margin:8px auto 0}}
@media(max-width:767px){
  .mv2 .recorrido .l2-firma{margin:6px 0 0}
  .l2-app{padding:12px 10px 10px;border-radius:14px}
  .l2-app-rot{font-size:12px;letter-spacing:.06em}
  .l2-seg button{font-size:13px;padding:9px 11px}
  .l2-aviso{font-size:13px;white-space:normal;text-align:center;width:88%}
  /* Consola: las cuatro columnas pasan a filas con fichas compactas */
  .l2-cons-tablero{grid-template-columns:1fr;gap:6px}
  .l2-cons-col{min-height:0;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:6px;padding:7px}
  .l2-cons-col > p{flex-direction:column;align-items:flex-start;gap:2px;margin:0;font-size:12px;letter-spacing:.04em}
  .l2-cons-pila{flex-direction:row;flex-wrap:wrap;gap:5px;min-height:30px;align-items:center}
  .l2-cons-card{padding:5px 8px}
  .l2-cons-card .l2-cons-tag{display:none}
  .l2-cons-card b,.l2-cons-col[data-col="3"] .l2-cons-card b{font-size:12.5px}
  .l2-cons-col[data-col="1"] .l2-cons-card::after{display:none}
  .l2-cons-ok{font-size:13px;padding:8px 10px;margin-top:5px}
  .l2-cons-mas{font-size:12px}
  .l2-cons-pie{grid-template-columns:1fr 1fr;gap:10px}
  .l2-cons-barras{grid-column:1/-1}
  .l2-cons-kpi span,.l2-cons-linea span{font-size:12px;letter-spacing:.04em}
  .l2-cons-barra{font-size:13px;grid-template-columns:88px minmax(0,1fr) 30px}
  .l2-cons-barra b{font-size:12.5px}
  /* CRM: las cinco etapas en filas */
  .l2-crm-tubo{grid-template-columns:1fr;gap:5px}
  .l2-crm-col{min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px;align-items:center;padding:6px 7px}
  .l2-crm-col > p{flex-direction:column;align-items:flex-start;gap:1px;margin:0;font-size:12px;letter-spacing:.03em}
  .l2-crm-pila{flex-direction:row;flex-wrap:nowrap;overflow:hidden;min-height:34px;align-items:center}
  .l2-crm-card{flex:0 0 auto;max-width:132px;padding:5px 7px}
  .l2-crm-card b{font-size:12.5px}
  .l2-crm-card small{display:none}
  .l2-crm-card .l2-crm-auto{display:none}
  .l2-crm-mas{font-size:12px}
  .l2-crm-perdidas > span{font-size:12px}
  .l2-crm-pie{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l2-crm-ing{grid-column:1/-1}
  .l2-crm-kpi span,.l2-crm-ing p{font-size:12px;letter-spacing:.04em}
  .l2-crm-kpi b{font-size:22px}
  .l2-crm-ing div{font-size:13px;grid-template-columns:62px minmax(0,1fr) 66px}
  .l2-crm-ing b{font-size:12.5px}
  .l2-crm-vuelta{font-size:12px;position:static;display:inline-block;margin:8px 0 0}
  /* Subasta */
  .l2-sub-chips button{font-size:13px;padding:8px 11px}
  .l2-sub-ad{grid-template-columns:20px minmax(0,1fr);gap:8px}
  .l2-sub-ad .met{grid-column:2;justify-items:start;grid-template-columns:repeat(3,auto);gap:0 12px;font-size:12px}
  .l2-sub-ad .met b{font-size:12.5px}
  .l2-sub-ad .txt small{font-size:12px}
  .l2-sub-ad .txt strong{font-size:14px;white-space:normal}
  .l2-sub-ctrl{grid-template-columns:1fr}
  .l2-sub-ctrl > div > p,.l2-sub-ctrl label{font-size:12px;letter-spacing:.04em}
  .l2-sub-fact div{font-size:12px}
  .l2-sub-fact div b{font-size:12.5px}
  .l2-sub-res{font-size:14px}
  .l2-sub-res span{font-size:13px}
  .l2-sub-nota{font-size:12px}
  /* Especialidades */
  .l2-espe-lista button{font-size:13px;padding:8px 11px}
  .l2-espe-ficha{grid-template-columns:1fr}
  .l2-espe-b > p.rot{font-size:12px;letter-spacing:.04em}
  .l2-espe-b > p.txt,.l2-espe-q span{font-size:14px}
  .l2-espe-canal{font-size:13px}
  .l2-espe-ad span{font-size:12px}
  .l2-espe-ad b{font-size:14px}
  .l2-espe-ad small{font-size:12px}
  .l2-espe-ad p{font-size:13px}
  .l2-espe-tel{height:96px}
  .l2-espe-tel::before{top:50%;left:auto;right:12px;transform:translateY(-50%)}
  .l2-espe-tel::after{top:50%;left:auto;right:23px;transform:translateY(-50%)}
  .l2-espe-tel span{font-size:14px;padding-right:56px}
  /* Balanza */
  .l2-bal-graf .eje{font-size:15px}
  .l2-bal-ley{font-size:13px}
  .l2-bal-ctrl{grid-template-columns:1fr}
  .l2-bal-ctrl label{font-size:12px;letter-spacing:.04em}
  .l2-bal-escena{grid-template-columns:1fr}
  .l2-bal-svg{max-width:300px;margin:0 auto}
  .l2-bal-svg text{font-size:12px}
  .l2-bal-lectura{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .l2-cons-ok,.l2-cons-card.vivo b::after,.l2-cons-col[data-col="1"] .l2-cons-card::after,.l2-sub-q::after{animation:none}
  .l2-espe-ficha.activa .l2-espe-b,.l2-espe-ficha.activa .l2-espe-tel i{animation:none}
  .l2-espe-ficha.activa .l2-espe-tel i{width:100%}
  .l2-bal-svg .viga,.l2-cons-barra i::after,.l2-crm-ing i::after,.l2-aviso,.l2-crm-card{transition:none}
}
.l2-bal-svg .plato{transition:transform .9s cubic-bezier(.34,1.3,.64,1)}
@media(prefers-reduced-motion:reduce){.l2-bal-svg .plato{transition:none}}
/* ── 16.6 · Lo que quedó alrededor de las piezas ── */
/* El alcance por plan, ahora fijo (el ciclo animado salió de las landings nuevas) */
.l2-alcance.siempre{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-top:32px}
.l2-alcance.siempre .l2-alc-fila{margin:0}
/* Los dolores sin el tablero: tarjetas en dos o tres columnas */
@media(min-width:768px){
  .v4-dolores.l2-sin-tablero{grid-template-columns:1fr}
  .l2-sin-tablero .dolores-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
  .l2-sin-tablero.l2-tres .dolores-lista{grid-template-columns:repeat(3,minmax(0,1fr))}
  .l2-sin-tablero .dolores-lista .dolor-fila{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"num titulo" "num texto";align-items:start}
  .l2-sin-tablero .dolores-lista .dolor-fila .rubro-num{font-size:34px;line-height:1.1}
}
@media(min-width:768px) and (max-width:1000px){.l2-sin-tablero.l2-tres .dolores-lista{grid-template-columns:1fr}}
/* El recibo, en la sección de los dos números */
.l2-recibo-caja.l2-en-seccion{margin:34px 0 0;padding-bottom:20px}
/* El aviso de la venta informada, dentro del bloque de ingresos */
.l2-crm-ing .l2-crm-vuelta{position:static;justify-self:start;margin:2px 0 0}
@media(max-width:767px){.l2-alcance.siempre{grid-template-columns:1fr;margin-top:24px}}
/* «+N más» va como <p> dentro de la columna: sin esto, el display:flex de los rótulos le gana a [hidden] */
.l2-cons-mas[hidden],.l2-crm-mas[hidden]{display:none !important}
.l2-cons-col > p.l2-cons-mas,.l2-crm-col > p.l2-crm-mas{display:block;text-transform:none;margin:0}
/* La automatización se anuncia adentro de la tarjeta, en lugar de flotar sobre la de arriba */
.l2-crm-card .l2-crm-auto{position:static;display:none;opacity:1;transform:none;margin:4px 0 0;padding:3px 5px;border-radius:5px;white-space:normal}
.l2-crm-card.auto .l2-crm-auto{display:block;animation:l2-entra .3s cubic-bezier(.16,1,.3,1) both}
.l2-crm-card.auto small{display:none}
@media(max-width:767px){.l2-crm-card.auto .l2-crm-auto{display:none}.l2-crm-card.auto{border-color:#D89B3C;box-shadow:0 0 0 2px rgba(216,155,60,.35)}}
/* Subasta: las tres cifras de cada anuncio en una fila (rótulo arriba, valor abajo) */
.l2-sub-ad{padding:7px 10px}
.l2-sub-ad .met{grid-template-columns:none;grid-template-rows:auto auto;grid-auto-flow:column;gap:0 14px;justify-items:end;align-items:baseline}
@media(max-width:767px){.l2-sub-ad .met{grid-template-columns:none;grid-template-rows:auto auto;grid-auto-flow:column;justify-items:start;justify-content:start}}
/* Subasta: el selector de destino toma su ancho y la puja ocupa el resto, sin pisarse */
.l2-sub-ctrl{grid-template-columns:auto minmax(150px,1fr)}
@media(max-width:767px){.l2-sub-ctrl{grid-template-columns:1fr}}
/* Subasta en el celu: títulos en una línea y sin los tres factores (el resumen ya explica la diferencia) */
@media(max-width:767px){.l2-sub-ad .txt strong{white-space:nowrap}.l2-sub-fact{display:none}.l2-sub-chips{margin-bottom:10px}}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   17 · ESCENAS POR SECCIÓN · Plan Growth (12-10-2026). Una escena viva por sección, ligada a lo
   que dice la sección. Preguntas, formulario y guías quedan sin escena. Lógica: landing-l2.js,
   módulos 8 a 12. En el celu, versiones compactas.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

/* ── 17.1 · El paquete del mes (01 · Qué incluye) ── */
.l2-paq{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px 28px;align-items:center;margin:0 0 24px;padding:20px 22px;border-radius:18px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03);text-align:left}
.l2-paq-caja{position:relative;width:130px;height:112px;justify-self:center}
.l2-paq-caja .base{position:absolute;left:10px;right:10px;bottom:0;height:64px;background:linear-gradient(160deg,#68774B,#45512E);border-radius:7px;box-shadow:0 16px 30px rgba(0,0,0,.25)}
.l2-paq-caja .base::after,.l2-paq-caja .tapa::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:14px;margin-left:-7px;background:#C45E3A}
.l2-paq-caja .tapa{position:absolute;left:4px;right:4px;bottom:60px;height:20px;background:#7D8C5E;border-radius:6px;transform-origin:6% 100%;transition:transform .9s cubic-bezier(.34,1.45,.64,1);box-shadow:0 4px 10px rgba(0,0,0,.2)}
.l2-paq-caja .tapa::after{background:#D2754F}
.l2-paq-caja b{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#F5EFE3;z-index:1}
.l2-paq-caja .brillo{position:absolute;left:50%;bottom:66px;width:90px;height:60px;margin-left:-45px;border-radius:50%;background:radial-gradient(closest-side,rgba(216,155,60,.55),transparent);opacity:0;transition:opacity .8s .2s}
.l2-paq.abierta .tapa{transform:rotate(-32deg) translate(-4px,-8px)}
.l2-paq.abierta .brillo{opacity:1}
.l2-paq-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.l2-paq-items li{display:flex;align-items:baseline;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03);opacity:0;transform:translateY(16px) scale(.94);transition:opacity .5s,transform .65s cubic-bezier(.34,1.35,.64,1),border-color .25s,background .25s}
.l2-paq.abierta .l2-paq-items li{opacity:1;transform:none}
.l2-paq-items li b{font-family:var(--serif);font-size:30px;font-weight:900;line-height:1;color:var(--tx);min-width:1.2em;white-space:nowrap}
.l2-paq-items li span{font-size:13.5px;line-height:1.35;color:rgba(var(--tx-rgb),calc(.76 + var(--tx-mas)))}
.l2-paq-items li:hover,.l2-paq-items li:focus-visible,.l2-paq-items li.on{border-color:var(--ac-t);background:rgba(var(--tx-rgb),.06);outline:none}
.l2-paq-pie{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:0;font-size:13px;color:rgba(var(--tx-rgb),calc(.62 + var(--tx-mas)))}
.l2-btn-mini{appearance:none;border:1px solid rgba(var(--tx-rgb),calc(.3 + var(--tx-mas) * .4));background:transparent;color:var(--tx);border-radius:99px;padding:7px 13px;font:600 12.5px/1 'DM Sans',Calibri,sans-serif;cursor:pointer}
.l2-btn-mini:hover{border-color:var(--ac-t)}
.l2-btn-mini:focus-visible{outline:2px solid var(--ac-t);outline-offset:2px}
.l2-inc li.l2-marca{color:var(--tx)}
.l2-inc li.l2-marca::before{background:var(--ac-t);box-shadow:0 0 0 4px rgba(196,94,58,.22)}

/* ── 17.2 · La ficha de una consulta (02 · Hasta dónde mide) ── */
.l2-ficha-zona{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:28px 40px;align-items:center;margin-top:32px}
.l2-ficha-zona .l2-alcance.siempre{grid-template-columns:1fr;margin:0}
.l2-ficha{background:#FFFDF8;color:#1A1F1A;border-radius:16px;padding:16px 18px 14px;box-shadow:0 30px 70px rgba(0,0,0,.35);font-family:'DM Sans',Calibri,sans-serif;text-align:left}
.l2-ficha-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.l2-ficha-cab > span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-ficha-quien{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.l2-ficha-quien i{width:36px;height:36px;border-radius:50%;background:#E8DFCC;display:grid;place-items:center;font:700 12px/1 'DM Sans',Calibri,sans-serif;color:#45512E;font-style:normal;flex-shrink:0}
.l2-ficha-quien b{display:block;font-family:var(--serif);font-size:19px;line-height:1.1}
.l2-ficha-quien small{display:block;font-size:11.5px;color:rgba(26,31,26,.55);margin-top:2px}
.l2-ficha dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr)}
.l2-ficha dt,.l2-ficha dd{padding:7px 0;border-top:1px solid rgba(26,31,26,.08);font-size:12.5px;line-height:1.3}
.l2-ficha dt{color:rgba(26,31,26,.58);padding-right:16px}
.l2-ficha dd{margin:0;text-align:right;font-weight:600;color:#1A1F1A}
.l2-ficha dd span{display:inline-block;opacity:0;transform:translateX(10px) scale(.96);transition:opacity .35s,transform .4s cubic-bezier(.34,1.4,.64,1)}
.l2-ficha dd.on span{opacity:1;transform:none}
.l2-ficha dd.on.sello span{padding:2px 9px;border-radius:99px;background:rgba(92,107,63,.14);color:#3E4A29}
.l2-ficha dd.gris span{opacity:1;transform:none;color:rgba(26,31,26,.38);font-weight:500;font-style:italic}
.l2-ficha .corte{grid-column:1/-1;margin:6px 0 0;padding:8px 0 2px;border-top:1px dashed rgba(196,94,58,.55);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#9A4123}
.l2-ficha-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 0}
.l2-ficha-pie small{font-size:11.5px;color:rgba(26,31,26,.55)}

/* ── 17.3 · El calendario de 30 días (03 · El primer mes) ── */
.l2-cal{background:#FFFDF8;color:#1A1F1A;border-radius:16px;padding:16px 16px 14px;box-shadow:0 30px 70px rgba(0,0,0,.3);margin:0 0 30px;text-align:left;font-family:'DM Sans',Calibri,sans-serif}
.l2-cal-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:8px 16px;flex-wrap:wrap;margin:0 0 12px}
.l2-cal-cab > div > span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-cal-cab b{font-family:var(--serif);font-size:19px}
.l2-cal-hoy{font-size:13px;color:#1A1F1A;background:rgba(196,94,58,.1);border-radius:99px;padding:6px 12px;min-height:30px}
.l2-cal-hoy b{font-family:'DM Sans',Calibri,sans-serif;font-size:13px;color:#9A4123}
.l2-cal-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0 0 4px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(26,31,26,.45);text-align:center}
.l2-cal-grilla{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.l2-cal-dia{position:relative;min-height:64px;border-radius:9px;background:rgba(26,31,26,.04);padding:6px 7px;transition:background .3s,box-shadow .3s;cursor:default}
.l2-cal-dia > em{font-style:normal;font-family:var(--mono);font-size:10px;color:rgba(26,31,26,.45)}
.l2-cal-dia.vacio{background:transparent;border:1px dashed rgba(26,31,26,.1)}
.l2-cal-dia.pasado{background:rgba(92,107,63,.1)}
.l2-cal-dia.hoy{box-shadow:inset 0 0 0 2px #C45E3A;background:#fff}
.l2-cal-hito{display:block;margin-top:4px;font-size:11px;line-height:1.25;font-weight:600;color:#1A1F1A;opacity:.28;transition:opacity .3s}
.l2-cal-dia.pasado .l2-cal-hito,.l2-cal-dia.hoy .l2-cal-hito{opacity:1}
.l2-cal-hito::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c,#5C6B3F);margin-right:5px;vertical-align:1px}
.l2-cal-dia.hoy .l2-cal-hito::before{animation:l2-latido 1.6s ease-out infinite}

/* ── 17.4 · El recorrido hasta la cima (05 · Para quién es) ── */
.l2-ruta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px 28px;align-items:center;margin:0 0 30px;padding:18px 20px;border-radius:18px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03);text-align:left}
.l2-ruta svg{display:block;width:100%;height:auto}
.l2-ruta .monte1{fill:rgba(var(--tx-rgb),.07)}
.l2-ruta .monte2{fill:rgba(var(--tx-rgb),.12)}
.l2-ruta .sol{fill:#D89B3C;opacity:.35}
.l2-ruta .sendero{fill:none;stroke:rgba(var(--tx-rgb),calc(.32 + var(--tx-mas) * .3));stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round}
.l2-ruta .hecho{fill:none;stroke:var(--ac-t);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.16,1,.3,1)}
.l2-ruta .parada{fill:rgba(var(--tx-rgb),.12);stroke:rgba(var(--tx-rgb),calc(.45 + var(--tx-mas) * .3));stroke-width:2;transition:fill .3s,stroke .3s}
.l2-ruta .parada.on{fill:var(--ac-t);stroke:var(--ac-t)}
.l2-ruta .caminante{transition:transform .9s cubic-bezier(.16,1,.3,1)}
.l2-ruta .caminante circle{fill:var(--ac-t);stroke:var(--tx-inv);stroke-width:3}
.l2-ruta .caminante path{fill:var(--ac-t)}
.l2-ruta .bandera{fill:var(--ac-s)}
.l2-ruta-paradas{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
.l2-ruta-paradas button{appearance:none;border:1px solid rgba(var(--tx-rgb),calc(.22 + var(--tx-mas) * .4));background:transparent;color:rgba(var(--tx-rgb),calc(.8 + var(--tx-mas)));border-radius:99px;padding:7px 11px;font:600 12px/1.15 'DM Sans',Calibri,sans-serif;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.l2-ruta-paradas button[aria-checked="true"]{background:var(--ac-t);border-color:var(--ac-t);color:#fff}
.l2-ruta-paradas button:focus-visible{outline:2px solid var(--ac-t);outline-offset:2px}
.l2-ruta-panel{min-height:170px}
.l2-ruta-panel > span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)))}
.l2-ruta-panel b{display:block;font-family:var(--serif);font-size:30px;font-weight:800;line-height:1.05;color:var(--tx);margin:6px 0 8px}
.l2-ruta-panel p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-ruta-panel a{font-weight:600;color:var(--ac-t);font-size:14.5px}
.l2-ruta-panel.cambia > *{animation:l2-entra .45s cubic-bezier(.16,1,.3,1) both}

/* ── 17.5 · Dónde va cada dólar (06 · Precio) ── */
.l2-dolar{margin:24px 0 0;padding:20px 22px;border-radius:18px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px 32px;align-items:center;text-align:left}
.l2-dolar label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.64 + var(--tx-mas)))}
.l2-dolar label output{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tx)}
.l2-dolar input[type=range]{width:100%;accent-color:var(--ac-t)}
.l2-dolar-tot{margin:12px 0 0;font-size:14px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.75 + var(--tx-mas)))}
.l2-dolar-tot b{color:var(--tx)}
.l2-dolar-mon{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:0 0 12px}
.l2-dolar-mon i{aspect-ratio:1;border-radius:50%;background:#5C6B3F;box-shadow:inset 0 -3px 0 rgba(0,0,0,.18);transition:background .35s;display:block}
.l2-dolar-mon i.fee{background:#C45E3A}
.l2-dolar-mon i.gira{animation:l2-moneda .5s ease}
@keyframes l2-moneda{50%{transform:scaleX(.1)}}
.l2-dolar-ley{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:rgba(var(--tx-rgb),calc(.76 + var(--tx-mas)))}
.l2-dolar-ley span{display:inline-flex;align-items:center;gap:7px}
.l2-dolar-ley i{width:11px;height:11px;border-radius:50%;background:#5C6B3F}
.l2-dolar-ley i.fee{background:#C45E3A}
.l2-dolar-ley b{color:var(--tx)}
.l2-dolar-lectura{grid-column:1/-1;margin:0;padding:12px 0 0;border-top:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));font-size:14px;line-height:1.6;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-dolar-lectura b{color:var(--tx)}

/* ── Compu intermedia y celu ── */
@media(max-width:1000px){
  .l2-paq-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l2-ficha-zona,.l2-ruta,.l2-dolar{grid-template-columns:1fr}
}
@media(max-width:767px){
  .l2-paq{grid-template-columns:76px minmax(0,1fr);padding:14px;gap:12px;margin-bottom:18px}
  .l2-paq-caja{transform:scale(.58);transform-origin:0 50%;width:130px;height:112px;margin-right:-54px}
  .l2-paq-items{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px}
  .l2-paq-items li{padding:8px 10px;gap:8px}
  .l2-paq-items li b{font-size:24px}
  .l2-paq-items li span{font-size:13px}
  .l2-paq-pie{font-size:13px}
  .l2-paq-caja + .l2-paq-items{grid-row:2}
  .l2-ficha{padding:14px 14px 12px}
  .l2-ficha-cab > span,.l2-ficha .corte{font-size:12px;letter-spacing:.05em}
  .l2-ficha dt,.l2-ficha dd{font-size:14px}
  .l2-ficha-quien small,.l2-ficha-pie small{font-size:12.5px}
  .l2-cal{padding:12px 10px}
  .l2-cal-cab > div > span{font-size:12px;letter-spacing:.05em}
  .l2-cal-sem{font-size:12px;gap:3px}
  .l2-cal-grilla{gap:3px}
  .l2-cal-dia{min-height:40px;padding:4px}
  .l2-cal-dia > em{font-size:12px}
  .l2-cal-hito{font-size:0;margin-top:2px}
  .l2-cal-hito::before{width:8px;height:8px;margin:0}
  .l2-cal-hoy,.l2-cal-hoy b{font-size:14px}
  .l2-ruta{padding:14px}
  .l2-ruta-paradas button{font-size:13px;padding:8px 11px}
  .l2-ruta-panel{min-height:0}
  .l2-ruta-panel > span{font-size:12px;letter-spacing:.06em}
  .l2-ruta-panel b{font-size:26px}
  .l2-ruta-panel p,.l2-ruta-panel a{font-size:15.5px}
  .l2-dolar{padding:16px 14px}
  .l2-dolar label{font-size:12px;letter-spacing:.05em}
  .l2-dolar-ley{font-size:14px}
  .l2-dolar-lectura,.l2-dolar-tot{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .l2-paq-caja .tapa,.l2-paq-items li,.l2-ficha dd span,.l2-ruta .hecho,.l2-ruta .caminante,.l2-dolar-mon i,.l2-cal-dia{transition:none}
  .l2-dolar-mon i.gira,.l2-cal-dia.hoy .l2-cal-hito::before,.l2-ruta-panel.cambia > *{animation:none}
}
.l2-ruta svg{color:var(--tx)}
.l2-ficha .corte{grid-column:auto}
/* Calendario: los días que ya pasaron se distinguen mejor */
.l2-cal-dia.pasado{background:rgba(92,107,63,.2)}
.l2-cal-dia.pasado > em{color:#3E4A29;font-weight:600}
.l2-cal-dia.pasado > em::after{content:' ✓';color:#5C6B3F}
@media(max-width:767px){.l2-paq-caja b{display:none}}

/* ═══════════════════════════════════════════════════════════════════════════════════════════
   18 · ESCENAS POR SECCIÓN · Plan Método CIMA (13-10-2026). 01 el cruce · 02 las 10 capas ·
   03 la atribución · 04 las fugas (en lugar de la cadena del motor v4) · 05 la conexión ·
   07 el volumen · 08 lo que cuesta perder una consulta. Las «islas» (.l2-isla) son papel claro
   en los dos modos; los «marcos» (.l2-marco) toman los colores de la sección. Lógica:
   landing-l2.js, módulos 13 a 19. En el celu, versiones compactas y táctiles.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */
.l2-isla{background:#FFFDF8;color:#1A1F1A;border-radius:16px;padding:16px 18px 14px;box-shadow:0 30px 70px rgba(0,0,0,.3);font-family:'DM Sans',Calibri,sans-serif;text-align:left}
.l2-isla-cab{display:flex;justify-content:space-between;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 14px}
.l2-isla-cab > span,.l2-isla-cab > div > span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-isla-cab > div > b{display:block;font-family:var(--serif);font-size:18px;line-height:1.2;margin-top:3px}
.l2-isla-lectura{margin:14px 0 0;padding:11px 0 0;border-top:1px solid rgba(26,31,26,.09);font-size:13.5px;line-height:1.55;color:rgba(26,31,26,.76);min-height:3.3em}
.l2-isla-lectura b{color:#1A1F1A}
.l2-isla-lectura.cambia{animation:l2-entra .45s cubic-bezier(.16,1,.3,1) both}
.l2-marco{padding:20px 22px;border-radius:18px;border:1px solid rgba(var(--tx-rgb),calc(.14 + var(--tx-mas) * .3));background:rgba(var(--tx-rgb),.03);text-align:left}
.l2-pt{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5C6B3F;flex-shrink:0}
.l2-pt.m{background:#C45E3A}
.l2-pt.w{background:#2E9E57}
.l2-pt.x{background:#C9B48A}

/* ── 18.1 · El cruce (01 · Lo que no muestra el reporte) ── */
.l2-cruce{margin:34px 0 0}
.l2-cruce-mesa{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(40px,.45fr) minmax(0,1fr);align-items:stretch}
.l2-cruce-col{display:flex;flex-direction:column;min-width:0}
.l2-cruce-col:last-child{grid-column:3}
.l2-cruce-rot{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,31,26,.55)}
.l2-cruce-rot b{font-family:'DM Sans',Calibri,sans-serif;font-size:12.5px;letter-spacing:0;text-transform:none;font-weight:600;color:#1A1F1A}
.l2-cruce ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:6px}
.l2-cruce-caja{justify-content:space-evenly}
.l2-cruce li{position:relative;padding:7px 10px;border-radius:10px;background:rgba(26,31,26,.045);border:1px solid transparent;transition:opacity .45s,border-color .45s,background .45s}
.l2-cruce li b{display:block;font-size:13px;line-height:1.25}
.l2-cruce li span{display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:1.3;color:rgba(26,31,26,.62)}
.l2-cruce-caja li b{font-family:var(--serif);font-size:18px;font-weight:800}
.l2-cruce-caja [data-orig]{font-style:italic}
.l2-cruce.con .l2-cruce-caja [data-orig]{font-style:normal;color:#1A1F1A;font-weight:600}
.l2-cruce.con .l2-cruce-cons li:not(.compro){opacity:.4}
.l2-cruce.con .l2-cruce-cons li.compro{border-color:rgba(196,94,58,.55);background:rgba(196,94,58,.08)}
.l2-cruce.con .l2-cruce-caja li{border-color:rgba(92,107,63,.5);background:rgba(92,107,63,.09)}
.l2-cruce-hilos{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.l2-cruce-hilos path{fill:none;stroke:#C45E3A;stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1)}
.l2-cruce-duda{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:46px;font-weight:800;line-height:1;color:rgba(26,31,26,.16);transition:opacity .4s;pointer-events:none}
.l2-cruce.con .l2-cruce-duda{opacity:0}

/* ── 18.2 · Las 10 capas (02 · Qué incluye) ── */
.l2-capas{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px 34px;align-items:end;margin:0 0 26px}
.l2-capas-torre{display:flex;flex-direction:column;width:100%;max-width:460px}
.l2-capas-pila{list-style:none;margin:0;padding:0;display:flex;flex-direction:column-reverse;gap:4px}
.l2-capas-pila li{height:27px;display:flex;align-items:center;margin:0 calc(var(--k,0) * 7px);padding:0 12px;border-radius:7px;font-size:12.5px;font-weight:600;line-height:1;color:#1A1F1A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#E8B87A;box-shadow:inset 0 -3px 0 rgba(0,0,0,.1);opacity:0;transform:translateY(-42px);transition:opacity .25s,transform .6s cubic-bezier(.34,1.5,.64,1),box-shadow .2s;cursor:pointer}
.l2-capas-pila li[data-g="s"]{background:#B8C29A}
.l2-capas-pila li[data-g="i"]{background:#E3A58A}
.l2-capas-pila li.on{opacity:1;transform:none}
.l2-capas-pila li:hover,.l2-capas-pila li.marca{box-shadow:inset 0 -3px 0 rgba(0,0,0,.1),0 0 0 2px var(--ac-t)}
.l2-capas-base{margin-top:4px;padding:12px 14px;border-radius:9px;background:linear-gradient(160deg,#68774B,#45512E);color:#F5EFE3;display:flex;justify-content:space-between;align-items:baseline;gap:10px;box-shadow:0 14px 28px rgba(0,0,0,.22)}
.l2-capas-base b{font-family:var(--serif);font-size:19px}
.l2-capas-base span{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,239,227,.82)}
.l2-capas-cuenta{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}
.l2-capas-cuenta b{font-family:var(--serif);font-size:72px;font-weight:900;line-height:.9;color:var(--tx);min-width:1.3em}
.l2-capas-cuenta span{font-size:15px;color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)))}
.l2-capas-ley{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
.l2-capas-ley li{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(var(--tx-rgb),calc(.8 + var(--tx-mas)))}
.l2-capas-ley li b{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--tx)}
.l2-capas-ley i{width:14px;height:14px;border-radius:4px;background:#E8B87A;flex-shrink:0}
.l2-capas-ley i[data-g="s"]{background:#B8C29A}
.l2-capas-ley i[data-g="i"]{background:#E3A58A}
.l2-capas-pie{margin:0 0 12px;font-size:13px;line-height:1.5;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)))}

/* ── 18.3 · La atribución (03 · Hasta dónde mide) ── */
.l2-atrib{margin:30px 0 0}
.l2-atrib-caja{display:flex;align-items:center;gap:12px;min-height:46px;padding:8px 14px;border-radius:12px;background:#1A1F1A;margin:0 0 10px}
.l2-atrib-caja > span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,239,227,.7);white-space:nowrap}
.l2-atrib-cola{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:28px}
.l2-atrib-ficha{display:inline-block;padding:6px 10px;border-radius:99px;background:#D89B3C;color:#1A1F1A;font:600 12px/1 'DM Sans',Calibri,sans-serif;font-style:normal;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.l2-atrib-cajones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.l2-atrib-cajon{display:flex;flex-direction:column;gap:3px;padding:10px;border-radius:12px;border:1px solid rgba(26,31,26,.1);background:rgba(26,31,26,.03);min-height:156px;transition:opacity .35s,border-color .35s,box-shadow .35s}
.l2-atrib-cajon p{margin:0;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.25}
.l2-atrib-cajon small{font-size:11.5px;color:rgba(26,31,26,.55)}
.l2-atrib-pila{flex:1;display:flex;flex-wrap:wrap;align-content:flex-end;gap:4px;min-height:44px;padding:4px 0}
.l2-atrib-cajon > b{font-family:var(--serif);font-size:21px;font-weight:800;line-height:1}
.l2-atrib-cajon.sin{border-style:dashed;background:rgba(26,31,26,.05)}
.l2-atrib.growth .l2-atrib-cajon:not(.sin) > b{color:rgba(26,31,26,.32)}
.l2-atrib.metodo .l2-atrib-cajon.sin{opacity:.5}
.l2-atrib-cajon.gana{border-color:#5C6B3F;box-shadow:inset 0 0 0 1px #5C6B3F;background:rgba(92,107,63,.08)}

/* ── 18.4 · Las fugas (04 · La cadena completa) ── */
.l2-fugas{margin:0 0 34px}
.l2-fugas-et{display:grid;grid-template-columns:170px minmax(0,1fr) 84px;align-items:center;gap:14px;padding:5px 0}
.l2-fugas-et .n{margin:0;font-size:14px;font-weight:600;line-height:1.2}
.l2-fugas-et .n small{display:block;font-weight:400;font-size:11.5px;color:rgba(26,31,26,.55);margin-top:2px}
.l2-fugas-tubo{position:relative;height:24px;border-radius:6px;background:rgba(26,31,26,.05)}
.l2-fugas-tubo > i{position:absolute;left:0;top:0;bottom:0;width:var(--w,100%);border-radius:6px;background:repeating-linear-gradient(90deg,#5C6B3F 0 16px,#6E7D50 16px 32px);background-size:32px 100%;animation:l2-flujo 1.1s linear infinite;transition:width .9s cubic-bezier(.16,1,.3,1)}
@keyframes l2-flujo{to{background-position:32px 0}}
.l2-fugas-gotas{position:absolute;top:60%;left:min(calc(var(--w,100%) + 4px),calc(100% - 14px));width:14px;height:0;transition:left .9s cubic-bezier(.16,1,.3,1)}
.l2-fugas-gotas i{position:absolute;left:0;top:0;width:6px;height:8px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#C45E3A;opacity:0;animation:l2-gota 1s ease-in infinite}
@keyframes l2-gota{0%{transform:translate(0,-4px);opacity:0}15%{opacity:1}100%{transform:translate(7px,24px);opacity:0}}
.l2-fugas-et .f{margin:0;text-align:right;line-height:1.1;display:flex;flex-direction:column;align-items:flex-end}
.l2-fugas-et .f b{font-family:var(--serif);font-size:21px;font-weight:800}
.l2-fugas-et .f em{font-style:normal;font-size:12px;font-weight:700;color:#9A4123}
.l2-fugas.con .l2-fugas-et .f em{color:#5C6B3F}
.l2-fugas-et.entra .l2-fugas-tubo > i{background:repeating-linear-gradient(90deg,#45512E 0 16px,#5C6B3F 16px 32px);background-size:32px 100%}
.l2-fugas-sale{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:baseline;margin:12px 0 0;padding:12px 14px;border-radius:12px;background:rgba(196,94,58,.09);transition:background .5s}
.l2-fugas.con .l2-fugas-sale{background:rgba(92,107,63,.13)}
.l2-fugas-sale p{margin:0;font-size:14px;color:rgba(26,31,26,.75)}
.l2-fugas-sale b{font-family:var(--serif);font-size:26px;font-weight:900;color:#1A1F1A;margin-right:4px}
.l2-fugas.pausa .l2-fugas-tubo > i,.l2-fugas.pausa .l2-fugas-gotas i{animation-play-state:paused}

/* ── 18.5 · La conexión (05 · El primer mes) ── */
.l2-conex{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:18px 30px;align-items:center;margin:0 0 30px}
.l2-conex-mapa{position:relative;width:100%;aspect-ratio:560/260}
.l2-conex-mapa svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.l2-conex .cable{fill:none;vector-effect:non-scaling-stroke;stroke:rgba(var(--tx-rgb),calc(.3 + var(--tx-mas) * .3));stroke-width:2.5;stroke-dasharray:4 7;stroke-linecap:round;transition:stroke .45s,stroke-width .45s}
.l2-conex .cable.on{stroke:var(--ac-s);stroke-width:3.5;stroke-dasharray:none}
.l2-conex .pulso{fill:var(--ac-t)}
.l2-conex .pulso.vuelta{fill:#D89B3C}
.l2-conex-nodo{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;background:#FFFDF8;color:#1A1F1A;font:600 13px/1 'DM Sans',Calibri,sans-serif;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.2);opacity:.55;transition:opacity .45s,transform .45s cubic-bezier(.34,1.4,.64,1)}
.l2-conex-nodo.on{opacity:1}
.l2-conex-nodo.late{transform:translate(-50%,-50%) scale(1.08)}
.l2-conex-nodo.crm{flex-direction:column;gap:3px;padding:12px 18px;border-radius:14px;background:#1A1F1A;color:#F5EFE3;font:800 18px/1 var(--serif);opacity:1;box-shadow:0 10px 24px rgba(0,0,0,.25),0 0 0 1px rgba(245,239,227,.22)}
.l2-conex-nodo.crm small{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#B8C29A}
.l2-conex-sem{display:inline-flex;gap:4px;margin:0 0 12px;padding:3px;border-radius:99px;border:1px solid rgba(var(--tx-rgb),calc(.2 + var(--tx-mas) * .4))}
.l2-conex-sem button{appearance:none;border:0;background:transparent;color:rgba(var(--tx-rgb),calc(.75 + var(--tx-mas)));font:600 12.5px/1 'DM Sans',Calibri,sans-serif;padding:8px 12px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}
.l2-conex-sem button[aria-checked="true"]{background:var(--ac-t);color:#fff}
.l2-conex-sem button:focus-visible{outline:2px solid var(--ac-t);outline-offset:2px}
.l2-conex-panel span[data-k="rot"]{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)))}
.l2-conex-panel b[data-k="tit"]{display:block;font-family:var(--serif);font-size:24px;font-weight:800;line-height:1.1;color:var(--tx);margin:5px 0 8px}
.l2-conex-panel p{margin:0;font-size:14.5px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-conex-panel .cambia > *{animation:l2-entra .45s cubic-bezier(.16,1,.3,1) both}
.l2-conex-panel p.l2-conex-cuenta{margin-top:12px;padding-top:10px;border-top:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));font-size:13.5px}
.l2-conex-cuenta b{font-family:var(--serif);font-size:20px;color:var(--tx)}

/* ── 18.6 · El volumen (07 · Para quién es) ── */
.l2-vol{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px 34px;align-items:center;margin:0 0 30px}
.l2-vol label,.l2-perder label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.64 + var(--tx-mas)))}
.l2-vol label output,.l2-perder label output{font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tx)}
.l2-vol input[type=range],.l2-perder input[type=range]{width:100%;accent-color:var(--ac-t);margin:0 0 6px}
.l2-vol-puntos,.l2-perder-puntos{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;margin:12px 0 8px}
.l2-vol-puntos i,.l2-perder-puntos i{aspect-ratio:1;border-radius:50%;background:rgba(var(--tx-rgb),.06);transition:background .3s,transform .3s,box-shadow .3s;display:block}
.l2-vol-puntos i.on{background:var(--ac-s)}
.l2-vol-puntos i.on.sobra{background:transparent;box-shadow:inset 0 0 0 2px var(--ac-t)}
.l2-vol-puntos i.corte{position:relative}
.l2-vol-puntos i.corte::after{content:'';position:absolute;right:-3px;top:-3px;bottom:-3px;width:2px;background:var(--ac-t);border-radius:2px}
.l2-vol-ley,.l2-perder-ley{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;font-size:12.5px;color:rgba(var(--tx-rgb),calc(.66 + var(--tx-mas)))}
.l2-vol-ley span,.l2-perder-ley span{display:inline-flex;align-items:center;gap:6px}
.l2-vol-ley i,.l2-perder-ley i{width:10px;height:10px;border-radius:50%;background:var(--ac-s)}
.l2-vol-ley i.sobra{background:transparent;box-shadow:inset 0 0 0 2px var(--ac-t)}
.l2-vol-eq{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 0 0;border-top:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));font-size:13.5px;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-marco .l2-seg{background:rgba(var(--tx-rgb),.08)}
.l2-marco .l2-seg button{color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)))}
.l2-marco .l2-seg button[aria-checked="true"]{background:var(--tx);color:var(--tx-inv)}
.l2-vol-panel > span{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--tx-rgb),calc(.6 + var(--tx-mas)))}
.l2-vol-panel b{display:block;font-family:var(--serif);font-size:30px;font-weight:800;line-height:1.05;color:var(--tx);margin:6px 0 8px}
.l2-vol-panel p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-vol-panel a{font-weight:600;color:var(--ac-t);font-size:14.5px}
.l2-vol-panel small{display:block;margin-top:12px;font-size:12.5px;color:rgba(var(--tx-rgb),calc(.55 + var(--tx-mas)))}
.l2-vol-panel.cambia > *{animation:l2-entra .45s cubic-bezier(.16,1,.3,1) both}

/* ── 18.7 · Lo que cuesta perder una consulta (08 · Precio) ── */
.l2-perder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 34px;align-items:center;margin:26px 0 0}
.l2-perder input + label{margin-top:10px}
.l2-perder-puntos i.on{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(var(--tx-rgb),calc(.45 + var(--tx-mas) * .3))}
.l2-perder-puntos i.on.compra{background:var(--ac-t);box-shadow:none;transform:scale(1.12)}
.l2-perder-ley i{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(var(--tx-rgb),calc(.45 + var(--tx-mas) * .3))}
.l2-perder-ley i.compra{background:var(--ac-t);box-shadow:none}
.l2-perder-barra{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;margin:0 0 14px}
.l2-perder-barra > span{grid-column:1/-1;font-size:13px;color:rgba(var(--tx-rgb),calc(.7 + var(--tx-mas)))}
.l2-perder-barra > div{height:16px;border-radius:99px;background:rgba(var(--tx-rgb),.08);overflow:hidden}
.l2-perder-barra i{display:block;height:100%;width:var(--w,50%);border-radius:99px;background:var(--ac-t);transition:width .6s cubic-bezier(.16,1,.3,1)}
.l2-perder-barra.tarifa i{background:var(--ac-s)}
.l2-perder-barra b{font-family:var(--serif);font-size:20px;font-weight:800;color:var(--tx);min-width:5.4em;text-align:right}
.l2-perder-lectura{margin:4px 0 0;padding:12px 0 0;border-top:1px solid rgba(var(--tx-rgb),calc(.12 + var(--tx-mas) * .3));font-size:14px;line-height:1.6;color:rgba(var(--tx-rgb),calc(.78 + var(--tx-mas)))}
.l2-perder-lectura b{color:var(--tx)}
.l2-perder-lectura a{color:var(--ac-t);font-weight:600}

/* ── Compu intermedia y celu ── */
@media(max-width:1000px){
  .l2-capas,.l2-conex,.l2-vol,.l2-perder{grid-template-columns:1fr}
  .l2-atrib-cajones{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .l2-isla{padding:14px 12px 12px}
  .l2-isla-cab > span,.l2-isla-cab > div > span{font-size:12px;letter-spacing:.05em}
  .l2-isla-cab > div > b{font-size:17px}
  .l2-isla-lectura{font-size:14.5px}
  .l2-marco{padding:16px 14px}
  .l2-cruce-mesa{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}
  .l2-cruce-rot{font-size:12px;letter-spacing:.04em}
  .l2-cruce-rot b{font-size:13px}
  .l2-cruce li{padding:6px 8px}
  .l2-cruce li b{font-size:13.5px}
  .l2-cruce li span{font-size:12px;gap:5px}
  .l2-cruce-caja li b{font-size:17px}
  .l2-cruce-duda{font-size:34px}
  .l2-capas{gap:16px}
  .l2-capas-pila li{height:28px;font-size:13px;margin:0 calc(var(--k,0) * 4px)}
  .l2-capas-base span{font-size:12px;letter-spacing:.05em}
  .l2-capas-lado{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center}
  .l2-capas-cuenta{grid-row:span 2;flex-direction:column;align-items:flex-start;gap:2px;margin:0}
  .l2-capas-cuenta b{font-size:56px}
  .l2-capas-ley{margin:0}
  .l2-capas-pie{grid-column:1/-1;margin:6px 0 4px;font-size:13.5px}
  .l2-capas-lado .l2-btn-mini{grid-column:1/-1;justify-self:start;font-size:13px}
  .l2-atrib-caja > span{font-size:12px;letter-spacing:.05em}
  .l2-atrib-cajon{min-height:140px;padding:9px}
  .l2-atrib-cajon p{font-size:13px}
  .l2-atrib-cajon small{font-size:12px}
  .l2-atrib-cajon > b{font-size:19px}
  .l2-fugas-et{grid-template-columns:92px minmax(0,1fr) 54px;gap:8px;padding:3px 0}
  .l2-fugas-et .n small{display:none}
  .l2-conex-mapa{aspect-ratio:560/330}
  .l2-atrib-ficha{padding:5px 8px}
  .l2-perder-puntos,.l2-perder-ley{display:none}
  .l2-capas-pila{gap:3px}
  .l2-capas-pila li{height:24px}
  .l2-cruce ul{gap:4px}
  .l2-cruce li{padding:5px 8px}
  .l2-isla-lectura{min-height:0}
  .l2-atrib-cajon{min-height:118px}
  .l2-fugas-et .n{font-size:13.5px}
  .l2-fugas-et .n small{font-size:12px}
  .l2-fugas-et .f b{font-size:19px}
  .l2-fugas-tubo{height:20px}
  .l2-fugas-sale p{font-size:14px}
  .l2-fugas-sale b{font-size:23px}
  .l2-conex-nodo{padding:5px 8px;gap:5px;font-size:12px}
  .l2-conex-nodo.crm{padding:8px 12px;font-size:15px}
  .l2-conex-nodo.crm small{font-size:12px;letter-spacing:.04em}
  .l2-conex-sem button{font-size:13px;padding:8px 13px}
  .l2-conex-panel span[data-k="rot"]{font-size:12px;letter-spacing:.06em}
  .l2-conex-panel b[data-k="tit"]{font-size:22px}
  .l2-conex-panel p{font-size:15px}
  .l2-vol label,.l2-perder label{font-size:12px;letter-spacing:.05em}
  .l2-vol-puntos,.l2-perder-puntos{gap:3px}
  .l2-vol-ley,.l2-perder-ley{font-size:13px}
  .l2-vol-eq{font-size:14px}
  .l2-vol-panel > span{font-size:12px;letter-spacing:.06em}
  .l2-vol-panel b{font-size:26px}
  .l2-vol-panel p,.l2-vol-panel a{font-size:15px}
  .l2-vol-panel small{font-size:13px}
  .l2-perder-barra > span{font-size:13.5px}
  .l2-perder-lectura{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .l2-cruce li,.l2-cruce-hilos path,.l2-capas-pila li,.l2-atrib-cajon,.l2-fugas-tubo > i,.l2-fugas-gotas,.l2-conex .cable,.l2-conex-nodo,.l2-perder-barra i,.l2-vol-puntos i,.l2-perder-puntos i{transition:none}
  .l2-fugas-tubo > i,.l2-fugas-gotas i,.l2-isla-lectura.cambia,.l2-conex-panel .cambia > *,.l2-vol-panel.cambia > *{animation:none}
  .l2-fugas-gotas i{opacity:.8;transform:translate(3px,8px)}
}
