/* Culto · estilos del sitio (portada, precios y registro)
   Estructura y sensación tipo Opus Clip; identidad y textos de Culto. */

@font-face{font-family:"Geist";src:url(/fuentes/geist-latin.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fuentes/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --negro:#000;
  --panel:#141414;
  --panel-2:#1B1B1B;
  --panel-3:#262626;
  --borde:rgba(255,255,255,.09);
  --borde-2:rgba(255,255,255,.18);
  --blanco:#fff;
  --gris:#A3A3A3;
  --gris-2:#8F8F8F;
  --teal:#4F7BFF;
  --teal-claro:#8FB0FF;
  --menta:#7EE2B8;
  --crema:#F5EDE1;
  --f-sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --ancho:1200px;
  --orilla:16px;
  --calido:radial-gradient(120% 90% at 30% 0%,#4a3d31 0%,#2a241f 42%,#151515 100%);
  --calido-2:radial-gradient(110% 90% at 70% 10%,#3f3a2c 0%,#24211c 45%,#141414 100%);
  --frio:radial-gradient(100% 90% at 50% 0%,#1d2656 0%,#151b38 42%,#101016 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:84px;background:var(--negro)}
body{margin:0;background:var(--negro);color:var(--blanco);font:400 1rem/1.55 var(--f-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,p,figure{margin:0}
h1,h2{text-wrap:balance}
a{color:inherit}
img{max-width:100%;display:block}
svg{display:block}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--teal-claro);outline-offset:3px;border-radius:8px}
.envoltura{max-width:calc(var(--ancho) + 2*var(--orilla));margin-inline:auto;padding-inline:var(--orilla)}
.oculto-lector{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:var(--orilla);top:-60px;z-index:60;background:var(--blanco);color:#000;padding:10px 14px;border-radius:10px}
.saltar:focus{top:12px}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;
  font:600 1rem/1.2 var(--f-sans);text-decoration:none;text-align:center;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.boton svg{width:18px;height:18px;flex:none}
.boton--blanco{background:var(--blanco);color:#000}
.boton--blanco:hover{background:#E8E8E8}
.boton--oscuro{background:#000;color:var(--blanco);border-color:var(--borde-2)}
.boton--oscuro:hover{background:var(--panel-2)}
.boton--gris{background:var(--panel-3);color:var(--blanco)}
.boton--gris:hover{background:#333}
.boton--chico{min-height:38px;padding:0 16px;font-size:.875rem}
.boton--ancho{width:100%}

/* Barra */
.barra{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.78);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.barra__in{display:flex;align-items:center;gap:14px;height:68px}
.logo{font:800 1.75rem/1 var(--f-sans);letter-spacing:-.055em;text-decoration:none}
.barra__nav{display:none;margin-inline:auto;gap:34px;font-size:.9375rem;font-weight:500}
.barra__nav a{color:var(--gris);text-decoration:none;transition:color .2s}
.barra__nav a:hover,.barra__nav a[aria-current=page]{color:var(--blanco)}
.barra__der{display:flex;align-items:center;gap:18px;margin-left:auto}
.barra__entrar{display:none;color:var(--gris);font-size:.9375rem;font-weight:500;text-decoration:none}
.barra__entrar:hover{color:var(--blanco)}
.hamburguesa{display:grid;place-items:center;width:40px;height:40px;margin-left:-8px;border:0;background:none;cursor:pointer}
.hamburguesa svg{width:22px;height:22px}
.menu-movil{position:fixed;inset:68px 0 auto;z-index:39;padding:12px var(--orilla) 24px;background:#000;border-bottom:1px solid var(--borde)}
.menu-movil[hidden]{display:none}
.menu-movil a{display:block;padding:14px 4px;border-bottom:1px solid var(--borde);font-size:1.0625rem;font-weight:500;text-decoration:none}
.menu-movil .boton{margin-top:18px}

/* Ceja (etiqueta arriba de cada título) */
.ceja{display:inline-flex;align-items:center;gap:8px;font:700 .8125rem/1 var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.ceja svg{width:15px;height:15px}
.ceja--blanca{color:var(--blanco)}

.titulo{font:700 clamp(2.1rem,6.2vw,3.5rem)/1.06 var(--f-sans);letter-spacing:-.035em}
.sub{margin-top:14px;font-size:clamp(1.0625rem,2.2vw,1.25rem);line-height:1.5;color:var(--gris);letter-spacing:-.01em}
.cabeza{max-width:46rem;margin-inline:auto;text-align:center}
.cabeza .titulo{margin-top:14px}

.seccion{padding-block:88px}

/* Héroe */
.heroe{padding-top:52px;text-align:center}
.heroe__h1{margin:16px auto 0;max-width:22ch;font:700 clamp(2.35rem,7.4vw,3.9rem)/1.04 var(--f-sans);letter-spacing:-.04em}
.heroe__h1 span{color:var(--teal-claro)}
.heroe__sub{margin:18px auto 0;max-width:46rem;font-size:clamp(1rem,2.2vw,1.1875rem);line-height:1.55;color:var(--gris)}
.pide{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin:30px auto 0;max-width:640px}
.pide__caja{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:999px;background:var(--panel-3)}
.pide__caja svg{width:20px;height:20px;color:var(--gris);flex:none}
.pide__campo{flex:1;min-width:0;height:54px;border:0;background:transparent;color:var(--blanco);font:400 1rem/1.2 var(--f-sans);outline:none}
.pide__campo::placeholder{color:#8E8E8E}
.pide__caja:focus-within{box-shadow:0 0 0 2px var(--teal-claro)}
.pide__botones{display:flex;flex-direction:column;gap:10px}
.pide__o{display:none;color:var(--gris);font-weight:500}
.heroe__nota{margin-top:14px;font-size:.875rem;color:var(--gris-2)}
@media (prefers-reduced-motion:no-preference){
  .entra{animation:entra .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d,0)*90ms)}
  @keyframes entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}

/* Vitrina: el dashboard en vivo */
.vitrina{margin:44px auto 0;max-width:calc(1080px + 2*var(--orilla));padding-inline:var(--orilla)}
.vitrina__panel{position:relative;padding:14px;border-radius:26px;background:var(--frio);border:1px solid var(--borde)}
.vitrina__etiqueta{position:absolute;z-index:6;top:-13px;left:26px;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.72);color:var(--blanco);font-size:.75rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.demo{position:relative;overflow:hidden;border-radius:16px;background:#fff;container-type:inline-size;max-height:640px}
.demo::after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff 90%);pointer-events:none;z-index:3}
.escenas{display:flex;gap:8px;margin-top:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;justify-content:flex-start}
.escenas::-webkit-scrollbar{display:none}
.escena-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 14px;border-radius:12px;border:1px solid var(--borde);background:transparent;color:var(--gris);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s}
.escena-btn svg{width:16px;height:16px}
.escena-btn:hover{color:var(--blanco)}
.escena-btn[aria-selected=true]{background:var(--panel-3);color:var(--blanco);border-color:var(--borde-2)}
.escena-btn i{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--teal-claro)}
.escena-btn[aria-selected=true] i{animation:progreso var(--dur,6.5s) linear forwards}
.vitrina.quieta .escena-btn i{animation:none}
@keyframes progreso{to{width:100%}}
.vitrina__pie{margin-top:12px;font-size:.8125rem;color:var(--gris-2);text-align:center}

/* ---- Dashboard de ejemplo (claro, como la app) ---- */
.app{--a-tinta:#06142E;--a-gris:#586079;--a-crema:#F5EDE1;--a-crema-clara:#FAF4EA;--a-linea:#E7E4EC;--a-menta:#E2F8ED;--a-verde:#067A45;--a-azul:#0B72F9;--a-rojo:#E8283F;--a-teal:#2EAFB3;
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);font:400 12px/1.4 var(--f-sans);color:var(--a-tinta);text-align:left;transition:transform .9s cubic-bezier(.65,0,.35,1)}
.app svg{width:16px;height:16px}
.app-lado{display:none}
.app-main{min-width:0;padding:14px 14px 18px}
.app-top{display:flex;align-items:center;gap:12px}
.app-top__logo{font:400 22px/1 var(--f-serif);letter-spacing:.05em}
.app-buscar{display:none}
.app-campana{margin-left:auto;position:relative;color:var(--a-gris)}
.app-campana::after{content:"";position:absolute;top:-1px;right:-1px;width:6px;height:6px;border-radius:50%;background:var(--a-rojo)}
.app-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--a-crema);font-size:11px;font-weight:600}
.app-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}
.app-ceja{font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-gris)}
.app-h{margin-top:2px;font:400 30px/1 var(--f-serif);letter-spacing:-.01em}
.app-sub{margin-top:4px;color:var(--a-gris)}
.app-hora{display:none;align-items:center;gap:6px;border:1px solid var(--a-linea);border-radius:10px;padding:7px 10px;font-size:11px;color:var(--a-gris);white-space:nowrap}
.app-hora svg{width:13px;height:13px}
.app [data-foco]{transition:opacity .5s ease,box-shadow .5s ease}
.app-semana{display:grid;gap:12px;margin-top:12px;padding:14px;border:1px solid #EFE4D2;border-radius:14px;background:var(--a-crema-clara)}
.app-semana__t{margin-top:3px;font:400 24px/1.05 var(--f-serif)}
.app-botones{display:flex;flex-wrap:wrap;gap:8px}
.app-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--a-tinta);border-radius:8px;font-size:11.5px;font-weight:600;white-space:nowrap;background:#fff}
.app-btn--navy{background:var(--a-tinta);color:#fff}
.app-piezas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.app-pieza{padding:5px;border:1px solid var(--a-linea);border-radius:10px;background:#fff}
.mini{position:relative;overflow:hidden;aspect-ratio:16/11;border-radius:7px;background:#EEDFC9}
.mini img{width:100%;height:100%;object-fit:cover}
.mini span{position:absolute;left:6px;right:6px;bottom:5px;font:400 12px/1 var(--f-serif);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.app-pieza__pie{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:6px;font-size:10px;color:var(--a-gris)}
.app-pieza__pie b{display:block;color:var(--a-tinta);font-weight:600}
.app-va{padding:3px 8px;border:1px solid var(--a-linea);border-radius:6px;color:var(--a-tinta);font-weight:600;transition:background-color .3s,color .3s,border-color .3s}
.app-va.hecho{background:var(--a-menta);color:var(--a-verde);border-color:transparent}
.app-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.app-card{min-width:0;padding:12px;border:1px solid var(--a-linea);border-radius:12px;background:#fff}
.app-kpi__cab{display:flex;align-items:center;gap:8px}
.app-ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:var(--a-menta);color:var(--a-verde)}
.app-ico svg{width:15px;height:15px}
.app-num{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:8px;font:400 25px/1.05 var(--f-serif);font-variant-numeric:tabular-nums}
.app-num small{font:500 11px/1 var(--f-sans);color:var(--a-gris)}
.app-sube{color:var(--a-verde);font:600 11px/1 var(--f-sans)}
.app-barra{height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:#ECEEF2}
.app-barra i{display:block;height:100%;border-radius:99px;background:var(--a-teal);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.app-partes{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:10.5px;color:var(--a-gris)}
.app-nota{margin-top:6px;font-size:10.5px;color:var(--a-gris)}
.app-ancho{display:none}
.app-fila{display:grid;gap:10px;margin-top:10px}
.app-card__t{display:flex;align-items:center;gap:8px;font:400 18px/1.1 var(--f-serif)}
.app-card__t small{margin-left:4px;font:400 10.5px/1 var(--f-sans);color:var(--a-gris)}
.app-canales{margin-top:10px}
.app-canal{display:grid;grid-template-columns:minmax(0,1fr) 50px 52px auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #F1EFF4}
.app-canal:last-of-type{border-bottom:0}
.app-canal .app-barra{margin:0}
.app-chip{padding:3px 6px;border-radius:6px;background:var(--a-menta);color:var(--a-verde);font-size:9.5px;font-weight:600;white-space:nowrap}
.app-chip--dueno{background:#FFF4E5;color:#8A5300}
.app-total{display:flex;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid var(--a-linea);font-weight:600}
.app-tendencia{display:none}
.app-tabs{display:flex;gap:4px;margin-top:10px;padding:3px;border-radius:8px;background:#F4F4F7;font-size:10.5px;color:var(--a-gris)}
.app-tabs span{padding:4px 8px;border-radius:6px;white-space:nowrap}
.app-tabs .activo{background:#fff;color:var(--a-tinta);font-weight:600;box-shadow:0 1px 2px rgba(6,20,46,.08)}
.app .app-grafica{width:100%;height:auto;margin-top:8px}
.app-grafica .linea{stroke-dasharray:420;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1)}
.app-grafica .area,.app-grafica .globo{transition:opacity .6s ease .9s}
.app-leyenda{display:flex;gap:14px;font-size:10px;color:var(--a-gris)}
.app-leyenda i{display:inline-block;width:14px;height:0;margin-right:5px;vertical-align:middle;border-top:2px solid var(--a-azul)}
.app-leyenda i.prom{border-top:2px dashed #8A91A3}
.app-marcador__t{margin-top:10px;font:400 16px/1.15 var(--f-serif)}
.app-tabla{width:100%;margin-top:8px;border-collapse:collapse;font-size:10.5px}
.app-tabla th{padding:0 0 4px;text-align:left;font-weight:500;color:var(--a-gris)}
.app-tabla td{padding:5px 0;border-top:1px solid #F1EFF4;transition:opacity .4s ease,transform .4s ease}
.app-tabla td+td,.app-tabla th+th{text-align:center;color:var(--a-gris)}
.app-aviso{position:absolute;z-index:4;right:14px;bottom:18px;display:flex;align-items:center;gap:10px;max-width:260px;padding:10px 12px;border-radius:12px;background:var(--a-tinta);color:#fff;font-size:11.5px;box-shadow:0 14px 30px -12px rgba(6,20,46,.6);opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}
.app-aviso.visible{opacity:1;transform:none}
.app-aviso i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--a-teal)}
.app-aviso i svg{width:13px;height:13px;color:#fff}
.cursor{position:absolute;z-index:5;left:0;top:0;width:22px;height:22px;pointer-events:none;opacity:0;transform:translate(60%,40%);transition:transform 1s cubic-bezier(.65,0,.35,1),opacity .3s}
.cursor svg{width:22px;height:22px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.cursor.visible{opacity:1}
.cursor::after{content:"";position:absolute;left:-9px;top:-9px;width:26px;height:26px;border-radius:50%;background:rgba(79,123,255,.45);transform:scale(0);opacity:0}
.cursor.clic::after{animation:clic .5s ease-out}
@keyframes clic{0%{transform:scale(.2);opacity:1}100%{transform:scale(1.6);opacity:0}}
/* Escenas: se ilumina la parte del panel de la que se habla */
.demo[data-escena] [data-foco]{opacity:.4}
.demo[data-escena=semana] [data-foco=semana],.demo[data-escena=resultados] [data-foco=resultados],.demo[data-escena=tendencia] [data-foco=tendencia],.demo[data-escena=marcador] [data-foco=marcador]{opacity:1;box-shadow:0 0 0 2px var(--a-teal),0 12px 30px -14px rgba(79,123,255,.7)}
@container (min-width:860px){
  .app{grid-template-columns:190px minmax(0,1fr);font-size:12.5px}
  .app-lado{display:flex;flex-direction:column;gap:1px;padding:22px 12px 16px;background:var(--a-crema)}
  .app-logo{padding:0 10px 20px;font:400 30px/1 var(--f-serif);letter-spacing:.05em;-webkit-text-stroke:.3px currentColor}
  .app-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px}
  .app-nav--activo{background:rgba(255,255,255,.75);font-weight:600}
  .app-num-rojo{display:grid;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:99px;background:var(--a-rojo);color:#fff;font-size:10px;font-weight:700}
  .app-lado__pie{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:11px;color:var(--a-gris)}
  .app-lado__pie i{width:8px;height:8px;border-radius:50%;background:#22C55E}
  .app-main{padding:16px 22px 22px}
  .app-top__logo{display:none}
  .app-buscar{display:flex;align-items:center;gap:8px;flex:1;max-width:440px;padding:8px 12px;border:1px solid var(--a-linea);border-radius:10px;color:#6B7285;font-size:12px}
  .app-hora{display:inline-flex}
  .app-h{font-size:40px}
  .app-semana{grid-template-columns:minmax(0,1fr) auto minmax(0,1.3fr);align-items:center;padding:16px 18px}
  .app-botones{flex-direction:column}
  .app-kpis{grid-template-columns:1.45fr 1fr 1fr 1fr}
  .app-ancho{display:block}
  .app-fila{grid-template-columns:1.05fr 1.25fr .95fr}
  .app-tendencia{display:block}
  .demo{max-height:none}
  .demo::after{display:none}
}

/* Marquesina de giros (en lugar de "usado por...") */
.giros{padding:64px 0 16px;text-align:center}
.giros__txt{max-width:42rem;margin:0 auto;padding-inline:var(--orilla);color:var(--gris);font-size:1rem;font-weight:500}
.marquesina{position:relative;overflow:hidden;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquesina__fila{display:flex;gap:40px;width:max-content;padding-block:6px}
@media (prefers-reduced-motion:no-preference){
  .marquesina__fila{animation:desliza 38s linear infinite}
  .marquesina:hover .marquesina__fila{animation-play-state:paused}
}
@keyframes desliza{to{transform:translateX(-50%)}}
.giro{display:flex;flex-direction:column;align-items:center;gap:8px;width:96px}
.giro__foto{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--panel-3);display:grid;place-items:center;color:var(--gris)}
.giro__foto svg{width:22px;height:22px}
.giro b{font-size:.875rem;font-weight:600;color:#D4D4D4}

.ejemplo-chip{position:absolute;z-index:3;top:16px;left:16px;padding:5px 9px;border-radius:7px;background:rgba(0,0,0,.6);font-size:.6875rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* IA: tu semana y su guion, dos paneles cálidos como la vitrina de Opus */
.ia .titulo{font-size:clamp(2.3rem,7vw,4.6rem);line-height:1.02;letter-spacing:-.045em}
.ia .envoltura{max-width:1440px}
.ia .cabeza{max-width:62rem}
.ia .sub{max-width:44rem;margin-inline:auto}
.ia__rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin-top:44px;perspective:1600px}
.ia__panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border-radius:28px;background:radial-gradient(130% 100% at 20% 0%,#3d3128 0%,#231d18 46%,#141210 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
.ia__panel--guion{background:radial-gradient(130% 100% at 80% 0%,#2f2a24 0%,#1e1b17 46%,#121110 100%)}
.ia__etiquetas{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.ia__etiqueta{padding:7px 14px;border-radius:12px;background:rgba(0,0,0,.62);font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.ia__ej{padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.08);font-size:.6875rem;font-weight:600;color:var(--gris)}

/* Las 3 piezas */
.ia__cartas{flex:1;display:grid;align-content:center;grid-auto-flow:column;grid-auto-columns:min(70vw,270px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
.ia__cartas::-webkit-scrollbar{display:none}
.ia__carta{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#2a211a 0%,#3a2b1f 55%,#2b2018 100%);box-shadow:inset 0 0 0 1px rgba(255,208,160,.2),0 24px 50px -28px rgba(0,0,0,.95),0 0 40px -20px rgba(214,150,90,.4);transition:translate .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.ia__cabeza{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 12px 0}
.ia__espera{display:flex;flex-direction:column;gap:1px;width:100%;padding:8px 12px;border-radius:12px;background:rgba(14,12,10,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ia__espera small{font-size:.8rem;font-weight:500;color:#EDE6DE}
.ia__espera b{white-space:nowrap;font-size:1.02rem;font-weight:600;color:#5EE6C6;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.ia__insignia{display:flex;align-items:center;gap:7px;padding:7px 14px 7px 11px;border-radius:999px;background:linear-gradient(180deg,#8a5d3a,#6e4829);box-shadow:inset 0 0 0 1px rgba(255,214,170,.3),0 6px 16px -8px rgba(0,0,0,.8);font-size:.84rem;font-weight:600;white-space:nowrap}
.ia__insignia svg{width:17px;height:17px}
.ia__foto{position:relative;margin-top:-18px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent 0,#000 16%,#000 70%,transparent);mask-image:linear-gradient(transparent 0,#000 16%,#000 70%,transparent)}
.ia__foto img{display:block;width:100%;height:auto;aspect-ratio:1.12;object-fit:cover;transition:scale .8s cubic-bezier(.2,.8,.2,1)}
.ia__pie{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:flex-start;margin-top:-34px;padding:0 14px 14px}
.ia__pie h3{font:700 1.34rem/1.1 var(--f-sans);letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.ia__pie p{margin:8px 0 14px;font-size:.86rem;line-height:1.4;color:#D8CEC3}
.ia__pie p b{color:#fff;font-weight:600}
.ia__red{margin-top:auto;padding:6px 13px;border-radius:10px;background:#0c0c0c;font-size:.8125rem;font-weight:600;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ia__brillo{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,236,210,.16) 48%,rgba(255,255,255,.26) 50%,rgba(255,236,210,.16) 52%,transparent 65%);transform:translateX(-120%)}
@media (hover:hover){
  .ia__carta:hover{translate:0 -6px;box-shadow:0 0 0 1px rgba(255,214,170,.32),0 34px 60px -26px rgba(0,0,0,.95),0 0 50px -14px rgba(214,150,90,.5)}
  .ia__carta:hover .ia__foto img{scale:1.06}
}

/* El guion y el celular */
.ia__cuerpo{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:center}
.ia__doc{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.ia__cab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 4px;font-size:.875rem;color:var(--gris)}
.ia__pill{padding:5px 10px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:.8125rem;color:#D4D4D4}
.ia__fila{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:13px;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.05);transition:background .4s,border-color .4s,box-shadow .4s}
.ia__fila small{display:block;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6F8FFF;transition:color .4s}
.ia__fila p{margin-top:3px;font-size:.9rem;line-height:1.38;color:#EDEDED}
.ia__seg{flex:none;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);font-size:.75rem;color:var(--gris);font-variant-numeric:tabular-nums;transition:background .4s,color .4s}
.ia__fila.activa{background:rgba(79,123,255,.12);border-color:rgba(111,143,255,.45);box-shadow:0 0 0 1px rgba(111,143,255,.12),0 10px 30px -12px rgba(79,123,255,.55)}
.ia__fila.activa small{color:#A9BEFF}
.ia__fila.activa .ia__seg{background:#4F7BFF;color:#fff}
.ia__tel{display:none;justify-self:center;width:190px;padding:5px;border-radius:30px;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 60px -24px rgba(0,0,0,.95)}
.ia__pantalla{position:relative;aspect-ratio:9/19;border-radius:25px;overflow:hidden;background:#2b241e}
.ia__pantalla img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.ia__texto{position:absolute;left:10px;right:10px;top:22%;padding:5px 6px;border-radius:5px;background:#fff;color:#111;text-align:center;font:700 .9rem/1.2 var(--f-sans);letter-spacing:-.01em}
.ia__play{position:absolute;left:50%;top:52%;display:grid;place-items:center;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ia__play svg{width:24px;height:24px;margin-left:3px;color:#fff}
.ia__play::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.5);opacity:0}
.ia__guardados{position:absolute;left:12px;bottom:18px;display:flex;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.ia__guardados svg{width:17px;height:17px}
.ia__barra{position:absolute;left:10px;right:10px;bottom:8px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.ia__barra i{display:block;height:100%;width:100%;background:#fff;transform-origin:0 50%;transform:scaleX(.35)}
@media (min-width:640px){
  .ia__cuerpo{grid-template-columns:minmax(0,1fr) 190px}
  .ia__tel{display:block}
}
@media (min-width:1000px){
  .ia__panel{padding:22px}
  .ia__cartas{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;max-width:860px;width:100%;margin:0 auto;padding:0}
}
@media (min-width:1240px){
  .ia__rejilla{grid-template-columns:1.6fr 1fr;align-items:stretch}
  .ia__cartas{max-width:none}
  .ia__fila{padding:9px 11px}
  .ia__fila p{font-size:.85rem;line-height:1.34}
  .ia__doc{gap:7px}
  .ia__cuerpo{grid-template-columns:minmax(0,1fr) 172px}
  .ia__tel{width:172px}
}

/* Logos de las apps: los mismos del anuncio en toda la página */
.icono-app{flex:none;display:grid;place-items:center;border-radius:27%;background:var(--app-c,#222);color:#fff;box-shadow:0 8px 20px -8px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.14)}
.icono-app > svg{width:58%;height:58%}
.icono-app--ml{--app-c:#FFE600}
.icono-app--ml > svg{width:82%;height:82%}
.icono-app--tt{--app-c:#000}
.icono-app--tt > svg{filter:drop-shadow(-1px -.7px 0 #25F4EE) drop-shadow(1px .7px 0 #FE2C55)}
.icono-app--ig{--app-c:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.icono-app--fb{--app-c:#0866FF}
.icono-app--shop{--app-c:#95BF47}

/* Cómo trabaja Culto: 4 columnas, de tus cuentas a la pieza aprobada */
.ct{--ct-verde:#34E3A0;--ct-verde-2:#1FBF82;--ct-caja:rgba(255,255,255,.028);--ct-borde:rgba(255,255,255,.08)}
.ct .envoltura{max-width:1500px}
.ct .cabeza{max-width:60rem}
.ct .titulo{font-size:clamp(2.3rem,6.4vw,4.4rem);line-height:1.02;letter-spacing:-.045em}
.ct__tablero{position:relative;margin-top:44px;padding:12px;border-radius:30px;background:linear-gradient(180deg,#0f0f10,#0a0a0b);border:1px solid var(--ct-borde);box-shadow:0 50px 100px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.ct__ej{position:absolute;z-index:3;top:-12px;right:22px;padding:4px 10px;border-radius:8px;background:#1b1b1d;border:1px solid var(--ct-borde);font-size:.6875rem;font-weight:600;color:var(--gris)}
.ct__cols{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ct__col{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:20px 16px 16px;border-radius:22px;background:var(--ct-caja);border:1px solid var(--ct-borde);overflow:hidden;transition:border-color .45s,background .45s,box-shadow .45s}
/* Luz que sigue al mouse */
.ct__col::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(52,227,160,.09),transparent 60%);opacity:0;transition:opacity .4s}
.ct__col:hover::before,.ct__col.activa::before{opacity:1}
.ct__col.activa{border-color:rgba(52,227,160,.32);box-shadow:0 0 0 1px rgba(52,227,160,.08),0 24px 60px -30px rgba(52,227,160,.35)}
.ct__col h3{display:flex;align-items:flex-start;gap:10px;font:700 1.32rem/1.18 var(--f-sans);letter-spacing:-.025em}
.ct__col h3 b{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:-1px;border-radius:50%;background:#1f1f22;border:1px solid var(--ct-borde);font-size:.85rem}
.ct__col > p{margin-top:8px;font-size:.92rem;line-height:1.45;color:#A3A3A3}
.ct__lista{display:flex;flex-direction:column;gap:8px;margin-top:18px}

/* Filas tipo app */
.ct__fila{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:translate .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s}
.ct__txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ct__txt b{font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.ct__cuenta .ct__txt b{white-space:nowrap}
.ct__txt small{font-size:.8rem;line-height:1.35;color:#9A9A9A}
.ct__chev{flex:none;width:16px;height:16px;color:#777;transition:transform .35s cubic-bezier(.2,.8,.2,1),color .35s}
@media (hover:hover){
  .ct__fila:hover{translate:0 -2px;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
  .ct__fila:hover .ct__chev{transform:translateX(4px);color:#fff}
}
.ct__logo{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:27%;transition:scale .45s cubic-bezier(.2,.8,.2,1),rotate .45s cubic-bezier(.2,.8,.2,1)}
.ct__fila:hover .ct__logo{scale:1.08;rotate:-6deg}
.ct__estado{flex:none;display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(52,227,160,.1);border:1px solid rgba(52,227,160,.18);font-size:.78rem;font-weight:600;color:var(--ct-verde);white-space:nowrap}
.ct__estado i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--ct-verde);box-shadow:0 0 10px var(--ct-verde)}
.ct__estado i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ct-verde);opacity:0}
.ct__estado.pendiente{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#9A9A9A}
.ct__estado.pendiente i{background:#666;box-shadow:none}
.ct__ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.05);color:#E5E5E5}
.ct__ico svg{width:22px;height:22px}
.ct__ico--verde{color:var(--ct-verde)}

/* Ventas: la gráfica de la semana */
.ct__ventas{flex-direction:column;align-items:stretch;gap:10px}
.ct__ventas-cab{display:flex;align-items:center;gap:12px}
.ct__rango{flex:none;display:flex;align-items:center;gap:4px;align-self:flex-start;padding:5px 9px;border-radius:9px;border:1px solid rgba(255,255,255,.12);font-size:.72rem;color:#C9C9C9}
.ct__rango svg{width:12px;height:12px;transform:rotate(90deg)}
.ct__grafica{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:96px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.ct__barra{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.ct__barra i{display:block;width:62%;max-width:20px;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#5c5c60,#3a3a3d);transform-origin:50% 100%;transition:filter .3s,scale .3s}
.ct__barra.alta i{background:linear-gradient(180deg,#4BF0AE,#16A86F);box-shadow:0 0 18px -4px rgba(52,227,160,.7)}
.ct__barra small{position:absolute;bottom:-20px;font-size:.68rem;color:#8a8a8a}
.ct__grafica{margin-bottom:18px}
@media (hover:hover){.ct__barra:hover i{filter:brightness(1.35);scale:1 1.06}}

/* Piezas: contenido, estrategia y anuncio */
.ct__pieza{align-items:stretch;padding:10px}
.ct__mini{position:relative;flex:none;width:92px;aspect-ratio:1/1.08;border-radius:12px;overflow:hidden;background:#222}
.ct__mini img{width:100%;height:100%;object-fit:cover;transition:scale .7s cubic-bezier(.2,.8,.2,1)}
.ct__mini i{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ct__mini i svg{width:15px;height:15px}
.ct__pieza:hover .ct__mini img{scale:1.1}
.ct__pieza .ct__txt{gap:6px;padding-right:18px}
.ct__pieza-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ct__pieza-cab b{font-size:.92rem;line-height:1.25}
.ct__pieza-cab em{flex:none;padding:4px 9px;border-radius:8px;background:rgba(52,227,160,.12);font-style:normal;font-size:.72rem;font-weight:600;color:var(--ct-verde)}
.ct__red{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#C9C9C9}
.ct__red .icono-app{width:20px;height:20px;border-radius:6px}
.ct__pieza strong{font-size:.82rem;font-weight:600;color:var(--ct-verde);font-variant-numeric:tabular-nums}
.ct__mas{position:absolute;right:12px;top:50%;font-size:.7rem;letter-spacing:1px;color:#8a8a8a}

/* Antes de aprobar */
.ct__sabes{display:flex;flex-direction:column;gap:7px;margin:16px 0 0;padding:0;list-style:none}
.ct__sabes li{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:.92rem;font-weight:500;transition:background .35s,border-color .35s,translate .35s cubic-bezier(.2,.8,.2,1)}
.ct__sabes .ct__ico{width:36px;height:36px;background:transparent}
.ct__ok{width:18px;height:18px;margin-left:auto;color:var(--ct-verde);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1)}
.ct__sabes li.hecho{border-color:rgba(52,227,160,.22)}
.ct__sabes li.hecho .ct__ok{opacity:1;transform:none}
@media (hover:hover){.ct__sabes li:hover{translate:4px 0;background:rgba(255,255,255,.06)}}
.ct__aprobar{text-decoration:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;padding:15px;border-radius:14px;background:linear-gradient(180deg,#4BF0AE,#22C98A);color:#05150E;font-weight:700;font-size:1rem;box-shadow:0 12px 30px -12px rgba(52,227,160,.7);transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.ct__aprobar svg{width:18px;height:18px;transition:transform .3s}
.ct__aprobar::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:ct-brillo 3.6s ease-in-out infinite}
@keyframes ct-brillo{0%,55%{left:-60%}100%{left:130%}}
.ct__aprobar:hover{translate:0 -2px;box-shadow:0 18px 40px -12px rgba(52,227,160,.9)}
.ct__aprobar:hover svg{transform:translateX(4px)}
.ct__muestra{text-decoration:none;color:#fff;display:block;margin-top:8px;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.14);text-align:center;font-weight:600;font-size:.95rem;transition:background .3s,border-color .3s}
.ct__muestra:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.ct__mide{margin-top:10px}
.ct__candado{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;font-size:.84rem;color:#BDBDBD;text-align:left}
.ct__candado svg{flex:none;width:18px;height:18px;color:#D4D4D4}

/* Flechas entre columnas: una luz viaja de una a otra */
.ct__flecha{position:relative;display:grid;place-items:center;height:26px;color:#6b6b6b}
.ct__flecha svg{width:20px;height:20px;transform:rotate(90deg)}
.ct__flecha i{position:absolute;left:50%;top:0;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ct-verde);box-shadow:0 0 12px var(--ct-verde);opacity:0}

/* Los 4 pasos de abajo */
.ct__pasos{display:none;margin:28px 0 0;padding:0;list-style:none}
.ct__pasos li{display:flex;gap:18px;padding:6px 4px}
.ct__pasos b{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1f1f22;border:1px solid var(--ct-borde);font-size:1.1rem;transition:background .4s,color .4s,box-shadow .4s}
.ct__pasos h4{margin:9px 0 0;font:700 1.35rem/1.2 var(--f-sans);letter-spacing:-.02em}
@media (max-width:699px){.ct__pieza-cab{flex-direction:column-reverse;align-items:flex-start;gap:6px}.ct__pieza-cab em{padding:3px 8px}}
.ct__pasos p{margin:6px 0 0;font-size:.92rem;line-height:1.45;color:#A3A3A3}
.ct__pasos li.activa b{background:var(--ct-verde);color:#05150E;box-shadow:0 0 0 6px rgba(52,227,160,.12),0 0 30px -4px rgba(52,227,160,.7)}

@media (min-width:700px){
  .ct__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ct__flecha{display:none}
}
@media (min-width:1180px){
  .ct__tablero{padding:16px}
  .ct__cols{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1.05fr) 22px minmax(0,.95fr);gap:6px}
  .ct__flecha{display:grid;height:auto}
  .ct__flecha svg{transform:none}
  .ct__flecha i{left:0;top:50%;margin:-3px 0 0}
  .ct__col h3 b{display:none}
  .ct__col{padding:22px 16px 16px}
  .ct__pasos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
}
@media (min-width:1180px) and (max-width:1360px){
  .ct__col h3{font-size:1.15rem}
  .ct__mini{width:76px}
}
@media (min-width:1180px) and (max-width:1560px){
  .ct__estado span{display:none}
  .ct__estado{padding:7px}
}

.ct--vivo .ct__sabes li:not(.hecho) .ct__ok{opacity:0;transform:scale(.4)}
@media (prefers-reduced-motion:reduce){.ct__aprobar::after{animation:none}}

/* Ejecución: de la propuesta aprobada a las ventas, en 6 tiempos */
.ej{--ej-verde:#34E3A0;--ej-borde:rgba(255,255,255,.08)}
.ej .envoltura{max-width:1500px}
.ej .cabeza{max-width:60rem}
.ej .titulo{font-size:clamp(2.3rem,6.4vw,4.4rem);line-height:1.02;letter-spacing:-.045em}
.ej__escena{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:44px}
.ej__panel{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px;border-radius:24px;background:linear-gradient(180deg,#111113,#0b0b0c);border:1px solid var(--ej-borde);transition:opacity .6s,border-color .6s,box-shadow .6s}
.ej--vivo .ej__panel{opacity:.32}
.ej--vivo .ej__panel.on{opacity:1}
.ej__panel.actual{border-color:rgba(52,227,160,.35);box-shadow:0 0 0 1px rgba(52,227,160,.08),0 30px 70px -40px rgba(52,227,160,.45)}
.ej__cab{display:flex;align-items:center;gap:10px}
.ej__cab b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1d1d20;border:1px solid var(--ej-borde);font-size:.85rem;transition:background .5s,color .5s}
.ej__cab span{font:700 .78rem/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#8d8d8d;transition:color .5s}
.ej__panel.on .ej__cab b{background:var(--ej-verde);color:#04140d;border-color:transparent}
.ej__panel.on .ej__cab span{color:var(--ej-verde)}
.ej__dice{font-size:.95rem;line-height:1.45;color:#C9C9C9}

/* 1 · Faby */
.ej__faby{display:flex;align-items:center;gap:12px}
.ej__faby b{display:block;font-size:1.05rem}
.ej__faby small{font-size:.8rem;color:#9a9a9a}
.ej__orbe{position:relative;flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#132a22,#07100c);border:1px solid rgba(52,227,160,.35);box-shadow:0 0 30px -6px rgba(52,227,160,.6)}
.ej__orbe .logo-faby{width:68%;height:68%;background:conic-gradient(from var(--giro),#34E3A0,#B5FFE0,#4F7BFF,#34E3A0)}
@media (prefers-reduced-motion:no-preference){.ej__orbe .logo-faby{animation:faby-giro 6s linear infinite}}
.ej__orbe i{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(52,227,160,.5);animation:ej-ola 2.4s ease-out infinite}
@keyframes ej-ola{from{transform:scale(.85);opacity:.9}to{transform:scale(1.45);opacity:0}}
.ej__burbuja{position:relative;padding:14px 16px;border-radius:4px 18px 18px 18px;background:#18181b;border:1px solid var(--ej-borde);font-size:1rem;line-height:1.5;min-height:6.2em}
.ej__chips{display:flex;flex-wrap:wrap;gap:7px}
.ej__chips span{display:flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--ej-borde);font-size:.8rem;font-weight:600;color:#bdbdbd;transition:background .4s,border-color .4s,color .4s}
.ej__chips svg{width:14px;height:14px;color:var(--ej-verde)}
.ej--vivo .ej__chips span:not(.hecho) svg{visibility:hidden}
.ej__chips span.hecho{background:rgba(52,227,160,.08);border-color:rgba(52,227,160,.25);color:#fff}

/* 2 · Propuestas y aprobación */
.ej__props{display:flex;flex-direction:column;gap:8px}
.ej__prop{position:relative;display:flex;align-items:center;gap:12px;padding:9px 40px 9px 9px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:border-color .4s,background .4s}
.ej__prop img{flex:none;width:58px;height:58px;border-radius:11px;object-fit:cover}
.ej__prop b{display:block;font-size:.9rem;line-height:1.25}
.ej__prop small{display:block;margin-top:2px;font-size:.78rem;color:#9a9a9a}
.ej__prop em{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-style:normal;font-size:.78rem;font-weight:600;color:var(--ej-verde)}
.ej__prop em svg{width:13px;height:13px}
.ej__palomita{position:absolute;right:12px;top:50%;display:grid;place-items:center;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);color:transparent;transition:background .35s,border-color .35s,color .35s}
.ej__palomita svg{width:13px;height:13px}
.ej__prop.ok{border-color:rgba(52,227,160,.3);background:rgba(52,227,160,.05)}
.ej__prop.ok .ej__palomita{background:var(--ej-verde);border-color:var(--ej-verde);color:#04140d}
.ej:not(.ej--vivo) .ej__palomita{background:var(--ej-verde);border-color:var(--ej-verde);color:#04140d}
.ej__botones{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto}
.ej__cambios,.ej__aprobar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:13px;font-weight:600;font-size:.92rem}
.ej__cambios{border:1px solid rgba(255,255,255,.14);color:#d4d4d4}
.ej__aprobar{position:relative;background:linear-gradient(180deg,#4BF0AE,#22C98A);color:#04140d;font-weight:700;box-shadow:0 12px 28px -12px rgba(52,227,160,.75)}
.ej__aprobar svg{width:16px;height:16px}
.ej__cursor{position:absolute;z-index:4;right:22%;bottom:4px;width:26px;height:26px;color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));pointer-events:none;opacity:0}
.ej__cursor svg{width:100%;height:100%}

/* El avión de papel y su estela */
.ej__vuelo{position:absolute;inset:0;z-index:5;width:100%;height:100%;overflow:visible;pointer-events:none}
.ej__estela{fill:none;stroke:var(--ej-verde);stroke-width:2;stroke-linecap:round;opacity:.85;filter:drop-shadow(0 0 6px rgba(52,227,160,.8))}
.ej__avion{position:absolute;z-index:6;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.55));opacity:0;pointer-events:none}
.ej__avion svg{width:100%;height:100%}

/* 3 · Higgsfield */
.ej__hf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:16px;background:radial-gradient(120% 140% at 0% 0%,#1c1c20,#101012);border:1px solid rgba(255,255,255,.1)}
.ej__hf-marca{font:800 1.35rem/1 var(--f-sans);letter-spacing:-.04em}
.ej__hf-estado{display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:rgba(52,227,160,.1);font-size:.78rem;font-weight:600;color:var(--ej-verde)}
.ej__hf-estado i{width:8px;height:8px;border-radius:50%;background:var(--ej-verde);box-shadow:0 0 10px var(--ej-verde);animation:ej-late 1.2s ease-in-out infinite}
@keyframes ej-late{50%{opacity:.35}}
.ej__consola{display:flex;flex-direction:column;gap:8px}
.ej__linea{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.ej__linea b{display:block;font-size:.92rem}
.ej__linea small{font-size:.78rem;color:#9a9a9a}
.ej__linea em{font-style:normal;font-size:.75rem;font-weight:600;color:var(--ej-verde);text-align:right}
.ej__linea em.espera{color:#8d8d8d}
.ej__barra{grid-column:1/-1;display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.ej__barra i{display:block;height:100%;background:linear-gradient(90deg,#1FBF82,#4BF0AE);transform-origin:0 50%}

/* 4 · Piezas listas */
.ej__anuncios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ej__anuncio{position:relative;aspect-ratio:9/15;border-radius:14px;overflow:hidden;background:#222;box-shadow:0 18px 40px -20px rgba(0,0,0,.9)}
.ej__anuncio img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ej__anuncio::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.85))}
.ej__gancho{position:absolute;z-index:2;left:8px;right:8px;bottom:30px;font:700 .82rem/1.15 var(--f-sans);letter-spacing:-.01em}
.ej__red{position:absolute;z-index:2;left:8px;bottom:9px;display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:600;color:#ddd}
.ej__red .icono-app{width:16px;height:16px;border-radius:5px}
.ej__listo{position:absolute;z-index:2;top:8px;left:8px;display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:var(--ej-verde);color:#04140d;font-size:.66rem;font-weight:700}
.ej__listo svg{width:11px;height:11px}

/* 5 · Calendario */
.ej__cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.ej__dia{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:98px;padding:7px 3px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);transition:border-color .5s,background .5s}
.ej__dia > span{font-size:.72rem;font-weight:600;color:#8d8d8d}
.ej__dia.lleno{border-color:rgba(52,227,160,.25);background:rgba(52,227,160,.04)}
.ej__dia.lleno > span{color:#fff}
.ej__cita{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}
.ej__cita img{width:100%;max-width:44px;height:auto;aspect-ratio:9/13;border-radius:7px;object-fit:cover}
.ej__cita small{font-size:.62rem;font-weight:600;color:var(--ej-verde)}

/* 6 · Resultados */
.ej__metricas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ej__metrica{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.ej__metrica svg{width:17px;height:17px;color:#9a9a9a}
.ej__metrica b{font:700 1.45rem/1.05 var(--f-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ej__metrica small{font-size:.75rem;color:#9a9a9a}
.ej__metrica:last-child{background:rgba(52,227,160,.07);border-color:rgba(52,227,160,.25)}
.ej__metrica:last-child b,.ej__metrica:last-child svg{color:var(--ej-verde)}
.ej__grafica{width:100%;height:46px;color:var(--ej-verde);opacity:.7}

/* Hover */
@media (hover:hover){
  .ej__prop:hover,.ej__linea:hover,.ej__metrica:hover{border-color:rgba(255,255,255,.18)}
  .ej__anuncio img{transition:scale .7s cubic-bezier(.2,.8,.2,1)}
  .ej__anuncio:hover img{scale:1.08}
  .ej__panel:hover{border-color:rgba(255,255,255,.16)}
}

@media (min-width:700px){
  .ej__escena{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ej__metricas{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ej__metrica b{font-size:1.25rem}
}
@media (min-width:1180px){
  .ej__escena{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:16px}
  .ej__panel{padding:20px}
  .ej__metricas{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.ej__orbe i,.ej__hf-estado i{animation:none}}

/* Así funciona: flujo en 4 pasos */
.flujo{margin-top:48px;padding:28px 18px;border-radius:28px;background:var(--calido);border:1px solid var(--borde)}
.flujo__pasos{display:grid;gap:28px;margin:0;padding:0;list-style:none}
.paso__visual{position:relative;display:grid;place-items:center;height:200px}
.paso h3{display:flex;align-items:center;gap:10px;margin-top:14px;font:700 1.1875rem/1.2 var(--f-sans);letter-spacing:-.02em}
.paso h3 b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);font-size:.8125rem}
.paso p{margin-top:8px;color:var(--gris);font-size:.9375rem}
.conexiones{display:flex;flex-direction:column;gap:7px;width:100%;max-width:220px}
.conexion{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid var(--borde);font-size:.8125rem;font-weight:600}
.conexion em{font-style:normal;font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.1);color:var(--gris)}
.conexion em.hoy{background:rgba(126,226,184,.16);color:var(--menta)}
.barritas{display:flex;align-items:flex-end;gap:10px;height:110px;padding:14px 16px 0;border-radius:14px;background:rgba(0,0,0,.4);border:1px solid var(--borde)}
.barritas i{width:18px;border-radius:5px 5px 0 0;background:rgba(255,255,255,.18);height:var(--h)}
.barritas i.top{background:var(--teal)}
@media (prefers-reduced-motion:no-preference){
  .revela .barritas i{height:6px;transition:height .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*90ms)}
  .revela.visto .barritas i{height:var(--h)}
}
.pieza-mini{display:flex;gap:10px;align-items:center;padding:8px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid var(--borde);width:100%;max-width:230px;font-size:.8125rem}
.pieza-mini img{width:54px;height:70px;border-radius:9px;object-fit:cover;background:#3a332c}
.pieza-mini small{display:block;color:var(--gris);font-size:.6875rem}
.pieza-mini em{display:inline-block;margin-top:5px;font-style:normal;font-size:.6875rem;font-weight:700;color:var(--menta)}
.va-grande{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--blanco);color:#000;font:800 1.5rem/1 var(--f-sans);box-shadow:0 0 0 10px rgba(255,255,255,.07),0 0 0 22px rgba(255,255,255,.035)}
.va-grande svg{width:38px;height:38px}
@media (prefers-reduced-motion:no-preference){
  .va-grande{animation:late 2.4s ease-in-out infinite}
  @keyframes late{0%,100%{box-shadow:0 0 0 10px rgba(255,255,255,.07),0 0 0 22px rgba(255,255,255,.035)}50%{box-shadow:0 0 0 14px rgba(126,226,184,.14),0 0 0 30px rgba(126,226,184,.05)}}
}
.va-grande__nota{position:absolute;bottom:4px;padding:3px 9px;border-radius:999px;background:rgba(126,226,184,.16);color:var(--menta);font-size:.6875rem;font-weight:700}
.flecha{display:none}

/* Tú decides: editor de la pieza */
.editor{margin-top:48px;border-radius:24px;overflow:hidden;background:var(--calido-2);border:1px solid var(--borde)}
.editor__barra{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:14px 18px;border-bottom:1px solid var(--borde);font-size:.8125rem;color:#D4D4D4}
.editor__barra b{color:var(--blanco)}
.editor__barra .ejemplo-chip{position:static}
.editor__espera{margin-left:auto;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.4);color:var(--menta);font-weight:700}
.editor__cuerpo{display:grid;gap:20px;padding:20px 18px}
.editor__guion{font-size:.9375rem;line-height:1.7;color:#E5E5E5}
.editor__guion p+p{margin-top:12px}
.editor__guion small{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris-2)}
.editor__guion mark{background:none;color:var(--menta);transition:color .3s}
.editor__guion .dicho{color:#fff;background:rgba(126,226,184,.14);border-radius:4px}
.editor__centro{display:flex;justify-content:center}
.editor__tel{position:relative;width:min(230px,62vw);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#3a332c;box-shadow:0 30px 60px -24px rgba(0,0,0,.9)}
.editor__tel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s ease}
.editor__tel img.despues{opacity:0}
.editor__tel.cambia img.despues{opacity:1}
.editor__tel .rotulo{position:absolute;left:10px;right:10px;bottom:22px;text-align:center;font:800 1rem/1.1 var(--f-sans);text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.85)}
.editor__tel .rotulo b{color:var(--menta)}
.editor__tel .lado{position:absolute;top:12px;left:12px;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.55);font-size:.6875rem;font-weight:700}
.editor__tel .puntos{position:absolute;top:14px;right:12px;display:flex;gap:4px}
.editor__tel .puntos i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.45)}
.editor__tel .puntos i:first-child{background:#fff}
.editor__herr{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.herr{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:64px;padding:10px 6px;border-radius:12px;color:#D4D4D4;font-size:.6875rem;font-weight:600}
.herr svg{width:20px;height:20px}
.herr--va{background:var(--blanco);color:#000}
.editor__linea{padding:14px 18px 18px;border-top:1px solid var(--borde)}
.linea__ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--gris)}
.linea__dias{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin-top:12px;font-size:.6875rem;color:var(--gris-2)}
.linea__dias span{padding-bottom:6px;border-bottom:1px dashed var(--borde-2)}
.linea__piezas{position:relative;height:40px;margin-top:10px}
.linea__pieza{position:absolute;top:0;height:40px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid var(--borde-2);font-size:.6875rem;font-weight:600;white-space:nowrap;overflow:hidden}
.linea__pieza.activa{background:rgba(126,226,184,.16);border-color:rgba(126,226,184,.5);color:var(--menta)}
.cabezal{position:absolute;top:-34px;bottom:-4px;left:0;width:2px;background:var(--blanco);border-radius:2px}
.cabezal::before{content:"";position:absolute;top:0;left:-5px;width:12px;height:12px;border-radius:50%;background:var(--blanco)}
@media (prefers-reduced-motion:no-preference){
  .cabezal{animation:cabezal 12s linear infinite}
  @keyframes cabezal{from{left:0}to{left:100%}}
}

/* Control y conexiones: hub de cuentas, aprobación y tus datos */
.cx{--cx-verde:#34E3A0;--cx-borde:rgba(255,255,255,.08)}
.cx .envoltura{max-width:1500px}
.cx .cabeza{max-width:62rem}
.cx .titulo{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.02;letter-spacing:-.045em}
.cx__portada,.cx__tarjeta{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--cx-borde)}
.cx__portada::before,.cx__tarjeta::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(52,227,160,.08),transparent 60%);opacity:0;transition:opacity .4s}
.cx__portada:hover::before,.cx__tarjeta:hover::before{opacity:1}
.cx__portada{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center;margin-top:44px;padding:22px 16px;border-radius:30px;border-color:rgba(52,227,160,.16);background:radial-gradient(60% 70% at 50% 50%,rgba(52,227,160,.09),transparent 70%),linear-gradient(180deg,#0f1110,#09090a);box-shadow:0 50px 100px -50px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
.cx__ceja{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(52,227,160,.08);border:1px solid rgba(52,227,160,.22);font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cx-verde)}
.cx__ceja svg{width:14px;height:14px}
.cx__intro h3{margin-top:16px;font:700 clamp(1.8rem,3.2vw,2.6rem)/1.05 var(--f-sans);letter-spacing:-.035em}
.cx__intro p:last-child{margin-top:12px;max-width:26rem;font-size:.98rem;line-height:1.5;color:#A3A3A3}

/* El hub */
.cx__hub{position:relative;width:100%;aspect-ratio:1/1;max-height:460px;margin:0 auto}
.cx__lineas{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cx__linea{stroke:rgba(255,255,255,.16);stroke-width:1.2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;transition:stroke .6s}
.cx__linea.conectada{stroke:rgba(52,227,160,.7);stroke-dasharray:none;filter:drop-shadow(0 0 4px rgba(52,227,160,.8))}
.cx__orbita{position:absolute;top:50%;aspect-ratio:1}
.cx__orbita > span{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(255,255,255,.13)}
.cx__orbita--1{left:27%;width:46%;margin-top:-23%}
.cx__orbita--2{left:13%;width:74%;margin-top:-37%}
.cx__orbita--2 > span{border-style:solid;border-color:rgba(255,255,255,.06)}
.cx__orbita i{position:absolute;left:50%;top:-4px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--cx-verde);box-shadow:0 0 12px var(--cx-verde)}
.cx__orbita--2 i{top:auto;bottom:-4px;background:#8AA4FF;box-shadow:0 0 12px #8AA4FF}
@media (prefers-reduced-motion:no-preference){
  .cx__orbita--1 > span{animation:cx-gira 18s linear infinite}
  .cx__orbita--2 > span{animation:cx-gira 32s linear infinite reverse}
  .cx__nodo:not(.conectada) em::before,.cx__nodo.espera em::before{animation:cx-late 1.4s ease-in-out infinite}
  .cx__boton::after{animation:cx-brillo 3.2s ease-in-out infinite}
}
@keyframes cx-gira{to{rotate:360deg}}
@keyframes cx-late{50%{opacity:.25}}
@keyframes cx-brillo{0%,55%{translate:-120% 0}100%{translate:220% 0}}
.cx__centro{--d:clamp(96px,27%,146px);position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:var(--d);aspect-ratio:1;margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:50%;background:radial-gradient(circle at 50% 115%,rgba(52,227,160,.35),transparent 55%),radial-gradient(circle at 50% 45%,#0f1d18 0%,#060908 60%,#000 100%);border:1px solid rgba(52,227,160,.42);box-shadow:0 0 0 7px rgba(52,227,160,.05),0 0 80px -4px rgba(52,227,160,.5),0 30px 60px -20px rgba(0,0,0,.95),inset 0 -12px 26px rgba(52,227,160,.16),inset 0 8px 18px rgba(255,255,255,.07)}
/* Vidrio: el reflejo de arriba y un borde de luz que gira */
.cx__centro::before{content:"";position:absolute;z-index:2;left:17%;top:6%;width:56%;height:32%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));pointer-events:none}
.cx__centro::after{content:"";position:absolute;inset:3px;border-radius:50%;background:conic-gradient(from 200deg,transparent 0deg,rgba(181,255,224,.55) 40deg,transparent 90deg,transparent 250deg,rgba(79,123,255,.45) 300deg,transparent 340deg);-webkit-mask:radial-gradient(circle,transparent 66%,#000 69%);mask:radial-gradient(circle,transparent 66%,#000 69%);pointer-events:none}
.cx__esfera{position:relative;z-index:1;width:60%;aspect-ratio:1;filter:drop-shadow(0 0 8px rgba(52,227,160,.6)) drop-shadow(0 6px 8px rgba(0,0,0,.7))}
.cx__esfera > span{position:absolute;inset:0}
.cx__eco{filter:blur(12px);opacity:.85}
.cx__eco .logo-faby,.cx__nudo{width:100%;height:100%;background:conic-gradient(from var(--giro),#34E3A0,#B5FFE0,#4F7BFF,#8E7BFF,#34E3A0)}
.cx__destello{background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) 160% 0/250% 100% no-repeat}
@media (prefers-reduced-motion:no-preference){
  .cx__eco .logo-faby,.cx__nudo{animation:faby-giro 6s linear infinite}
  .cx__destello{animation:faby-destello 4.5s cubic-bezier(.5,0,.3,1) 1.2s infinite}
  .cx__eco{animation:faby-eco 3.2s ease-in-out infinite}
  .cx__esfera{animation:cx-flota 6s ease-in-out infinite}
  .cx__centro::after{animation:cx-gira 9s linear infinite}
}
@keyframes cx-flota{0%,100%{translate:0 2px;rotate:-5deg}50%{translate:0 -3px;rotate:5deg}}
.cx__onda{position:absolute;inset:-1px;border-radius:50%;border:1.5px solid var(--cx-verde);opacity:0;pointer-events:none}
.cx__pulso{position:absolute;z-index:1;left:var(--x);top:var(--y);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#C9FFE8;box-shadow:0 0 0 3px rgba(52,227,160,.25),0 0 16px 3px var(--cx-verde);opacity:0;visibility:hidden}
.cx__nodo{position:absolute;z-index:3;left:clamp(58px,var(--x),calc(100% - 58px));top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:14px;background:rgba(14,14,15,.94);border:1px solid var(--cx-borde);box-shadow:0 14px 30px -14px rgba(0,0,0,.9);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .5s}
.cx__nodo.conectada{border-color:rgba(52,227,160,.32)}
.cx__nodo.espera{border-color:var(--cx-borde)}
.cx__nodo span{display:flex;flex-direction:column;gap:2px}
.cx__nodo b{font-size:.74rem;font-weight:600;letter-spacing:-.01em}
.cx__nodo em{display:flex;align-items:center;gap:5px;font-style:normal;font-size:.62rem;font-weight:600;color:#8d8d8d}
.cx__nodo em::before{content:"";width:6px;height:6px;border-radius:50%;background:#666}
.cx__nodo.conectada em{color:var(--cx-verde)}
.cx__nodo.conectada em::before{background:var(--cx-verde);box-shadow:0 0 8px var(--cx-verde)}
.cx__nodo.espera em{color:#C9C9C9}
.cx__nodo.espera em::before{background:#E5C94B;box-shadow:0 0 8px #E5C94B}

/* Logos de las cuentas */
.cx__logo{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:27%;transition:scale .45s cubic-bezier(.2,.8,.2,1)}

/* Los 3 rasgos */
.cx__rasgos{list-style:none;margin:0;padding:6px;border-radius:22px;background:rgba(255,255,255,.025);border:1px solid var(--cx-borde)}
.cx__rasgos li{display:flex;align-items:flex-start;gap:14px;padding:14px 12px;border-radius:16px;transition:background .35s}
.cx__rasgos li + li{border-top:1px solid rgba(255,255,255,.05)}
.cx__rasgos b{display:block;font-size:.95rem;font-weight:600;letter-spacing:-.01em}
.cx__rasgos small{display:block;margin-top:3px;font-size:.8rem;line-height:1.4;color:#9A9A9A}
.cx__ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(52,227,160,.08);border:1px solid rgba(52,227,160,.2);color:var(--cx-verde);transition:scale .4s cubic-bezier(.2,.8,.2,1)}
.cx__ico svg{width:20px;height:20px}
.cx__ico--chico{width:32px;height:32px;border-radius:10px}
.cx__ico--chico svg{width:16px;height:16px}
@media (hover:hover){.cx__rasgos li:hover{background:rgba(255,255,255,.04)}.cx__rasgos li:hover .cx__ico,.cx__tarjeta:hover .cx__cab .cx__ico{scale:1.1}}

/* Las dos tarjetas de abajo */
.cx__dos{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}
.cx__tarjeta{padding:20px 16px;border-radius:26px;background:linear-gradient(180deg,#111113,#0b0b0c)}
.cx__cab{display:flex;align-items:flex-start;gap:14px}
.cx__cab h3{font:700 1.35rem/1.15 var(--f-sans);letter-spacing:-.025em}
.cx__cab p{margin-top:5px;font-size:.9rem;line-height:1.45;color:#A3A3A3}
.cx__cuerpo{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
.cx__cuentas{display:flex;flex-direction:column;gap:6px}
.cx__cuenta{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:translate .35s cubic-bezier(.2,.8,.2,1),background .35s}
.cx__cuenta > b{flex:1;min-width:0;font-size:.86rem;font-weight:600;line-height:1.2}
.cx__estado{flex:none;display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:.7rem;font-weight:600;color:#9A9A9A}
.cx__estado i{width:6px;height:6px;border-radius:50%;background:#666}
.cx__cuenta.conectada .cx__estado{background:rgba(52,227,160,.1);border-color:rgba(52,227,160,.2);color:var(--cx-verde)}
.cx__cuenta.conectada .cx__estado i{background:var(--cx-verde);box-shadow:0 0 8px var(--cx-verde)}
.cx__chev{flex:none;width:16px;height:16px;color:#777}
@media (hover:hover){.cx__cuenta:hover{translate:4px 0;background:rgba(255,255,255,.055)}.cx__cuenta:hover .cx__logo{scale:1.12}}
.cx__aprobar{position:relative;display:flex;flex-direction:column;gap:7px;padding:12px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--cx-borde)}
.cx__aprobar-cab{display:flex;align-items:flex-start;gap:10px;margin-bottom:3px}
.cx__aprobar-cab b{display:block;font-size:.86rem;font-weight:600}
.cx__aprobar-cab small{display:block;margin-top:2px;font-size:.74rem;line-height:1.35;color:#9A9A9A}
.cx__pub{display:flex;align-items:center;gap:10px;padding:7px;border-radius:13px;background:rgba(255,255,255,.03);border:1px solid transparent;transition:border-color .35s,background .35s}
.cx__pub.activa{border-color:rgba(79,123,255,.55);background:rgba(79,123,255,.07)}
.cx__pub.ok{border-color:rgba(52,227,160,.25)}
.cx__mini{flex:none;width:40px;height:40px;border-radius:9px;overflow:hidden;background:#222}
.cx__mini img{width:100%;height:100%;object-fit:cover}
.cx__pub-txt{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.cx__pub-txt b{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx__pub-txt small{font-size:.7rem;color:#8d8d8d}
.cx__revisar{flex:none;display:grid}
.cx__revisar > span{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px;border-radius:999px;font-size:.66rem;font-weight:600;white-space:nowrap;transition:opacity .35s}
.cx__revisar > span:first-child{background:rgba(79,123,255,.14);color:#9DB4FF}
.cx__revisar > span:last-child{background:rgba(52,227,160,.12);color:var(--cx-verde);opacity:0}
.cx__revisar svg{width:11px;height:11px}
.cx__pub.ok .cx__revisar > span:first-child{opacity:0}
.cx__pub.ok .cx__revisar > span:last-child{opacity:1}
.cx__boton{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:3px;padding:11px;border-radius:12px;background:#fff;color:#000;font-size:.84rem;font-weight:600;transition:background .4s,color .4s}
.cx__boton svg{width:14px;height:14px}
.cx__boton::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);translate:-120% 0;pointer-events:none}
.cx__aprobar.listo .cx__boton{background:var(--cx-verde);color:#04170F}
.cx__cursor{position:absolute;left:0;top:0;z-index:4;width:22px;height:22px;color:#fff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));opacity:0;visibility:hidden;pointer-events:none}
.cx__cursor svg{width:100%;height:100%}
.cx__ajustes{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.cx__ajuste{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:translate .35s cubic-bezier(.2,.8,.2,1),background .35s}
.cx__ajuste > span:nth-child(2){flex:1;min-width:0}
.cx__ajuste b{display:block;font-size:.9rem;font-weight:600}
.cx__ajuste small{display:block;margin-top:2px;font-size:.76rem;line-height:1.35;color:#9A9A9A}
.cx__ajuste .cx__ico{width:36px;height:36px;border-radius:11px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:#E5E5E5}
.cx__ajuste .cx__ico svg{width:18px;height:18px}
.cx__ajuste--clave{background:rgba(52,227,160,.06);border-color:rgba(52,227,160,.32);box-shadow:0 18px 40px -26px rgba(52,227,160,.5)}
.cx__ajuste--clave .cx__ico{background:rgba(52,227,160,.1);border-color:rgba(52,227,160,.25);color:var(--cx-verde)}
@media (hover:hover){.cx__ajuste:hover{translate:4px 0;background:rgba(255,255,255,.055)}}
.cx__switch{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:#3a3a3d;transition:background .35s}
.cx__switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.4);transition:translate .35s cubic-bezier(.3,1.4,.5,1)}
.cx__switch.on{background:var(--cx-verde)}
.cx__switch.on::after{translate:18px 0}

@media (min-width:520px){
  .cx__hub{aspect-ratio:1.25/1}
  .cx__nodo{gap:9px;padding:7px 12px 7px 7px}
  .cx__nodo b{font-size:.8rem}
  .cx__nodo em{font-size:.66rem}
  .cx__logo{width:30px;height:30px}
}
@media (min-width:760px){
  .cx__cuerpo{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .cx__tarjeta{padding:24px}
}
@media (min-width:1100px){
  .cx__portada{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(0,.95fr);gap:26px;padding:34px 30px}
  .cx__hub{aspect-ratio:1.3/1}
  .cx__dos{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
}

/* Tres tarjetas: marcador, conexiones oficiales, tus datos */
.tres{display:grid;gap:20px;margin-top:48px}
.tarjeta{display:flex;flex-direction:column;padding:26px;border-radius:24px;background:var(--panel-2);border:1px solid var(--borde)}
.tarjeta__visual{display:grid;place-items:center;min-height:210px}
.tarjeta h3{margin-top:22px;font:700 1.25rem/1.25 var(--f-sans);letter-spacing:-.02em}
.tarjeta p{margin-top:8px;color:var(--gris);font-size:.9375rem}
.tarjeta p+p{margin-top:6px}
.marcador-t{width:100%;border-collapse:collapse;font-size:.8125rem;border-radius:14px;overflow:hidden;background:var(--panel-3)}
.marcador-t caption{caption-side:bottom;padding-top:10px;text-align:left;font-size:.75rem;color:var(--gris)}
.marcador-t th,.marcador-t td{padding:10px 8px;border-bottom:1px solid var(--borde)}
.marcador-t thead th{font-weight:600;color:var(--gris);font-size:.6875rem;text-align:center}
.marcador-t thead th:first-child,.marcador-t tbody th{text-align:left}
.marcador-t tbody th{font-weight:600}
.marcador-t td{text-align:center;color:var(--gris-2)}
.marcador-t tbody tr:last-child>*{border-bottom:0}
.hub{position:relative;width:210px;height:210px}
.hub__anillo{position:absolute;inset:18px;border-radius:50%;border:1px dashed var(--borde-2)}
@media (prefers-reduced-motion:no-preference){.hub__anillo{animation:gira 40s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}}
.hub__centro{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;background:#000;border:1px solid var(--borde-2);font:400 1.05rem/1 var(--f-serif);letter-spacing:.05em}
.hub__red{position:absolute;display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%);padding:6px 9px;border-radius:12px;background:#000;border:1px solid var(--borde);font-size:.6875rem;font-weight:600;white-space:nowrap}
.hub__red em{font-style:normal;font-size:.5625rem;font-weight:700;color:var(--gris-2);letter-spacing:.04em;text-transform:uppercase}
.hub__red em.hoy{color:var(--menta)}
.interruptores{display:flex;flex-direction:column;gap:10px;width:100%;max-width:240px}
.interruptor{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:var(--panel-3);font-size:.875rem;font-weight:600}
.interruptor i{position:relative;width:38px;height:22px;border-radius:999px;background:#3d3d3d;flex:none}
.interruptor i::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .35s ease}
.interruptor.on i{background:var(--teal)}
.interruptor.on i::after{transform:translateX(16px)}

/* Lo que no hacemos: tarjetas en marquesina (en lugar de testimonios) */
.reglas{margin-top:44px}
.reglas .marquesina__fila{gap:18px;align-items:stretch}
@media (prefers-reduced-motion:no-preference){.reglas .marquesina__fila{animation-duration:48s}}
.regla{display:flex;flex-direction:column;justify-content:space-between;gap:28px;width:300px;min-height:230px;padding:26px;border-radius:22px;background:var(--panel-2);border:1px solid var(--borde);text-align:left}
.regla p{font-size:1.0625rem;line-height:1.45;font-weight:500}
.regla footer{display:flex;align-items:center;justify-content:space-between;color:var(--gris-2);font-size:.875rem;font-weight:600}
.regla svg{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(126,226,184,.12);color:var(--menta)}

/* Precio en la portada */
.precio-bloque{max-width:44rem;margin:0 auto;text-align:center}
.precio-bloque p{margin-top:12px;color:var(--gris);font-size:1.0625rem}
.precio-bloque .acciones{display:flex;flex-direction:column;gap:10px;margin-top:28px}

/* Preguntas */
.faq{max-width:800px;margin:44px auto 0;display:flex;flex-direction:column;gap:14px}
.faq details{border:1px solid var(--borde-2);border-radius:18px;background:#000;transition:background-color .25s}
.faq details[open]{background:var(--panel)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;font:700 clamp(1.0625rem,2.4vw,1.375rem)/1.3 var(--f-sans);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:20px;height:20px;flex:none;transition:transform .3s ease}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq details p{padding:0 22px 22px;color:var(--gris);font-size:1rem}
.faq details a{color:var(--blanco)}

/* Llamado final */
.final{position:relative;isolation:isolate;overflow:hidden;margin-top:24px;padding:72px 22px;border-radius:32px;text-align:center;background:var(--frio);border:1px solid var(--borde)}
.final::before{content:"";position:absolute;z-index:-1;left:50%;top:-40%;width:120%;height:120%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(79,123,255,.28),rgba(79,123,255,0))}
.final .titulo{max-width:18ch;margin:14px auto 0}
.final .acciones{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:30px}

/* Pie */
.pie{padding:40px 0 32px}
.pie__panel{padding:40px 24px 26px;border-radius:26px;background:var(--panel-2)}
.pie__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
.pie__marca{grid-column:1/-1}
.pie__marca p{margin-top:10px;max-width:22rem;color:var(--gris);font-size:.9375rem}
.pie h2{font-size:.9375rem;font-weight:600}
.pie ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.pie ul a{color:var(--gris);text-decoration:none;font-size:.9375rem;font-weight:500}
.pie ul a:hover{color:var(--blanco);text-decoration:underline}
.pie__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:20px;border-top:1px solid var(--borde);color:var(--gris-2);font-size:.8125rem}

/* Aparecer al hacer scroll */
@media (prefers-reduced-motion:no-preference){
  .js .sube{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0)*110ms)}
  .js .sube.visto{opacity:1;transform:none}
}

/* ---- Precios ---- */
.precios-heroe{padding-top:56px;text-align:center}
.precios-heroe h1{font:700 clamp(2.4rem,7vw,3.9rem)/1.05 var(--f-sans);letter-spacing:-.04em}
.cambio{display:inline-flex;align-items:center;gap:14px;margin-top:26px;font-size:1.125rem;font-weight:600;color:var(--gris)}
.cambio button{position:relative;width:44px;height:26px;border-radius:999px;border:0;background:var(--panel-3);cursor:pointer}
.cambio button::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .3s ease}
.cambio button[aria-checked=true]::after{transform:translateX(18px)}
.cambio .activo{color:var(--blanco)}
.cambio__nota{margin-top:10px;color:var(--menta);font-size:.9375rem;font-weight:600}
.planes{display:grid;gap:20px;max-width:860px;margin:40px auto 0}
.plan{display:flex;flex-direction:column;padding:28px 24px;border-radius:24px;border:1px solid var(--borde-2);background:#000;text-align:left}
.plan--destacado{border:2px solid var(--blanco);background:var(--panel)}
.plan h2{font:700 1.75rem/1.1 var(--f-sans);letter-spacing:-.03em}
.plan__para{margin-top:8px;color:var(--gris)}
.plan__precio{margin-top:22px;font:700 2.25rem/1 var(--f-sans);letter-spacing:-.03em}
.plan__precio small{display:block;margin-top:8px;font-size:.9375rem;font-weight:500;letter-spacing:0;color:var(--gris)}
.plan .boton{margin-top:24px}
.plan ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:.9375rem}
.plan li{display:flex;gap:10px}
.plan li svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--gris)}
.plan__pie{margin-top:18px;font-size:.8125rem;color:var(--gris-2)}
.precios-nota{max-width:40rem;margin:34px auto 0;text-align:center;color:var(--gris)}

/* ---- Registro (lista de espera) ---- */
.registro{display:grid;place-items:center;min-height:calc(100vh - 68px);padding:40px var(--orilla) 60px}
.registro__caja{width:100%;max-width:440px;padding:32px 24px;border-radius:26px;background:var(--panel);border:1px solid var(--borde)}
.registro h1{font:700 2rem/1.1 var(--f-sans);letter-spacing:-.03em}
.registro__sub{margin-top:10px;color:var(--gris)}
.campo{display:block;margin-top:18px}
.campo span{display:block;font-size:.875rem;font-weight:600}
.campo span em{font-style:normal;font-weight:400;color:var(--gris-2)}
.campo input{width:100%;height:50px;margin-top:8px;padding:0 16px;border-radius:14px;border:1px solid var(--borde-2);background:#000;color:#fff;font:400 1rem var(--f-sans)}
.campo input:focus{outline:none;border-color:var(--teal-claro);box-shadow:0 0 0 3px rgba(143,176,255,.2)}
.registro .boton{margin-top:24px}
.registro__legal{margin-top:16px;font-size:.8125rem;color:var(--gris-2)}
.registro__legal a{color:var(--gris)}
.registro__entrar{margin-top:22px;padding-top:18px;border-top:1px solid var(--borde);font-size:.9375rem;color:var(--gris);text-align:center}
.registro__entrar a{color:var(--blanco);font-weight:600}

@media (min-width:640px){
  :root{--orilla:24px}
  .pide{gap:14px}
  .pide__botones{flex-direction:row;justify-content:center;align-items:center}
  .precio-bloque .acciones,.final .acciones{flex-direction:row}
  .pie__cols{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pie__marca{grid-column:auto}
}
@media (min-width:900px){
  .barra__nav{display:flex}
  .barra__der{margin-left:0}
  .barra__entrar{display:inline}
  .hamburguesa{display:none}
  .heroe{padding-top:84px}
  .pide{flex-direction:row;align-items:center;max-width:none;justify-content:center}
  .pide__caja{width:700px;padding-right:6px}
  .heroe__h1{max-width:none;font-size:clamp(2.6rem,4.3vw,3.75rem)}
  .heroe__h1 span{display:block}
  .pide__caja .boton{margin-left:auto}
  .pide__o{display:inline}
  .pide__botones{display:contents}
  .seccion{padding-block:120px}
  .funciones{grid-template-columns:1fr 1fr}
  .funcion__visual{min-height:430px}
  .flujo{padding:44px 40px}
  .flujo__pasos{grid-template-columns:repeat(4,1fr);gap:34px}
  .flecha{display:block;position:absolute;right:-30px;top:50%;width:28px;height:2px;background:repeating-linear-gradient(90deg,var(--borde-2) 0 5px,transparent 5px 9px)}
  .paso:last-child .flecha{display:none}
  .editor__cuerpo{grid-template-columns:1.1fr auto .5fr;align-items:center;padding:26px 26px}
  .editor__herr{flex-direction:column;align-items:flex-end}
  .tres{grid-template-columns:repeat(3,1fr)}
  .planes{grid-template-columns:1fr 1.15fr}
  .pie__panel{padding:52px 64px 30px}
  .pie__cols{grid-template-columns:1.6fr repeat(3,1fr)}
  .final{padding:96px 40px}
}
@media (max-width:899px){
  .pide__caja .boton{display:none}
}
@media (min-width:900px){
  .pide__botones .boton--blanco{display:none}
}

.app-tabla tbody tr{transition:opacity .4s ease}
@media (prefers-reduced-motion:reduce){
  .app,.app *,.cursor,.clip,.escena-btn i,.entra,.sube{transition:none!important;animation:none!important}
}

/* ---- Culto Labs · Faby ---- */
.labs-heroe{display:grid;gap:40px;align-items:center;padding-top:56px}
.labs-heroe h1{margin-top:16px;font:700 clamp(2.9rem,9vw,5.5rem)/.98 var(--f-sans);letter-spacing:-.05em}
.labs-heroe h1 span{display:block;background:linear-gradient(90deg,#fff 0%,var(--teal-claro) 55%,#B69CFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.labs-heroe__lead{margin-top:20px;max-width:34rem;font-size:clamp(1.0625rem,2.4vw,1.3125rem);line-height:1.5;color:#D4D4D4}
.labs-heroe__meta{margin-top:18px;font-size:.875rem;color:var(--gris-2)}
.labs-heroe .acciones{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.faby{position:relative;container-type:inline-size;aspect-ratio:1;width:100%;max-width:520px;margin-inline:auto;border-radius:32px;overflow:hidden;background:radial-gradient(90% 90% at 50% 40%,#161b45 0%,#0a0b16 60%,#000 100%);border:1px solid var(--borde)}
.faby img{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover}
/* El logo de Faby: nudo con luz que gira, destello y eco */
@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}
.logo-faby{display:block;-webkit-mask:url(/img/faby-logo.webp) center/contain no-repeat;mask:url(/img/faby-logo.webp) center/contain no-repeat;background:linear-gradient(135deg,#C8FFEA 0%,#34E3A0 42%,#4F7BFF 100%)}
.faby__luz{position:absolute;left:50%;top:47%;width:70%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(52,227,160,.32),rgba(79,123,255,.12) 45%,transparent 70%)}
.faby__onda{position:absolute;left:50%;top:47%;width:50%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgba(52,227,160,.45);opacity:0}
.faby__marca{position:absolute;z-index:1;left:50%;top:47%;width:50%;aspect-ratio:1;translate:-50% -50%}
.faby__tilt{position:absolute;inset:0;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 22px rgba(52,227,160,.45)) drop-shadow(0 18px 40px rgba(0,0,0,.6))}
.faby__tilt > span{position:absolute;inset:0}
.faby__eco{filter:blur(26px);opacity:.75}
.faby__eco .logo-faby,.faby__logo{width:100%;height:100%;background:conic-gradient(from var(--giro),#34E3A0,#B5FFE0,#4F7BFF,#8E7BFF,#34E3A0)}
.faby__destello{background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) 160% 0/250% 100% no-repeat}
@media (prefers-reduced-motion:no-preference){
  .faby__marca{animation:faby-nace 2s cubic-bezier(.16,1,.3,1) .3s both}
  @keyframes faby-nace{from{opacity:0;scale:.3;rotate:-160deg}60%{opacity:1}to{opacity:1;scale:1;rotate:0deg}}
  .faby__eco .logo-faby,.faby__logo{animation:faby-giro 7s linear infinite}
  @keyframes faby-giro{to{--giro:360deg}}
  .faby__destello{animation:faby-destello 4.5s cubic-bezier(.5,0,.3,1) 1.8s infinite}
  @keyframes faby-destello{0%{background-position:160% 0}45%,100%{background-position:-60% 0}}
  .faby__eco{animation:faby-eco 3.2s ease-in-out infinite}
  @keyframes faby-eco{0%,100%{opacity:.5;scale:.96}50%{opacity:.95;scale:1.06}}
  .faby__luz{animation:faby-eco 4s ease-in-out infinite}
  .faby__onda{animation:faby-onda 3.6s cubic-bezier(.2,.6,.3,1) 2s infinite}
  .faby__onda + .faby__onda{animation-delay:3.8s}
  @keyframes faby-onda{from{opacity:.8;scale:.9}to{opacity:0;scale:1.9}}
}

.faby__orbe{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#eef2ff 0%,#8FB0FF 18%,#4F7BFF 45%,#241a5c 75%,transparent 76%);box-shadow:0 0 80px 10px rgba(79,123,255,.35),inset -20px -30px 60px rgba(0,0,0,.45)}
.faby__halo{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(143,176,255,.25);transform:translate(-50%,-50%)}
.faby__halo:nth-of-type(2){width:66%;aspect-ratio:1}
.faby__halo:nth-of-type(3){width:86%;aspect-ratio:1;border-style:dashed;border-color:rgba(255,255,255,.14)}
.faby__nodo{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:var(--menta);box-shadow:0 0 14px 2px rgba(126,226,184,.7)}
.faby__nombre{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:600 .8125rem/1 var(--f-sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media (prefers-reduced-motion:no-preference){
  .faby__orbe{animation:respira 5s ease-in-out infinite}
  @keyframes respira{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}
  .faby__nodo{animation:orbita var(--t,14s) linear infinite}
  @keyframes orbita{from{transform:rotate(var(--a,0deg)) translateX(var(--r,150px)) rotate(calc(-1*var(--a,0deg)))}to{transform:rotate(calc(var(--a,0deg) + 360deg)) translateX(var(--r,150px)) rotate(calc(-1*var(--a,0deg) - 360deg))}}
  .faby__halo:nth-of-type(3){animation:gira 60s linear infinite}
}
.informe{max-width:46rem;margin:0 auto}
.informe h2{margin-top:64px;font:700 clamp(1.75rem,4.6vw,2.5rem)/1.1 var(--f-sans);letter-spacing:-.035em}
.informe h2:first-child{margin-top:0}
.informe p{margin-top:16px;font-size:1.125rem;line-height:1.65;color:#D4D4D4}
.informe p strong{color:#fff}
.informe__cita{margin-top:28px;padding:22px 24px;border-left:3px solid var(--teal-claro);background:var(--panel);border-radius:0 16px 16px 0;font-size:1.25rem;line-height:1.5;color:#fff}
.agentes{display:grid;gap:12px;margin-top:28px}
.agente{display:flex;gap:14px;padding:18px;border-radius:18px;background:var(--panel-2);border:1px solid var(--borde)}
.agente__ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:rgba(79,123,255,.14);color:var(--teal-claro)}
.agente__ico svg{width:20px;height:20px}
.agente h3{font:700 1.0625rem/1.25 var(--f-sans)}
.agente p{margin-top:4px;font-size:.9375rem;line-height:1.5;color:var(--gris)}
.agente em{display:inline-block;margin-top:8px;font-style:normal;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris-2)}
.agente em.vivo{color:var(--menta)}
.agente em.vivo::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--menta);vertical-align:1px}
@media (prefers-reduced-motion:no-preference){.agente em.vivo::before{animation:parpadeo 1.6s ease-in-out infinite}@keyframes parpadeo{50%{opacity:.25}}}
.fuentes{display:grid;gap:14px;margin-top:24px}
.fuentes__col{padding:22px;border-radius:18px;background:var(--panel);border:1px solid var(--borde)}
.fuentes__col h3{font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.fuentes__col ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fuentes__col li{padding:7px 12px;border-radius:999px;background:var(--panel-3);font-size:.9375rem;font-weight:600}
.fuentes__col li.luego{background:transparent;border:1px dashed var(--borde-2);color:var(--gris)}
.fuentes__col p{margin-top:12px;font-size:.9375rem;color:var(--gris)}
.principios{display:grid;gap:12px;margin-top:24px}
.principio{padding:22px;border-radius:18px;background:var(--panel-2);border:1px solid var(--borde)}
.principio b{display:block;font-size:1.125rem;letter-spacing:-.01em}
.principio span{display:block;margin-top:6px;color:var(--gris)}
.ficha{width:100%;margin-top:24px;border-collapse:collapse;font-size:1rem}
.ficha th,.ficha td{padding:14px 0;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}
.ficha th{width:38%;padding-right:16px;font-weight:600;color:var(--gris)}
@media (min-width:640px){
  .labs-heroe .acciones{flex-direction:row}
  .agentes,.principios{grid-template-columns:1fr 1fr}
  .fuentes{grid-template-columns:1fr 1fr}
}
@media (min-width:900px){
  .labs-heroe{grid-template-columns:1.05fr 1fr;padding-top:88px;gap:56px}
}
@media (max-width:639px){
  .guion{grid-template-columns:1fr;padding:48px 14px 14px}
  .guion__tel{display:none}
  .funcion__visual{min-height:380px}
  .clips{padding:40px 8px 20px}
  .clip__score b{font-size:.75rem}
  .editor__guion{display:none}
  .editor__herr{flex-direction:row}
}
@media (max-width:639px){
  .boton{white-space:normal;line-height:1.25}
  .acciones .boton,.final .boton{width:100%}
  .linea__pieza{padding:0 6px;font-size:.625rem}
}
@media (min-width:900px){
  .demo{max-height:none}
  .demo::after{display:none}
}
.heroe__h1 span{display:block}
@media (max-width:639px){
  .boton{padding:0 14px;font-size:.9375rem;gap:8px}
  .barra .boton{font-size:.8125rem}
}
.vitrina__pie a{color:var(--blanco);font-weight:600;text-underline-offset:3px}
/* Lo que se inclina en 3D no debe salirse de la pantalla */
.seccion{overflow-x:hidden;overflow-x:clip}
/* Títulos que entran palabra por palabra */
.pal{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.pal-in{display:inline-block;will-change:transform}

/* ---- v5: planes, recargas, registro y precio en la portada ---- */
.regalo{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(79,123,255,.14);border:1px solid rgba(143,176,255,.3);color:#C9D8FF;font-size:.875rem;font-weight:600}
.regalo svg{width:15px;height:15px;color:var(--teal-claro)}
.precios-heroe h1{margin-top:18px}
.precios-sub{margin-top:12px;color:var(--gris)}
.planes--4{max-width:none;grid-template-columns:1fr}
.plan{position:relative}
.plan__marca{position:absolute;top:-12px;left:24px;padding:4px 10px;border-radius:999px;background:#3558E0;color:#fff;font-size:.75rem;font-weight:700}
.plan__precio span{font-variant-numeric:tabular-nums}
.plan__periodo{display:inline!important;margin-left:6px!important;font-size:1rem!important}
.plan__detalle{margin-top:8px;font-size:.875rem;color:var(--gris)}
.plan--destacado{background:linear-gradient(180deg,rgba(79,123,255,.14),rgba(20,20,20,1) 40%)}
.recargas{display:grid;gap:12px;margin-top:40px;grid-template-columns:repeat(2,1fr)}
.recarga{display:flex;flex-direction:column;padding:20px;border-radius:20px;background:var(--panel-2);border:1px solid var(--borde)}
.recarga b{font-size:1.75rem;letter-spacing:-.03em;line-height:1}
.recarga span{font-size:.8125rem;color:var(--gris)}
.recarga strong{margin-top:14px;font-size:1.25rem}
.recarga small{color:var(--teal-claro);font-weight:600;font-size:.8125rem}
.recarga em{margin-top:10px;font-style:normal;font-size:.8125rem;color:var(--gris)}
.recargas__nota{margin-top:18px;color:var(--gris);font-size:.9375rem;max-width:46rem}
.planes-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:26px;text-align:left}
.planes-mini div{padding:16px;border-radius:16px;background:var(--panel-2);border:1px solid var(--borde)}
.planes-mini b{display:block;font-size:.9375rem}
.planes-mini strong{display:block;margin-top:6px;font-size:1.375rem;letter-spacing:-.02em}
.planes-mini small{color:var(--gris);font-size:.8125rem}
.alta{max-width:460px}
.alta h1{margin-top:16px}
.alta__plan{margin-top:12px;padding:8px 12px;border-radius:12px;background:var(--panel-3);font-size:.875rem;font-weight:600}
.alta__proveedores{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.alta__prov svg{width:18px;height:18px}
.alta__o{display:flex;align-items:center;gap:12px;margin-top:20px;color:var(--gris-2);font-size:.8125rem}
.alta__o::before,.alta__o::after{content:"";flex:1;height:1px;background:var(--borde-2)}
.campo--clave{position:relative}
.alta__ver{position:absolute;right:6px;bottom:5px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:none;color:var(--gris);cursor:pointer}
.alta__ver svg{width:18px;height:18px}
.alta__acepto{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:.875rem;color:var(--gris)}
.alta__acepto input{width:18px;height:18px;margin-top:2px;accent-color:var(--teal)}
.alta__acepto a{color:#fff}
.registro [hidden]{display:none!important}
.alta__google{display:flex;justify-content:center;min-height:44px}
.alta__trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alta__legal{margin-top:14px;font-size:.8125rem;line-height:1.5;color:var(--gris-2)}
.alta__legal a{color:var(--gris)}
.alta__listo{text-align:center;padding-top:8px;outline:none}
.alta__listo h2{margin-top:16px;font:700 1.6rem/1.15 var(--f-sans);letter-spacing:-.03em}
.alta__listo p{margin-top:10px;color:var(--gris)}
.alta__palomita{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:rgba(52,227,160,.12);border:1px solid rgba(52,227,160,.35);color:#34E3A0}
.alta__palomita svg{width:26px;height:26px}
.alta__aviso{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(79,123,255,.12);border:1px solid rgba(143,176,255,.3);color:#C9D8FF;font-size:.875rem}
@media (min-width:640px){.planes-mini{grid-template-columns:repeat(4,1fr)}.recargas{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.planes--4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1180px){.planes--4{grid-template-columns:repeat(4,1fr)}}

.planes--4 .plan .boton{width:100%}