/* ============================================================================
   Estilos de carrusel "PRO" — GRUPO A (2026-09-30): Pop, Cómic, Rock, Y2K, Neón y Brutalista.
   Ver el encabezado de carruselTemasProA.js. Todo scopeado a `.crsl-slide.pa` (la clase la pone ese JS solo cuando
   el carrusel usa uno de estos 6 estilos), más específico que carruselTemas.css: no toca ningún otro estilo.

   Cómo se resolvió cada efecto para que la imagen exportada (html2canvas 1.4.1) salga igual que la pantalla:
     · sombras duras → bordes más gruesos abajo/derecha (box-shadow se borra al exportar);
     · contornos de letra → text-shadow en 8 direcciones (sí se exporta); brillo de neón → text-shadow con blur;
     · brillo de los tubos de neón y degradés metálicos → ADENTRO de los SVG de las piezas (filtro/gradient de SVG);
     · tramados → imagen SVG tileada (html2canvas no repite radial-gradient ni repeating-gradient);
     · halo alrededor de una caja (neón) → ::before/::after con borde semitransparente (no box-shadow);
     · resaltado de varias palabras → un <span> por palabra (un fondo inline que corta de renglón sale mal).
   ============================================================================ */

/* ---------------------------------------------------------------- base común ---------------------------------------------------------------- */
.crsl-slide.pa{--pa-ol3:3px 0 #111, -3px 0 #111, 0 3px #111, 0 -3px #111, 2px 2px #111, -2px 2px #111, 2px -2px #111, -2px -2px #111;
  --pa-ol5:5px 0 #111, -5px 0 #111, 0 5px #111, 0 -5px #111, 3.5px 3.5px #111, -3.5px 3.5px #111, 3.5px -3.5px #111, -3.5px -3.5px #111;}
.crsl-slide.pa .crsl-card{background-image:none !important;}            /* el tramado viejo (inline desde carruselTemas.js) lo reemplaza .pa-bg */
.crsl-slide.pa .crsl-card::after{display:none;}
.crsl-card > .pa-bg{position:absolute;}
.pa-bg{position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; pointer-events:none; overflow:hidden;}
.pa-bg-tile{position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:repeat;}
.pa-bg-svg{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.crsl-slide.pa .crsl-progress-track, .crsl-slide.pa .crsl-counter, .crsl-slide.pa .crsl-meme-num{display:none !important;}
.pa-head{position:absolute; z-index:30; pointer-events:none; display:flex; align-items:center;}
.pa-prog{display:flex; align-items:center;}
.pa-prog i{display:block; font-style:normal;}
.pa-num{line-height:1; white-space:nowrap;}
.crsl-slide.pa .crsl-headline .y:empty, .crsl-slide.pa .crsl-headline .o:empty{display:none !important;}

/* el contenido de las láminas de pasos: etiqueta + contenido JUNTOS y centrados en el alto libre entre cabecera y pie */
.crsl-slide.pa:not(.pa-t-portada) .crsl-card{justify-content:center; padding-top:150px; padding-bottom:140px;}
.crsl-slide.pa .crsl-center-wrap{flex:0 1 auto; padding-top:0 !important;}
.crsl-slide.pa .crsl-badge{margin:0 auto 26px; align-self:center;}
.crsl-slide.pa .crsl-step-sub{font-family:'Inter',sans-serif; font-weight:600; font-size:34px; line-height:1.35; margin-bottom:30px;}
.crsl-slide.pa .crsl-body-txt{font-family:'Inter',sans-serif; font-weight:600; font-size:36px; line-height:1.38;}
/* títulos: tamaño según el largo (--pa-k = 1 · .84 · .7 · .56, lo pone el JS) y nunca se salen de la lámina */
.crsl-slide.pa .crsl-headline, .crsl-slide.pa .crsl-step-title, .crsl-slide.pa .crsl-quote, .crsl-slide.pa .crsl-ff-title{overflow-wrap:break-word; -webkit-text-stroke:0; paint-order:normal;}
.crsl-slide.pa .crsl-feature-list{gap:20px;}
.crsl-slide.pa .crsl-check-row{color:inherit;}                         /* carruselTemas.css le fijaba el color a la fila (claro en Rock/Neón): con fondos que alternan, hereda el de la lista */
.crsl-slide.pa .crsl-captura-wrap{align-self:stretch;}                 /* sin esto la captura se achicaba (max-width:78% de una caja que se ajusta al contenido) */

/* piezas de dibujo (decor:n) — el "Color de fondo" del editor de piezas pinta el papel DEL DIBUJO (lo lee el JS), no un rectángulo */
.crsl-slide[data-sid] .crslx-decor.pa-p[data-el]{background:transparent !important; background-image:none !important;}
.crsl-slide.pa .crsl-card > .crslx-decor.pa-p{z-index:0;}
.crsl-slide.pa .crsl-card > .crsl-center-wrap, .crsl-slide.pa .crsl-card > .crsl-portada-body, .crsl-slide.pa .crsl-card > .crsl-badge{z-index:1;} /* html2canvas pinta un z-index:0 girado DESPUÉS de lo posicionado sin z-index: el contenido va explícitamente adelante */                 /* dibujo pasado DETRÁS del contenido (título largo): debajo del texto, encima del fondo */
.crslx-decor.pa-p > svg{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.pa-p .pa-abs{position:absolute; left:0; top:0; right:0; bottom:0;}
.pa-p .pa-abs > svg{width:100%; height:100%; display:block;}
.pa-p .pa-ctxt{position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); text-align:center; white-space:nowrap; line-height:1;}
.pa-anillo{position:absolute; left:0; top:0; right:0; bottom:0;}
.pa-anillo b{position:absolute; left:50%; top:50%; display:block; line-height:1; font-weight:800; font-style:normal; white-space:pre;}

/* fila del panel de edición: "Fondo de esta lámina" */
.pa-fila{margin:2px 0 14px; padding:10px 12px; border:1px dashed var(--border); border-radius:10px;}
.pa-fila .pa-chips{display:flex; gap:6px; flex-wrap:wrap;}
.pa-fila .pa-chips button{padding:6px 10px; font-size:12px;}
.pa-fila .pa-chips button.on{border-color:var(--yellow); color:var(--yellow); font-weight:700;}

/* ==================================================================== POP ==================================================================== */
.crsl-tema-pop.pa .crsl-card{inset:24px; border:9px solid #111; border-right-width:22px; border-bottom-width:22px; border-radius:40px; background-color:var(--crsl-bg);}
.crsl-tema-pop.pa .crsl-card::before{display:none;}
.crsl-tema-pop.pa .pa-bg{border-radius:31px 31px 18px 31px;}
.crsl-tema-pop.pa .crsl-headline, .crsl-tema-pop.pa .crsl-step-title, .crsl-tema-pop.pa .crsl-quote, .crsl-tema-pop.pa .crsl-ff-title, .crsl-tema-pop.pa .crsl-meme-title{font-family:'Baloo 2',sans-serif; font-weight:800; color:#fff; text-shadow:var(--pa-ol5), 9px 9px 0 #111; letter-spacing:-.01em;}
.crsl-tema-pop.pa .crsl-headline{font-size:calc(118px * var(--pa-k)); line-height:.98; padding:0 70px;}
.crsl-tema-pop.pa .crsl-headline .o{color:var(--crsl-accent2);}
.crsl-tema-pop.pa.pa-v-azul .crsl-headline .o, .crsl-tema-pop.pa.pa-v-rosa .crsl-headline .o{color:#FFD23F;}
.crsl-tema-pop.pa .crsl-headline .y{display:block; width:fit-content; margin:22px auto 0; background:#FFD23F; color:#111; text-shadow:none; border:6px solid #111; border-right-width:14px; border-bottom-width:14px; border-radius:24px; padding:4px 30px 8px; transform:rotate(-3deg); font-size:.8em; line-height:1.05;}
.crsl-tema-pop.pa .crsl-headline .y::after{display:none;}
.crsl-tema-pop.pa .crsl-step-title{font-size:calc(104px * var(--pa-k)); line-height:1; color:var(--crsl-accent);}
.crsl-tema-pop.pa .crsl-step-title.o{color:var(--crsl-accent2);}
.crsl-tema-pop.pa.pa-v-rosa .crsl-step-title, .crsl-tema-pop.pa.pa-v-azul .crsl-step-title{color:#fff;}
.crsl-tema-pop.pa.pa-t-chat .crsl-step-title, .crsl-tema-pop.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-pop.pa.pa-t-dato .crsl-step-title, .crsl-tema-pop.pa.pa-t-gif .crsl-step-title, .crsl-tema-pop.pa.pa-t-sticker .crsl-step-title{font-size:calc(86px * var(--pa-k)) !important;}
.crsl-tema-pop.pa.pa-t-cta_final .crsl-step-title{font-size:calc(96px * var(--pa-k)) !important; line-height:1 !important;}
.crsl-tema-pop.pa .crsl-step-underline, .crsl-tema-pop.pa .crsl-underline{width:230px; height:30px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='230' height='30' viewBox='0 0 230 30'%3E%3Cpath d='M8 15 q13 -14 27 0 t27 0 t27 0 t27 0 t27 0 t27 0 t27 0 t27 0' fill='none' stroke='%23111' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; border-radius:0; margin:4px auto 26px;}
.crsl-tema-pop.pa .crsl-step-sub, .crsl-tema-pop.pa .crsl-body-txt, .crsl-tema-pop.pa .crsl-save-hint{color:#111;}
.crsl-tema-pop.pa.pa-v-azul .crsl-step-sub, .crsl-tema-pop.pa.pa-v-rosa .crsl-step-sub, .crsl-tema-pop.pa.pa-v-azul .crsl-save-hint, .crsl-tema-pop.pa.pa-v-rosa .crsl-save-hint, .crsl-tema-pop.pa.pa-v-azul .crsl-body-txt, .crsl-tema-pop.pa.pa-v-rosa .crsl-body-txt{color:#fff !important; text-shadow:none;}
.crsl-tema-pop.pa .crsl-box, .crsl-tema-pop.pa .crsl-box.o{background:#fff; color:#111; border:5px solid #111; border-right-width:14px; border-bottom-width:14px; border-radius:30px; font-family:'Inter',sans-serif; font-weight:700; font-size:34px; line-height:1.4; padding:34px 42px;}
.crsl-tema-pop.pa .crsl-badge, .crsl-tema-pop.pa .crsl-badge.o{background:#fff; color:#111; border:4px solid #111; border-right-width:9px; border-bottom-width:9px; border-radius:999px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px; letter-spacing:.04em; padding:8px 26px; transform:rotate(-3deg);}
.crsl-tema-pop.pa .crsl-badge svg *{stroke:#111;}
.crsl-tema-pop.pa .crsl-step-icon-big, .crsl-tema-pop.pa .crsl-step-icon-big.o{width:150px; height:150px; border-radius:46px; background:var(--crsl-accent2); border:6px solid #111; border-right-width:14px; border-bottom-width:14px; margin:0 auto 30px;}
.crsl-tema-pop.pa.pa-v-azul .crsl-step-icon-big{background:#FFD23F;}
.crsl-tema-pop.pa .crsl-step-icon-big svg *{stroke:#fff;} .crsl-tema-pop.pa.pa-v-azul .crsl-step-icon-big svg *{stroke:#111;}
.crsl-tema-pop.pa .crsl-feature-box, .crsl-tema-pop.pa .crsl-check-row, .crsl-tema-pop.pa .crsl-dato-frame, .crsl-tema-pop.pa .crsl-sticker-wrap{background:#fff; color:#111; border:5px solid #111; border-right-width:12px; border-bottom-width:12px; border-radius:26px;}
.crsl-tema-pop.pa .crsl-feature-box{padding:24px 30px;}
.crsl-tema-pop.pa .crsl-feature-icon{width:84px; height:84px; border-radius:50%; background:var(--crsl-accent); border:4px solid #111;}
.crsl-tema-pop.pa .crsl-feature-box:nth-child(2) .crsl-feature-icon{background:var(--crsl-accent2);} .crsl-tema-pop.pa .crsl-feature-box:nth-child(3) .crsl-feature-icon{background:#FFD23F;}
.crsl-tema-pop.pa .crsl-feature-icon svg *{stroke:#111;}
.crsl-tema-pop.pa .crsl-feature-title{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:36px; color:#111; letter-spacing:0; text-transform:none;}
.crsl-tema-pop.pa .crsl-feature-desc{font-family:'Inter',sans-serif; font-weight:600; font-size:26px; color:#3a3a3a;}
.crsl-tema-pop.pa .crsl-check-list{font-family:'Inter',sans-serif; font-weight:700; font-size:33px; line-height:1.3; color:#111;}
.crsl-tema-pop.pa .crsl-check-row{padding:20px 24px; margin-bottom:18px; align-items:center;}
.crsl-tema-pop.pa .crsl-check-icon{width:52px; height:52px; border-radius:50%; background:var(--crsl-accent); border:4px solid #111; margin-top:0;}
.crsl-tema-pop.pa .crsl-check-icon svg *{stroke:#fff;}
.crsl-tema-pop.pa .crsl-ad-col{background:#fff; border:5px solid #111; border-right-width:12px; border-bottom-width:12px; border-radius:26px; padding:28px 26px;}
.crsl-tema-pop.pa .crsl-ad-col.despues{background:#FFD23F;}
.crsl-tema-pop.pa .crsl-ad-tit{width:fit-content; background:#111; color:#fff !important; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:30px; padding:4px 18px; border-radius:14px; transform:rotate(-2deg); letter-spacing:.04em;}
.crsl-tema-pop.pa .crsl-ad-item{color:#111; font-weight:700;} .crsl-tema-pop.pa .crsl-ad-col.antes .crsl-ad-item span{color:var(--crsl-accent);} .crsl-tema-pop.pa .crsl-ad-col.despues .crsl-ad-item span{color:#111;}
.crsl-tema-pop.pa .crsl-quote{font-size:calc(92px * var(--pa-k)); line-height:1.04; text-transform:none;}
.crsl-tema-pop.pa .crsl-quote-mark{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:230px; line-height:.62; color:#FFD23F; text-shadow:var(--pa-ol5), 8px 8px 0 #111;}
.crsl-tema-pop.pa .crsl-quote-firma{display:block; width:fit-content; margin:26px auto 0; background:#fff; color:#111; border:4px solid #111; border-radius:999px; padding:6px 22px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px;}
.crsl-tema-pop.pa .crsl-chat{border:6px solid #111; border-right-width:14px; border-bottom-width:14px; border-radius:34px;}
.crsl-tema-pop.pa .crsl-gif-frame, .crsl-tema-pop.pa .crsl-meme-frame{border:6px solid #111; border-right-width:14px; border-bottom-width:14px;}
.crsl-tema-pop.pa .crsl-ff-title{font-size:calc(104px * var(--pa-k)); line-height:1; text-transform:none;}
.crsl-tema-pop.pa .crsl-ff-sub{font-family:'Inter',sans-serif; font-weight:700; text-shadow:var(--pa-ol3);}
.crsl-tema-pop.pa .crsl-save-hint{font-family:'Baloo 2',sans-serif; font-weight:800; font-size:28px;}
.crsl-tema-pop.pa .crsl-cta-pill{background:#FFD23F; color:#111; border:5px solid #111; border-right-width:12px; border-bottom-width:12px; border-radius:999px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:36px; padding:16px 40px;}
.crsl-tema-pop.pa .crsl-handle{position:absolute; left:52px; top:46px; margin:0; padding:8px 22px; width:fit-content; background:#fff; color:#111; border:4px solid #111; border-radius:999px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:24px;}
.crsl-tema-pop.pa .crsl-handle .crsl-dot{background:var(--crsl-accent);}
.crsl-tema-pop.pa .crsl-footer-handle{left:0; right:0; bottom:34px; margin:0 auto; width:fit-content; background:#fff; color:#111 !important; border:3px solid #111; border-radius:999px; padding:6px 20px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:22px; letter-spacing:.02em;}
.crsl-tema-pop.pa .crsl-portada-body{padding-bottom:70px;}
/* cabecera: puntitos de progreso + número en un sticker */
.pa-pop .pa-head{left:0; right:0; top:54px; justify-content:center;}
.pa-pop .pa-prog{gap:10px;}
.pa-pop .pa-prog i{width:18px; height:18px; border-radius:50%; background:#fff; border:3px solid #111;}
.pa-pop .pa-prog i.on{background:var(--crsl-accent);}
.pa-pop.pa-v-rosa .pa-prog i.on{background:#FFD23F;}
.pa-pop .pa-num{position:absolute; right:62px; top:-12px; background:#FFD23F; color:#111; border:3px solid #111; border-right-width:7px; border-bottom-width:7px; border-radius:14px; padding:5px 14px; font-family:'Baloo 2',sans-serif; font-weight:800; font-size:26px; transform:rotate(4deg);}
.pa-pop .pa-num span{opacity:.5;}
.pa-pop.pa-t-portada .pa-head{display:none;}
/* piezas */
.pa-pop-stk{font-family:'Baloo 2',sans-serif; font-weight:800; color:#fff; text-shadow:var(--pa-ol3);}
.pa-pop-pill{display:flex; align-items:center; justify-content:center; gap:12px; width:100%; height:100%; box-sizing:border-box; border:4px solid currentColor; border-right-width:10px; border-bottom-width:10px; border-radius:999px; font-family:'Baloo 2',sans-serif; font-weight:800; letter-spacing:.08em; color:inherit;}
.pa-pop-pill svg{width:40px; height:24px; flex:none;}

/* ==================================================================== CÓMIC ==================================================================== */
.crsl-slide.pa-comic{background:#FFFDF5;}
.crsl-tema-comic.pa .crsl-card{inset:30px; border:10px solid #111; border-right-width:20px; border-bottom-width:20px; border-radius:6px; background-color:var(--crsl-bg);}
.crsl-tema-comic.pa .crsl-card::before{display:none;}
.crsl-tema-comic.pa .crsl-headline, .crsl-tema-comic.pa .crsl-step-title, .crsl-tema-comic.pa .crsl-quote, .crsl-tema-comic.pa .crsl-meme-title{font-family:'Bangers',cursive; font-weight:400; letter-spacing:.03em; text-shadow:var(--pa-ol5), 8px 8px 0 #111;}
.crsl-tema-comic.pa .crsl-headline{font-size:calc(150px * var(--pa-k)); line-height:.95; color:#fff; padding:0 70px;}
.crsl-tema-comic.pa .crsl-headline .o{color:var(--crsl-accent);} .crsl-tema-comic.pa .crsl-headline .y{color:#FFD400;}
.crsl-tema-comic.pa.pa-v-accion .crsl-headline .y{color:#fff;}
.crsl-tema-comic.pa .crsl-headline .y::after{display:none;}
.crsl-tema-comic.pa .crsl-step-title{font-size:calc(124px * var(--pa-k)); line-height:.98; color:var(--crsl-accent);}
.crsl-tema-comic.pa .crsl-step-title.o{color:var(--crsl-accent2);}
.crsl-tema-comic.pa.pa-v-cielo .crsl-step-title{color:#fff;}
.crsl-tema-comic.pa.pa-t-chat .crsl-step-title, .crsl-tema-comic.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-comic.pa.pa-t-dato .crsl-step-title, .crsl-tema-comic.pa.pa-t-gif .crsl-step-title, .crsl-tema-comic.pa.pa-t-sticker .crsl-step-title{font-size:calc(92px * var(--pa-k)) !important;}
.crsl-tema-comic.pa.pa-t-cta_final .crsl-step-title{font-size:calc(104px * var(--pa-k)) !important; line-height:1 !important;}
.crsl-tema-comic.pa .crsl-step-underline, .crsl-tema-comic.pa .crsl-underline{display:none;}
.crsl-tema-comic.pa .crsl-step-sub, .crsl-tema-comic.pa .crsl-body-txt{font-family:'Comic Neue','Inter',sans-serif; font-weight:700; color:#111; font-size:36px;}
/* el recuadro = globo de diálogo con colita (dos triángulos: contorno negro + relleno blanco) */
.crsl-tema-comic.pa .crsl-box, .crsl-tema-comic.pa .crsl-box.o{position:relative; background:#fff; color:#111; border:7px solid #111; border-radius:60px; padding:36px 48px; margin-bottom:46px; font-family:'Comic Neue','Inter',sans-serif; font-weight:700; font-size:35px; line-height:1.35;}
.crsl-tema-comic.pa .crsl-box::before{content:""; position:absolute; left:104px; bottom:-58px; width:0; height:0; border-left:14px solid transparent; border-right:44px solid transparent; border-top:58px solid #111;}
.crsl-tema-comic.pa .crsl-box::after{content:""; position:absolute; left:114px; bottom:-38px; width:0; height:0; border-left:8px solid transparent; border-right:28px solid transparent; border-top:40px solid #fff;}
.crsl-tema-comic.pa .crsl-badge, .crsl-tema-comic.pa .crsl-badge.o{background:#FFD400; color:#111; border:5px solid #111; border-radius:0; font-family:'Bangers',cursive; font-weight:400; font-size:32px; letter-spacing:.06em; padding:6px 22px; transform:rotate(-2deg);}
.crsl-tema-comic.pa .crsl-badge svg{display:none;}
.crsl-tema-comic.pa .crsl-step-icon-big, .crsl-tema-comic.pa .crsl-step-icon-big.o{width:150px; height:150px; border-radius:50%; background:#FFD400; border:6px solid #111; border-right-width:12px; border-bottom-width:12px; margin:0 auto 26px;}
.crsl-tema-comic.pa .crsl-step-icon-big svg *{stroke:#111;}
.crsl-tema-comic.pa .crsl-feature-box, .crsl-tema-comic.pa .crsl-check-row, .crsl-tema-comic.pa .crsl-dato-frame, .crsl-tema-comic.pa .crsl-sticker-wrap{background:#fff; color:#111; border:6px solid #111; border-right-width:12px; border-bottom-width:12px; border-radius:6px;}
.crsl-tema-comic.pa .crsl-feature-box{padding:22px 28px;}
.crsl-tema-comic.pa .crsl-feature-icon{width:84px; height:84px; border-radius:50%; background:#FFD400; border:4px solid #111;}
.crsl-tema-comic.pa .crsl-feature-icon svg *{stroke:#111;}
.crsl-tema-comic.pa .crsl-feature-title{font-family:'Bangers',cursive; font-weight:400; font-size:40px; letter-spacing:.04em; color:var(--crsl-accent2); text-transform:uppercase;}
.crsl-tema-comic.pa .crsl-feature-desc{font-family:'Comic Neue','Inter',sans-serif; font-weight:700; font-size:27px; color:#111;}
.crsl-tema-comic.pa .crsl-check-list{font-family:'Comic Neue','Inter',sans-serif; font-weight:700; font-size:34px; line-height:1.3; color:#111;}
.crsl-tema-comic.pa .crsl-check-row{padding:20px 24px; margin-bottom:18px; align-items:center;}
.crsl-tema-comic.pa .crsl-check-icon{width:54px; height:54px; border-radius:50%; background:var(--crsl-accent); border:4px solid #111; margin-top:0;}
.crsl-tema-comic.pa .crsl-check-icon svg *{stroke:#fff;}
.crsl-tema-comic.pa .crsl-ad-col{background:#fff; border:6px solid #111; border-right-width:12px; border-bottom-width:12px; border-radius:6px; padding:26px 24px;}
.crsl-tema-comic.pa .crsl-ad-tit{width:fit-content; background:#BFE3FF; color:#111 !important; border:4px solid #111; font-family:'Bangers',cursive; font-weight:400; font-size:36px; letter-spacing:.05em; padding:2px 16px; transform:rotate(-2deg); margin-bottom:20px;}
.crsl-tema-comic.pa .crsl-ad-col.despues .crsl-ad-tit{background:#FFD400;}
.crsl-tema-comic.pa .crsl-ad-item{font-family:'Comic Neue','Inter',sans-serif; font-weight:700; font-size:29px; color:#111;}
.crsl-tema-comic.pa .crsl-ad-col.antes .crsl-ad-item span{color:var(--crsl-accent);} .crsl-tema-comic.pa .crsl-ad-col.despues .crsl-ad-item span{color:var(--crsl-accent2);}
/* la frase = un globo de diálogo enorme */
.crsl-tema-comic.pa .crsl-quote-mark{display:none;}
.crsl-tema-comic.pa .crsl-quote{position:relative; background:#fff; color:#111; text-shadow:none; border:8px solid #111; border-radius:80px; padding:46px 56px 52px; font-size:calc(84px * var(--pa-k)); line-height:1.02; margin-bottom:60px; text-transform:uppercase;}
.crsl-tema-comic.pa .crsl-quote::before{content:""; position:absolute; right:150px; bottom:-74px; width:0; height:0; border-left:58px solid transparent; border-right:14px solid transparent; border-top:74px solid #111;}
.crsl-tema-comic.pa .crsl-quote::after{content:""; position:absolute; right:162px; bottom:-52px; width:0; height:0; border-left:38px solid transparent; border-right:8px solid transparent; border-top:54px solid #fff;}
.crsl-tema-comic.pa.pa-t-frase .crsl-step-underline{display:none;}
.crsl-tema-comic.pa .crsl-quote-firma{width:fit-content; margin:6px auto 0; background:#FFD400; color:#111; border:4px solid #111; padding:4px 18px; font-family:'Bangers',cursive; font-size:32px; letter-spacing:.05em; transform:rotate(-2deg);}
.crsl-tema-comic.pa .crsl-chat{border:7px solid #111; border-right-width:14px; border-bottom-width:14px; border-radius:10px;}
.crsl-tema-comic.pa .crsl-gif-frame, .crsl-tema-comic.pa .crsl-meme-frame{border:7px solid #111; border-radius:6px;}
/* foto: el título va en el cartel amarillo del narrador */
.crsl-tema-comic.pa .crsl-ff-overlay{background:linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 45%);}
.crsl-tema-comic.pa .crsl-ff-txt{bottom:120px;}
.crsl-tema-comic.pa .crsl-ff-title{width:fit-content; max-width:100%; box-sizing:border-box; background:#FFD400; color:#111; border:6px solid #111; padding:10px 26px 6px; font-family:'Bangers',cursive; font-weight:400; font-size:calc(90px * var(--pa-k)); line-height:1; letter-spacing:.03em; text-shadow:none; transform:rotate(-1.5deg);}
.crsl-tema-comic.pa .crsl-ff-sub{width:fit-content; max-width:100%; box-sizing:border-box; background:#fff; color:#111; border:5px solid #111; padding:12px 22px; margin-top:16px; font-family:'Comic Neue','Inter',sans-serif; font-weight:700; font-size:32px; text-shadow:none;}
.crsl-tema-comic.pa .crsl-precio-tag{background:#FFD400; border:5px solid #111; border-right-width:10px; border-bottom-width:10px; border-radius:0; transform:rotate(2deg);}
.crsl-tema-comic.pa .crsl-precio-nombre{color:#111; font-family:'Comic Neue','Inter',sans-serif; font-weight:700;} .crsl-tema-comic.pa .crsl-precio-num{color:#111; text-shadow:none; font-family:'Bangers',cursive; font-weight:400; letter-spacing:.03em;}
.crsl-tema-comic.pa .crsl-save-hint{width:fit-content; margin:30px auto 0; background:#FFD400; color:#111; border:4px solid #111; padding:6px 20px; font-family:'Bangers',cursive; font-size:30px; letter-spacing:.05em; transform:rotate(-1deg);}
.crsl-tema-comic.pa .crsl-cta-pill{background:#FFD400; color:#111; border:5px solid #111; border-right-width:11px; border-bottom-width:11px; border-radius:0; font-family:'Bangers',cursive; font-weight:400; font-size:40px; letter-spacing:.06em; padding:12px 34px;}
.crsl-tema-comic.pa .crsl-handle{position:absolute; left:44px; top:40px; margin:0; padding:4px 16px; width:fit-content; background:#fff; color:#111; border:4px solid #111; font-family:'Bangers',cursive; font-weight:400; font-size:28px; letter-spacing:.06em;}
.crsl-tema-comic.pa .crsl-handle .crsl-dot{display:none;}
.crsl-tema-comic.pa .crsl-footer-handle{left:0; right:0; bottom:30px; margin:0 auto; width:fit-content; background:#fff; color:#111 !important; border:3px solid #111; padding:3px 14px; font-family:'Bangers',cursive; font-weight:400; font-size:24px; letter-spacing:.06em;}
.crsl-tema-comic.pa .crsl-portada-body{padding-bottom:60px;}
/* cabecera: "PÁG. 03/09" en cartel + viñetitas de progreso */
.pa-comic .pa-head{right:62px; top:56px; gap:14px;}
.pa-comic .pa-prog{gap:5px;}
.pa-comic .pa-prog i{width:20px; height:14px; background:#fff; border:3px solid #111;}
.pa-comic .pa-prog i.on{background:var(--crsl-accent);}
.pa-comic .pa-num{background:#FFD400; color:#111; border:4px solid #111; padding:4px 12px 2px; font-family:'Bangers',cursive; font-size:28px; letter-spacing:.06em; transform:rotate(2deg);}
.pa-comic .pa-num::before{content:"PÁG. ";}
.pa-comic .pa-num span{opacity:.55;}
.pa-comic.pa-t-portada .pa-head{display:none;}
/* piezas */
.pa-comic-ono{font-family:'Bangers',cursive; color:inherit; letter-spacing:.02em; text-shadow:var(--pa-ol5), 6px 6px 0 #111; transform:translateY(-52%) rotate(-6deg) !important;}
.pa-comic-globo{font-family:'Bangers',cursive; color:inherit; letter-spacing:.03em;}
.pa-comic-cartel{display:flex; align-items:center; justify-content:center; gap:12px; width:100%; height:100%; box-sizing:border-box; border:5px solid #111; font-family:'Bangers',cursive; letter-spacing:.06em; color:inherit; white-space:nowrap;}
.pa-comic-sigue svg{width:40px; height:24px; flex:none;}

/* ==================================================================== ROCK ==================================================================== */
.crsl-tema-rock.pa .crsl-card{inset:0; border:0; border-radius:0; background-color:var(--crsl-bg);}
.crsl-tema-rock.pa .crsl-card::before{display:none;}
.pa-bg-grano{position:absolute; left:0; top:0; right:0; bottom:0; opacity:.16;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/300px 300px repeat;}
.pa-bg-grano.osc{opacity:.2; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.crsl-tema-rock.pa .crsl-headline, .crsl-tema-rock.pa .crsl-step-title, .crsl-tema-rock.pa .crsl-quote, .crsl-tema-rock.pa .crsl-ff-title, .crsl-tema-rock.pa .crsl-meme-title{font-family:'Bebas Neue',sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:.01em; color:var(--crsl-text-main); text-shadow:6px 6px 0 var(--crsl-accent);}
.crsl-tema-rock.pa.pa-v-rojo .crsl-headline, .crsl-tema-rock.pa.pa-v-rojo .crsl-step-title, .crsl-tema-rock.pa.pa-v-rojo .crsl-quote{color:#fff; text-shadow:6px 6px 0 #111;}
.crsl-tema-rock.pa .crsl-headline{font-size:calc(164px * var(--pa-k)); line-height:.86; padding:0 76px;}
.crsl-tema-rock.pa .crsl-headline .o{color:var(--crsl-accent);} .crsl-tema-rock.pa.pa-v-rojo .crsl-headline .o{color:#111; text-shadow:6px 6px 0 #fff;}
.crsl-tema-rock.pa .crsl-headline .y{display:block; width:fit-content; margin:16px 0 0; background:#ECE8DE; color:#0A0A0A; text-shadow:none; padding:4px 20px 0; transform:rotate(-2deg); font-size:.86em;}
.crsl-tema-rock.pa .crsl-headline .y::after{display:none;}
.crsl-tema-rock.pa .crsl-portada-body{align-items:flex-start; text-align:left; justify-content:center; padding:40px 0 130px;}
.crsl-tema-rock.pa .crsl-portada-body .crsl-headline, .crsl-tema-rock.pa .crsl-portada-body .crsl-body-txt{padding-left:76px; padding-right:76px;}
.crsl-tema-rock.pa .crsl-portada-body .crsl-underline{margin-left:76px;}
.crsl-tema-rock.pa .crsl-step-title{font-size:calc(150px * var(--pa-k)); line-height:.88;}
.crsl-tema-rock.pa.pa-t-chat .crsl-step-title, .crsl-tema-rock.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-rock.pa.pa-t-dato .crsl-step-title, .crsl-tema-rock.pa.pa-t-gif .crsl-step-title, .crsl-tema-rock.pa.pa-t-sticker .crsl-step-title{font-size:calc(116px * var(--pa-k)) !important;}
.crsl-tema-rock.pa.pa-t-cta_final .crsl-step-title{font-size:calc(132px * var(--pa-k)) !important; line-height:.9 !important;}
.crsl-tema-rock.pa .crsl-center-wrap{align-items:flex-start; text-align:left; padding-left:76px !important; padding-right:76px !important;}
.crsl-tema-rock.pa .crsl-gif-frame, .crsl-tema-rock.pa .crsl-chat, .crsl-tema-rock.pa .crsl-flow-row{align-self:center;}
.crsl-tema-rock.pa .crsl-badge, .crsl-tema-rock.pa .crsl-badge.o{align-self:flex-start; margin:0 0 26px 76px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='60' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpolygon points='0,4 20,1 44,5 70,2 96,6 124,2 150,5 178,1 206,5 232,2 260,6 286,2 300,4 297,30 300,56 276,59 248,55 222,59 196,55 168,59 140,55 112,59 84,55 58,59 30,55 4,59 0,56 3,30' fill='%23ECE8DE'/%3E%3C/svg%3E") center/100% 100% no-repeat; color:#111; border:0; border-radius:0; font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:34px; letter-spacing:.14em; padding:10px 26px 6px; transform:rotate(-3deg);}
.crsl-tema-rock.pa .crsl-badge svg{display:none;}
.crsl-tema-rock.pa .crsl-step-underline, .crsl-tema-rock.pa .crsl-underline{width:260px; height:26px; margin:6px 0 26px; border-radius:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='26' viewBox='0 0 260 26'%3E%3Cpath d='M4 16 C 60 6, 140 20, 256 8' fill='none' stroke='%23FF2A1F' stroke-width='12' stroke-linecap='round'/%3E%3Cpath d='M30 20 C 90 14, 170 22, 230 14' fill='none' stroke='%23FF2A1F' stroke-width='4' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
.crsl-tema-rock.pa.pa-v-rojo .crsl-step-underline, .crsl-tema-rock.pa.pa-v-rojo .crsl-underline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='26' viewBox='0 0 260 26'%3E%3Cpath d='M4 16 C 60 6, 140 20, 256 8' fill='none' stroke='%23111' stroke-width='12' stroke-linecap='round'/%3E%3C/svg%3E");}
.crsl-tema-rock.pa .crsl-step-sub, .crsl-tema-rock.pa .crsl-body-txt{color:var(--crsl-text-muted); text-align:left;}
.crsl-tema-rock.pa.pa-v-rojo .crsl-step-sub, .crsl-tema-rock.pa.pa-v-rojo .crsl-body-txt{color:#fff;}
/* recuadro = papel fotocopiado pegado con cinta */
.crsl-tema-rock.pa .crsl-box, .crsl-tema-rock.pa .crsl-box.o{position:relative; background:#ECE8DE; color:#111; border:0; border-radius:0; padding:40px 44px; font-family:'Inter',sans-serif; font-weight:600; font-size:33px; line-height:1.4; text-align:left; transform:rotate(-.8deg);}
.crsl-tema-rock.pa .crsl-box::before, .crsl-tema-rock.pa .crsl-box::after{content:""; position:absolute; top:-20px; width:150px; height:42px; background:rgba(255,255,255,.55);}
.crsl-tema-rock.pa .crsl-box::before{left:34px; transform:rotate(-6deg);} .crsl-tema-rock.pa .crsl-box::after{right:34px; transform:rotate(5deg);}
.crsl-tema-rock.pa.pa-v-papel .crsl-box{background:#111; color:#F2F2F2;} .crsl-tema-rock.pa.pa-v-papel .crsl-box::before, .crsl-tema-rock.pa.pa-v-papel .crsl-box::after{background:rgba(255,42,31,.55);}
.crsl-tema-rock.pa .crsl-step-icon-big, .crsl-tema-rock.pa .crsl-step-icon-big.o{width:130px; height:130px; border-radius:0; background:var(--crsl-accent); border:0; margin:0 0 30px; transform:rotate(-4deg);}
.crsl-tema-rock.pa.pa-v-rojo .crsl-step-icon-big{background:#111;}
.crsl-tema-rock.pa .crsl-step-icon-big svg *{stroke:#fff;}
.crsl-tema-rock.pa .crsl-feature-box{background:rgba(255,255,255,.06); border:0; border-left:12px solid var(--crsl-accent); border-radius:0; padding:22px 28px;}
.crsl-tema-rock.pa.pa-v-papel .crsl-feature-box{background:rgba(0,0,0,.06);} .crsl-tema-rock.pa.pa-v-rojo .crsl-feature-box{background:rgba(0,0,0,.2); border-left-color:#111;}
.crsl-tema-rock.pa .crsl-feature-box:nth-child(2){transform:rotate(.6deg);} .crsl-tema-rock.pa .crsl-feature-box:nth-child(3){transform:rotate(-.5deg);}
.crsl-tema-rock.pa .crsl-feature-icon{width:76px; height:76px; border-radius:0; background:var(--crsl-accent); border:0;}
.crsl-tema-rock.pa.pa-v-rojo .crsl-feature-icon{background:#111;}
.crsl-tema-rock.pa .crsl-feature-icon svg *{stroke:#fff;}
.crsl-tema-rock.pa .crsl-feature-title{font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:48px; letter-spacing:.04em; color:var(--crsl-text-main); line-height:1;}
.crsl-tema-rock.pa .crsl-feature-desc{font-family:'Inter',sans-serif; font-weight:600; font-size:26px; color:var(--crsl-text-muted);}
.crsl-tema-rock.pa.pa-v-rojo .crsl-feature-title, .crsl-tema-rock.pa.pa-v-rojo .crsl-feature-desc{color:#fff;}
.crsl-tema-rock.pa .crsl-check-list{font-family:'Inter',sans-serif; font-weight:700; font-size:34px; line-height:1.3; color:var(--crsl-text-main);}
.crsl-tema-rock.pa .crsl-check-row{background:none; border:0; border-bottom:3px solid var(--crsl-text-faint); border-radius:0; padding:22px 0; margin:0; align-items:center;}
.crsl-tema-rock.pa .crsl-check-icon{width:52px; height:52px; border-radius:0; background:var(--crsl-accent); border:0; margin-top:0; transform:rotate(-6deg);}
.crsl-tema-rock.pa.pa-v-rojo .crsl-check-icon{background:#111;}
.crsl-tema-rock.pa .crsl-check-icon svg *{stroke:#fff;}
.crsl-tema-rock.pa .crsl-ad{gap:26px;}
.crsl-tema-rock.pa .crsl-ad-col{border-radius:0; padding:28px 26px; border:4px dashed var(--crsl-text-faint); background:transparent;}
.crsl-tema-rock.pa .crsl-ad-col.despues{background:#ECE8DE; border:0; transform:rotate(.8deg);}
.crsl-tema-rock.pa.pa-v-papel .crsl-ad-col.despues{background:#111;}
.crsl-tema-rock.pa .crsl-ad-tit{font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:54px; letter-spacing:.04em; line-height:1; color:var(--crsl-text-main) !important;}
.crsl-tema-rock.pa .crsl-ad-col.despues .crsl-ad-tit{color:#111 !important;} .crsl-tema-rock.pa.pa-v-papel .crsl-ad-col.despues .crsl-ad-tit{color:#F2F2F2 !important;}
.crsl-tema-rock.pa .crsl-ad-item{font-weight:700; font-size:28px; color:var(--crsl-text-main);}
.crsl-tema-rock.pa .crsl-ad-col.antes .crsl-ad-item{text-decoration:line-through; text-decoration-color:var(--crsl-accent); text-decoration-thickness:4px;}
.crsl-tema-rock.pa.pa-v-rojo .crsl-ad-col.antes .crsl-ad-item{text-decoration-color:#111;}
.crsl-tema-rock.pa .crsl-ad-col.despues .crsl-ad-item{color:#111;} .crsl-tema-rock.pa.pa-v-papel .crsl-ad-col.despues .crsl-ad-item{color:#F2F2F2;}
.crsl-tema-rock.pa .crsl-ad-col .crsl-ad-item span{color:var(--crsl-accent) !important;}
.crsl-tema-rock.pa .crsl-quote{font-size:calc(132px * var(--pa-k)); line-height:.9; text-align:left;}
.crsl-tema-rock.pa .crsl-quote-mark{align-self:flex-start; font-family:'Bebas Neue',sans-serif; font-size:320px; line-height:.55; color:var(--crsl-accent); transform:rotate(-8deg); margin-bottom:0;}
.crsl-tema-rock.pa.pa-v-rojo .crsl-quote-mark{color:#111;}
.crsl-tema-rock.pa .crsl-quote-firma{font-family:'Rock Salt',cursive; font-size:28px; color:var(--crsl-accent); margin-top:26px; transform:rotate(-2deg);}
.crsl-tema-rock.pa.pa-v-rojo .crsl-quote-firma{color:#111;}
.crsl-tema-rock.pa .crsl-chat{border:8px solid #ECE8DE; border-radius:4px; transform:rotate(-1deg);}
.crsl-tema-rock.pa .crsl-gif-frame, .crsl-tema-rock.pa .crsl-meme-frame{border:8px solid #ECE8DE; border-radius:0;}
.crsl-tema-rock.pa .crsl-sticker-wrap{background:transparent; border:0;}
.crsl-tema-rock.pa .crsl-dato-frame{background:#ECE8DE; border:0; border-radius:0; transform:rotate(.6deg);}
.crsl-tema-rock.pa.pa-v-papel .crsl-dato-frame{background:#fff;}
.crsl-tema-rock.pa .crsl-ff-overlay{background:linear-gradient(to top, rgba(0,0,0,.92) 0%, rgba(0,0,0,.5) 38%, rgba(0,0,0,.05) 70%), linear-gradient(200deg, rgba(255,42,31,.28) 0%, transparent 50%);}
.crsl-tema-rock.pa .crsl-ff-title{font-size:calc(150px * var(--pa-k)); line-height:.88; color:#fff;}
.crsl-tema-rock.pa .crsl-ff-sub{font-family:'Inter',sans-serif; font-weight:600;}
.crsl-tema-rock.pa .crsl-save-hint{font-family:'Rock Salt',cursive; font-size:24px; color:var(--crsl-text-main); text-align:left; margin-top:36px;}
.crsl-tema-rock.pa.pa-t-cta_final .crsl-box{background:var(--crsl-accent); color:#fff; font-weight:800;}
.crsl-tema-rock.pa.pa-t-cta_final.pa-v-rojo .crsl-box{background:#111;}
.crsl-tema-rock.pa .crsl-cta-pill{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='60' viewBox='0 0 300 60' preserveAspectRatio='none'%3E%3Cpolygon points='0,4 20,1 44,5 70,2 96,6 124,2 150,5 178,1 206,5 232,2 260,6 286,2 300,4 297,30 300,56 276,59 248,55 222,59 196,55 168,59 140,55 112,59 84,55 58,59 30,55 4,59 0,56 3,30' fill='%23FF2A1F'/%3E%3C/svg%3E") center/100% 100% no-repeat; color:#fff; border:0; border-radius:0; font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:46px; letter-spacing:.1em; padding:12px 38px 6px; right:64px; bottom:64px;}
.crsl-tema-rock.pa .crsl-handle{padding:98px 76px 0; font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:32px; letter-spacing:.18em; color:var(--crsl-text-main);}
.crsl-tema-rock.pa .crsl-handle .crsl-dot{background:var(--crsl-accent); width:12px; height:12px;}
.crsl-tema-rock.pa .crsl-footer-handle{bottom:44px; font-family:'Bebas Neue',sans-serif; font-weight:400; font-size:28px; letter-spacing:.24em; color:var(--crsl-text-faint);}
/* cabecera: barra tipo vúmetro + "TRACK 03 / 09" */
.pa-rock .pa-head{left:76px; right:76px; top:48px; display:block;}
.pa-rock .pa-prog{gap:8px;}
.pa-rock .pa-prog i{flex:1; height:12px; background:rgba(255,255,255,.16); transform:skewX(-18deg);}
.pa-rock.pa-v-papel .pa-prog i{background:rgba(0,0,0,.14);}
.pa-rock .pa-prog i.on{background:var(--crsl-accent);}
.pa-rock.pa-v-rojo .pa-prog i{background:rgba(0,0,0,.22);} .pa-rock.pa-v-rojo .pa-prog i.on{background:#fff;}
.pa-rock .pa-num{position:absolute; right:0; top:26px; font-family:'Bebas Neue',sans-serif; font-size:34px; letter-spacing:.1em; color:var(--crsl-text-main);}
.pa-rock .pa-num::before{content:"TRACK "; opacity:.6;}
.pa-rock .pa-num span{opacity:.5;}
/* piezas */
.pa-rock-pua{font-family:'Bebas Neue',sans-serif; color:inherit; letter-spacing:.06em;}
.pa-rock-cinta{font-family:'Bebas Neue',sans-serif; color:inherit; letter-spacing:.14em; padding-top:.08em;}
.pa-rock-segui{display:flex; align-items:center; justify-content:flex-end; gap:12px; width:100%; height:100%; font-family:'Rock Salt',cursive; color:inherit; white-space:nowrap;}
.pa-rock-segui svg{width:90px; height:40px; flex:none;}

/* ==================================================================== Y2K ==================================================================== */
.crsl-tema-y2k.pa .crsl-card{inset:0; border:0; border-radius:0; background-color:var(--crsl-bg);}
.crsl-tema-y2k.pa .crsl-card::before{display:none;}
.pa-y2k-noche{background:radial-gradient(760px 640px at 92% 6%, rgba(255,111,216,.34), rgba(255,111,216,0) 70%), radial-gradient(820px 720px at 4% 96%, rgba(125,225,230,.30), rgba(125,225,230,0) 70%), radial-gradient(560px 480px at 50% 46%, rgba(110,91,255,.20), rgba(110,91,255,0) 70%);}
.pa-y2k-holo{background:radial-gradient(700px 600px at 90% 8%, rgba(255,179,236,.95), rgba(255,179,236,0) 70%), radial-gradient(760px 700px at 6% 94%, rgba(159,243,255,.95), rgba(159,243,255,0) 70%), radial-gradient(640px 560px at 60% 56%, rgba(201,182,255,.85), rgba(201,182,255,0) 70%), radial-gradient(420px 360px at 12% 18%, rgba(255,241,168,.85), rgba(255,241,168,0) 70%);}
.pa-y2k-magenta{background:radial-gradient(820px 680px at 50% -6%, rgba(255,111,216,.48), rgba(255,111,216,0) 70%), radial-gradient(760px 660px at 100% 100%, rgba(110,91,255,.45), rgba(110,91,255,0) 70%);}
.crsl-tema-y2k.pa .crsl-headline, .crsl-tema-y2k.pa .crsl-step-title, .crsl-tema-y2k.pa .crsl-quote, .crsl-tema-y2k.pa .crsl-ff-title, .crsl-tema-y2k.pa .crsl-meme-title{font-family:'Poppins',sans-serif; font-weight:900; color:#fff; letter-spacing:-.02em;
  text-shadow:0 2px 0 #E4ECFF, 0 4px 0 #B9C8FF, 0 6px 0 #A596FF, 0 8px 0 #FF8CE0, 0 10px 0 #6B5CFF, 0 16px 26px rgba(0,0,0,.45);}
.crsl-tema-y2k.pa.pa-v-holo .crsl-headline, .crsl-tema-y2k.pa.pa-v-holo .crsl-step-title, .crsl-tema-y2k.pa.pa-v-holo .crsl-quote{color:#1B1530; text-shadow:0 3px 0 #fff, 0 6px 0 #FF8CE0, 0 9px 0 #6B5CFF;}
.crsl-tema-y2k.pa .crsl-headline{font-size:calc(116px * var(--pa-k)); line-height:1; padding:0 70px;}
.crsl-tema-y2k.pa .crsl-headline .o{color:var(--crsl-accent2);}
.crsl-tema-y2k.pa .crsl-headline .y{display:block; width:fit-content; margin:20px auto 0; background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent) 48%, var(--crsl-accent2) 100%); color:#1B1530; text-shadow:0 2px 0 rgba(255,255,255,.7); border:5px solid #fff; border-radius:999px; padding:6px 38px 12px; font-size:.74em; line-height:1.05;}
.crsl-tema-y2k.pa .crsl-headline .y::after{display:none;}
.crsl-tema-y2k.pa .crsl-step-title{font-size:calc(100px * var(--pa-k)); line-height:1.02;}
.crsl-tema-y2k.pa .crsl-step-title.o{color:var(--crsl-accent2);}
.crsl-tema-y2k.pa.pa-t-chat .crsl-step-title, .crsl-tema-y2k.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-y2k.pa.pa-t-dato .crsl-step-title, .crsl-tema-y2k.pa.pa-t-gif .crsl-step-title, .crsl-tema-y2k.pa.pa-t-sticker .crsl-step-title{font-size:calc(80px * var(--pa-k)) !important;}
.crsl-tema-y2k.pa.pa-t-cta_final .crsl-step-title{font-size:calc(92px * var(--pa-k)) !important; line-height:1.02 !important;}
.crsl-tema-y2k.pa .crsl-step-underline, .crsl-tema-y2k.pa .crsl-underline{width:200px; height:12px; border-radius:999px; background:linear-gradient(90deg, var(--crsl-accent), #fff, var(--crsl-accent2)); margin:8px auto 28px;}
.crsl-tema-y2k.pa .crsl-step-sub, .crsl-tema-y2k.pa .crsl-body-txt{color:var(--crsl-text-main);}
/* recuadro = ventana de sistema con barra de título y botones */
.crsl-tema-y2k.pa .crsl-box, .crsl-tema-y2k.pa .crsl-box.o, .crsl-tema-y2k.pa .crsl-ad-col{position:relative; background:#F4F1FF; color:#1B1530; border:4px solid; border-color:#FFFFFF #4B4466 #4B4466 #FFFFFF; border-radius:14px; padding:82px 40px 34px; font-family:'Inter',sans-serif; font-weight:600; font-size:32px; line-height:1.4;}
.crsl-tema-y2k.pa .crsl-box, .crsl-tema-y2k.pa .crsl-box.o{padding:82px 40px 34px !important;}   /* dato/sticker/gif traen padding en línea: sin esto la barra de título tapaba el texto */
.crsl-tema-y2k.pa .crsl-box::before, .crsl-tema-y2k.pa .crsl-ad-col::before{content:"mensaje.txt"; position:absolute; left:6px; right:6px; top:6px; height:48px; border-radius:9px; background:linear-gradient(90deg, var(--crsl-accent2), #9B7BFF 55%, var(--crsl-accent)); color:#fff; font-family:'VT323',monospace; font-size:32px; line-height:48px; text-align:left; padding-left:18px; box-sizing:border-box;}
.crsl-tema-y2k.pa .crsl-box::after, .crsl-tema-y2k.pa .crsl-ad-col::after{content:"_  □  ✕"; position:absolute; right:22px; top:6px; line-height:48px; color:#fff; font-family:'Inter',sans-serif; font-weight:800; font-size:22px; white-space:pre;}
.crsl-tema-y2k.pa .crsl-ad-col.antes::before{content:"error.exe"; background:linear-gradient(90deg, #8A8399, #B9B2C9);}
.crsl-tema-y2k.pa .crsl-ad-col.despues::before{content:"listo.exe";}
.crsl-tema-y2k.pa .crsl-ad-col{padding:80px 24px 26px;}
.crsl-tema-y2k.pa .crsl-ad-tit{font-family:'Poppins',sans-serif; font-weight:900; font-size:36px; color:#1B1530 !important;}
.crsl-tema-y2k.pa .crsl-ad-item{color:#1B1530; font-size:27px;}
.crsl-tema-y2k.pa .crsl-ad-col.antes .crsl-ad-item span{color:#8A8399;} .crsl-tema-y2k.pa .crsl-ad-col.despues .crsl-ad-item span{color:#6B5CFF;}
.crsl-tema-y2k.pa .crsl-badge, .crsl-tema-y2k.pa .crsl-badge.o{background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent) 70%); color:#1B1530; border:3px solid #fff; border-radius:999px; font-family:'Poppins',sans-serif; font-weight:800; font-size:24px; letter-spacing:.04em; padding:9px 26px; transform:none;}
.crsl-tema-y2k.pa .crsl-badge svg *{stroke:#1B1530;}
.crsl-tema-y2k.pa .crsl-step-icon-big, .crsl-tema-y2k.pa .crsl-step-icon-big.o{width:150px; height:150px; border-radius:50%; background:radial-gradient(circle at 34% 28%, #FFFFFF 0%, var(--crsl-accent) 40%, var(--crsl-accent2) 85%, #3B2A9E 100%); border:5px solid #fff; transform:none; margin:0 auto 28px;}
.crsl-tema-y2k.pa .crsl-step-icon-big svg *{stroke:#1B1530;}
.crsl-tema-y2k.pa .crsl-feature-box, .crsl-tema-y2k.pa .crsl-check-row{background:rgba(255,255,255,.08); border:3px solid rgba(255,255,255,.4); border-radius:20px;}
.crsl-tema-y2k.pa.pa-v-holo .crsl-feature-box, .crsl-tema-y2k.pa.pa-v-holo .crsl-check-row{background:rgba(255,255,255,.75); border-color:#fff;}
.crsl-tema-y2k.pa .crsl-feature-box{padding:22px 28px;}
.crsl-tema-y2k.pa .crsl-feature-icon{width:80px; height:80px; border-radius:20px; background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent) 55%, #3BA8B0 100%); border:3px solid #fff;}
.crsl-tema-y2k.pa .crsl-feature-box:nth-child(2) .crsl-feature-icon{background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent2) 55%, #B23C97 100%);}
.crsl-tema-y2k.pa .crsl-feature-box:nth-child(3) .crsl-feature-icon{background:linear-gradient(180deg, #FFFFFF 0%, #B9A6FF 55%, #6B5CFF 100%);}
.crsl-tema-y2k.pa .crsl-feature-icon svg *{stroke:#1B1530;}
.crsl-tema-y2k.pa .crsl-feature-title{font-family:'Poppins',sans-serif; font-weight:800; font-size:34px; color:var(--crsl-text-main); text-transform:none;}
.crsl-tema-y2k.pa .crsl-feature-desc{font-family:'Inter',sans-serif; font-weight:500; font-size:26px; color:var(--crsl-text-muted);}
.crsl-tema-y2k.pa .crsl-check-list{font-family:'Inter',sans-serif; font-weight:700; font-size:33px; line-height:1.3; color:var(--crsl-text-main);}
.crsl-tema-y2k.pa .crsl-check-row{padding:18px 22px; margin-bottom:16px; align-items:center;}
.crsl-tema-y2k.pa .crsl-check-icon{width:50px; height:50px; border-radius:4px; background:#fff; border:4px solid; border-color:#4B4466 #FFFFFF #FFFFFF #4B4466; margin-top:0;}
.crsl-tema-y2k.pa .crsl-check-icon svg *{stroke:#1B1530;}
.crsl-tema-y2k.pa .crsl-quote{font-size:calc(88px * var(--pa-k)); line-height:1.06; text-transform:none;}
.crsl-tema-y2k.pa .crsl-quote-mark{font-family:'Poppins',sans-serif; font-weight:900; font-size:220px; line-height:.6; color:var(--crsl-accent2); text-shadow:0 4px 0 #fff, 0 8px 0 #6B5CFF;}
.crsl-tema-y2k.pa .crsl-quote-firma{font-family:'VT323',monospace; font-size:38px; color:var(--crsl-accent-text);}
.crsl-tema-y2k.pa .crsl-chat{border:6px solid #fff; border-radius:42px;}
.crsl-tema-y2k.pa .crsl-gif-frame, .crsl-tema-y2k.pa .crsl-meme-frame, .crsl-tema-y2k.pa .crsl-dato-frame, .crsl-tema-y2k.pa .crsl-sticker-wrap{border:5px solid #fff; border-radius:26px;}
.crsl-tema-y2k.pa .crsl-ff-overlay{background:linear-gradient(to top, rgba(27,21,48,.92) 0%, rgba(27,21,48,.4) 42%, rgba(0,0,0,0) 72%), linear-gradient(200deg, rgba(255,111,216,.32) 0%, transparent 52%);}
.crsl-tema-y2k.pa .crsl-ff-title{font-size:calc(96px * var(--pa-k)); line-height:1.02; text-transform:none;}
.crsl-tema-y2k.pa .crsl-save-hint{width:fit-content; margin:34px auto 0; background:#D9D4EA; color:#1B1530; border:4px solid; border-color:#FFFFFF #4B4466 #4B4466 #FFFFFF; border-radius:10px; padding:12px 30px; font-family:'Poppins',sans-serif; font-weight:700; font-size:26px;}
.crsl-tema-y2k.pa.pa-t-cta_final .crsl-box::before{content:"enviar.exe";}
.crsl-tema-y2k.pa .crsl-cta-pill{background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent) 50%, var(--crsl-accent2) 100%); color:#1B1530; border:5px solid #fff; border-radius:999px; font-family:'Poppins',sans-serif; font-weight:900; font-size:36px; padding:14px 40px; transform:none;}
.crsl-tema-y2k.pa .crsl-handle{padding:100px 60px 0; font-family:'VT323',monospace; font-weight:400; font-size:34px; color:var(--crsl-text-main);}
.crsl-tema-y2k.pa .crsl-handle .crsl-dot{background:var(--crsl-accent2); width:12px; height:12px;}
.crsl-tema-y2k.pa .crsl-footer-handle{left:60px; right:auto; bottom:48px; font-family:'VT323',monospace; font-weight:400; font-size:32px; letter-spacing:.04em; color:var(--crsl-text-main);}
.crsl-tema-y2k.pa .crsl-footer-handle::after{content:" ▮"; color:var(--crsl-accent2);}
/* cabecera: barra de "cargando" en una ranura hundida + número en pixel */
.pa-y2k .pa-head{left:60px; right:60px; top:44px; justify-content:space-between; gap:20px;}
.pa-y2k .pa-prog{flex:0 1 460px; gap:4px; padding:5px; border:3px solid; border-color:#4B4466 #FFFFFF #FFFFFF #4B4466; background:rgba(0,0,0,.35); border-radius:8px;}
.pa-y2k.pa-v-holo .pa-prog{background:rgba(255,255,255,.6);}
.pa-y2k .pa-prog i{flex:1; height:20px; border-radius:3px; background:transparent;}
.pa-y2k .pa-prog i.on{background:linear-gradient(180deg, #FFFFFF 0%, var(--crsl-accent) 45%, #3BA8B0 100%);}
.pa-y2k .pa-num{order:-1; font-family:'VT323',monospace; font-size:40px; color:var(--crsl-text-main);}
.pa-y2k .pa-num::before{content:"✦ "; color:var(--crsl-accent2);}
.pa-y2k .pa-num span{opacity:.55;}
/* piezas */
.pa-y2k-win{position:absolute; left:0; top:0; right:0; bottom:0; border:4px solid; border-color:#FFFFFF #4B4466 #4B4466 #FFFFFF; border-radius:12px; color:inherit; text-align:center; font-family:'Poppins',sans-serif; font-weight:800;}
.pa-y2k-bar{position:absolute; left:5px; right:5px; top:5px; height:40px; border-radius:8px; color:#fff; font-family:'VT323',monospace; font-size:28px; line-height:40px; text-align:left; padding-left:14px; font-weight:400;}
.pa-y2k-bar i{position:absolute; right:12px; top:0; font-style:normal; font-family:'Inter',sans-serif; font-weight:800; font-size:20px;}
.pa-y2k-wtxt{position:absolute; left:18px; right:18px; top:62px; line-height:1.15; white-space:normal;}
.pa-y2k-ok{position:absolute; left:50%; bottom:16px; width:120px; margin-left:-60px; background:#D9D4EA; border:3px solid; border-color:#FFFFFF #4B4466 #4B4466 #FFFFFF; border-radius:8px; font-family:'Poppins',sans-serif; font-weight:800; font-size:22px; line-height:36px; color:#1B1530;}
.pa-y2k-btn{display:flex; align-items:center; justify-content:center; width:100%; height:100%; box-sizing:border-box; border:4px solid; border-color:#FFFFFF #4B4466 #4B4466 #FFFFFF; border-radius:12px; font-family:'Poppins',sans-serif; font-weight:800; color:inherit; white-space:nowrap;}
.pa-y2k-fecha{width:100%; height:100%; display:flex; align-items:center; justify-content:flex-end; font-family:'VT323',monospace; font-size:58px; letter-spacing:.06em; color:inherit; text-shadow:0 0 8px rgba(255,140,40,.8), 0 0 2px rgba(255,140,40,1);}
.pa-y2k-rec{position:absolute; left:34px; top:28px; display:flex; align-items:center; gap:12px; font-family:'VT323',monospace; font-size:44px; color:inherit;}
.pa-y2k-rec i{display:block; width:22px; height:22px; border-radius:50%;}
.crslx-decor.pa-visor{pointer-events:none;}                        /* el visor cubre toda la foto: que no tape el título al tocar (se elige desde la lista de piezas) */

/* ==================================================================== NEÓN ==================================================================== */
.crsl-font-neon .crsl-box, .crsl-font-neon .crsl-check-list, .crsl-font-neon .crsl-step-sub, .crsl-font-neon .crsl-feature-desc, .crsl-font-neon .crsl-body-txt, .crsl-font-neon .crsl-meme-caption, .crsl-font-neon .crsl-meme-crudo-caption{font-family:'Inter',sans-serif; font-weight:600;}
.crsl-font-neon .crsl-headline, .crsl-font-neon .crsl-step-title, .crsl-font-neon .crsl-feature-title, .crsl-font-neon .crsl-quote, .crsl-font-neon .crsl-ff-title, .crsl-font-neon .crsl-meme-title{font-weight:400;}
.crsl-tema-neon.pa .crsl-card{inset:0; border:0; border-radius:0; background-color:var(--crsl-bg);}
.crsl-tema-neon.pa .crsl-card::before{display:none;}
.pa-neon-noche{background:radial-gradient(900px 600px at 50% 0%, rgba(255,61,203,.20), rgba(255,61,203,0) 70%), radial-gradient(900px 520px at 50% 100%, rgba(34,242,255,.16), rgba(34,242,255,0) 70%);}
.pa-neon-ladrillo{background:radial-gradient(760px 640px at 30% 20%, rgba(255,61,203,.26), rgba(255,61,203,0) 70%), radial-gradient(700px 560px at 90% 90%, rgba(255,228,92,.10), rgba(255,228,92,0) 70%);}
.pa-neon-azul{background:radial-gradient(900px 700px at 70% 10%, rgba(34,242,255,.24), rgba(34,242,255,0) 70%), radial-gradient(700px 600px at 0% 100%, rgba(255,61,203,.14), rgba(255,61,203,0) 70%);}
.crsl-tema-neon.pa .crsl-headline, .crsl-tema-neon.pa .crsl-step-title, .crsl-tema-neon.pa .crsl-quote, .crsl-tema-neon.pa .crsl-ff-title, .crsl-tema-neon.pa .crsl-meme-title{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; color:#EAFEFF; letter-spacing:.01em;
  text-shadow:0 0 4px #fff, 0 0 12px var(--crsl-accent), 0 0 28px var(--crsl-accent), 0 0 54px var(--crsl-accent-a60);}
.crsl-tema-neon.pa .crsl-headline{font-size:calc(116px * var(--pa-k)); line-height:1.04; padding:0 90px;}
.crsl-tema-neon.pa .crsl-headline .o, .crsl-tema-neon.pa .crsl-step-title.o{color:#FFE6F8; text-shadow:0 0 4px #fff, 0 0 12px var(--crsl-accent2), 0 0 28px var(--crsl-accent2), 0 0 54px var(--crsl-accent2-a60);}
.crsl-tema-neon.pa .crsl-headline .y{color:#FFF8D2; text-shadow:0 0 4px #fff, 0 0 12px #FFE45C, 0 0 28px #FFE45C, 0 0 54px rgba(255,228,92,.6);}
.crsl-tema-neon.pa .crsl-headline .y::after{display:none;}
.crsl-tema-neon.pa .crsl-step-title{font-size:calc(104px * var(--pa-k)); line-height:1.04;}
.crsl-tema-neon.pa.pa-t-chat .crsl-step-title, .crsl-tema-neon.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-neon.pa.pa-t-dato .crsl-step-title, .crsl-tema-neon.pa.pa-t-gif .crsl-step-title, .crsl-tema-neon.pa.pa-t-sticker .crsl-step-title{font-size:calc(84px * var(--pa-k)) !important;}
.crsl-tema-neon.pa.pa-t-cta_final .crsl-step-title{font-size:calc(96px * var(--pa-k)) !important; line-height:1.04 !important;}
.crsl-tema-neon.pa .crsl-step-underline, .crsl-tema-neon.pa .crsl-underline{width:180px; height:6px; border-radius:6px; background:#fff; border:3px solid var(--crsl-accent2); box-sizing:content-box; margin:10px auto 30px;}
.crsl-tema-neon.pa .crsl-step-sub, .crsl-tema-neon.pa .crsl-body-txt{color:#D9D4F0;}
.crsl-tema-neon.pa .crsl-center-wrap{padding-left:96px !important; padding-right:96px !important;}
/* recuadro = tubo de neón con halo (dos bordes semitransparentes por fuera: html2canvas no exporta box-shadow) */
.crsl-tema-neon.pa .crsl-box, .crsl-tema-neon.pa .crsl-box.o, .crsl-tema-neon.pa .crsl-ad-col.despues{position:relative; background:rgba(5,3,16,.55); color:#fff; border:4px solid var(--crsl-accent); border-radius:28px; padding:36px 42px; font-family:'Inter',sans-serif; font-weight:500; font-size:32px; line-height:1.42;}
.crsl-tema-neon.pa .crsl-box::before, .crsl-tema-neon.pa .crsl-ad-col.despues::before{content:""; position:absolute; left:-12px; top:-12px; right:-12px; bottom:-12px; border:6px solid var(--crsl-accent-a25); border-radius:38px; pointer-events:none;}
.crsl-tema-neon.pa .crsl-box::after, .crsl-tema-neon.pa .crsl-ad-col.despues::after{content:""; position:absolute; left:-22px; top:-22px; right:-22px; bottom:-22px; border:8px solid var(--crsl-accent-a10); border-radius:48px; pointer-events:none;}
.crsl-tema-neon.pa .crsl-box.o{border-color:var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-badge, .crsl-tema-neon.pa .crsl-badge.o{background:transparent; color:#FFE6F8; border:3px solid var(--crsl-accent2); border-radius:999px; font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:28px; letter-spacing:.08em; padding:8px 26px; transform:none; text-shadow:0 0 8px var(--crsl-accent2), 0 0 18px var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-badge svg *{stroke:var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-step-icon-big, .crsl-tema-neon.pa .crsl-step-icon-big.o{width:140px; height:140px; border-radius:50%; background:transparent; border:4px solid var(--crsl-accent); transform:none; margin:0 auto 30px;}
.crsl-tema-neon.pa .crsl-step-icon-big svg *{stroke:var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-feature-box, .crsl-tema-neon.pa .crsl-check-row{background:rgba(255,255,255,.04); border:2px solid var(--crsl-accent2-a55); border-radius:24px;}
.crsl-tema-neon.pa .crsl-feature-box{padding:22px 28px;}
.crsl-tema-neon.pa .crsl-feature-icon{width:78px; height:78px; border-radius:50%; background:transparent; border:3px solid var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-feature-icon svg *{stroke:var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-feature-title{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:38px; color:#FFE6F8; text-transform:none; text-shadow:0 0 8px var(--crsl-accent2), 0 0 18px var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-feature-desc{font-family:'Inter',sans-serif; font-weight:500; font-size:26px; color:#CFCBE6;}
.crsl-tema-neon.pa .crsl-check-list{font-family:'Inter',sans-serif; font-weight:600; font-size:33px; line-height:1.3; color:#fff;}
.crsl-tema-neon.pa .crsl-check-row{padding:18px 22px; margin-bottom:16px; align-items:center;}
.crsl-tema-neon.pa .crsl-check-icon{width:50px; height:50px; border-radius:50%; background:transparent; border:3px solid var(--crsl-accent); margin-top:0;}
.crsl-tema-neon.pa .crsl-check-icon svg *{stroke:var(--crsl-accent);}
/* antes = tubo apagado, después = encendido */
.crsl-tema-neon.pa .crsl-ad{gap:34px;}
.crsl-tema-neon.pa .crsl-ad-col{border-radius:28px; padding:28px 24px;}
.crsl-tema-neon.pa .crsl-ad-col.antes{background:rgba(0,0,0,.35); border:4px solid #3A3550;}
.crsl-tema-neon.pa .crsl-ad-col.antes .crsl-ad-tit{color:#5E5874 !important; text-shadow:none;}
.crsl-tema-neon.pa .crsl-ad-col.antes .crsl-ad-item{color:#9A96AA;} .crsl-tema-neon.pa .crsl-ad-col.antes .crsl-ad-item span{color:#5E5874;}
.crsl-tema-neon.pa .crsl-ad-tit{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:42px; letter-spacing:.06em;}
.crsl-tema-neon.pa .crsl-ad-col.despues .crsl-ad-tit{color:#EAFEFF !important; text-shadow:0 0 8px var(--crsl-accent), 0 0 20px var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-ad-col.despues .crsl-ad-item{color:#fff; font-size:28px;} .crsl-tema-neon.pa .crsl-ad-col.despues .crsl-ad-item span{color:var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-quote{font-size:calc(94px * var(--pa-k)); line-height:1.08; text-transform:none; color:#FFE6F8; text-shadow:0 0 4px #fff, 0 0 12px var(--crsl-accent2), 0 0 28px var(--crsl-accent2), 0 0 54px var(--crsl-accent2-a60);}
.crsl-tema-neon.pa .crsl-quote-mark{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-size:220px; line-height:.62; color:#EAFEFF; text-shadow:0 0 6px #fff, 0 0 18px var(--crsl-accent), 0 0 40px var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-quote-firma{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-size:32px; color:#fff; text-shadow:0 0 8px var(--crsl-accent), 0 0 18px var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-chat{border:4px solid var(--crsl-accent2); border-radius:36px;}
.crsl-tema-neon.pa .crsl-gif-frame, .crsl-tema-neon.pa .crsl-meme-frame, .crsl-tema-neon.pa .crsl-dato-frame, .crsl-tema-neon.pa .crsl-sticker-wrap{border:4px solid var(--crsl-accent); border-radius:28px; background:rgba(0,0,0,.3);}
.crsl-tema-neon.pa .crsl-ff-overlay{background:linear-gradient(to top, rgba(11,7,32,.94) 0%, rgba(11,7,32,.45) 42%, rgba(0,0,0,0) 72%), linear-gradient(200deg, rgba(255,61,203,.36) 0%, transparent 52%), linear-gradient(20deg, rgba(34,242,255,.22) 0%, transparent 45%);}
.crsl-tema-neon.pa .crsl-ff-txt{left:96px; right:96px; bottom:150px;}
.crsl-tema-neon.pa .crsl-ff-title{font-size:calc(100px * var(--pa-k)); line-height:1.04; text-transform:none;}
.crsl-tema-neon.pa .crsl-save-hint{font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-size:30px; color:#fff; text-shadow:0 0 8px var(--crsl-accent), 0 0 18px var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-cta-pill{background:transparent; color:#EAFEFF; border:4px solid var(--crsl-accent); border-radius:999px; font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:38px; padding:12px 40px; transform:none; right:96px; bottom:96px; text-shadow:0 0 8px var(--crsl-accent), 0 0 20px var(--crsl-accent);}
.crsl-tema-neon.pa .crsl-handle{padding:104px 96px 0; font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:30px; color:#fff; text-shadow:0 0 8px var(--crsl-accent2), 0 0 16px var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-handle .crsl-dot{background:#fff; width:12px; height:12px;}
.crsl-tema-neon.pa .crsl-footer-handle{left:0; right:0; margin:0 auto; width:fit-content; bottom:92px; font-family:var(--crsl-font-display),'Tilt Neon',sans-serif; font-weight:400; font-size:28px; color:#fff; letter-spacing:.04em; text-shadow:0 0 8px var(--crsl-accent2), 0 0 16px var(--crsl-accent2);}
.crsl-tema-neon.pa .crsl-portada-body{padding-bottom:110px;}
.crsl-tema-neon.pa:not(.pa-t-portada) .crsl-card{padding-top:170px; padding-bottom:170px;}
/* cabecera: puntitos de luz + número en un tubo */
.pa-neon .pa-head{left:96px; top:92px; justify-content:flex-start; gap:18px;}
.pa-neon .pa-prog{gap:12px;}
.pa-neon .pa-prog i::before{content:"●"; display:block; font-size:22px; line-height:1; color:rgba(255,255,255,.18);}
.pa-neon .pa-prog i.on::before{color:#fff; text-shadow:0 0 6px var(--crsl-accent), 0 0 14px var(--crsl-accent);}
.pa-neon .pa-num{border:3px solid var(--crsl-accent2); border-radius:999px; padding:6px 18px 4px; font-family:'Tilt Neon',sans-serif; font-size:30px; color:#FFE6F8; text-shadow:0 0 8px var(--crsl-accent2), 0 0 16px var(--crsl-accent2);}
.pa-neon .pa-num span{opacity:.6;}
.pa-neon.pa-t-portada .pa-head{display:none;}
/* piezas */
.pa-neon-txt{font-family:'Tilt Neon',sans-serif; color:#fff; letter-spacing:.06em;}
.pa-neon-desliza{display:flex; align-items:center; justify-content:flex-end; gap:6px; width:100%; height:100%; font-family:'Tilt Neon',sans-serif; color:#fff; letter-spacing:.14em; white-space:nowrap;}
.pa-neon-fl{width:96px; height:54px; flex:none;} .pa-neon-fl svg{width:100%; height:100%; display:block;}

/* ==================================================================== BRUTALISTA ==================================================================== */
.crsl-slide.pa-brutalista{--pa-ink:#0A0A0A; --pa-pap:#FFFFFF; --pa-hi:var(--crsl-accent2);}
.crsl-slide.pa-brutalista.pa-v-negro{--pa-ink:#FFFFFF; --pa-pap:#0A0A0A;}
.crsl-slide.pa-brutalista.pa-v-amarillo{--pa-hi:#FFFFFF;}
.crsl-tema-brutalista.pa .crsl-card{inset:0; border:0; border-radius:0; background-color:var(--crsl-bg);}
.crsl-tema-brutalista.pa .crsl-card::before{display:none;}
.crsl-tema-brutalista.pa .crsl-headline, .crsl-tema-brutalista.pa .crsl-step-title, .crsl-tema-brutalista.pa .crsl-quote, .crsl-tema-brutalista.pa .crsl-meme-title{font-family:var(--crsl-font-display),'Montserrat',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:-.045em; color:var(--pa-ink); text-shadow:none; text-align:left;}
.crsl-tema-brutalista.pa .crsl-headline{font-size:calc(136px * var(--pa-k)); line-height:.9; padding:0 70px;}
.crsl-tema-brutalista.pa .crsl-headline .o, .crsl-tema-brutalista.pa .crsl-headline .y{display:block; width:fit-content; padding:.04em .1em 0; margin:.06em 0 0 -.1em; line-height:.98; text-shadow:none;}
.crsl-tema-brutalista.pa .crsl-headline .y::after{display:none;}
.crsl-tema-brutalista.pa .crsl-headline .o{background:var(--pa-hi); color:#0A0A0A;}
.crsl-tema-brutalista.pa .crsl-headline .y{background:var(--pa-ink); color:var(--pa-pap);}
.crsl-tema-brutalista.pa .crsl-headline br{display:none;}                  /* .o y .y son bloques: el <br> de entre medio dejaba un renglón vacío */
.crsl-tema-brutalista.pa .crsl-portada-body .crsl-underline{margin-left:70px;}
.crsl-tema-brutalista.pa .crsl-portada-body{align-items:flex-start; text-align:left; justify-content:center; padding:150px 0 170px;}
.crsl-tema-brutalista.pa .crsl-portada-body .crsl-headline, .crsl-tema-brutalista.pa .crsl-portada-body .crsl-body-txt{padding-left:70px; padding-right:70px;}
.crsl-tema-brutalista.pa .crsl-step-title{font-size:calc(116px * var(--pa-k)); line-height:.92;}
.crsl-tema-brutalista.pa.pa-t-chat .crsl-step-title, .crsl-tema-brutalista.pa.pa-t-antes_despues .crsl-step-title, .crsl-tema-brutalista.pa.pa-t-dato .crsl-step-title, .crsl-tema-brutalista.pa.pa-t-gif .crsl-step-title, .crsl-tema-brutalista.pa.pa-t-sticker .crsl-step-title{font-size:calc(92px * var(--pa-k)) !important;}
.crsl-tema-brutalista.pa.pa-t-cta_final .crsl-step-title{font-size:calc(104px * var(--pa-k)) !important; line-height:.92 !important;}
.crsl-tema-brutalista.pa:not(.pa-t-portada) .crsl-card{padding-top:190px; padding-bottom:170px;}
.crsl-tema-brutalista.pa .crsl-center-wrap{align-items:flex-start; text-align:left; padding-left:70px !important; padding-right:70px !important;}
.crsl-tema-brutalista.pa .crsl-gif-frame, .crsl-tema-brutalista.pa .crsl-chat, .crsl-tema-brutalista.pa .crsl-flow-row{align-self:stretch;}
.crsl-tema-brutalista.pa .crsl-step-underline, .crsl-tema-brutalista.pa .crsl-underline{width:140px; height:16px; background:var(--pa-hi); border-radius:0; margin:14px 0 30px;}
.crsl-tema-brutalista.pa.pa-v-amarillo .crsl-step-underline{background:#0A0A0A;}
.crsl-tema-brutalista.pa .crsl-step-sub, .crsl-tema-brutalista.pa .crsl-body-txt{font-family:'Space Mono',monospace; font-weight:400; font-size:30px; line-height:1.4; color:var(--pa-ink); text-align:left;}
.crsl-tema-brutalista.pa .crsl-badge, .crsl-tema-brutalista.pa .crsl-badge.o{align-self:flex-start; margin:0 0 30px 70px; background:var(--pa-ink); color:var(--pa-pap); border:0; border-radius:0; font-family:'Space Mono',monospace; font-weight:700; font-size:24px; letter-spacing:.06em; text-transform:uppercase; padding:8px 16px; transform:none;}
.crsl-tema-brutalista.pa .crsl-badge::before{content:"[ "; } .crsl-tema-brutalista.pa .crsl-badge::after{content:" ]";}
.crsl-tema-brutalista.pa .crsl-badge svg{display:none;}
.crsl-tema-brutalista.pa .crsl-box, .crsl-tema-brutalista.pa .crsl-box.o{background:var(--pa-pap); color:var(--pa-ink); border:5px solid var(--pa-ink); border-right-width:16px; border-bottom-width:16px; border-radius:0; padding:34px 40px; font-family:'Inter',sans-serif; font-weight:600; font-size:33px; line-height:1.4; text-align:left;}
.crsl-tema-brutalista.pa .crsl-feature-list{gap:0; counter-reset:pabf;}
.crsl-tema-brutalista.pa .crsl-feature-box{counter-increment:pabf; background:transparent; border:0; border-top:5px solid var(--pa-ink); border-radius:0; padding:22px 0 22px; gap:26px;}
.crsl-tema-brutalista.pa .crsl-feature-box:last-child{border-bottom:5px solid var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-feature-box::before{content:counter(pabf, decimal-leading-zero); font-family:'Space Mono',monospace; font-weight:700; font-size:40px; color:#0A0A0A; background:var(--pa-hi); padding:4px 10px; flex:0 0 auto; align-self:flex-start;}
.crsl-tema-brutalista.pa .crsl-feature-title{font-family:var(--crsl-font-display),'Montserrat',sans-serif; font-weight:900; font-size:40px; letter-spacing:-.02em; text-transform:uppercase; color:var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-feature-desc{font-family:'Space Mono',monospace; font-weight:400; font-size:24px; color:var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-check-list{font-family:'Inter',sans-serif; font-weight:700; font-size:34px; line-height:1.3; color:var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-check-row{background:transparent; border:0; border-top:5px solid var(--pa-ink); border-radius:0; padding:22px 0; margin:0; gap:22px; align-items:center;}
.crsl-tema-brutalista.pa .crsl-check-row:last-child{border-bottom:5px solid var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-check-row::before{content:"[✓]"; font-family:'Space Mono',monospace; font-weight:700; font-size:32px; color:var(--pa-ink); flex:0 0 auto;}
.crsl-tema-brutalista.pa .crsl-ad{gap:0;}
.crsl-tema-brutalista.pa .crsl-ad-col{border:5px solid var(--pa-ink); border-radius:0; padding:0 0 22px; background:var(--pa-pap);}
.crsl-tema-brutalista.pa .crsl-ad-col.despues{border-left:0; background:var(--pa-hi);}
.crsl-tema-brutalista.pa .crsl-ad-tit{background:var(--pa-ink); color:var(--pa-pap) !important; font-family:'Space Mono',monospace; font-weight:700; font-size:28px; letter-spacing:.06em; padding:14px 22px; margin-bottom:20px;}
.crsl-tema-brutalista.pa .crsl-ad-col.despues .crsl-ad-tit{background:#0A0A0A; color:#fff !important;}
.crsl-tema-brutalista.pa .crsl-ad-item{padding:0 22px; font-weight:700; font-size:28px; color:var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-ad-col.despues .crsl-ad-item{color:#0A0A0A;}
.crsl-tema-brutalista.pa .crsl-ad-col.antes .crsl-ad-item{text-decoration:line-through; text-decoration-thickness:3px;}
.crsl-tema-brutalista.pa .crsl-ad-col .crsl-ad-item span{color:inherit !important;}
.crsl-tema-brutalista.pa .crsl-quote{font-size:calc(100px * var(--pa-k)); line-height:.95;}
.crsl-tema-brutalista.pa .crsl-quote-mark{align-self:flex-start; font-family:'Archivo Black',sans-serif; font-size:300px; line-height:.62; color:var(--pa-hi); text-shadow:8px 8px 0 var(--pa-ink); margin-bottom:6px;}
.crsl-tema-brutalista.pa.pa-v-amarillo .crsl-quote-mark{color:#fff;}
.crsl-tema-brutalista.pa .crsl-quote-firma{font-family:'Space Mono',monospace; font-weight:700; font-size:26px; color:var(--pa-ink); margin-top:28px;}
.crsl-tema-brutalista.pa .crsl-chat{border:5px solid var(--pa-ink); border-right-width:16px; border-bottom-width:16px; border-radius:0;}
.crsl-tema-brutalista.pa .crsl-gif-frame, .crsl-tema-brutalista.pa .crsl-meme-frame, .crsl-tema-brutalista.pa .crsl-dato-frame, .crsl-tema-brutalista.pa .crsl-sticker-wrap{border:5px solid var(--pa-ink); border-radius:0; background:var(--pa-pap);}
.crsl-tema-brutalista.pa .crsl-ff-overlay{background:linear-gradient(to top, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 40%);}
.crsl-tema-brutalista.pa .crsl-ff-txt{left:60px; right:60px; bottom:120px; background:#0A0A0A; padding:30px 34px 32px;}
.crsl-tema-brutalista.pa .crsl-ff-title{font-family:var(--crsl-font-display),'Montserrat',sans-serif; font-weight:900; font-size:calc(92px * var(--pa-k)); line-height:.92; letter-spacing:-.04em; text-transform:uppercase; color:#fff; text-shadow:none;}
.crsl-tema-brutalista.pa .crsl-precio-tag{background:#0A0A0A; border:0; border-left:10px solid var(--crsl-accent2); border-radius:0;} .crsl-tema-brutalista.pa .crsl-precio-num{color:var(--crsl-accent2); font-family:var(--crsl-font-display),'Montserrat',sans-serif; font-weight:900;}
.crsl-tema-brutalista.pa .crsl-ff-sub{
font-family:'Space Mono',monospace; font-weight:700; font-size:26px; color:var(--crsl-accent2); text-shadow:none;}
.crsl-tema-brutalista.pa .crsl-save-hint{font-family:'Space Mono',monospace; font-weight:700; font-size:24px; text-transform:uppercase; color:var(--pa-ink); text-align:left;}
.crsl-tema-brutalista.pa.pa-t-cta_final .crsl-box{background:var(--pa-hi); color:#0A0A0A; border-color:#0A0A0A;}
.crsl-tema-brutalista.pa.pa-t-cta_final.pa-v-amarillo .crsl-box{background:#fff;}
.crsl-tema-brutalista.pa .crsl-cta-pill{background:var(--pa-ink); color:var(--pa-pap); border:0; border-radius:0; font-family:'Space Mono',monospace; font-weight:700; font-size:30px; letter-spacing:.06em; padding:16px 30px; transform:none; right:70px; bottom:62px;}
.crsl-tema-brutalista.pa .crsl-handle{position:absolute; left:110px; top:84px; padding:0; font-family:'Space Mono',monospace; font-weight:700; font-size:24px; color:var(--pa-ink);}
.crsl-tema-brutalista.pa .crsl-handle .crsl-dot{display:none;}
.crsl-tema-brutalista.pa .crsl-footer-handle{left:110px; right:auto; bottom:72px; font-family:'Space Mono',monospace; font-weight:700; font-size:22px; letter-spacing:.02em; color:var(--pa-ink);}
.crsl-tema-brutalista.pa.pa-r-foto .crsl-footer-handle{color:#fff !important;}
/* cabecera: segmentos crudos + [03/09] */
.pa-brutalista .pa-head{left:110px; right:110px; top:84px; justify-content:flex-end; gap:22px;}
.pa-brutalista .pa-prog{gap:4px;}
.pa-brutalista .pa-prog i{width:30px; height:16px; border:3px solid var(--pa-ink); box-sizing:border-box;}
.pa-brutalista .pa-prog i.on{background:var(--pa-ink);}
.pa-brutalista .pa-num{font-family:'Space Mono',monospace; font-weight:700; font-size:26px; color:var(--pa-ink);}
.pa-brutalista .pa-num::before{content:"["; } .pa-brutalista .pa-num::after{content:"]";}
/* piezas */
.pa-bru-barras{position:absolute; left:0; top:0; right:0; bottom:0; padding:10px 12px 8px; box-sizing:border-box; display:flex; flex-direction:column; gap:6px;}
.pa-bru-barras > svg{flex:1; width:100%; display:block;}
.pa-bru-mono{font-family:'Space Mono',monospace; font-weight:700; font-size:18px; letter-spacing:.12em; color:inherit; text-align:center; white-space:nowrap; line-height:1;}
.pa-bru-bloque{position:absolute; left:0; top:0; right:0; bottom:0;}
.pa-bru-bloque > svg{width:100%; height:100%; display:block;}
.pa-bru-sello{display:flex; align-items:center; justify-content:center; width:100%; height:100%; box-sizing:border-box; border:6px solid currentColor; font-family:var(--crsl-font-display),'Montserrat',sans-serif; font-weight:900; letter-spacing:-.02em; text-transform:uppercase; color:inherit; white-space:nowrap;}
.pa-bru-regla{position:absolute; left:0; bottom:-6px; font-family:'Space Mono',monospace; font-weight:700; font-size:14px; letter-spacing:.06em; color:inherit; white-space:nowrap;}
.pa-bru-sig{display:flex; align-items:center; justify-content:flex-end; gap:14px; width:100%; height:100%; font-family:'Space Mono',monospace; font-weight:700; letter-spacing:.06em; color:inherit; white-space:nowrap;}
.pa-bru-sig svg{width:60px; height:24px; flex:none;}