/* Usando la fuente Inter para todo el cuerpo del texto */
body {
    font-family: 'Inter', sans-serif;
}

/* Color personalizado para el botón CTA */
.cta-button {
    background-color: #0F5A90;
    color: white;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #0a72Ae;
}

/* Estilo para la sección de portada (Hero) con imagen de fondo */
.hero-section {
    position: relative;
    background-image: url('https://ortodonciaavanzadacastellanos.com/Assets/img/mujer-sonriendo-slider-1-castellanos_.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Efecto parallax */
}

/* Superposición oscura para mejorar la legibilidad del texto */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(15, 90, 144, 0.6); /* Color principal con opacidad */
}

/* Contenedor del contenido del hero para que esté por encima de la superposición */
.hero-content {
    position: relative;
    z-index: 10;
}