/* ============================================================================
   "Estilo Astral Jazmín · Collage" (2026-10-06) — ver el encabezado de estiloAstralJazmin2.js (pedido de Nico, qué dibuja
   y cómo es exclusivo por datos).
   Todo scopeado a `.crsl-slide.aj2` (la clase la pone el JS SOLO con el tema activo y la cuenta habilitada).

   REGLA DE ORO (igual que el resto de los temas): lo que se ve tiene que salir igual con el respaldo html2canvas 1.4.1.
     · cero box-shadow / filter / mask / clip-path / blend / gradientes repetidos;
     · los dibujos (borde rasgado, agujeros, clip, cinta adhesiva, check) son SVG como imagen de fondo con los colores
       ya resueltos (variables --aj2-*, nunca var() adentro de un SVG);
     · el contorno rojo de la portada (-webkit-text-stroke) solo lo dibuja Chrome real; el respaldo deja el texto rosa;
     · bordes en longhands (un shorthand con var() pisado después se serializa mal en el cssText que ve el servidor).
   ============================================================================ */

/* ---------- lienzo a sangre ---------- */
.crsl-slide.aj2{background:var(--aj2-papel);}
.crsl-slide.aj2 .crsl-card{inset:0; border:0; border-radius:0; box-shadow:none; background:transparent;}
.crsl-slide.aj2 .crsl-card::before, .crsl-slide.aj2 .crsl-card::after{display:none;}
.crsl-card > .aj2-fondo{position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; pointer-events:none; overflow:hidden;}
.aj2-fondo .aj2-capa{position:absolute; left:0; top:0; right:0; bottom:0;}
.aj2-fondo .aj2-capa > svg{display:block; width:100%; height:100%;}
.crsl-slide.aj2 .aj2-grano{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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .14 0 0 0 0 .12 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/300px 300px repeat; opacity:.2;}
/* viñeta: bordes apenas más oscuros, como una hoja vieja escaneada (un solo degradé sin repetir: sale también en el respaldo) */
.crsl-slide.aj2 .aj2-vineta{background:radial-gradient(ellipse 78% 74% at 50% 50%, rgba(60,30,10,0), rgba(60,30,10,0) 62%, rgba(60,30,10,.2) 100%);}
.crsl-card > .crslx-decor.aj2-bajo{z-index:0;}
.crslx-decor.aj2-p{line-height:1;}

/* lo de siempre que el estilo reemplaza */
.crsl-slide.aj2 .crsl-progress-track, .crsl-slide.aj2 .crsl-counter, .crsl-slide.aj2 .crsl-handle, .crsl-slide.aj2 .crsl-meme-num{display:none !important;}
.crsl-slide.aj2 .crsl-underline, .crsl-slide.aj2 .crsl-step-underline, .crsl-slide.aj2 .crsl-footer-handle{display:none;}

