@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--fuente-principal);font-size:var(--texto-base);color:var(--color-texto);background:var(--color-fondo)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.contenedor{width:min(calc(100% - 48px),var(--ancho-contenido));margin-inline:auto}
.seccion{padding:var(--espacio-seccion) 0}
.etiqueta{font-size:var(--texto-xs);font-weight:800;letter-spacing:2px;color:var(--color-azul-600);margin:0 0 16px}
.titulo-seccion{font-family:var(--fuente-titulos);font-size:var(--titulo-md);line-height:1.12;letter-spacing:-1.5px;color:var(--color-azul-800);margin:0}
.titulo-seccion span{color:var(--color-azul-500)}
.bajada{font-size:var(--texto-lg);line-height:1.8;color:var(--color-texto-secundario);max-width:var(--ancho-texto)}
.boton{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:var(--radio-sm);font-size:var(--texto-sm);font-weight:800;transition:.2s}
.boton-primario{background:var(--color-azul-800);color:var(--color-blanco)}
.boton-primario:hover{background:var(--color-azul-600)}
.boton-secundario{border:1px solid #aabbd0;color:var(--color-azul-800)}
.boton-secundario:hover{background:var(--color-fondo-suave)}
.centrado{text-align:center}
.centrado .bajada{margin-inline:auto}
.tarjeta{background:var(--color-blanco);border:1px solid var(--color-borde);border-radius:var(--radio-md);padding:25px;box-shadow:0 3px 12px rgba(15,40,70,.025)}
.tarjeta h3{color:var(--color-azul-800);margin:0 0 10px;font-size:1.08rem}
.tarjeta p{font-size:var(--texto-sm);line-height:1.75;color:var(--color-texto-secundario);margin:0}
.cabecera-pagina{background:linear-gradient(115deg,#f7faff,#eaf3ff);padding:75px 0 65px;border-bottom:1px solid var(--color-borde)}
.cabecera-pagina h1{font-size:var(--titulo-xl);line-height:1.08;letter-spacing:-2px;color:var(--color-azul-800);margin:0;max-width:850px}
.pie-cta{background:var(--color-azul-800);color:white;padding:50px 0}
.pie-cta h2{font-size:var(--titulo-md);margin:0 0 12px}
.pie-cta p{color:#d7e5f5;line-height:1.7}
.pie-cta .boton{background:white;color:var(--color-azul-800);margin-top:10px}
@media(max-width:650px){.contenedor{width:min(calc(100% - 36px),var(--ancho-contenido))}.bajada{font-size:var(--texto-base)}.cabecera-pagina{padding:55px 0 45px}}
