/* Estilos solo de la pagina Nuestra historia */

/* Video: el titulo va abajo a la izquierda para no encimarse con el logo del video */
.historia-hero { height: 70vh; min-height: 420px; }
.historia-hero__capa { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(43,22,27,.88) 0%, rgba(43,22,27,.2) 45%, rgba(0,0,0,0) 70%); }
.historia-hero__titulo { position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: 56px; }
.historia-hero__titulo h1 { color: var(--blanco); margin: 0; font-size: clamp(3.2rem, 8vw, 7rem); line-height: .9; }

/* Intro destacada con filete rojo */
.historia-intro { max-width: 980px; }
.historia-intro__texto { font-family: var(--titulos); font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 600; line-height: 1.45; color: var(--oscuro); border-left: 3px solid var(--rojo); padding-left: 36px; margin: 0; }

/* Su Acuerdo / Su Legado: dos capitulos separados por una linea */
.historia-capitulos .dos-col { align-items: start; gap: 0; }
.historia-capitulos .dos-col > div { padding: 0 56px; }
.historia-capitulos .dos-col > div:first-child { padding-left: 0; border-right: 1px solid rgba(255,255,255,.25); }
.historia-capitulos .dos-col > div:last-child { padding-right: 0; }
.historia-capitulos h2 { position: relative; padding-top: 22px; }
.historia-capitulos h2::before { content: ''; position: absolute; top: 0; left: 0; width: 48px; height: 3px; background: var(--blanco); }

.historia-video { max-width: 1000px; }
.historia-video .video-embed { box-shadow: 0 24px 50px rgba(43,22,27,.25); border-radius: 4px; overflow: hidden; }

@media (max-width: 921px) {
    .historia-hero { height: 50vh; }
    .historia-hero__titulo { padding-bottom: 32px; }
    .historia-intro__texto { padding-left: 20px; }
    .historia-capitulos .dos-col { gap: 48px; }
    .historia-capitulos .dos-col > div { padding: 0 !important; border: 0 !important; }
}