/* Culto · el anuncio animado de la portada (vertical en celular, horizontal en compu) */
.anuncio-zona{margin:40px auto 0;max-width:calc(1120px + 2*var(--orilla));padding-inline:var(--orilla)}
.anuncio{position:relative;overflow:hidden;border-radius:28px;background:#05060B;border:1px solid var(--borde);box-shadow:0 60px 140px -60px rgba(79,123,255,.55)}
.an-escenario{--az:#5B86FF;--az-claro:#A9C1FF;--vio:#8B5CF6;--verde:#1ED68A;position:relative;width:100%;aspect-ratio:9/16;container-type:size;overflow:hidden;isolation:isolate;color:#fff;text-align:center}
@media (min-width:640px){.an-escenario{aspect-ratio:16/9}}

/* Fondo: puro glow */
.an-fondo{position:absolute;inset:0;z-index:0;pointer-events:none}
.an-luz{position:absolute;border-radius:50%;will-change:transform}
.an-luz--1{width:120cqmax;height:120cqmax;left:-50cqmax;top:-55cqmax;background:radial-gradient(closest-side,rgba(64,105,255,.55),rgba(64,105,255,0))}
.an-luz--2{width:100cqmax;height:100cqmax;right:-45cqmax;bottom:-50cqmax;background:radial-gradient(closest-side,rgba(139,92,246,.45),rgba(139,92,246,0))}
.an-luz--3{width:70cqmax;height:70cqmax;left:15cqmax;top:20cqmax;background:radial-gradient(closest-side,rgba(40,70,200,.28),rgba(40,70,200,0))}
.an-vineta{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.72) 100%)}

/* Barras tipo historia, etiqueta de ejemplo y control */
.an-barras{position:absolute;z-index:8;top:14px;left:14px;right:14px;display:flex;gap:3px}
.an-barras i{flex:1;height:3px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.22)}
.an-barras b{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:0 50%}
.an-ejemplo{position:absolute;z-index:8;top:28px;left:14px;padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.12);font-size:11px;font-weight:600;letter-spacing:.02em;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.an-control{position:absolute;z-index:9;right:14px;bottom:14px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.5);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.an-control svg{width:16px;height:16px}

