/* TATUARTE · R55 B416 · Front navigation behavior + visual polish
   Requiere B415.
   Sólo presentación. No cambia rutas, copy ni arquitectura de navegación. */

.site-header[data-r19-header][data-tat-nav="v2"]{
  min-height:62px;
  padding:9px 18px !important;
  gap:20px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),
    #08090b !important;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
}

.site-header[data-tat-nav="v2"] .r16-logo.r19-logo{
  min-width:max-content;
  gap:9px;
}

.site-header[data-tat-nav="v2"] .r16-logo.r19-logo strong{
  font-size:18px !important;
  line-height:1 !important;
  letter-spacing:-.035em;
  color:#fff;
}

.site-header[data-tat-nav="v2"] .r16-logo.r19-logo span{
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.095em;
  text-transform:uppercase;
  color:rgba(255,255,255,.48) !important;
}

.site-header[data-tat-nav="v2"] .tat-nav-v2{
  gap:8px !important;
}

.site-header[data-tat-nav="v2"] .tat-nav-menu > summary{
  min-height:42px;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:linear-gradient(180deg,#17181b,#101114);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 16px rgba(0,0,0,.18);
  color:rgba(255,255,255,.90);
  font-size:13px;
  font-weight:760;
  letter-spacing:-.005em;
}

.site-header[data-tat-nav="v2"] .tat-nav-menu > summary:hover{
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(180deg,#1f2024,#15161a);
  color:#fff;
  transform:translateY(-1px);
}

.site-header[data-tat-nav="v2"] .tat-nav-menu[open] > summary,
.site-header[data-tat-nav="v2"] .tat-nav-menu.is-current > summary{
  border-color:rgba(255,255,255,.25);
  background:#1d1e22;
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 22px rgba(0,0,0,.26);
}

.site-header[data-tat-nav="v2"] .tat-nav-menu.tat-nav-menu-right > summary{
  padding-inline:17px;
  border-color:rgba(255,255,255,.24);
  background:linear-gradient(180deg,#202125,#111216);
}

.site-header[data-tat-nav="v2"] .tat-nav-panel{
  top:calc(100% + 12px);
  width:320px;
  padding:11px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:16px;
  background:rgba(9,10,12,.985);
  box-shadow:0 28px 70px rgba(0,0,0,.50);
}

.site-header[data-tat-nav="v2"] .tat-nav-section-label{
  padding:8px 11px 7px;
  font-size:10px;
  color:rgba(255,255,255,.42);
}

.site-header[data-tat-nav="v2"] .tat-nav-item{
  padding:11px 12px !important;
  border-radius:11px !important;
}

.site-header[data-tat-nav="v2"] .tat-nav-item:hover,
.site-header[data-tat-nav="v2"] .tat-nav-item[aria-current="page"]{
  background:#17181b !important;
}

.site-header[data-tat-nav="v2"] .tat-nav-item strong{
  font-size:13.5px;
  font-weight:760;
}

.site-header[data-tat-nav="v2"] .tat-nav-item span{
  margin-top:4px;
  font-size:11.5px;
  line-height:1.35;
  color:rgba(255,255,255,.58);
}

.site-header[data-tat-nav="v2"] .tat-head-tools{
  gap:8px !important;
}

.site-header[data-tat-nav="v2"] .tat-head-tool,
.site-header[data-tat-nav="v2"] .tat-head-tools .link-button{
  min-height:42px;
  padding:10px 14px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#16171a,#0e0f12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  color:rgba(255,255,255,.88) !important;
  font-size:12px !important;
  font-weight:760 !important;
}

.site-header[data-tat-nav="v2"] .tat-head-tool:hover,
.site-header[data-tat-nav="v2"] .tat-head-tools .link-button:hover,
.site-header[data-tat-nav="v2"] .tat-head-tool[aria-current="page"]{
  border-color:rgba(255,255,255,.25) !important;
  background:#1c1d21 !important;
  color:#fff !important;
  transform:translateY(-1px);
}

.site-header[data-tat-nav="v2"] .tat-head-search{
  border-color:rgba(255,255,255,.28) !important;
  background:#151619 !important;
  padding-inline:17px !important;
}

@media (max-width:1240px){
  .site-header[data-r19-header][data-tat-nav="v2"]{gap:12px !important;padding-inline:13px !important}
  .site-header[data-tat-nav="v2"] .tat-nav-v2{gap:5px !important}
  .site-header[data-tat-nav="v2"] .tat-nav-menu > summary{padding-inline:11px;font-size:12px}
  .site-header[data-tat-nav="v2"] .tat-head-tool,
  .site-header[data-tat-nav="v2"] .tat-head-tools .link-button{padding-inline:10px !important;font-size:11px !important}
}

@media (max-width:900px){
  .site-header[data-r19-header][data-tat-nav="v2"]{
    min-height:auto;
    padding:10px 12px !important;
  }
  .site-header[data-tat-nav="v2"] .tat-nav-v2{
    padding-block:2px 4px;
  }
  .site-header[data-tat-nav="v2"] .tat-nav-menu > summary{
    min-height:40px;
  }
  .site-header[data-tat-nav="v2"] .tat-nav-panel{
    top:auto;
    border-radius:14px;
  }
}

@media (max-width:640px){
  .site-header[data-tat-nav="v2"] .r16-logo.r19-logo strong{font-size:17px !important}
  .site-header[data-tat-nav="v2"] .tat-nav-menu > summary{font-size:12px;padding-inline:11px}
}

@media (prefers-reduced-motion:reduce){
  .site-header[data-tat-nav="v2"] .tat-nav-menu > summary,
  .site-header[data-tat-nav="v2"] .tat-head-tool,
  .site-header[data-tat-nav="v2"] .tat-head-tools .link-button{
    transition:none !important;
    transform:none !important;
  }
}