/* Colores para los íconos específicos */
        .fa-map-marker-alt { color: #ff5733; } 
        .fa-clock { color: #f1c40f; }          
        .fa-phone-alt { color: #3498db; }       
        .fa-envelope { color: #f39c12; }        
        .fa-globe { color: #2980b9; }           
        .fa-instagram { color: #D43089; }       
        .fa-whatsapp { color: #25d366; }        
        .fa-youtube { color:#FF0000; }         
        .contact a {
            color: #add8e6;
            text-decoration: none;}
        .fa-download { color: #ff7043;}
        .fa-info-circle { color:#a3ecef;}
        .fa-book { color:#bbe3cf;}
        .fa-wifi {color:#90bbec; }
        .fa-calendar-alt { color:#90bbcf;}
        .fa-home-alt { color: #009929;}
        .fa-book-open-reader { color: #90ddec;}
        .fa-calendar-day { color:#002d82;}
        .fa-users { color: #42dd42;}
        .location { color: #003f5d;}
        .fa-search-location { color: #C6EFA5;}
        .fa-book { color: #C6EFA4;}
        .fa-book-reader { color: #c6efa3;}
        .fa-address-book { color: #c6efa2;}
        .fa-hand-holding-usd { color: #c6efa1;}
        .fa-calendar-alt { color: #c6efa0;}
        .fa-home { color: #009919;}
        .fa-house-user { color: #009919;}
        .fa-heart { color:red;}
        .fa-people-arrows { color:#90bbec;}
        /* Contenedor principal */


.button {
    display: inline-flex; /* Mostrar botones en línea */
    align-items: center; /* Alinear verticalmente el contenido */
    padding: 8px 12px; /* Espaciado interno */
    border-radius: 5px; /* Esquinas redondeadas */
    text-decoration: none; /* Sin subrayado */
    margin: 5px; /* Margen entre botones */
    color: white; /* Color del texto */
}

.whatsapp {
    background-color: #25D366; /* Color de fondo para el botón de WhatsApp */
}
/* Contenedor de los botones */
.link-buttons {
    display: flex; /* Usar flexbox */
    justify-content: center; /* Centrar los botones horizontalmente */
    gap: 15px; /* Espacio entre los botones */
    margin-top: 20px; /* Espacio superior opcional */
}

/* Estilo para los botones */
.directions-button, .whatsapp-button {
    display: inline-flex; /* Usar flexbox para los botones */
    align-items: center; /* Alinear el ícono y el texto verticalmente */
    background-color: #007BFF; /* Color de fondo del botón */
    color: white; /* Color del texto */
    text-decoration: none; /* Quitar subrayado del enlace */
    padding: 10px 20px; /* Relleno interno del botón */
    border-radius: 5px; /* Bordes redondeados */
    font-size: 16px; /* Tamaño de la fuente */
    transition: background-color 0.3s; /* Transición suave para el cambio de color */
}

/* Separar el ícono del texto con un margen derecho */
.directions-button i, .whatsapp-button i {
    margin-right: 10px; /* Espacio entre el ícono y el texto */
}

/* Cambio de color cuando el usuario pasa el mouse */
.directions-button:hover, .whatsapp-button:hover {
    background-color: #0056b3; /* Color de fondo cuando se pasa el mouse */
}

.whatsapp i {
    margin-right: 5px; /* Espacio entre el ícono y el texto */
}
.na-info {
    background-color: #f9f9f9; /* Fondo ligero */
    border: 1px solid #004B87; /* Borde azul oscuro */
    border-radius: 8px; /* Bordes redondeados */
    padding: 20px; /* Espaciado interno */
    margin: 20px 0; /* Margen superior e inferior */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

.na-info h3 {
    color: #004B87; /* Azul oscuro */
    font-size: 1.5em; /* Tamaño de fuente grande */
    margin-bottom: 10px; /* Espaciado debajo del título */
}

.na-info p {
    color: #555; /* Gris oscuro para el texto */
    font-size: 1em; /* Tamaño estándar de fuente */
    margin-bottom: 15px; /* Espaciado debajo del párrafo */
}

.na-info ul {
    list-style-type: none; /* Quitar viñetas */
    padding: 0; /* Sin padding en la lista */
    margin: 0; /* Sin margen en la lista */
}

.na-info ul li {
    margin-bottom: 10px; /* Espaciado entre elementos de la lista */
}

.na-info ul li a {
    color: #004B87; /* Azul oscuro para los enlaces */
    text-decoration: none; /* Sin subrayado */
    font-weight: bold; /* Negrita */
    font-size: 1em; /* Tamaño de fuente estándar */
}

.na-info ul li a:hover {
    text-decoration: underline; /* Subrayado al pasar el mouse */
}

/* Solo cambia el color del icono con la clase 'special-icon' */
    #menu i.special-icon {
        color: #006414; /* Establece el color verde solo para este icono */
        margin-right: 8px; /* Espacio entre el icono y el texto */
    }

    /* Estilos generales para los iconos */
    #menu i {
        color: inherit; /* Asegura que los demás iconos mantengan su color predeterminado */
    }

    #menu ul {
        list-style-type: none;
        padding-left: 0;
    }

    #menu li {
        margin: 0;
    }

    #menu a {
        display: inline-flex;
        align-items: center;
    }