/* ============================================================================
   Estilo «Terracota · Guía» (2026-10-04) — ver public/lib/carruselTemasTerracota.js.
   Papel crema con una textura finita, titulares en serif pesada (Fraunces) con la palabra resaltada en cursiva terracota,
   pastilla de paso, y las cajas como tarjetas de papel. html2canvas 1.4.1: sin mask/clip-path/filter/blend ni gradientes
   repetidos; el grano del papel es una imagen SVG (una imagen sí se dibuja bien) y los degradés no se repiten.
   ============================================================================ */
.crsl-tema-terracota .crsl-card{
  background-color:#EEE7DB;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='675'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .27  0 0 0 0 .2  0 0 0 .55 -.18'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(900px 700px at 8% 4%, rgba(255,255,255,.55), rgba(255,255,255,0) 62%),
    radial-gradient(1000px 800px at 100% 100%, rgba(150,120,90,.22), rgba(150,120,90,0) 64%);
  background-size:1080px 1350px, 100% 100%, 100% 100%;
  background-repeat:no-repeat;
  border-color:#E3D8C6; box-shadow:none;
}
.crsl-tema-terracota .crsl-card::before, .crsl-tema-terracota .crsl-card::after{display:none;}
.crsl-tema-terracota .crsl-underline{display:none;}
.crsl-tema-terracota .crsl-footer-handle{bottom:26px;}
/* lo que el tema de fábrica dibuja y acá sobra: la barra de arriba y el contador (los reemplazan los puntitos de abajo) */
.crsl-tema-terracota .crsl-progress-track{display:none;}
.crsl-tema-terracota .crsl-counter{display:none;}

/* títulos */
.crsl-tema-terracota .crsl-step-title, .crsl-tema-terracota .crsl-headline, .crsl-tema-terracota .crsl-photo-title{
  font-family:'Fraunces','Playfair Display',serif; font-weight:900; font-variation-settings:'opsz' 40, 'SOFT' 100, 'WONK' 0;
  color:#1B130E; text-shadow:none; letter-spacing:-.025em; line-height:1.03;
}
.crsl-tema-terracota .crsl-headline{font-size:84px; padding-left:64px; padding-right:64px;}
.crsl-tema-terracota .crsl-headline .o, .crsl-tema-terracota .crsl-headline .y{color:var(--crsl-accent); font-style:italic;}
.crsl-tema-terracota .crsl-step-title.o{color:var(--crsl-accent);}
.crsl-tema-terracota .crsl-step-underline{display:none;}
.crsl-tema-terracota .crsl-step-sub, .crsl-tema-terracota .crsl-body-txt{color:#4D4036; font-family:'Nunito','Baloo 2',sans-serif; font-weight:800;}

/* palabra resaltada (*asteriscos* o caja de resaltado): cursiva terracota, sin caja */
.crsl-tema-terracota .crsl-hlbox, .crsl-tema-terracota .ccel-hl, .crsl-slide.ccel.crsl-tema-terracota .ccel-hl{
  background:none !important; border:0 !important; box-shadow:none !important; border-radius:0 !important;
  color:var(--crsl-accent) !important; font-style:italic; padding:0 .03em !important; margin:0 !important;
}

/* pastilla de etiqueta ("PASO 01 / 05"): terracota, letra ancha y espaciada */
.crsl-tema-terracota .crsl-badge, .crsl-tema-terracota .crsl-badge.o{
  background:var(--crsl-accent); border-color:var(--crsl-accent); color:#fff; transform:none;
  font-family:'Nunito','Baloo 2',sans-serif; font-weight:900; font-size:30px; letter-spacing:.14em; text-transform:uppercase;
  padding:14px 34px; border-radius:999px; box-shadow:0 10px 22px -10px rgba(150,70,40,.55);
}
.crsl-tema-terracota .crsl-badge svg{display:none;}
.crsl-tema-terracota .crsl-cta-pill{background:var(--crsl-accent); color:#fff; font-family:'Nunito','Baloo 2',sans-serif; font-weight:900; letter-spacing:.06em; border:0; box-shadow:0 12px 24px -10px rgba(150,70,40,.6); transform:none;}

/* cajas y listas: tarjetas de papel */
.crsl-tema-terracota .crsl-box, .crsl-tema-terracota .crsl-feature-box, .crsl-tema-terracota .crsl-check-row{
  background:#FBF6EC; border:2px solid #DDD1BD; color:#2B211A; border-radius:28px; box-shadow:none;
  font-family:'Nunito','Baloo 2',sans-serif; font-weight:800;
}
.crsl-tema-terracota .crsl-box.o{background:#FBF6EC; border-color:var(--crsl-accent);}
.crsl-tema-terracota .crsl-check-icon{background:var(--crsl-accent); border-color:var(--crsl-accent); color:#fff;}
.crsl-tema-terracota .crsl-footer-handle, .crsl-tema-terracota .crsl-handle{color:#8C7B6A; font-family:'JetBrains Mono',monospace; font-weight:700; letter-spacing:.06em;}
.crsl-tema-terracota .crsl-handle .crsl-dot{background:var(--crsl-accent);}
/* la mascota y los destellos del tema: sin sombra ni filtro (html2canvas), el dibujo ya trae su sombreado */
.crsl-tema-terracota .crslx-decor svg{display:block; width:100%; height:100%; overflow:visible;}