/* Gestión Comercial · ajustes propios sobre landing-v5.css y refinamientos-v5.css (V5 PyMEs).
   Criterio visual: DISEÑO-PORTAL-2026.md. Sólo lo que cambia por el contenido de esta página. */

/* Hero: el surfista queda en el centro óptico de la columna. */
.hero-image>img{object-position:center 58%}
.hero-image:after{background:linear-gradient(0deg,#061a2299,transparent 45%)}

/* Muestras: cuatro tarjetas en dos columnas; la clase con alumnos puede quedar oculta hasta publicarse. */
.sample[hidden]{display:none}
@media(min-width:801px){.sample-grid{grid-template-columns:repeat(2,1fr)}}
.manual-cover{background:#e9e5dd;text-decoration:none}
.manual-cover>img{object-fit:cover;object-position:center top}
.manual-cover:hover .cover-pitch{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

/* Inversión: la cuota es la cifra principal; matrícula y total acompañan. */
.price-cuota>span{display:block;font-size:14px;color:var(--ink)}
.price-cuota span span,.price strong span{display:inline;font-size:inherit;color:inherit}
.price-card .installment-plan>strong{font-size:25px}

/* Reproductores propios (video y audio) dentro del diálogo, mismos criterios que el iframe de Bunny. */
#media-content video{display:block;width:100%;aspect-ratio:16/9;background:#111;border-radius:3px}
.chapter-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chapter-list button{border:1px solid var(--line);border-radius:3px;background:#fff;padding:8px 11px;font:500 12px/1.2 var(--body,inherit);color:var(--ink);cursor:pointer}
.chapter-list button:hover,.chapter-list button:focus-visible{border-color:var(--red);color:var(--red)}
.chapter-list button[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* Módulos sin columna de fechas (27/09/2026, pedido de Ignacio): el texto ocupa ese espacio. */
.module-body{grid-column:2 / -1}