/* Navegación principal unificada de Piazzollamente */
.unified-nav{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:500!important;
  width:100%!important;
  background:rgba(8,6,5,.90)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(242,214,154,.14)!important;
}

.unified-nav .nav-inner{
  width:min(1180px,calc(100% - 36px))!important;
  min-height:64px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

.unified-nav .nav-brand,
.unified-nav .brand,
.unified-nav .logo{
  flex:0 0 auto!important;
  color:rgba(255,247,237,.94)!important;
  font-family:var(--font-display,"Cormorant Garamond",Georgia,serif)!important;
  font-size:21px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-decoration:none!important;
}

/* Escritorio: navegación siempre visible. */
.unified-nav .menu-toggle,
.unified-nav .mobile-menu-toggle{
  display:none!important;
}

.unified-nav .nav-links{
  position:static!important;
  width:auto!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:block!important;
}

.unified-nav .nav-primary{
  width:auto!important;
  margin:0!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  gap:clamp(12px,1.45vw,20px)!important;
}

.unified-nav .nav-primary>a,
.unified-nav .nav-item{
  position:relative!important;
  min-width:0!important;
  min-height:64px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.unified-nav .nav-primary>a{
  display:flex!important;
  align-items:center!important;
}

.unified-nav .nav-item-row{
  height:64px!important;
  display:flex!important;
  align-items:center!important;
}

.unified-nav .nav-primary>a,
.unified-nav .nav-item-row>a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  height:64px!important;
  padding:0!important;
  color:rgba(255,247,237,.68)!important;
  font-family:var(--font-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:9px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .16s ease!important;
}

.unified-nav .nav-primary>a::after,
.unified-nav .nav-item-row>a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:#f2d69a;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .16s ease;
}

.unified-nav .nav-primary>a:hover,
.unified-nav .nav-primary>a:focus-visible,
.unified-nav .nav-primary>a[aria-current="page"],
.unified-nav .nav-item-row>a:hover,
.unified-nav .nav-item-row>a:focus-visible,
.unified-nav .nav-item-row>a[aria-current="page"]{
  color:#f2d69a!important;
}

.unified-nav .nav-primary>a:hover::after,
.unified-nav .nav-primary>a:focus-visible::after,
.unified-nav .nav-primary>a[aria-current="page"]::after,
.unified-nav .nav-item:hover .nav-item-row>a::after,
.unified-nav .nav-item:focus-within .nav-item-row>a::after,
.unified-nav .nav-item-row>a[aria-current="page"]::after{
  transform:scaleX(1);
}

.unified-nav .nav-submenu-toggle{
  display:none!important;
}

/* Escritorio: submenús desplegados al pasar el mouse o navegar con teclado. */
.unified-nav .nav-submenu{
  position:absolute!important;
  top:64px!important;
  left:50%!important;
  z-index:510!important;
  width:max-content!important;
  min-width:205px!important;
  max-width:280px!important;
  margin:0!important;
  padding:10px!important;
  border:1px solid rgba(242,214,154,.16)!important;
  border-radius:0 0 14px 14px!important;
  background:rgba(10,7,6,.985)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
  display:grid!important;
  gap:2px!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-5px)!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}

.unified-nav .nav-item:hover .nav-submenu,
.unified-nav .nav-item:focus-within .nav-submenu{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
}