/* Escenas */
.an-esc{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqmin;padding:12cqmin 6cqmin;opacity:0;visibility:hidden}
@container (orientation:landscape){.an-esc{padding:8cqmin 6cqmin;gap:3cqmin}}
.an-e10{opacity:1;visibility:visible}
.an-grande{margin:0;font:800 12.5cqmin/.98 var(--f-sans);letter-spacing:-.055em}
.an-titulo{margin:0;font:700 8cqmin/1.04 var(--f-sans);letter-spacing:-.045em}
.an-grande em,.an-titulo em,.an-azul .an-pal{font-style:normal;background:linear-gradient(90deg,var(--az),var(--az-claro));-webkit-background-clip:text;background-clip:text;color:transparent}
.an-mascara{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.an-pal{display:inline-block}
.an-pila{display:flex;flex-direction:column;align-items:center}
.an-titulos{display:grid;place-items:center}
.an-titulos>*{grid-area:1/1}

/* 3 · Tus apps alrededor de Culto; al conectarse, Culto se pone verde */
.an-orbita{position:relative;width:74cqmin;height:74cqmin;--r:30cqmin}
@container (orientation:landscape){.an-orbita{width:62cqmin;height:62cqmin;--r:25cqmin}}
.an-centro{position:absolute;z-index:2;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqmin;width:21cqmin;height:21cqmin;margin:-10.5cqmin 0 0 -10.5cqmin;border-radius:50%;background:#0b0e1c;border:1px solid rgba(169,193,255,.35);box-shadow:0 0 60px rgba(91,134,255,.55)}
.an-centro b{font:800 4.8cqmin/1 var(--f-sans);letter-spacing:-.045em}
.an-centro small{font-size:max(8px,1.7cqmin);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:0}
.an-rayo{position:absolute;left:50%;top:50%;width:var(--r);height:2px;margin-top:-1px;transform-origin:0 50%;transform:rotate(var(--a))}
.an-rayo b,.an-rayo i{position:absolute;inset:0;display:block;transform-origin:0 50%}
.an-rayo b{background:linear-gradient(90deg,rgba(169,193,255,.9),rgba(169,193,255,.05))}
.an-rayo i{background:linear-gradient(90deg,var(--verde),rgba(30,214,138,.1));box-shadow:0 0 12px var(--verde);transform:scaleX(0)}
.an-app{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1*var(--a)))}
.an-app__in{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:1cqmin;transform:translate(-50%,-6.5cqmin)}
.an-app__t{position:relative;display:grid;place-items:center;width:13cqmin;height:13cqmin;border-radius:3.2cqmin;background:var(--c1);color:var(--c2,#fff);box-shadow:0 12px 30px -10px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.14)}
.an-app__t>svg{width:58%;height:58%}
.an-app__t>svg[viewBox="0 0 16.933 16.933"]{width:82%;height:82%}
.an-app__t--tiktok>svg{filter:drop-shadow(-1.5px -1px 0 #25F4EE) drop-shadow(1.5px 1px 0 #FE2C55)}
.an-app__shop{position:absolute;right:-8%;bottom:-8%;display:grid;place-items:center;width:44%;height:44%;border-radius:30%;background:#FE2C55;border:2px solid #000}
.an-app__shop svg{width:62%;height:62%;color:#fff}
.an-app__letras{font:800 5cqmin/1 var(--f-sans);letter-spacing:-.06em}
.an-ok{position:absolute;left:calc(50% + 4cqmin);top:-1.4cqmin;display:grid;place-items:center;width:4.4cqmin;height:4.4cqmin;min-width:15px;min-height:15px;border-radius:50%;background:var(--verde);color:#032b18;font-style:normal;font-size:max(9px,2.2cqmin);font-weight:900;box-shadow:0 0 12px rgba(30,214,138,.8);opacity:0}
@container (orientation:landscape){.an-app__in{transform:translate(-50%,-5.5cqmin)}.an-app__t{width:11cqmin;height:11cqmin;border-radius:2.8cqmin}.an-ok{left:calc(50% + 3.3cqmin)}}
.an-app small{font-size:max(9.5px,2cqmin);font-weight:600;white-space:nowrap}

/* 4 · El prompt a Faby */
.an-prompt{position:relative;display:flex;align-items:center;gap:2.2cqmin;width:86cqw;padding:2cqmin 2cqmin 2cqmin 3cqmin;border-radius:999px;background:rgba(16,20,42,.88);border:1px solid rgba(169,193,255,.38);box-shadow:0 0 70px rgba(91,134,255,.4),inset 0 0 0 1px rgba(255,255,255,.04);text-align:left}
@container (orientation:landscape){.an-prompt{width:56cqw}}
.an-prompt__ico svg{width:max(16px,4cqmin);height:max(16px,4cqmin);color:var(--az-claro)}
.an-prompt__ico .logo-faby{width:max(22px,6cqmin);height:max(22px,6cqmin)}
.an-prompt__txt{flex:1;min-width:0;min-height:1.25em;overflow:hidden;white-space:nowrap;font:600 max(15px,4.2cqmin)/1.25 var(--f-sans)}
.an-caret{display:inline-block;width:2px;height:1em;margin-left:3px;background:#fff;vertical-align:-.14em;animation:an-parpadeo 1s steps(2,start) infinite}
@keyframes an-parpadeo{to{visibility:hidden}}
.an-prompt__btn{position:relative;display:grid;place-items:center;flex:none;width:max(34px,9cqmin);height:max(34px,9cqmin);border-radius:50%;background:#fff;color:#000}
.an-prompt__btn svg{width:50%;height:50%}
.an-prompt__btn .an-onda{position:absolute;inset:0;border-radius:50%;border:2px solid var(--az-claro);opacity:0}

/* 5 · La mente de Faby: video del cerebro y sus agentes */
.an-mente{position:relative;width:94cqw;height:62cqh}
@container (orientation:landscape){.an-mente{width:86cqw;height:66cqh}}
.an-e5{z-index:auto}
.an-video{position:absolute;left:50%;top:50%;width:94cqw;height:94cqw;margin:-47cqw 0 0 -47cqw;object-fit:cover;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@container (orientation:landscape){.an-video{width:117.3cqh;height:66cqh;margin:-33cqh 0 0 -58.65cqh}}
.an-agente{position:absolute;z-index:2;left:var(--xp);top:var(--yp);display:flex;flex-direction:column;align-items:flex-start;gap:.3cqmin;padding:1.1cqmin 1.9cqmin;border-radius:2.4cqmin;background:rgba(12,16,34,.8);border:1px solid rgba(169,193,255,.32);font-size:max(10.5px,2.3cqmin);font-weight:700;white-space:nowrap;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px -12px rgba(91,134,255,.6);opacity:0}
@container (orientation:landscape){.an-agente{left:var(--xl);top:var(--yl)}}
.an-agente i{font-style:normal;font-weight:500;font-size:max(9px,1.8cqmin);color:var(--az-claro)}
.an-agente i::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:an-puntos 1.2s steps(4,end) infinite}
.an-agente.listo{border-color:rgba(30,214,138,.6)}
.an-agente.listo i{color:var(--verde)}
.an-agente.listo i::after{content:"";animation:none}
@keyframes an-puntos{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}

/* 6 · La semana, pieza por pieza, y el "va" */
.an-mesa{width:100%;perspective:1200px;perspective-origin:50% 10%}
.an-tablero{margin:0 auto;width:86cqw;transform-origin:50% 30%}
.an-dias,.an-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.2cqmin}
.an-dias{margin-bottom:2.2cqmin;font-size:max(10px,2.3cqmin);font-weight:600;color:rgba(255,255,255,.55)}
.an-dias .ancho,.an-cols .ancho{display:none}
@container (orientation:landscape){
  .an-tablero{width:78cqw}
  .an-dias,.an-cols{grid-template-columns:repeat(5,1fr)}
  .an-dias .ancho,.an-cols .ancho{display:block}
}
.an-carta{position:relative;border-radius:2.2cqmin;background:#0d1020;border:1px solid rgba(255,255,255,.14);text-align:left;box-shadow:0 18px 40px -18px rgba(0,0,0,.9)}
.an-carta img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2.2cqmin 2.2cqmin 0 0}
.an-chincheta{position:absolute;z-index:2;left:50%;top:-1.4cqmin;width:3.2cqmin;height:3.2cqmin;min-width:11px;min-height:11px;margin-left:-1.6cqmin;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#7aa0ff 40%,#3b5bdb);box-shadow:0 3px 6px rgba(0,0,0,.6)}
.an-carta__txt{padding:1.5cqmin}
.an-carta__txt b{display:block;font-size:max(10px,2.25cqmin);line-height:1.15;letter-spacing:-.01em}
.an-carta__txt small{display:block;margin-top:.4cqmin;font-size:max(9px,1.8cqmin);color:rgba(255,255,255,.55)}
.an-metricas{display:grid;grid-template-columns:1fr 1fr;gap:.6cqmin 1cqmin;margin-top:1.2cqmin;padding-top:1.2cqmin;border-top:1px solid rgba(255,255,255,.1)}
.an-metricas span{display:flex;align-items:center;gap:.6cqmin;font-size:max(9.5px,1.9cqmin);font-weight:700;color:#DCE6FF;white-space:nowrap}
.an-metricas svg{width:max(10px,2cqmin);height:max(10px,2cqmin);color:var(--az-claro);flex:none}
.an-listo{position:absolute;z-index:3;right:1.2cqmin;top:1.2cqmin;display:flex;align-items:center;gap:.6cqmin;padding:.6cqmin 1.4cqmin;border-radius:999px;background:#7EE2B8;color:#04210f;font-size:max(9px,1.8cqmin);font-weight:800;opacity:0}
.an-leyenda{display:flex;flex-wrap:wrap;justify-content:center;gap:1cqmin 3cqmin;font-size:max(10px,2.1cqmin);color:rgba(255,255,255,.6)}
.an-leyenda span{display:flex;align-items:center;gap:.8cqmin}
.an-leyenda svg{width:max(11px,2.2cqmin);height:max(11px,2.2cqmin);color:var(--az-claro)}
.an-va{position:absolute;left:50%;top:58%;z-index:4;display:grid;place-items:center;width:20cqmin;height:20cqmin;margin:-10cqmin 0 0 -10cqmin;border-radius:50%;background:#fff;color:#000;font:800 6.6cqmin/1 var(--f-sans);box-shadow:0 0 70px rgba(91,134,255,.7)}
.an-va svg{position:relative;width:10cqmin;height:10cqmin}
.an-onda{position:absolute;inset:0;border-radius:50%;border:2px solid var(--az-claro)}
.an-raton{position:absolute;z-index:5;left:53%;top:62%;width:8cqmin;height:8cqmin;min-width:26px;min-height:26px}
.an-prompt .an-raton--prompt{left:calc(100% - 2cqmin - max(17px,4.5cqmin));top:50%;margin:-2px 0 0 -3px}
.an-raton svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}

/* 7 · Semana tras semana */
.an-mes{display:flex;flex-direction:column;gap:1.8cqmin;width:92cqw;transform-origin:14% 12%}
@container (orientation:landscape){.an-mes{width:66cqw}}
.an-fila{display:grid;grid-template-columns:13cqmin repeat(7,1fr) 5cqmin;gap:1cqmin;align-items:center}
.an-fila__sem{font-size:max(9px,1.9cqmin);font-weight:700;color:rgba(255,255,255,.6);text-align:left;white-space:nowrap}
.an-celda{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:1.2cqmin;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.an-celda img{width:100%;height:100%;object-fit:cover}
.an-fila__ok{display:grid;place-items:center;width:4.2cqmin;height:4.2cqmin;min-width:14px;min-height:14px;border-radius:50%;background:var(--verde);color:#032b18;font-size:max(8px,2cqmin);font-weight:900;opacity:0}

/* 8 · Lo publica, lo analiza y te reporta: aviones de papel al WhatsApp */
.an-envio{--tel-w:34cqw;--chat-w:48cqw;--hueco:6cqw;position:relative;display:flex;align-items:center;gap:var(--hueco)}
@container (orientation:landscape){.an-envio{--tel-w:17cqw;--chat-w:30cqw;--hueco:10cqw}}
.an-tel{position:relative;flex:none;width:var(--tel-w);aspect-ratio:9/17;border-radius:3.4cqmin;overflow:hidden;border:.8cqmin solid #171a26;background:#0b0d17;box-shadow:0 30px 80px -30px rgba(91,134,255,.7);text-align:left}
.an-tel__barra{display:flex;align-items:center;gap:1cqmin;padding:1.4cqmin 1.6cqmin;font-size:max(9px,1.8cqmin)}
.an-tel__barra i{width:3.6cqmin;height:3.6cqmin;border-radius:50%;background:linear-gradient(135deg,var(--az),var(--vio))}
.an-tel img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.an-tel__pie{display:flex;align-items:center;gap:1.2cqmin;padding:1.4cqmin 1.6cqmin;font-size:max(9px,1.8cqmin);color:rgba(255,255,255,.6)}
.an-tel__pie svg{width:max(11px,2.2cqmin);height:max(11px,2.2cqmin);color:#ff5a79}
.an-chat{flex:none;width:var(--chat-w);aspect-ratio:9/15;display:flex;flex-direction:column;border-radius:3.4cqmin;overflow:hidden;background:#0b141a;border:1px solid rgba(255,255,255,.1);text-align:left;box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
@container (orientation:landscape){.an-chat{aspect-ratio:10/12}}
.an-chat__cab{display:flex;align-items:center;gap:1.2cqmin;padding:1.6cqmin 2cqmin;background:#1f2c34;font-size:max(10px,2cqmin);font-weight:700}
.an-chat__cab i{display:grid;place-items:center;width:4cqmin;height:4cqmin;min-width:18px;min-height:18px;border-radius:50%;background:#fff;color:#000;font-style:normal;font-weight:800;font-size:max(8px,1.6cqmin)}
.an-chat__cab small{display:block;color:#8FD18F;font-size:max(8.5px,1.6cqmin);font-weight:500}
.an-chat__cuerpo{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1cqmin;padding:1.6cqmin}
.an-burbuja{align-self:flex-start;display:flex;align-items:center;gap:1cqmin;max-width:94%;padding:1.1cqmin 1.8cqmin;border-radius:0 2cqmin 2cqmin 2cqmin;background:#202c33;font-size:max(10px,2.05cqmin);font-weight:600;color:#E9EDEF}
.an-burbuja svg{width:max(11px,2.1cqmin);height:max(11px,2.1cqmin);flex:none}
.an-burbuja--t{background:#005c4b}
.an-ruta{position:absolute;left:calc(var(--tel-w)*.7);top:30%;width:calc(var(--tel-w)*.3 + var(--hueco) + var(--chat-w)*.4);height:0;pointer-events:none}
.an-vuelo{position:absolute;left:0;top:0;width:100%;height:0}
.an-avion{position:absolute;left:0;top:0;width:6cqmin;height:6cqmin;min-width:20px;min-height:20px;margin:-3cqmin 0 0 -3cqmin;opacity:0}
.an-avion svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(169,193,255,.9))}

/* 9 · Tú dedícate a lo que te gusta: 3 ventas y luego la ráfaga */
.an-notis{position:relative;width:84cqw}
@container (orientation:landscape){.an-notis{width:46cqw}.an-mas99{top:3cqmin;right:-12cqmin}}
.an-noti{display:flex;align-items:center;gap:2cqmin;padding:2cqmin 2.4cqmin;border-radius:3cqmin;background:rgba(255,255,255,.94);color:#0b0d17;text-align:left;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.an-noti i{display:grid;place-items:center;flex:none;width:7cqmin;height:7cqmin;min-width:24px;min-height:24px;border-radius:1.8cqmin;background:linear-gradient(135deg,var(--az),var(--vio));color:#fff}
.an-noti i svg{width:55%;height:55%}
.an-noti b{display:block;font-size:max(11px,2.4cqmin)}
.an-noti small{display:block;font-size:max(10px,2.1cqmin);color:#4a5068}
.an-noti em{margin-left:auto;font-style:normal;font-weight:800;font-size:max(11px,2.5cqmin)}
.an-notis{--alto:max(50px,12cqmin);--hueco:1.6cqmin}
.an-ventana{height:calc(3.6*(var(--alto) + var(--hueco)));margin:0 -4cqmin;padding:0 4cqmin;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.an-feed .an-noti{height:var(--alto);margin-bottom:var(--hueco)}
.an-mas99{position:absolute;z-index:5;right:-3cqmin;top:-5cqmin;padding:1.8cqmin 3.4cqmin;border-radius:999px;background:linear-gradient(135deg,#FF2D55,#FF7A45);color:#fff;font:800 max(16px,5cqmin)/1 var(--f-sans);letter-spacing:-.03em;box-shadow:0 0 50px rgba(255,60,90,.65);opacity:0}

/* 10 · Cierre */
.an-logo{display:flex;margin:0;font:800 24cqmin/1 var(--f-sans);letter-spacing:-.06em}
.an-letra{display:inline-block}
.an-lema{margin:0;font:600 4.6cqmin/1.2 var(--f-sans);letter-spacing:-.02em;color:#E5E8F5}
.an-e10 .boton{margin-top:2cqmin;min-height:max(48px,9cqmin);padding:0 max(22px,4.4cqmin);font-size:max(15px,3.2cqmin);box-shadow:0 0 50px rgba(91,134,255,.55)}
.anuncio__pie{margin-top:12px;font-size:.8125rem;color:var(--gris-2);text-align:center}
.anuncio__pie a{color:var(--blanco);font-weight:600;text-underline-offset:3px}