/* header.css */

/* Rotar el icono cuando el submenú está abierto */
.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

/* Estilos para que el submenú no desaparezca al mover el mouse */
#desktop-services-menu.hidden {
    display: none;
}

#desktop-services-menu {
    display: block;
    background-color: #ff9900; /* Fondo blanco personalizado */
    z-index: 50;
}

/* Estilos para las opciones del submenú */
#desktop-services-menu li a {
    padding: 8px 16px;
    display: block;
    color: #f7f7f7; /* Texto en gris */
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

#desktop-services-menu li a:hover {
    background-color: #f7f7f7; /* Fondo hover en naranja */
    color: #ff9900; /* Texto blanco en hover */
}

/* Ajustes para el submenú en móvil */
#mobile-services-menu li a {
    padding-left: 1rem;
     /* Fondo azul oscuro para submenú en móvil */
    color: #f7f7f7; /* Texto en blanco */
}