/* Fuente global */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9fafb;
    color: #1f2937;
}

/* Navegación con fuente en negrita */
header nav a,
header nav button {
    font-weight: bold;
}

/* Botón de WhatsApp */
.btn-whatsapp {
    background-color: #c8a452;
    transition: background-color 0.3s;
}

.btn-whatsapp:hover {
    background-color: #128C7E;
}

/* Sección Hero con imagen de fondo */
.hero-bg {
    background-image: url("../../img/CMM.webp");
    background-size: cover;
    background-position: center;
}
.climedica-bg {
    background-image: url("../../img/clinicamedica.webp");
    background-size: cover;
    background-position: center;
}
.dermatologia-bg {
    background-image: url("../../img/dermatologia.webp");
    background-size: cover;
    background-position: center;
}
.ecografia-bg {
    background-image: url("../../img/ecografia.webp");
    background-size: cover;
    background-position: center;
}
.nutricion-bg {
    background-image: url("../../img/nutricion.webp");
    background-size: cover;
    background-position: center;
}
.fertilidad-bg {
    background-image: url("../../img/fertilidad.webp");
    background-size: cover;
    background-position: center;
}
.ginecologia-bg {
    background-image: url("../../img/ginecologia.webp");
    background-size: cover;
    background-position: center;
}
/* Botón flotante de WhatsApp para móviles */
.floating-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.floating-btn.visible {
    opacity: 1;
    visibility: visible;
}

/* Estilos para el menú móvil */
#mobile-menu {
    transition: transform 0.3s ease-in-out;
    transform: translateX(100%);
}

#mobile-menu.open {
    transform: translateX(0);
}

/* Utilidades adicionales */
.hero-margin-top {
    margin-top: 150px;
}

/* Iframe oculto para formularios */
#hidden-iframe {
    display: none;
}

/* Iframe de Google Maps */
iframe[src*="google.com/maps"] {
    border: 0;
}