/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2025 | 18:45:34 */
/* ===== MENÚ MÓVIL – BLOQUE NAVEGACIÓN (WP) ===== */
@media (max-width: 782px){

  /* Por defecto, el menú está oculto */
  .wp-block-navigation__responsive-container{
    display: none !important;
  }

  /* Cuando el menú está abierto (al clicar la hamburguesa) */
  .wp-block-navigation__responsive-container.is-menu-open{
    display: block !important;            /* se muestra */
    background: transparent !important;   /* no tapar toda la pantalla */
  }

  /* Caja del menú desplegable (debajo del icono) */
  .wp-block-navigation__responsive-dialog{
    position: absolute !important;
    top: 64px !important;                 /* ajusta según la altura del header */
    right: 16px !important;               /* separa del borde derecho */
    width: auto !important;
    max-width: 320px !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #ffffff !important;       /* fondo blanco limpio */
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18) !important; /* sombra suave */
    z-index: 9999 !important;
  }

  /* Contenedor de la lista de enlaces */
  .wp-block-navigation__responsive-container .wp-block-navigation__container{
    --wp--style--block-gap: 8px !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 6px !important;
  }

  /* Estilo de los enlaces */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container .wp-block-navigation__container > li > a{
    display: block !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #111 !important;
    text-transform: none !important;
    transition: background-color .15s ease, color .15s ease !important;
  }

  /* Hover con color de marca */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:hover{
    background: #31e2a21a !important;  /* verde translúcido */
    color: #31e2a2 !important;
  }

  /* Icono de submenú más pequeño */
  .wp-block-navigation__responsive-container .wp-block-navigation__submenu-icon{
    transform: scale(0.85) !important;
  }

  /* Botón de cerrar (X) dentro del menú */
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close{
    position: absolute !important;
    top: 6px !important;
    right: 8px !important;
    font-size: 18px !important;
    color: #111 !important;
  }
}