.unified-nav .nav-submenu>a{
  display:block!important;
  min-height:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:8px!important;
  color:rgba(255,247,237,.64)!important;
  font-family:var(--font-sans,"Montserrat",Arial,sans-serif)!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.35!important;
  letter-spacing:.045em!important;
  text-transform:none!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.unified-nav .nav-submenu>a::before{
  content:"—";
  margin-right:8px;
  color:rgba(242,214,154,.48);
}

.unified-nav .nav-submenu>a:hover,
.unified-nav .nav-submenu>a:focus-visible{
  color:#f2d69a!important;
  background:rgba(242,214,154,.055)!important;
}

.unified-nav .nav-context{
  display:none!important;
}

/* Tablet y móvil: vuelve el menú hamburguesa y los submenús por toque. */
@media(max-width:900px){
  .unified-nav .nav-inner{
    min-height:64px!important;
    width:min(100% - 28px,1180px)!important;
  }

  .unified-nav .nav-brand,
  .unified-nav .brand,
  .unified-nav .logo{
    font-size:22px!important;
  }

  .unified-nav .menu-toggle,
  .unified-nav .mobile-menu-toggle{
    position:static!important;
    display:inline-flex!important;
    min-height:44px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    padding:10px 15px!important;
    border:1px solid rgba(242,214,154,.24)!important;
    border-radius:999px!important;
    background:rgba(8,6,5,.50)!important;
    color:#fff7ed!important;
    box-shadow:none!important;
    font-family:var(--font-sans,"Montserrat",Arial,sans-serif)!important;
    font-size:9px!important;
    font-weight:600!important;
    line-height:1!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
    transform:none!important;
    cursor:pointer!important;
  }

  .unified-nav .menu-toggle::before,
  .unified-nav .mobile-menu-toggle::before{
    content:"";
    display:block;
    width:15px;
    height:10px;
    background:
      linear-gradient(#f2d69a,#f2d69a) left top/15px 1px no-repeat,
      linear-gradient(#f2d69a,#f2d69a) left center/11px 1px no-repeat,
      linear-gradient(#f2d69a,#f2d69a) left bottom/15px 1px no-repeat;
    opacity:.88;
  }

  .unified-nav .mobile-menu-toggle .menu-label{
    font:inherit!important;
    letter-spacing:inherit!important;
  }

  .unified-nav .mobile-menu-toggle .menu-mark{
    display:none!important;
  }

  .unified-nav .nav-links{
    position:absolute!important;
    top:64px!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-height:calc(100svh - 82px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:10px 16px 16px!important;
    border:1px solid rgba(242,214,154,.18)!important;
    border-radius:0 0 20px 20px!important;
    background:rgba(8,6,5,.985)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    backdrop-filter:blur(22px)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
    display:none!important;
  }

  .unified-nav.open .nav-links,
  .unified-nav.menu-open .nav-links,
  .unified-nav.mobile-open .nav-links{
    display:block!important;
  }

  .unified-nav .nav-primary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .unified-nav .nav-primary>a,
  .unified-nav .nav-item{
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid rgba(242,214,154,.12)!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .unified-nav .nav-primary>a{
    display:block!important;
    height:auto!important;
    min-height:47px!important;
    padding:15px 2px!important;
    color:rgba(255,247,237,.86)!important;
    font-family:var(--font-sans,"Montserrat",Arial,sans-serif)!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
  }

  .unified-nav .nav-primary>a::after,
  .unified-nav .nav-item-row>a::after{
    display:none!important;
  }

  .unified-nav .nav-item-row{
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:stretch!important;
  }

  .unified-nav .nav-item-row>a{
    display:flex!important;
    align-items:center!important;
    height:auto!important;
    min-height:47px!important;
    padding:15px 2px!important;
    border:0!important;
    color:rgba(255,247,237,.86)!important;
    font-family:var(--font-sans,"Montserrat",Arial,sans-serif)!important;
    font-size:10px!important;
    font-weight:600!important;
    line-height:1.25!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
  }

  .unified-nav .nav-submenu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    min-height:47px!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(242,214,154,.10)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f2d69a!important;
    box-shadow:none!important;
    cursor:pointer!important;
    transform:none!important;
  }

  .unified-nav .nav-submenu-toggle::before{
    display:none!important;
  }

  .unified-nav .nav-submenu-toggle span{
    display:block!important;
    font-family:Arial,sans-serif!important;
    font-size:18px!important;
    line-height:1!important;
    transform:translateY(-2px) rotate(0deg)!important;
    transition:transform .2s ease!important;
  }

  .unified-nav .nav-item.submenu-open .nav-submenu-toggle span{
    transform:translateY(2px) rotate(180deg)!important;
  }

  .unified-nav .nav-submenu,
  .unified-nav .nav-item:hover .nav-submenu,
  .unified-nav .nav-item:focus-within .nav-submenu{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    display:block!important;
    max-height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    margin:0!important;
    padding:0 0 0 18px!important;
    border:0!important;
    border-left:1px solid rgba(181,53,42,.55)!important;
    border-radius:0!important;
    background:linear-gradient(90deg,rgba(181,53,42,.08),transparent 72%)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:max-height .24s ease,opacity .18s ease,padding .24s ease!important;
  }

  .unified-nav .nav-item.submenu-open .nav-submenu{
    max-height:320px!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding-top:5px!important;
    padding-bottom:9px!important;
  }

  .unified-nav .nav-submenu>a{
    min-height:38px!important;
    padding:10px 8px!important;
    color:rgba(255,247,237,.64)!important;
    font-size:9px!important;
    letter-spacing:.07em!important;
    white-space:normal!important;
  }

  .unified-nav .nav-submenu>a::before{
    display:none!important;
  }
}

@media(max-width:560px){
  .unified-nav .nav-brand,
  .unified-nav .brand,
  .unified-nav .logo{
    font-size:20px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .unified-nav .nav-submenu,
  .unified-nav .nav-submenu-toggle span,
  .unified-nav .nav-primary>a::after,
  .unified-nav .nav-item-row>a::after{
    transition:none!important;
  }
}

/* Indicador visible en escritorio para ítems con submenú. */
@media(min-width:901px){
  .unified-nav .nav-item-row{
    gap:6px!important;
  }

  .unified-nav .nav-item-row::after{
    content:"⌄";
    display:block;
    flex:0 0 auto;
    color:rgba(242,214,154,.62);
    font-family:Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:1;
    transform:translateY(-1px) rotate(0deg);
    transform-origin:center;
    transition:color .16s ease,transform .16s ease;
    pointer-events:none;
  }

  .unified-nav .nav-item:hover .nav-item-row::after,
  .unified-nav .nav-item:focus-within .nav-item-row::after{
    color:#f2d69a;
    transform:translateY(1px) rotate(180deg);
  }
}