/* ==========================================================================
   CREATICS · divulga.css — taller Divulga para colegios (/taller-divulga/).
   Misma familia que /actividades-para-ninos/: requiere actividades.css además
   de los cinco comunes. Prefijo .cs-dv-.
   ========================================================================== */

/* ---------- Héroe: cuatro etiquetas y dos botones ---------- */
.cs-pagina--divulga .cs-hero__lead{max-width:60ch}
@media (max-width:720px){
	.cs-pagina--divulga .cs-hero__lead{font-size:var(--text-base)}
	/* Que el botón principal quede a la vista en un móvil de 390×844: menos aire arriba y titular algo más pequeño */
	.cs-pagina--divulga .cs-hero__content{padding-block:72px 48px}
	.cs-pagina--divulga .cs-apn-hero__claim{font-size:clamp(2.1rem,9.6vw,2.7rem)}
}
/* Los h2 de esta página son largos: entre 361 y 720 px, más pequeños que el clamp general (≈33 px a 390) */
@media (min-width:361px) and (max-width:720px){.cs-pagina--divulga .cs-h2{font-size:clamp(1.75rem,8.5vw,2.375rem)}}

/* ---------- La sesión: pasos numerados junto a la foto ---------- */
.cs-dv-sesion__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.cs-dv-pasos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}
.cs-dv-paso{position:relative;display:flex;gap:18px;align-items:flex-start;padding:18px 0 22px 0}
.cs-dv-paso + .cs-dv-paso{border-top:1px solid var(--color-border)}
.cs-dv-paso__num{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--cs-yellow);color:var(--cs-ink);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);border:var(--border-bold) solid var(--cs-ink);box-shadow:3px 3px 0 var(--cs-ink)}
.cs-dv-paso:nth-child(2) .cs-dv-paso__num{background:var(--cs-turquoise)}
.cs-dv-paso:nth-child(3) .cs-dv-paso__num{background:var(--cs-pink);color:#fff}
.cs-dv-paso:nth-child(4) .cs-dv-paso__num{background:#fff}
.cs-dv-paso .cs-h4{margin:0}
.cs-dv-paso p{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-ink-soft)}
.cs-dv-sesion__foto{margin:0;display:flex;flex-direction:column;gap:10px}
.cs-dv-sesion__foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:var(--border-bold) solid var(--cs-ink);box-shadow:var(--shadow-offset);transform:rotate(1deg)}
.cs-dv-sesion__foto figcaption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-ink-mute);text-align:center}
@media (max-width:900px){.cs-dv-sesion__grid{grid-template-columns:minmax(0,1fr);gap:28px}.cs-dv-sesion__foto{order:-1}.cs-dv-sesion__foto img{transform:none}}

