/* Desplegable "Recursos" del menu principal.
   Fuente unica para todas las paginas que usan el header de Astra: home e
   internas (index, about, services, contact, recursos, notas), la pagina de
   recurso futuro-learning-ia y los informes (celulares-aula,
   regulacion-contenido-ia).

   Antes cada familia traia su propia copia -o ninguna- y el desplegable se
   veia distinto segun desde donde se lo abriera: separadores de 1px en los
   informes, items mas altos y sin radio ni hover en futuro-learning-ia,
   sombras y colores de texto distintos. Este archivo se carga ultimo en cada
   pagina: el submenu no se estiliza en ningun otro lado. */

@media (min-width: 922px) {
  .ast-builder-menu-1 .main-header-menu .menu-item-571 > .sub-menu {
    width: 240px;
    min-width: 230px;
    padding: 10px;
    background: #fff;
    border: 0;
    border-top: 2px solid #03777d;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 18px 40px rgba(2, 19, 21, 0.12);
  }

  .ast-builder-menu-1 .main-header-menu .menu-item-571 > .sub-menu .menu-link {
    min-height: 0;
    /* border: 0 anula el separador de 1px que Astra le pone a cada item con
       .submenu-with-border, y que solo se veia en las paginas de informe. */
    padding: 0.72rem 0.9rem;
    border: 0;
    border-radius: 6px;
    color: #071f1b;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
  }

  .ast-builder-menu-1 .main-header-menu .menu-item-571 > .sub-menu .menu-link:hover,
  .ast-builder-menu-1 .main-header-menu .menu-item-571 > .sub-menu .menu-link:focus,
  .ast-builder-menu-1 .main-header-menu .menu-item-571 > .sub-menu .current-menu-item > .menu-link {
    color: #03777d;
    background: #f0f6f7;
  }
}

/* Drawer mobile: el submenu va indentado dentro del acordeon. */
@media (max-width: 921px) {
  .ast-mobile-header-content .menu-item-571 > .sub-menu {
    padding-left: 0.85rem;
  }
}