/* ALTHA — Ajustes solicitados: zócalo opaco del menú móvil y acordeón de servicios.
   No altera la posición, el tamaño ni el espaciado de los iconos existentes. */
@media (max-width:900px){
  .mobile-drawer .drawer-footer{
    /* Fondo corporativo de la misma intensidad que el indicador de sección activa. */
    background:linear-gradient(rgba(22,27,31,.13),rgba(22,27,31,.13)),#F48C54!important;
    width:100%!important;
    flex-shrink:0!important;
    /* Sigue pegado abajo por el flex layout actual, fuera de la zona desplazable. */
  }
}
/* El contenedor recibe la animación sin modificar tipografía ni márgenes del texto. */
.services .service-content{overflow:hidden}
.services .service-content p{max-width:680px}
/* El efecto original de entrada solo al abrir provocaba un salto al cerrar.
   El despliegue ahora se controla simétricamente en script.js. */
.services .service[open] .service-content p{animation:none!important}
@media(prefers-reduced-motion:reduce){
 .services .service-content{scroll-behavior:auto}
}