/* =====================================================
   MOBILE MENU – PREMIUM CARD (AISLADO Y DEFINITIVO)
   Archivo: /assets/css/mobile-menu.css
   ===================================================== */

@media (max-width: 980px){

  /* Panel (el mismo UL) – más angosto y premium */
  header.site-header nav.site-nav ul.nav-list{
    width: 320px !important;
    max-width: calc(100vw - 32px) !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    padding: 22px 20px !important;
    border-radius: 22px !important;

    background:
      linear-gradient(to bottom,
        rgba(153,204,51,.06),
        #ffffff 45%) !important;

    box-shadow: 0 40px 110px rgba(2,6,23,.32) !important;
    border: 1px solid rgba(15,23,42,.10) !important;
  }

  /* Links: jerarquía */
  header.site-header nav.site-nav ul.nav-list .nav-link{
    font-size: 1.05rem !important;
    font-weight: 650 !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    letter-spacing: .01em;
  }

  /* Separadores ultra sutiles */
  header.site-header nav.site-nav ul.nav-list li + li{
    border-top: 1px solid rgba(15,23,42,.06);
    padding-top: 8px;
    margin-top: 4px;
  }

  /* CTA */
  header.site-header nav.site-nav ul.nav-list .nav-link--cta{
    background: rgba(153,204,51,.22) !important;
    font-weight: 800 !important;
    text-align: center;
  }

  /* Empleo más discreto */
  header.site-header nav.site-nav ul.nav-list li:last-child .nav-link{
    font-size: .95rem !important;
    opacity: .82;
  }
}

@media (max-width: 980px){
  header.site-header nav.site-nav ul.nav-list{
    row-gap: 10px;
  }

  header.site-header nav.site-nav ul.nav-list li:first-child .nav-link{
    font-weight: 800;
  }
}

@media (max-width: 980px){
  header.site-header nav.site-nav ul.nav-list .nav-link[aria-current="page"]{
    background: rgba(153,204,51,.18);
    border-radius: 14px;
    font-weight: 800;
  }
}

@media (max-width: 980px){
  header.site-header nav.site-nav ul.nav-list{
    transition:
      transform .22s ease,
      opacity .22s ease,
      box-shadow .22s ease;
  }
}