/*
 * Legalia — desplegables globales del header
 * Replica el lenguaje visual del header de la home en cualquier pagina.
 * Deliberadamente limitado a .legalia-header-scope para no alterar el contenido.
 */
@media (min-width:981px){
  .legalia-header-scope .nav-flyout{
    top:calc(100% + 14px)!important;
    left:50%!important;
    width:auto!important;
    min-width:min(760px,calc(100vw - 50px))!important;
    max-width:min(920px,calc(100vw - 40px))!important;
    padding-top:0!important;
    transform:translateX(-50%) translateY(8px)!important;
  }

  .legalia-header-scope .nav-item.open .nav-flyout,
  .legalia-header-scope .nav-item:hover .nav-flyout,
  .legalia-header-scope .nav-item:focus-within .nav-flyout{
    transform:translateX(-50%) translateY(0)!important;
  }

  .legalia-header-scope .nav-item--company .nav-flyout,
  .legalia-header-scope .nav-item--services .nav-flyout,
  .legalia-header-scope .nav-item--types .nav-flyout,
  .legalia-header-scope .nav-item--zones .nav-flyout,
  .legalia-header-scope .nav-item--resources .nav-flyout{
    left:50%!important;
    width:auto!important;
    min-width:min(760px,calc(100vw - 50px))!important;
    transform:translateX(-50%) translateY(8px)!important;
  }

  .legalia-header-scope .nav-item--company.open .nav-flyout,
  .legalia-header-scope .nav-item--services.open .nav-flyout,
  .legalia-header-scope .nav-item--types.open .nav-flyout,
  .legalia-header-scope .nav-item--zones.open .nav-flyout,
  .legalia-header-scope .nav-item--resources.open .nav-flyout,
  .legalia-header-scope .nav-item--company:hover .nav-flyout,
  .legalia-header-scope .nav-item--services:hover .nav-flyout,
  .legalia-header-scope .nav-item--types:hover .nav-flyout,
  .legalia-header-scope .nav-item--zones:hover .nav-flyout,
  .legalia-header-scope .nav-item--resources:hover .nav-flyout,
  .legalia-header-scope .nav-item--company:focus-within .nav-flyout,
  .legalia-header-scope .nav-item--services:focus-within .nav-flyout,
  .legalia-header-scope .nav-item--types:focus-within .nav-flyout,
  .legalia-header-scope .nav-item--zones:focus-within .nav-flyout,
  .legalia-header-scope .nav-item--resources:focus-within .nav-flyout{
    transform:translateX(-50%) translateY(0)!important;
  }

  .legalia-header-scope .nav-flyout-box{
    padding:20px!important;
    border-radius:26px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:linear-gradient(180deg,rgba(7,45,43,.97) 0%,rgba(6,29,28,.97) 100%)!important;
    box-shadow:0 26px 60px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }

  .legalia-header-scope .nav-flyout-title{
    margin:0 0 14px!important;
    padding:0!important;
    color:#c8ff24!important;
    font-size:11px!important;
    font-weight:850!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
  }

  .legalia-header-scope .nav-flyout-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
    gap:16px!important;
  }

  .legalia-header-scope .nav-flyout-section{
    display:grid!important;
    align-content:start!important;
    gap:6px!important;
    padding:0!important;
    border:0!important;
  }

  .legalia-header-scope .nav-flyout-heading{
    margin:0 0 6px!important;
    color:#f8fbfb!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.25!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
  }

  .legalia-header-scope .nav-flyout a{
    display:block!important;
    width:100%!important;
    padding:10px 12px!important;
    border-radius:14px!important;
    color:rgba(243,251,251,.82)!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }

  .legalia-header-scope .nav-flyout a::before{
    content:none!important;
    display:none!important;
  }

  .legalia-header-scope .nav-flyout a:hover,
  .legalia-header-scope .nav-flyout a:focus-visible{
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
    outline:none!important;
  }

  .legalia-header-scope .nav-flyout-note{
    display:block!important;
    margin-top:4px!important;
    color:rgba(209,223,223,.58)!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1.35!important;
  }
}

/* En movil mantenemos el comportamiento acordeon del header compartido. */
@media (max-width:980px){
  .legalia-header-scope .nav-flyout{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    padding-top:8px!important;
    transform:none!important;
  }
  .legalia-header-scope .nav-item.open .nav-flyout,
  .legalia-header-scope .nav-item:focus-within .nav-flyout{
    transform:none!important;
  }
  .legalia-header-scope .nav-flyout-box{
    padding:12px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.03)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:none!important;
  }
  .legalia-header-scope .nav-flyout-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}