/* ---------- Tarjetas cortas (alumnos, colegio, después) ---------- */
.cs-dv-tarjetas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cs-dv-tarjeta{display:flex;flex-direction:column;gap:8px;padding:22px 22px 20px;border-radius:14px}
.cs-dv-tarjeta__num{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider)}
.cs-dv-tarjeta .cs-h4{margin:0}
.cs-dv-tarjeta p{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}
.cs-dv-tarjeta .cs-link{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;padding-top:0;font-size:var(--text-sm);white-space:normal}
.cs-dv-tarjetas--oscuro .cs-dv-tarjeta{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16)}
.cs-dv-tarjetas--oscuro .cs-dv-tarjeta__num{color:var(--cs-turquoise)}
.cs-dv-tarjetas--oscuro .cs-h4{color:#fff}
.cs-dv-tarjetas--oscuro p{color:rgba(255,255,255,.82)}
.cs-dv-tarjetas--claro{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-dv-tarjetas--claro .cs-dv-tarjeta{background:#fff;border:1.5px solid var(--color-border);box-shadow:var(--shadow-sm)}
.cs-dv-tarjetas--claro .cs-dv-tarjeta__num{color:var(--cs-pink)}
.cs-dv-tarjetas--claro p{color:var(--color-ink-soft)}
.cs-dv-ganan .cs-h2{color:#fff}
.cs-dv-ganan__colegio{margin-top:24px}
@media (max-width:1000px){.cs-dv-tarjetas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cs-dv-tarjetas,.cs-dv-tarjetas--claro{grid-template-columns:minmax(0,1fr)}}

/* ---------- Formato y precio ---------- */
.cs-dv-formato__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.cs-dv-datos{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.cs-dv-datos dt{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:var(--cs-ink)}
.cs-dv-datos dd{margin:4px 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-ink-soft)}
.cs-dv-precio{display:flex;flex-direction:column;gap:14px;padding:26px 28px;background:#fff;border:var(--border-bold) solid var(--cs-ink);border-radius:16px;box-shadow:var(--shadow-offset)}
.cs-dv-precio .cs-h4{margin:0}
.cs-dv-precio__filas{margin:0;display:flex;flex-direction:column}
.cs-dv-precio__filas div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border)}
.cs-dv-precio__filas dt{font-family:var(--font-heading);font-weight:700;font-size:var(--text-base);color:var(--cs-ink)}
.cs-dv-precio__filas dt small{display:block;font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);color:var(--color-ink-mute)}
.cs-dv-precio__filas dd{margin:0;font-family:var(--font-heading);font-weight:700;font-size:var(--text-2xl);line-height:1;color:var(--cs-ink);white-space:nowrap}
.cs-dv-precio__ejemplo{margin:0;padding:12px 16px;border-left:4px solid var(--cs-yellow);background:var(--neutral-50);border-radius:0 10px 10px 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--cs-ink)}
.cs-dv-gratis{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 32px;background:var(--blue-50);border:1.5px solid var(--blue-100);border-radius:16px}
.cs-dv-gratis .cs-h3{margin:0;max-width:26ch}
.cs-dv-gratis p{margin:0;max-width:70ch;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink-soft)}
@media (max-width:900px){.cs-dv-formato__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.cs-dv-datos{grid-template-columns:minmax(0,1fr)}.cs-dv-precio{padding:20px}.cs-dv-gratis{padding:22px 20px}.cs-dv-gratis .cs-btn{width:100%}}

/* ---------- Quién lo imparte ---------- */
.cs-dv-quienes__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.cs-dv-quienes__sub{margin:8px 0 0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-ink-mute)}
.cs-dv-colegios{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.cs-dv-colegios li{padding:7px 12px;border-radius:var(--radius-pill);background:#fff;border:2px solid var(--cs-ink);font-family:var(--font-heading);font-weight:700;font-size:var(--text-xs)}
.cs-dv-quienes__fotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cs-dv-quienes__foto{margin:0;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--neutral-100)}
.cs-dv-quienes__foto img{display:block;width:100%;height:100%;object-fit:cover}
.cs-dv-quienes__foto--1,.cs-dv-quienes__foto--4{border:var(--border-bold) solid var(--cs-ink);box-shadow:var(--shadow-offset)}
.cs-dv-quienes__foto--1{transform:rotate(-1.5deg)}
.cs-dv-quienes__foto--4{transform:rotate(1.2deg)}
.cs-dv-aliados{display:flex;flex-direction:column;gap:18px;padding-top:8px}
.cs-dv-aliados .cs-logos{justify-content:flex-start}
@media (max-width:900px){.cs-dv-quienes__grid{grid-template-columns:minmax(0,1fr);gap:32px}}
@media (max-width:720px){.cs-dv-quienes__fotos{gap:12px}.cs-dv-quienes__foto--1,.cs-dv-quienes__foto--4{box-shadow:3px 3px 0 var(--cs-ink)}}

/* ---------- Cierre ---------- */
.cs-dv-cierre__mail{margin:0;font-size:var(--text-sm);color:rgba(255,255,255,.82)}
.cs-dv-cierre__mail a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--cs-turquoise);text-decoration:none;overflow-wrap:anywhere}
.cs-dv-cierre__mail a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.cs-pagina--divulga .cs-form textarea.cs-input{min-height:64px;resize:vertical;font-family:inherit}
.cs-pagina--divulga .cs-check{min-height:44px;align-items:center}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
	.cs-dv-sesion__foto img,.cs-dv-quienes__foto--1,.cs-dv-quienes__foto--4{transform:none}
}