@font-face { font-family: Roboto; src: url('../fonts/roboto/static/Roboto-Italic.ttf') format('truetype'); font-style: italic; font-weight: 400; font-display: swap; }
@font-face { font-family: Roboto; src: url('../fonts/roboto/static/Roboto-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: 500; font-display: swap; }
.financiaciones h1, .financiaciones h2, .financiaciones p { margin: 0; }
.financiaciones h1, .financiaciones h2 { font-family: 'Hanken Grotesk', sans-serif; }
.financiaciones__hero { position: relative; overflow: hidden; background: var(--secundario); }
.financiaciones__foto { position: absolute; inset: 0; }
.financiaciones__foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; animation: financiaciones-ken-burns 12s ease-in-out infinite alternate; }
.financiaciones__foto + .financiaciones__foto { opacity: 0; animation: financiaciones-fotos 16s ease-in-out infinite; }
.financiaciones__foto + .financiaciones__foto img { animation-delay: -6s; }
.financiaciones__hero::after { content: ''; position: absolute; inset: 0; background: rgb(91 90 91 / 30%); }
@keyframes financiaciones-fotos { 0%, 40%, 100% { opacity: 0; } 50%, 90% { opacity: 1; } }
@keyframes financiaciones-ken-burns { from { transform: scale(1); } to { transform: scale(1.06); } }
.financiaciones__hero:hover .financiaciones__foto, .financiaciones__hero:hover img { animation-play-state: paused; }
.financiaciones__introduccion { position: relative; }
.financiaciones .financiaciones__titulo { position: relative; margin-top: -65px; color: #fff; font-size: 85px; font-weight: 600; line-height: 75px; }
.financiaciones__titulo > .entrada-suave--arriba { display: block; color: var(--texto); font-size: 70px; font-weight: 200; line-height: 80px; }
.financiaciones__contenido { padding-block: 50px 80px; }
.financiaciones__planes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px; }
.financiaciones h2 { margin-bottom: 24px; color: var(--texto); font-size: 40px; font-weight: 500; line-height: 1.2; }
.financiaciones__condiciones { border-left: 1px solid var(--principal); padding-left: 24px; }
.financiaciones__subtitulo { min-height: 5.1em; color: var(--secundario); font: italic 400 17px/1.7 Roboto, sans-serif; }
.financiaciones ul { display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.financiaciones li { display: flex; align-items: flex-start; gap: 12px; font: 400 16px/1.6 Roboto, sans-serif; }
.financiaciones li .ph { flex-shrink: 0; color: var(--principal); font-size: 20px; line-height: 1.28; }
.financiaciones .financiaciones__cierre { margin-top: 24px; font: italic 500 14px/1.6 Roboto, sans-serif; }
.financiaciones__contacto { margin-top: 50px; }
.financiaciones__contacto .boton { gap: 10px; max-width: 100%; }
.financiaciones__contacto .ph { flex-shrink: 0; font-size: 22px; }
@media (max-width: 1024px) {
    .financiaciones .financiaciones__titulo { margin-top: -60px; font-size: 60px; }
    .financiaciones__titulo > .entrada-suave--arriba { font-size: 45px; line-height: 55px; }
    .financiaciones__planes { gap: 32px; }
    .financiaciones h2 { font-size: 30px; }
}
@media (max-width: 767px) {
    .financiaciones .financiaciones__titulo { margin-top: -48px; font-size: 38px; line-height: 75px; }
    .financiaciones__titulo > .entrada-suave--arriba { font-size: 7.3vw; line-height: max(35px, 1.1em); }
    .financiaciones__contenido { padding-block: 40px 50px; }
    .financiaciones__planes { grid-template-columns: minmax(0, 1fr); gap: 50px; }
    .financiaciones h2 { font-size: 28px; }
    .financiaciones__condiciones { padding-left: 18px; }
    .financiaciones__subtitulo { min-height: 0; font-size: 16px; }
    .financiaciones__contacto .boton { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .financiaciones__foto, .financiaciones__foto img { animation: none !important; }
}