/* ---------- piezas ---------- */
.aj2-cinta{position:relative; display:flex; align-items:center; justify-content:center; height:100%; background:var(--aj2-cinta-crema) 0 0/100% 100% no-repeat;}
.aj2-cinta span{font-family:'Special Elite','Courier New',monospace; font-weight:400; font-size:34px; letter-spacing:.12em; white-space:nowrap; line-height:1;}
.aj2-etiqueta{display:flex; align-items:center; height:100%; white-space:nowrap;}
.aj2-etiqueta span{display:inline-block; padding:10px 26px; background:var(--aj2-papel); font-family:'Special Elite','Courier New',monospace; font-size:30px; letter-spacing:.06em; line-height:1.1; max-width:100%; overflow:hidden; text-overflow:ellipsis;}
.aj2-sello{position:relative;}
.crslx-decor .aj2-sello > svg{position:absolute; left:0; top:0; width:100%; height:100%;}
.aj2-sello span{position:absolute; left:0; right:0; top:50%; transform:translateY(-40%); text-align:center; font-family:'Special Elite','Courier New',monospace; font-size:36px; color:#fff; line-height:1; white-space:nowrap;}

/* ---------- tipografía base: papel + navy ---------- */
.crsl-slide.aj2 .crsl-box, .crsl-slide.aj2 .crsl-check-list, .crsl-slide.aj2 .crsl-step-sub, .crsl-slide.aj2 .crsl-feature-desc, .crsl-slide.aj2 .crsl-body-txt, .crsl-slide.aj2 .crsl-ad-item, .crsl-slide.aj2 .crsl-meme-caption, .crsl-slide.aj2 .crsl-ff-sub, .crsl-slide.aj2 .crsl-photo-caption, .crsl-slide.aj2 .crsl-flow-label{font-family:'Archivo',sans-serif; font-style:normal; color:var(--aj2-navy);}
.crsl-slide.aj2 .crsl-headline, .crsl-slide.aj2 .crsl-step-title, .crsl-slide.aj2 .crsl-quote, .crsl-slide.aj2 .crsl-ff-title, .crsl-slide.aj2 .crsl-photo-title, .crsl-slide.aj2 .crsl-meme-title, .crsl-slide.aj2 .crsl-feature-title{
  font-family:'Abril Fatface',serif; font-weight:400; font-style:normal; letter-spacing:0; text-transform:none; -webkit-text-stroke:0; paint-order:normal; text-shadow:none;}

/* palabra clave: MAYÚSCULAS condensadas rosas */
.crsl-slide.aj2 .aj2-hl{display:inline; font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; text-transform:uppercase; font-style:normal; letter-spacing:-.01em; color:var(--aj2-rosa); background:none; padding:0;}
.crsl-slide.aj2 .crsl-hlbox{background:none; color:var(--aj2-rosa); padding:0; box-shadow:none;}
.crsl-slide.aj2 .crsl-box .aj2-hl, .crsl-slide.aj2 .crsl-step-sub .aj2-hl, .crsl-slide.aj2 .crsl-body-txt .aj2-hl, .crsl-slide.aj2 .crsl-check-list .aj2-hl, .crsl-slide.aj2 .crsl-ad-item .aj2-hl, .crsl-slide.aj2 .crsl-feature-desc .aj2-hl{font-family:'Archivo',sans-serif; font-weight:800; text-transform:none; color:var(--aj2-navy);}
.crsl-slide.aj2 .crsl-quote .aj2-hl{color:var(--aj2-rosaf);}
/* dentro de las hojas la palabra clave va en negrita con subrayado rosa a mano (un span inline por palabra) */
.crsl-slide.aj2 .crsl-box .aj2-hl, .crsl-slide.aj2 .crsl-step-sub .aj2-hl, .crsl-slide.aj2 .crsl-body-txt .aj2-hl, .crsl-slide.aj2 .crsl-check-list .aj2-hl, .crsl-slide.aj2 .crsl-ad-item .aj2-hl, .crsl-slide.aj2 .crsl-feature-desc .aj2-hl{background:var(--aj2-subraya) 0 100%/100% .26em no-repeat; padding:0 0 .08em;}

/* ---------- portada: sans condensada rosa con contorno rojo ---------- */
.crsl-slide.aj2 .crsl-portada-body{align-items:flex-start; text-align:left; justify-content:center; padding:0 70px 70px;}
.crsl-slide.aj2 .crsl-headline{font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:172px; line-height:.9; letter-spacing:-.04em; color:var(--aj2-rosa); -webkit-text-stroke:5px var(--aj2-rojo); paint-order:stroke fill; padding:0; max-width:960px; box-sizing:border-box; text-shadow:4px 5px 0 rgba(217,51,31,.35);}
.crsl-slide.aj2 .crsl-headline.aj2-l2{font-size:140px;}
.crsl-slide.aj2 .crsl-headline.aj2-l3{font-size:112px;}
.crsl-slide.aj2 .crsl-headline .o, .crsl-slide.aj2 .crsl-headline .y{display:inline; color:inherit; font-style:normal; background:none;}
.crsl-slide.aj2 .crsl-headline .y::after, .crsl-slide.aj2 .crsl-headline .y:empty{display:none;}
.crsl-slide.aj2 .crsl-headline .aj2-hl{font-size:1.18em; color:var(--aj2-rosa);}
.crsl-slide.aj2 .crsl-body-txt{position:relative; margin-top:54px; max-width:780px; box-sizing:border-box; background-color:var(--aj2-papel); font-weight:600; font-size:34px; line-height:1.4; padding:34px 44px 38px; transform:rotate(-1.2deg);}
.crsl-slide.aj2 .crsl-body-txt::after{content:""; position:absolute; left:0; right:0; bottom:-26px; height:28px; background:var(--aj2-rasgado) 0 0/140px 28px repeat-x;}
.crsl-slide.aj2 .crsl-cta-pill{right:64px; bottom:168px; left:auto; background:var(--aj2-papel); border-style:solid; border-width:0; border-radius:0; box-shadow:none; transform:rotate(-4deg); padding:14px 30px; display:flex; align-items:center; gap:16px;
  font-family:'Special Elite','Courier New',monospace; font-weight:400; font-style:normal; font-size:28px; letter-spacing:.14em; text-transform:uppercase; color:var(--aj2-navy);}
.crsl-slide.aj2 .crsl-cta-pill svg{width:54px; height:14px; flex:none; display:block;}

/* ---------- láminas del medio: cinta con el título + hojas de papel ---------- */
.crsl-slide.aj2:not(.aj2-t-portada) .crsl-card{justify-content:center; padding:150px 0 170px;}
.crsl-slide.aj2 .crsl-badge, .crsl-slide.aj2 .crsl-badge.o{background:var(--aj2-cinta-amarilla) 0 0/100% 100% no-repeat; border:0; box-shadow:none; transform:rotate(-2deg); padding:12px 30px; margin:0 0 22px 70px; border-radius:0; gap:12px; align-self:flex-start;
  font-family:'Special Elite','Courier New',monospace; font-weight:400; font-size:26px; letter-spacing:.14em; text-transform:uppercase; color:var(--aj2-navy);}
.crsl-slide.aj2 .crsl-badge svg{display:none;}
.crsl-slide.aj2 .crsl-center-wrap{flex:0 1 auto; align-items:flex-start; text-align:left; justify-content:flex-start; padding:0 70px !important;}
.crsl-slide.aj2 .crsl-step-title, .crsl-slide.aj2 .crsl-step-title.o{display:block; width:fit-content; max-width:100%; box-sizing:border-box; padding:16px 36px 20px; margin:0 0 34px -10px; font-size:84px; line-height:1.02; color:var(--aj2-rosa); background-color:var(--aj2-navy); transform:rotate(-1.6deg);}
.crsl-slide.aj2 .crsl-step-title.aj2-l2{font-size:70px;}
.crsl-slide.aj2 .crsl-step-title.aj2-l3{font-size:58px;}
.crsl-slide.aj2.aj2-v1 .crsl-step-title{background-color:var(--aj2-naranja); color:#fff; transform:rotate(1.2deg);}
.crsl-slide.aj2.aj2-v1 .crsl-step-title .aj2-hl{color:#fff;}
.crsl-slide.aj2.aj2-v2 .crsl-step-title{background-color:var(--aj2-celeste); color:var(--aj2-rosaf); text-shadow:4px 4px 0 var(--aj2-cian); transform:rotate(-.8deg);}
.crsl-slide.aj2.aj2-v2 .crsl-step-title .aj2-hl{color:var(--aj2-navy); text-shadow:none;}
.crsl-slide.aj2.aj2-v3 .crsl-step-title{background-color:#f3d36b; color:var(--aj2-navy); transform:rotate(1.8deg);}
.crsl-slide.aj2.aj2-v3 .crsl-step-title .aj2-hl{color:var(--aj2-rojo);}
.crsl-slide.aj2 .crsl-step-sub:empty{display:none;}
.crsl-slide.aj2 .crsl-step-icon-big, .crsl-slide.aj2 .crsl-step-icon-big.o{width:100px; height:100px; border-radius:50%; margin:0 0 26px; transform:none; background:var(--aj2-papel); border-style:solid; border-width:4px; border-color:var(--aj2-navy); box-shadow:none;}
.crsl-slide.aj2 .crsl-step-icon-big svg{width:46px; height:46px;}
.crsl-slide.aj2 .crsl-step-icon-big svg *, .crsl-slide.aj2 .crsl-feature-icon svg *, .crsl-slide.aj2 .crsl-flow-icon svg *{stroke:var(--aj2-navy) !important;}
.crsl-slide.aj2 .crsl-gif-frame, .crsl-slide.aj2 .crsl-chat, .crsl-slide.aj2 .crsl-flow-row, .crsl-slide.aj2 .crsl-quote-mark{align-self:flex-start;}
.crsl-slide.aj2 .crsl-captura-wrap, .crsl-slide.aj2 .crsl-dato-frame, .crsl-slide.aj2 .crsl-sticker-wrap, .crsl-slide.aj2 .crsl-ad, .crsl-slide.aj2 .crsl-box, .crsl-slide.aj2 .crsl-feature-list, .crsl-slide.aj2 .crsl-check-list, .crsl-slide.aj2 .crsl-step-sub{align-self:stretch;}

/* hoja de cuaderno: agujeros a la izquierda, borde rasgado abajo y cinta adhesiva arriba */
/* COLLAGE: cada hoja tiene los 4 bordes rotos (tiras arriba/abajo con pseudo-elementos, tiras verticales en un borde transparente de
   14 px; la 7.ª capa es un degradé transparente para que el color de fondo se recorte al relleno y no pise los dientes), una hoja
   de kraft asomando detrás (sombra sólida corrida), sombra suave y una cinta adhesiva (<i class="aj2-cin">, que mete el JS). */
.crsl-slide.aj2 .crsl-step-sub{position:relative; width:100%; box-sizing:border-box; background-color:var(--aj2-hoja); border-style:solid; border-width:0 14px; border-color:transparent;
  background-image:var(--aj2-rasgado-izq), var(--aj2-rasgado-der), var(--aj2-agujeros), var(--aj2-margen), var(--aj2-reglado), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-y, repeat-y, repeat-y, repeat-y, repeat, no-repeat;
  background-position:0 0, 100% 0, -18px 0, 0 0, 0 14px, 0 0;
  background-size:14px 90px, 14px 90px, 72px 120px, 100px 100px, 100px 50px, 100% 100%;
  background-origin:border-box, border-box, padding-box, padding-box, padding-box, padding-box;
  background-clip:border-box, border-box, padding-box, padding-box, padding-box, padding-box;
  margin:6px 0 34px; padding:46px 38px 44px 82px; font-weight:600; font-size:35px; line-height:1.42; transform:rotate(.6deg);
  box-shadow:12px 14px 0 0 var(--aj2-kraft), 20px 28px 24px rgba(40,25,10,.38);}
.crsl-slide.aj2.aj2-v1 .crsl-step-sub{box-shadow:-12px 14px 0 0 var(--aj2-kraft), -20px 28px 24px rgba(40,25,10,.38); transform:rotate(-.7deg);}
.crsl-slide.aj2 .crsl-step-sub::after{content:""; position:absolute; left:-14px; right:-14px; bottom:-26px; height:28px; background:var(--aj2-rasgado) 0 0/140px 28px repeat-x;}
.crsl-slide.aj2 .crsl-step-sub::before{content:""; position:absolute; left:-14px; right:-14px; top:-26px; height:28px; background:var(--aj2-rasgado-arriba) 0 0/140px 28px repeat-x;}
/* cinta adhesiva: translúcida, torcida, con las puntas cortadas */
.crsl-slide.aj2 .aj2-cin{position:absolute; left:50%; top:-30px; width:210px; height:56px; margin-left:-70px; transform:rotate(-3deg); z-index:3; background:var(--aj2-cinta-rosa) 0 0/100% 100% no-repeat;}
.crsl-slide.aj2 .aj2-cinta-a{background-image:var(--aj2-cinta-amarilla); margin-left:-150px; transform:rotate(4deg);}
.crsl-slide.aj2 .aj2-cinta-c{background-image:var(--aj2-cinta-crema); margin-left:30px; transform:rotate(-5deg);}
/* tarjeta cosida con clip (lila, borde de puntadas) */
.crsl-slide.aj2 .crsl-box, .crsl-slide.aj2 .crsl-box.o{position:relative; width:100%; box-sizing:border-box; background-color:var(--aj2-caja); color:var(--aj2-navy); border-style:solid; border-width:18px; border-color:transparent; border-radius:0; box-shadow:none; padding:30px 44px 32px; margin:34px 0 14px; font-weight:700; font-size:36px; line-height:1.38; text-align:left; transform:rotate(-.8deg);
  /* nube festoneada: 4 tiras de semicírculos en el borde transparente + el color de la tarjeta solo hasta el relleno */
  /* la 5.ª capa es un degradé transparente: el color de fondo toma el recorte de la ÚLTIMA capa (padding-box) y no pisa los semicírculos */
  background-image:var(--aj2-fe-top), var(--aj2-fe-bottom), var(--aj2-fe-left), var(--aj2-fe-right), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-x, repeat-x, repeat-y, repeat-y, no-repeat; background-position:0 0, 0 100%, 0 0, 100% 0, 0 0; background-size:36px 18px, 36px 18px, 18px 36px, 18px 36px, 100% 100%;
  background-origin:border-box; background-clip:border-box, border-box, border-box, border-box, padding-box;}
.crsl-slide.aj2 .crsl-box::before{content:""; position:absolute; right:50px; top:-122px; width:60px; height:140px; background:var(--aj2-clip) 0 0/100% 100% no-repeat; transform:rotate(14deg);}
.crsl-slide.aj2 .crsl-save-hint{font-family:'Special Elite','Courier New',monospace; font-weight:400; font-size:26px; letter-spacing:.14em; text-transform:uppercase; color:var(--aj2-navy); background:var(--aj2-papel); padding:10px 24px; text-align:left; margin-top:34px; transform:rotate(-1.5deg); align-self:flex-start;}

/* listas: una tira de papel por renglón, apenas torcidas */
.crsl-slide.aj2 .crsl-check-list{font-weight:700; font-size:37px; line-height:1.3; color:var(--aj2-navy);}
.crsl-slide.aj2 .crsl-check-row{background-color:var(--aj2-papel); border:0; border-radius:0; box-shadow:none; padding:30px 36px; margin:0 0 22px; gap:26px; align-items:center; transform:rotate(-.9deg);}
.crsl-slide.aj2 .crsl-check-row:nth-child(even){transform:rotate(.9deg); margin-left:26px;}
.crsl-slide.aj2 .crsl-check-row:first-child{border:0;}
.crsl-slide.aj2 .crsl-check-icon{width:48px; height:48px; border-radius:0; background:var(--aj2-check) center/100% 100% no-repeat; border:0; box-shadow:none; margin-top:0; flex:none;}
.crsl-slide.aj2 .crsl-check-icon svg{display:none;}
.crsl-slide.aj2 .crsl-feature-list{gap:22px;}
.crsl-slide.aj2 .crsl-feature-box, .crsl-slide.aj2 .crsl-feature-box.o{background-color:var(--aj2-papel); border:0; border-radius:0; box-shadow:none; padding:26px 32px; gap:26px; transform:rotate(-.8deg);}
.crsl-slide.aj2 .crsl-feature-box:nth-child(even){transform:rotate(.8deg);}
.crsl-slide.aj2 .crsl-feature-icon{width:76px; height:76px; border-radius:50%; background:var(--aj2-rosa); border-style:solid; border-width:3px; border-color:var(--aj2-navy); box-shadow:none;}
.crsl-slide.aj2 .crsl-feature-title{font-family:'Abril Fatface',serif; font-size:38px; line-height:1.05; color:var(--aj2-navy); margin-bottom:6px;}
.crsl-slide.aj2 .crsl-feature-desc{font-size:25px; font-weight:600; line-height:1.38;}
.crsl-slide.aj2 .crsl-flow-icon{background:var(--aj2-papel); border-style:solid; border-width:3px; border-color:var(--aj2-navy); box-shadow:none; border-radius:50%;}
.crsl-slide.aj2 .crsl-flow-icon.hi{background:var(--aj2-rosa);}
.crsl-slide.aj2 .crsl-flow-label{font-weight:700; color:var(--aj2-navy); background:var(--aj2-papel); padding:4px 10px;}
.crsl-slide.aj2 .crsl-dato-frame, .crsl-slide.aj2 .crsl-sticker-wrap, .crsl-slide.aj2 .crsl-captura-wrap{background:var(--aj2-papel); border:0; border-radius:0; box-shadow:none; padding:18px;}
.crsl-slide.aj2 .crsl-gif-frame, .crsl-slide.aj2 .crsl-meme-frame{border-style:solid; border-width:12px; border-color:var(--aj2-papel); border-radius:0; box-shadow:none;}
.crsl-slide.aj2 .crsl-meme-caption{background:var(--aj2-papel); padding:6px 14px;}

/* antes / después: "antes" en cartón kraft, "después" en papel con filete rosa */
.crsl-slide.aj2 .crsl-ad{gap:22px;}
.crsl-slide.aj2 .crsl-ad-col{border:0; border-radius:0; padding:34px 30px; box-shadow:none;}
.crsl-slide.aj2 .crsl-ad-col.antes{background:var(--aj2-kraft); color:var(--aj2-navy); transform:rotate(-1.2deg);}
.crsl-slide.aj2 .crsl-ad-col.despues{background:var(--aj2-papel); color:var(--aj2-navy); border-style:solid; border-width:0 0 12px 0; border-color:var(--aj2-rosaf); transform:rotate(1deg);}
.crsl-slide.aj2 .crsl-ad-tit{font-family:'Special Elite','Courier New',monospace; font-weight:400; font-style:normal; font-size:34px; line-height:1.05; letter-spacing:.08em; text-transform:uppercase; color:var(--aj2-navy); margin-bottom:14px;}
.crsl-slide.aj2 .crsl-ad-item{font-weight:700; font-size:28px; line-height:1.38;}
.crsl-slide.aj2 .crsl-ad-col .crsl-ad-item span{color:var(--aj2-rojo);}
.crsl-slide.aj2.aj2-t-antes_despues .crsl-step-title{font-size:74px !important;}
.crsl-slide.aj2.aj2-t-antes_despues .crsl-step-title.aj2-l2{font-size:62px !important;}
.crsl-slide.aj2.aj2-t-antes_despues .crsl-step-title.aj2-l3{font-size:54px !important;}
.crsl-slide.aj2.aj2-t-antes_despues .crsl-center-wrap{padding:0 70px !important;}

/* frase: una hoja grande con la cita en serif */
.crsl-slide.aj2 .crsl-quote-mark{display:none;}
.crsl-slide.aj2 .crsl-quote{position:relative; width:100%; box-sizing:border-box; background-color:var(--aj2-hoja); border-style:solid; border-width:0 14px; border-color:transparent;
  background-image:var(--aj2-rasgado-izq), var(--aj2-rasgado-der), var(--aj2-agujeros), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-y, repeat-y, repeat-y, no-repeat; background-position:0 0, 100% 0, -18px 0, 0 0; background-size:14px 90px, 14px 90px, 72px 120px, 100% 100%;
  background-origin:border-box, border-box, padding-box, padding-box; background-clip:border-box, border-box, padding-box, padding-box;
  padding:70px 42px 64px 86px; font-size:76px; line-height:1.08; color:var(--aj2-navy); transform:rotate(-1deg);
  box-shadow:14px 16px 0 0 var(--aj2-kraft), 22px 30px 26px rgba(40,25,10,.38);}
.crsl-slide.aj2 .crsl-quote.aj2-l2{font-size:64px;}
.crsl-slide.aj2 .crsl-quote.aj2-l3{font-size:52px;}
.crsl-slide.aj2 .crsl-quote::after{content:""; position:absolute; left:-14px; right:-14px; bottom:-26px; height:28px; background:var(--aj2-rasgado) 0 0/140px 28px repeat-x;}
.crsl-slide.aj2 .crsl-quote::before{content:""; position:absolute; left:-14px; right:-14px; top:-26px; height:28px; background:var(--aj2-rasgado-arriba) 0 0/140px 28px repeat-x;}
.crsl-slide.aj2 .crsl-quote .aj2-hl{font-family:'Abril Fatface',serif; text-transform:none; font-weight:400; color:var(--aj2-rosaf);}
.crsl-slide.aj2.aj2-t-frase .crsl-step-sub{margin:44px 0 0;}
.crsl-slide.aj2 .crsl-quote-firma{font-family:'Special Elite','Courier New',monospace; font-weight:400; font-size:28px; letter-spacing:.14em; text-transform:uppercase; color:var(--aj2-navy); background:var(--aj2-papel); padding:10px 24px; margin-top:42px; align-self:flex-start; transform:rotate(-1.5deg);}

/* cierre: el sello va arriba a la derecha y el título le deja lugar */
.crsl-slide.aj2.aj2-r-cierre .crsl-step-title{max-width:700px;}
.crsl-slide.aj2.aj2-t-cta_final .crsl-step-title{font-size:80px !important; line-height:1.03 !important;}
.crsl-slide.aj2.aj2-t-cta_final .crsl-step-title.aj2-l2{font-size:68px !important;}
.crsl-slide.aj2.aj2-t-cta_final .crsl-step-title.aj2-l3{font-size:56px !important;}
.crsl-slide.aj2.aj2-t-cta_final .crsl-step-sub{font-family:'Archivo',sans-serif !important; font-weight:600 !important; font-size:33px !important; color:var(--aj2-navy) !important;}
.crsl-slide.aj2.aj2-t-cta_final .crsl-center-wrap{padding-top:0 !important;}

/* fotos: el título en serif crema sobre el velo oscuro de siempre */
.crsl-slide.aj2 .crsl-ff-title, .crsl-slide.aj2 .crsl-photo-title{color:#fff; font-size:78px; line-height:1.04;}
.crsl-slide.aj2 .crsl-ff-title.aj2-l2, .crsl-slide.aj2 .crsl-photo-title.aj2-l2{font-size:64px;}
.crsl-slide.aj2 .crsl-ff-title.aj2-l3, .crsl-slide.aj2 .crsl-photo-title.aj2-l3{font-size:54px;}
.crsl-slide.aj2 .crsl-ff-txt, .crsl-slide.aj2 .crsl-photo-content{left:70px; right:70px; bottom:170px; padding:0; text-align:left;}
.crsl-slide.aj2 .crsl-ff-sub, .crsl-slide.aj2 .crsl-photo-caption{font-weight:600; font-size:30px; color:#fff; text-shadow:none;}

/* ---------- profundidad de collage: sombras que levantan cada papel (Chrome real; el respaldo html2canvas las ignora y queda plano) ---------- */
.crsl-slide.aj2 .crsl-check-row, .crsl-slide.aj2 .crsl-feature-box, .crsl-slide.aj2 .crsl-ad-col{box-shadow:6px 9px 18px rgba(40,25,10,.36);}
.crsl-slide.aj2 .crsl-step-title{box-shadow:7px 9px 0 0 rgba(20,15,40,.28);}
.crsl-slide.aj2 .crsl-body-txt, .crsl-slide.aj2 .crsl-cta-pill, .crsl-slide.aj2 .crsl-save-hint, .crsl-slide.aj2 .crsl-quote-firma, .crsl-slide.aj2 .crsl-badge{box-shadow:4px 6px 12px rgba(40,25,10,.3);}
.crslx-decor .aj2-cinta, .crslx-decor .aj2-etiqueta span{box-shadow:4px 6px 12px rgba(40,25,10,.3);}
.crslx-decor.aj2-p > svg{overflow:visible;}

/* ============================================================================
   VARIEDAD ENTRE LÁMINAS (2026-10-10, pedido de Jazmín vía Nico: «que sea más distinto entre slide y slide»)
   El JS le pone a cada lámina del medio una disposición (aj2-d0..d3) y un tipo de hoja (aj2-h0..h3); el color de la hoja y de la
   tarjeta vienen en --aj2-hoja / --aj2-caja. d0 y h0 son el diseño de siempre. Las láminas «Celular y capturas» (ccel) no usan
   .crsl-center-wrap, así que no les cambia nada.
   ============================================================================ */

/* ---------- tipos de hoja ---------- */
/* h1: cuadriculada (retícula en lugar de renglones y margen) */
.crsl-slide.aj2.aj2-h1 .crsl-step-sub{
  background-image:var(--aj2-rasgado-izq), var(--aj2-rasgado-der), var(--aj2-agujeros), var(--aj2-cuadros), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-y, repeat-y, repeat-y, repeat, no-repeat;
  background-position:0 0, 100% 0, -18px 0, 0 0, 0 0;
  background-size:14px 90px, 14px 90px, 72px 120px, 44px 44px, 100% 100%;
  background-origin:border-box, border-box, padding-box, padding-box, padding-box;
  background-clip:border-box, border-box, padding-box, padding-box, padding-box;}
/* h2 / h3: papel liso de color (post-it amarillo, hoja rosa), sin agujeros ni renglones */
.crsl-slide.aj2.aj2-h2 .crsl-step-sub, .crsl-slide.aj2.aj2-h3 .crsl-step-sub{
  background-image:var(--aj2-rasgado-izq), var(--aj2-rasgado-der), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-y, repeat-y, no-repeat;
  background-position:0 0, 100% 0, 0 0;
  background-size:14px 90px, 14px 90px, 100% 100%;
  background-origin:border-box, border-box, padding-box;
  background-clip:border-box, border-box, padding-box;
  padding-left:46px;}
.crsl-slide.aj2.aj2-h3 .crsl-step-sub{transform:rotate(-1.4deg);}
.crsl-slide.aj2.aj2-h2 .crsl-step-sub{transform:rotate(1.1deg);}
/* la frase sobre papel liso: sin los agujeros de cuaderno */
.crsl-slide.aj2.aj2-h2 .crsl-quote, .crsl-slide.aj2.aj2-h3 .crsl-quote{
  background-image:var(--aj2-rasgado-izq), var(--aj2-rasgado-der), linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
  background-repeat:repeat-y, repeat-y, no-repeat; background-position:0 0, 100% 0, 0 0; background-size:14px 90px, 14px 90px, 100% 100%;
  background-origin:border-box, border-box, padding-box; background-clip:border-box, border-box, padding-box;
  padding-left:56px;}

/* ---------- d1: arriba y corrido a la derecha ---------- */
.crsl-slide.aj2.aj2-d1:not(.aj2-t-portada):not(.ccel) .crsl-card{justify-content:flex-start; padding:175px 0 150px;}
.crsl-slide.aj2.aj2-d1 .crsl-badge, .crsl-slide.aj2.aj2-d1 .crsl-badge.o{align-self:flex-end; margin:0 74px 22px 0; transform:rotate(2.5deg);}
.crsl-slide.aj2.aj2-d1 .crsl-center-wrap{align-items:flex-end; text-align:left; padding:0 62px 0 170px !important;}
.crsl-slide.aj2.aj2-d1 .crsl-step-title, .crsl-slide.aj2.aj2-d1 .crsl-step-title.o{margin:0 -10px 34px 0; transform:rotate(1.6deg);}
.crsl-slide.aj2.aj2-d1 .crsl-step-icon-big, .crsl-slide.aj2.aj2-d1 .crsl-step-icon-big.o{align-self:flex-end;}
.crsl-slide.aj2.aj2-d1 .crsl-step-sub{transform:rotate(-.9deg);}
.crsl-slide.aj2.aj2-d1 .crsl-box, .crsl-slide.aj2.aj2-d1 .crsl-box.o{transform:rotate(1deg);}
.crsl-slide.aj2.aj2-d1 .crsl-quote{transform:rotate(1.3deg);}

/* ---------- d2: abajo, el título es una banda que cruza la lámina de lado a lado ---------- */
.crsl-slide.aj2.aj2-d2:not(.aj2-t-portada):not(.ccel) .crsl-card{justify-content:flex-end; padding:110px 0 300px;}
.crsl-slide.aj2.aj2-d2 .crsl-center-wrap{padding:0 70px !important;}
.crsl-slide.aj2.aj2-d2 .crsl-step-title, .crsl-slide.aj2.aj2-d2 .crsl-step-title.o{width:1300px; max-width:none !important; margin:0 0 34px -170px; padding:18px 200px 24px 170px; transform:rotate(-2.6deg); text-align:left;}
.crsl-slide.aj2.aj2-d2 .crsl-badge, .crsl-slide.aj2.aj2-d2 .crsl-badge.o{margin:0 0 18px 70px; transform:rotate(-3deg);}
.crsl-slide.aj2.aj2-d2 .crsl-step-sub{transform:rotate(.8deg);}
.crsl-slide.aj2.aj2-d2 .crsl-box, .crsl-slide.aj2.aj2-d2 .crsl-box.o{transform:rotate(-1.2deg);}
.crsl-slide.aj2.aj2-d2 .crsl-quote{transform:rotate(-1.6deg);}

/* ---------- d3: centrada, hojas más angostas, el título al medio ---------- */
.crsl-slide.aj2.aj2-d3 .crsl-badge, .crsl-slide.aj2.aj2-d3 .crsl-badge.o{align-self:center; margin:0 0 22px 0; transform:rotate(-2deg);}
.crsl-slide.aj2.aj2-d3 .crsl-center-wrap{align-items:center; text-align:center; padding:0 90px !important;}
.crsl-slide.aj2.aj2-d3 .crsl-step-title, .crsl-slide.aj2.aj2-d3 .crsl-step-title.o{margin:0 0 34px 0; text-align:center; transform:rotate(-1.2deg);}
.crsl-slide.aj2.aj2-d3 .crsl-step-icon-big, .crsl-slide.aj2.aj2-d3 .crsl-step-icon-big.o{align-self:center;}
.crsl-slide.aj2.aj2-d3 .crsl-step-sub, .crsl-slide.aj2.aj2-d3 .crsl-box, .crsl-slide.aj2.aj2-d3 .crsl-box.o, .crsl-slide.aj2.aj2-d3 .crsl-quote{width:94%; align-self:center;}
.crsl-slide.aj2.aj2-d3 .crsl-step-sub{transform:rotate(-.5deg);}
.crsl-slide.aj2.aj2-d3 .crsl-box, .crsl-slide.aj2.aj2-d3 .crsl-box.o{transform:rotate(.7deg);}
.crsl-slide.aj2.aj2-d3 .crsl-save-hint{align-self:center;}