/* =====================================================
   LEOZIRA.COM · ETAPA 2 · BLOQUES A y B (solo el inicio)
   A = Diagnóstico de Google (#revisar) · B = Impacto económico (#calculadora)
   Va DESPUÉS de inicio.css y hero.css. Todo cuelga de .e2-zona.
   Mismo sistema que el hero: navy #0D1B2E / #16283F, cian #3FD8FF,
   ámbar #FFB000, rojo oficial de los botones, letra Inter.
   Letra: nunca menos de 16 px (14 px solo en notas secundarias).
   ===================================================== */
.e2-zona{
  --fondo:#0a1630; --fondo-2:#0d1b2e; --sup:#0e2040; --sup-2:#13294d;
  --linea:rgba(110,168,255,.30); --texto:#fff; --suave:#DCE6F8;
  --sodio:#FFB000; --sodio-2:#FFC94D; --rojo-2:#FF6B5E;
  --e2-vidrio:linear-gradient(160deg,rgba(13,30,62,.92),rgba(7,15,34,.94));
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  font-family:'Inter Hero','Inter',system-ui,sans-serif;
  background:
    radial-gradient(700px 420px at 88% 8%,rgba(63,216,255,.13),transparent 70%),
    radial-gradient(640px 380px at 4% 52%,rgba(255,138,31,.12),transparent 70%),
    radial-gradient(560px 360px at 96% 88%,rgba(255,176,0,.10),transparent 70%),
    linear-gradient(180deg,#050b1c 0%,#08142b 45%,#07112a 100%);
}
.e2-zona [hidden]{display:none!important}
.e2-fondo{position:absolute;inset:0 0 auto 0;height:min(980px,55%);z-index:-1;pointer-events:none}
.e2-fondo picture{display:contents}
.e2-fondo{background:radial-gradient(60% 70% at 78% 30%,rgba(63,140,255,.18),transparent 70%),radial-gradient(40% 50% at 12% 20%,rgba(255,176,0,.08),transparent 70%),linear-gradient(180deg,#050b1c 0%,#07112a 100%)}

.e2.seccion{padding:72px 0;background:none;border:0}
.e2 .wrap{max-width:1240px}
.e2 .eyebrow,.e2 .cabeza .eyebrow,#revisar .cabeza .eyebrow{display:inline-flex;text-transform:uppercase;font-weight:700;color:var(--h2-cian);font-size:16px;letter-spacing:.11em;margin-bottom:12px}
.e2 h2{font-family:'Inter Hero','Inter',system-ui,sans-serif;font-weight:800;font-size:clamp(28px,3.5vw,46px);line-height:1.06;letter-spacing:-.025em;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.e2 h2 em{font-style:normal;background:linear-gradient(180deg,#FFCB5C 0%,#FFB000 48%,#FF8A1F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,160,20,.3))}
.e2 h3{font-family:'Inter Hero','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.01em}
.e2 .cabeza{margin-bottom:0}
.e2 .cabeza>p:not(.eyebrow){color:#EAF1FF;font-size:clamp(17px,1.3vw,19px);line-height:1.45;margin-top:14px}
.e2 .etiqueta{font-size:16px;line-height:1.2;color:var(--h2-cian);background:rgba(63,216,255,.12);border:1px solid rgba(63,216,255,.6);letter-spacing:.09em}
.e2 .chico{font-size:16px;color:#E4ECFB}

/* listas con ✓ cian (como las del hero) */
.e2-checks{list-style:none;display:grid;gap:10px;margin:22px 0 0;padding:0}
.e2-checks li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;color:#F2F6FF;line-height:1.3}
.e2-checks .ic{width:22px;height:22px;color:var(--h2-ambar);stroke-width:2.6}
.e2-nota{margin-top:12px;font-size:16px;color:#DCE6F8}

/* botón rojo oficial: grande y fácil de tocar */
.e2 .btn{min-height:52px;font-size:18px;font-weight:700}
.e2 .rv-ir{margin-top:24px;box-shadow:0 0 26px rgba(229,50,43,.4),0 10px 30px rgba(229,50,43,.3)}

/* =====================================================
   A · DIAGNÓSTICO
   ===================================================== */
.e2-a-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:stretch}
.e2-a-izq{min-width:0}
.e2-a-izq .cabeza h2{max-width:none}
@media (min-width:1100px){
  .e2-a-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:32px 40px;grid-template-areas:"izq prev"}
  .e2-a-izq{grid-area:izq;align-self:center}
  .e2-prev{grid-area:prev}
}

/* --- Tarjeta de EJEMPLO: borde punteado cian + etiqueta EXAMPLE + nota --- */
.e2-prev{position:relative;background:var(--e2-vidrio);border:1.5px dashed rgba(63,216,255,.55);border-radius:22px;padding:22px;
  box-shadow:0 0 34px rgba(63,216,255,.13),inset 0 0 28px rgba(63,216,255,.05)}
.e2-prev .rv-prev-top{margin-bottom:12px}
.e2-prev .gc-rubro{background:rgba(63,216,255,.12);border-color:rgba(63,216,255,.55)}
.e2-prev .gc-rubro .ic{stroke:var(--h2-cian)}
.e2-prev .rv-busca{font-size:17px}
.e2-prev .gc-mapa{background:linear-gradient(160deg,#0f2447,#0a1a36);border:1px solid rgba(110,168,255,.22)}
.e2-prev .gc-calle{stroke:rgba(110,168,255,.28)}
.e2-prev .gc-pin{fill:var(--h2-cian)}
.e2-prev .gc-pin circle{fill:#0a1a36}
.e2-prev .gc-pin.gc-pin-tu{fill:#FFB000}
.e2-prev .gc-estado{background:rgba(7,15,34,.94);border-color:rgba(63,216,255,.5);font-size:16px}
.e2-prev .rv-n{background:rgba(63,216,255,.16);font-size:17px}
.e2-prev .rv-nom,.e2-prev .rv-meta{font-size:17px}
.e2-prev .rv-fila.rv-tu{background:rgba(255,176,0,.13);border-color:rgba(255,176,0,.75)}
.e2-prev .rv-fila.rv-tu .rv-n{background:#FFB000;color:#0D1B2E}
.e2-prev .gc-est{background:linear-gradient(90deg,#FFB000 calc(var(--r) / 5 * 100%),rgba(255,255,255,.22) 0);-webkit-background-clip:text;background-clip:text}
.e2-prev .gc-graf{background:rgba(63,216,255,.06);border:1px solid rgba(110,168,255,.2);margin-top:0}
.e2-prev .gc-tit,.e2-prev .gc-barra{font-size:16px}
.e2-prev .gc-tit2{margin-top:14px}
.e2-prev .gc-barra{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"et num" "pista pista";gap:4px 10px;margin-top:10px}
.e2-prev .gc-barra .gc-et{grid-area:et;white-space:normal}
.e2-prev .gc-barra .gc-pista{grid-area:pista}
.e2-prev .gc-barra b{grid-area:num}
.e2-prev .rv-puntos{align-content:start}
.e2-prev .gc-pista i{background:var(--h2-cian)}
.e2-prev .gc-yo .gc-pista i{background:#FFB000}
.e2-prev .rv-diag{margin-top:0;border-top-color:rgba(110,168,255,.22)}
.e2-prev .rv-diag h3{font-size:20px}
.e2-prev .rv-puntos li{font-size:17px}
.e2-prev .rv-puntos .ic{stroke:#FF6B5E}
.e2-prev .gc-candado{background:rgba(255,176,0,.10);border-color:rgba(255,176,0,.55);font-size:16px}
.e2-prev .gc-candado .ic{stroke:#FFB000}
.e2-prev .gc-desbloquear{min-height:48px;font-size:16px;padding:10px 18px}
.e2-prev-nota{margin:12px 0 0;text-align:center;font-size:16px;font-weight:600;color:#E4ECFB}

/* dentro de la tarjeta: lista + gráficos lado a lado cuando hay lugar */
@media (min-width:760px){
  .e2-prev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;row-gap:14px;
    grid-template-areas:"top top" "mapa mapa" "lista graf" "diag diag" "nota nota";align-items:start}
  .e2-prev .rv-prev-top{grid-area:top;margin:0}
  .e2-prev .gc-mapa{grid-area:mapa;margin:0;height:150px}
  .e2-prev .gc-graf{grid-area:graf;align-self:center;margin:0}
  .e2-prev .rv-lista{grid-area:lista}
  .e2-prev .rv-diag{grid-area:diag;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 22px;padding-top:14px}
  .e2-prev .rv-diag h3,.e2-prev .gc-candado{grid-column:1/-1}
  .e2-prev .rv-puntos+.rv-puntos{margin-top:0}
  .e2-prev .gc-candado{margin-top:4px}
  .e2-prev .e2-prev-nota{grid-area:nota;margin:0}
}
@media (max-width:759px){
  .e2-prev{padding:18px 16px}
  .e2-prev .gc-mapa{height:92px}
}

/* --- "Mientras lees esto…": tira ancha con los 4 negocios --- */

/* --- Resultado REAL: otro color (verde) y su etiqueta --- */
.e2-a .resultado{margin-top:34px;gap:18px}
.res-real{display:inline-flex;align-items:center;gap:10px;justify-self:start;margin:0;padding:6px 16px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:#33E58F;background:rgba(51,229,143,.12);border:1.5px solid rgba(51,229,143,.75);box-shadow:0 0 18px rgba(51,229,143,.25)}
.res-real:before{content:"";width:10px;height:10px;border-radius:50%;background:#33E58F;box-shadow:0 0 10px #33E58F}
.e2-a .resultado .caja{background:var(--e2-vidrio);border:1.5px solid rgba(51,229,143,.45);box-shadow:0 0 30px rgba(51,229,143,.10)}
.e2-a .resultado .num-caja{background:rgba(51,229,143,.07);border-color:rgba(51,229,143,.35)}
.e2-a .resultado .lista-comp li{background:rgba(255,255,255,.04);border-color:rgba(110,168,255,.25)}
.e2-a .resultado .lista-comp .c-d,.e2-a .resultado .res-dir,.e2-a .resultado .num-caja .l{color:#E4ECFB;font-size:16px}
.e2-a .resultado .eyebrow{color:#33E58F}

/* =====================================================
   B · IMPACTO ECONÓMICO
   ===================================================== */
#revisar.e2-a:not(.esp-herramienta){background:none;border-top:0;padding-top:72px;padding-bottom:36px}
.e2-b.seccion{padding-top:20px}
.e2-b-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.e2-b-izq .e2-checks{margin-top:18px}
@media (min-width:1100px){
  .e2-b-grid{grid-template-columns:minmax(0,.62fr) minmax(0,2fr);gap:40px;align-items:start}
}
.e2-b-der{min-width:0}

/* pestañas */
.e2-tabs{display:none;gap:6px;padding:6px;margin-bottom:16px;border-radius:16px;background:rgba(9,20,42,.8);border:1px solid rgba(110,168,255,.3)}
.e2-js .e2-tabs{display:flex}
.e2-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 14px;border:1.5px solid transparent;border-radius:12px;background:transparent;
  color:#EAF1FF;font-size:17px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.e2-tabs button:hover{background:rgba(63,216,255,.08)}
.e2-tabs button[aria-selected="true"]{background:linear-gradient(160deg,rgba(63,216,255,.2),rgba(63,216,255,.06));border-color:var(--h2-cian);color:#fff;box-shadow:0 0 18px rgba(63,216,255,.28),inset 0 0 12px rgba(63,216,255,.1)}
.e2-tabs button:focus-visible{outline:3px solid #FFB000;outline-offset:2px}
.e2-tabs .ic{width:22px;height:22px}

.e2-b-cuerpo{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
@media (min-width:860px){.e2-b-cuerpo{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}

/* calculadoras */
.e2-b .calcs{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.e2-b .caja{background:var(--e2-vidrio);border:1.5px solid rgba(110,168,255,.32);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 26px rgba(63,216,255,.07)}
.e2-b .calc{padding:26px 26px 8px}
@media (min-width:860px){.e2-b .calcs,.e2-b .calc:not([hidden]){height:100%}.e2-b .calc{display:flex;flex-direction:column;justify-content:flex-start;gap:14px}}
.e2-b .calc:before{background:linear-gradient(90deg,var(--h2-cian),#6E8CFF 60%,#FFB000)}
.e2-b .calc-cab{margin-bottom:20px}
.e2-b .calc-cab h3{font-size:22px}
.e2-b.e2-js .calc-cab{display:none}
.e2-b .calc-ico{background:rgba(63,216,255,.12);border-color:rgba(63,216,255,.5)}
.e2-b .calc-ico .ic-grande{stroke:var(--h2-cian)}
.e2-b .control{margin-bottom:22px;font-size:17px;line-height:1.35;grid-template-columns:minmax(0,1fr) auto}
.e2-b .control output{font-family:'Inter Hero','Inter',system-ui,sans-serif;font-size:22px;font-weight:800;background:rgba(255,176,0,.12);color:#FFC94D;border:1px solid rgba(255,176,0,.45);min-width:5.5ch}
.e2-b .calc .control input[type=range]{height:44px}
.e2-b .calc .control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#FFB000 var(--p),rgba(255,255,255,.18) var(--p))}
.e2-b .calc .control input[type=range]::-webkit-slider-thumb{margin-top:-10px}
.e2-b .reparto{margin:-4px 0 20px}
.e2-b .reparto-leyenda{font-size:16px;color:#EAF1FF}
.e2-b .ley-apps:before{background:rgba(255,107,94,.7)}

/* tarjeta de resultado (ámbar, como en el mockup) */
.e2-res{position:relative;padding:24px 24px 20px;border-color:rgba(255,176,0,.75)!important;
  background:linear-gradient(160deg,rgba(40,30,8,.55),rgba(7,15,34,.95) 55%)!important;box-shadow:0 0 34px rgba(255,176,0,.2),inset 0 0 26px rgba(255,176,0,.05)!important}
.e2-res-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px;font-size:20px;font-weight:800;color:#fff}
.e2-res .etiqueta{color:#FFC94D;background:rgba(255,176,0,.12);border-color:rgba(255,176,0,.65)}
.e2-res-fila{padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}
.e2-res-fila:first-of-type{border-top:0}
.e2-res-et{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--h2-cian)}
.e2-res-et .ic{width:20px;height:20px}
.e2-res .total{margin:4px 0 0;padding:0;border:0;font-size:17px;line-height:1.3;color:#F2F6FF}
.e2-res .total .cifra{font-size:clamp(40px,4.4vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#FFE2B0 0%,#FFB000 60%,#FF8A1F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.e2-res .sub{margin-top:4px;font-size:17px;color:#EAF1FF}
.e2-res .sub span:first-child{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.e2-res-suma{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:14px 0 4px;border-top:1px solid rgba(255,176,0,.5)}
.e2-res-suma .cifra{font-size:clamp(34px,3.6vw,46px);font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:#fff}
.e2-res-suma .suma-t{font-size:17px;font-weight:600;color:#F2F6FF}
.e2-res-nota{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);font-size:16px;line-height:1.35;color:#F2F6FF}

/* tu mes, lado a lado */
.e2-b .sim{margin-top:22px;padding:26px;background:var(--e2-vidrio)}
.e2-b .sim-cab{margin-bottom:18px}
.e2-b .sim-cab h3{font-size:clamp(22px,2.4vw,28px)}
.e2-b .sim-cab p,.e2-b .sim-pie{font-size:17px;color:#EAF1FF}
.e2-b .sim-otra{min-height:48px;font-size:17px;border-color:rgba(63,216,255,.6);background:rgba(63,216,255,.08)}
.e2-b .sim-otra:hover{background:rgba(63,216,255,.18);border-color:var(--h2-cian)}
.e2-b .carril{padding:18px}
.e2-b .carril-t{font-size:18px}
.e2-b .puntos{margin:14px 0;min-height:104px}
.e2-b .carril-cifra{font-size:19px;color:#EAF1FF;gap:8px}
.e2-b .carril-cifra b{font-size:clamp(60px,8vw,104px);line-height:1;letter-spacing:-.02em;text-shadow:0 0 28px currentColor}
.e2-b .carril-otra{font-size:16px}
.e2-b .sim-pie{min-height:48px}
@media (max-width:640px){.e2-b .sim{padding:18px 16px}.e2-b .sim-carriles{grid-template-columns:1fr}}

/* cierre: WhatsApp con los números */
.e2-b .calc-cta{margin-top:20px;padding:24px 28px;background:linear-gradient(100deg,rgba(51,229,143,.13),rgba(9,20,42,.94) 62%)!important;border:1.5px solid rgba(51,229,143,.55)!important;box-shadow:0 0 28px rgba(51,229,143,.12)!important}
.e2-b .calc-cta h3{font-size:clamp(21px,2.2vw,26px)}
.e2-b .calc-cta p{font-size:17px;color:#F2F6FF}
@media (max-width:640px){.e2-b .calc-cta{padding:20px 18px}.e2-b .calc-cta .btn{width:100%}}

/* móvil: respiro y tamaño táctil */
@media (max-width:640px){
  .e2.seccion{padding:48px 0}
  .e2-b.seccion{padding-top:8px}
  .e2 h2{font-size:28px}
  .e2-tabs{margin-bottom:12px}
  .e2-tabs button{font-size:16px;padding:8px 8px;gap:6px}
  .e2-b .calc{padding:20px 16px 6px}
  .e2-res{padding:20px 16px 16px}
  .e2 .rv-ir{width:100%}
}
@media (max-width:359px){.e2-tabs button .ic{display:none}}
@media (prefers-reduced-motion:reduce){.e2-tabs button{transition:none}}

.e2-b .sim-cab .etiqueta{align-self:flex-start;margin-bottom:8px;display:inline-block;color:#FFC94D;background:rgba(255,176,0,.12);border-color:rgba(255,176,0,.65)}
@media (max-width:759px){.e2-prev .rv-borroso{display:none}}
@media (max-width:420px){.e2-tabs button .ic{display:none}}

/* La demo ya no escribe la búsqueda letra por letra ni llena las barras desde cero: todo está a la vista desde el inicio */
.e2-prev.gc-js .gc-full{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.e2-prev .gc-tipeo,.e2-prev .gc-cursor,.e2-prev.gc-js .gc-tipeo,.e2-prev.gc-js .gc-cursor{display:none}
.e2-prev.gc-js .gc-graf .gc-pista i{width:var(--w)}
.e2-prev.gc-js .gc-estado{bottom:8px}

/* Pulso suave de la tarjeta de ejemplo (el ranking y el diagnóstico quedan fijos) */
@keyframes e2-latido-pin{0%,100%{filter:drop-shadow(0 0 0 rgba(63,213,255,0))}50%{filter:drop-shadow(0 0 6px rgba(63,213,255,.85))}}
@keyframes e2-latido-tu{0%,100%{filter:drop-shadow(0 0 0 rgba(255,176,0,0))}50%{filter:drop-shadow(0 0 8px rgba(255,176,0,.95))}}
@keyframes e2-latido-boton{0%,100%{box-shadow:0 0 0 0 rgba(226,51,43,0)}50%{box-shadow:0 0 18px 2px rgba(226,51,43,.55)}}
@media (prefers-reduced-motion:no-preference){
  .e2-prev.gc-vivo .gc-pin{animation:e2-latido-pin 3.2s ease-in-out infinite}
  .e2-prev.gc-vivo .gc-pin:nth-of-type(2n){animation-delay:.8s}
  .e2-prev.gc-vivo .gc-pin:nth-of-type(3n){animation-delay:1.6s}
  .e2-prev.gc-vivo .gc-pin.gc-pin-tu{animation:e2-latido-tu 2.4s ease-in-out infinite}
  .e2-prev.gc-vivo .gc-desbloquear{animation:e2-latido-boton 3s ease-in-out infinite}
}

/* conclave: un solo botón principal (rojo); 'Unlock analysis' pasa a secundario; nota de datos públicos más visible */
.e2-prev .gc-desbloquear{background:linear-gradient(180deg,#FFC84A,#FFA800);color:#1a1200;border:0;font-size:19px;font-weight:800;min-height:58px;padding:14px 30px;border-radius:14px;box-shadow:0 0 24px rgba(255,176,0,.45),0 8px 22px rgba(255,150,0,.3)}
.e2-prev .gc-desbloquear:hover{filter:brightness(1.08)}
.e2-prev .gc-candado{padding:14px 16px;gap:16px}
@keyframes e2-latido-ambar{0%,100%{box-shadow:0 0 14px rgba(255,176,0,.35),0 8px 22px rgba(255,150,0,.25)}50%{box-shadow:0 0 30px 4px rgba(255,176,0,.65),0 8px 22px rgba(255,150,0,.35)}}
@media (prefers-reduced-motion:no-preference){.e2-prev.gc-vivo .gc-desbloquear{animation:e2-latido-ambar 3s ease-in-out infinite}}
@media (max-width:760px){.e2-prev .gc-desbloquear{width:100%}}
.e2-nota{font-size:17px;font-weight:600;color:#fff}

/* resultado: lo perdido es el número principal; apps va aparte y sin sumar */
.e2-res-fila:first-of-type .total .cifra{font-size:clamp(52px,5.6vw,72px)}
.e2-res-aparte{opacity:.92}
.e2-res-aparte .total .cifra{font-size:clamp(30px,3vw,38px)}
.e2-res-aparte .aparte{margin:6px 0 0;font-size:16px;font-style:italic;color:#C9D6EE}
.e2-res-boton{display:flex;width:100%;justify-content:center;margin-top:12px;min-height:52px;font-size:18px}

/* ---- Escucha a Lía: llamada de ejemplo ---- */
.ld-caja{max-width:760px;margin:0 auto;padding:22px;border-radius:20px;border:1px solid var(--linea);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--sup)}
.ld-barra{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ld-boton .ic{width:18px;height:18px;fill:currentColor;stroke:none}
.ld-tag{font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,122,26,.45);color:#FF8A3D}
.ld-tiempo{font-size:15px;color:var(--suave);font-variant-numeric:tabular-nums;min-width:84px}
.ld-pista{flex:1 1 120px;height:6px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden}
.ld-pista i{display:block;height:100%;width:0;background:var(--grad,linear-gradient(90deg,#FF7A1A,#E5322B))}
.ld-chat{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.ld-chat p{max-width:86%;margin:0;padding:11px 15px;border-radius:16px;font-size:17px;line-height:1.45;opacity:.55;transition:opacity .25s,box-shadow .25s,transform .25s}
.ld-l{align-self:flex-start;background:rgba(255,122,26,.12);border:1px solid rgba(255,122,26,.3);border-top-left-radius:4px}
.ld-c{align-self:flex-end;background:rgba(255,255,255,.07);border:1px solid var(--linea);border-top-right-radius:4px}
.ld-chat p.suena{opacity:1;transform:scale(1.015);box-shadow:0 0 18px rgba(255,122,26,.35)}
.ld-nota{margin:16px 0 0;font-size:16px;line-height:1.5;color:#E4ECFB}
@media (max-width:600px){.ld-caja{padding:16px}.ld-chat p{max-width:94%}}
@media (prefers-reduced-motion:reduce){.ld-chat p{transition:none}.ld-chat p.suena{transform:none}}
#revisar.e2-a:has(#rv-resultado[hidden]){display:none}