body { font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, .font-heading { font-family: 'Montserrat', sans-serif; }

.skip-to-content {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-to-content:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0.75rem 1rem;
    margin: 0.75rem;
    background: white;
    color: #0f172a;
    border: 2px solid #f59e0b;
    z-index: 50;
}

/* Configuración de la gran imagen de fondo en el Hero con opacidad controlada */
.hero-bg {
    position: relative;
    background: linear-gradient(to right, rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.65)), 
                url('img/fondo_header.webp') center/cover no-repeat;
    background-attachment: fixed;
}

/* Soporte responsivo para que el fondo se fije correctamente en dispositivos iOS/Móviles */
@media (max-width: 768px) {
    .hero-bg {
        background-attachment: scroll;
    }
}

/* Animación de pulso para el botón flotante de WhatsApp */
@keyframes pulse-whatsapp {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.btn-whatsapp {
    animation: pulse-whatsapp 2s infinite;
}