.inicio-escena { position: relative; isolation: isolate; color: white; background: #0a2137; }
.inicio-escena-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; z-index: -2; }
.inicio-escena::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4,20,34,.85), rgba(4,20,34,.38) 60%, rgba(4,20,34,.12)), linear-gradient(0deg, rgba(4,20,34,.75), transparent 50%); }
.inicio-escena-contenido { padding-block: 78px 65px; }
.inicio-etiqueta { display: block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .15em; line-height: 1.6; }
.inicio-escena .inicio-etiqueta { color: #d1e7f8; }
.inicio-escena h1 { margin: 30px 0 38px; font-size: clamp(3.5rem, 7.8vw, 7rem); max-width: 990px; line-height: .99; letter-spacing: -.055em; font-weight: 650; color: white; }
.inicio-escena h1 em { font-style: normal; color: #9cd8ff; }
.inicio-escena-pie { display: flex; justify-content: space-between; gap: 35px; align-items: center; }
.inicio-escena-pie p { max-width: 470px; color: #e0e9ef; font-size: 18px; line-height: 1.65; }
.inicio-boton { display: inline-flex; align-items: center; gap: 35px; padding: 19px 24px; background: white; color: #102d46; text-decoration: none; font-weight: 700; border-radius: 3px; }
.inicio-boton:hover { background: #d9efff; }
.inicio-rutas { border-top: 1px solid #ffffff45; background: rgba(5,23,39,.55); }
.inicio-rutas > div { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.inicio-rutas a { padding: 25px 26px; color: white; text-decoration: none; border-right: 1px solid #ffffff30; }
.inicio-rutas a:first-child { padding-left: 0; }
.inicio-rutas a:last-child { border: 0; padding-right: 0; }
.inicio-rutas a > span { display: block; color: #bad5e9; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px; }
.inicio-rutas strong { display: flex; gap: 14px; justify-content: space-between; font-size: 15px; font-weight: 600; line-height: 1.5; }
.inicio-rutas b { color: #a8dfff; font-size: 21px; font-weight: 400; }
.inicio-rutas a:hover strong { color: #a8dfff; }
.inicio-descubri { padding: 88px 0; background: #fff; color: #102033; scroll-margin-top: 105px; }
.inicio-seccion-titulo { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: start; margin-bottom: 45px; }
.inicio-descubri .inicio-etiqueta { color: #1966a6; padding-top: 9px; }
.inicio-seccion-titulo h2, .inicio-trayectoria h2 { font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.12; letter-spacing: -.04em; }
.inicio-descubri-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: start; }
.inicio-taller { margin: 0; position: relative; }
.inicio-taller img { width: 100%; height: 510px; display: block; object-fit: cover; object-position: center 65%; }
.inicio-taller figcaption { padding: 15px 0; font-size: 12px; color: #546575; }
.inicio-introduccion { font-size: 17px; line-height: 1.75; color: #526475; margin-bottom: 26px; max-width: 590px; }
.inicio-recorrido > a { display: flex; align-items: flex-start; gap: 19px; padding: 25px 0; border-top: 1px solid #dce4eb; color: #102033; text-decoration: none; }
.inicio-paso { font-size: 12px; color: #1966a6; padding-top: 5px; }
.inicio-recorrido > a > div { flex: 1; }
.inicio-recorrido h3 { font-size: 23px; letter-spacing: -.025em; line-height: 1.2; margin-bottom: 10px; }
.inicio-recorrido a p { font-size: 15px; line-height: 1.65; color: #526475; }
.inicio-recorrido a:hover h3 { color: #1765ac; }
.inicio-recorrido .inicio-ver-todo { color: #075ba9; font-weight: 700; font-size: 14px; justify-content: space-between; padding-bottom: 0; }
.inicio-trayectoria { padding: 65px 0 75px; background: #e8f0f7; color: #102033; }
.inicio-trayectoria-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 50px; align-items: center; }
.inicio-anios { border-right: 1px solid #bdcedd; display: flex; flex-direction: column; padding-right: 30px; }
.inicio-anios strong { font-size: clamp(6rem, 13vw, 11rem); letter-spacing: -.08em; line-height: 1; font-weight: 650; color: #175b94; }
.inicio-anios span { margin-top: 18px; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: #3f607a; }
.inicio-trayectoria .inicio-etiqueta { color: #1966a6; margin-bottom: 19px; }
.inicio-trayectoria p { margin: 20px 0; font-size: 16px; line-height: 1.75; max-width: 580px; color: #42566b; }
.inicio-trayectoria a { display: inline-block; padding-block: 8px; color: #075ba9; font-weight: 700; text-decoration: underline; text-underline-offset: 6px; }
.inicio-escena a:focus-visible, .inicio-descubri a:focus-visible, .inicio-trayectoria a:focus-visible { outline: 3px solid #368be1; outline-offset: 6px; }
@media (max-width: 800px) {
    .inicio-escena-contenido { padding-block: 55px 45px; }
    .inicio-escena-pie { flex-direction: column; align-items: flex-start; gap: 25px; }
    .inicio-rutas a { padding: 22px 16px; }
    .inicio-seccion-titulo, .inicio-descubri-grid, .inicio-trayectoria-grid { gap: 28px; }
    .inicio-recorrido h3 { font-size: 20px; }
}
@media (max-width: 600px) {
    .inicio-escena h1 { font-size: clamp(3rem, 12vw, 4.5rem); margin-block: 25px 30px; }
    .inicio-escena-pie p { font-size: 16px; }
    .inicio-escena-foto { object-position: 63% center; }
    .inicio-rutas > div { grid-template-columns: 1fr; }
    .inicio-rutas a, .inicio-rutas a:first-child, .inicio-rutas a:last-child { padding: 18px 0; border-right: 0; }
    .inicio-rutas a + a { border-top: 1px solid #ffffff30; }
    .inicio-rutas a > span { margin-bottom: 5px; }
    .inicio-descubri { padding: 50px 0; }
    .inicio-seccion-titulo, .inicio-descubri-grid, .inicio-trayectoria-grid { grid-template-columns: 1fr; gap: 25px; }
    .inicio-seccion-titulo { margin-bottom: 28px; }
    .inicio-taller img { height: 300px; }
    .inicio-anios { border-right: 0; border-bottom: 1px solid #bdcedd; padding: 0 0 25px; }
    .inicio-anios strong { font-size: 6rem; }
    .inicio-trayectoria { padding: 45px 0; }
}