/* TATUARTE · R55 B415 · Front navigation IA
   UI-only: ordena navegación pública con niveles claros.
   Mantiene enlaces SEO como anchors HTML; no crea rutas ni contenido ficticio. */

.site-header[data-r19-header]{
  gap:18px !important;
}

.site-header .tat-nav-v2{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:4px !important;
  min-width:0;
  margin-inline:auto;
}

.tat-nav-menu{
  position:relative;
  margin:0;
}

.tat-nav-menu > summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 11px;
  border-radius:9px;
  color:rgba(255,255,255,.86);
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.015em;
  white-space:nowrap;
  transition:background .16s ease,color .16s ease;
}

.tat-nav-menu > summary::-webkit-details-marker{display:none}
.tat-nav-menu > summary::after{
  content:"";
  width:6px;
  height:6px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.6;
  transition:transform .16s ease;
}
.tat-nav-menu[open] > summary::after{transform:rotate(225deg) translate(-1px,-1px)}
.tat-nav-menu > summary:hover,
.tat-nav-menu[open] > summary,
.tat-nav-menu.is-current > summary{
  background:rgba(255,255,255,.10);
  color:#fff;
}

.tat-nav-panel{
  position:absolute;
  z-index:1000;
  top:calc(100% + 10px);
  left:0;
  width:290px;
  padding:9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(12,13,16,.98);
  box-shadow:0 20px 54px rgba(0,0,0,.38);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.tat-nav-menu.tat-nav-menu-right .tat-nav-panel{left:auto;right:0}

.tat-nav-section-label{
  display:block;
  padding:8px 10px 6px;
  color:rgba(255,255,255,.42);
  font-size:10px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.tat-nav-item{
  display:block !important;
  padding:10px 11px !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#fff !important;
  text-decoration:none !important;
  min-height:auto !important;
}
.tat-nav-item:hover,
.tat-nav-item[aria-current="page"]{background:rgba(255,255,255,.08) !important}
.tat-nav-item strong{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.15;
  font-weight:750;
}
.tat-nav-item span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.56);
  font-size:11px;
  line-height:1.3;
  font-weight:450;
}

.tat-nav-divider{
  height:1px;
  margin:7px 8px;
  background:rgba(255,255,255,.09);
}

.tat-nav-pro-cta{
  background:rgba(255,255,255,.095) !important;
}
.tat-nav-pro-cta strong::after{
  content:" →";
  opacity:.58;
}

.site-header .tat-head-tools{
  display:flex !important;
  align-items:center;
  gap:6px !important;
  flex:0 0 auto;
}
.site-header .tat-head-tool{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 11px !important;
  border-radius:9px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap;
  text-decoration:none !important;
}
.site-header .tat-head-tool:hover,
.site-header .tat-head-tool[aria-current="page"]{
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
}
.site-header .tat-head-search{
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.055) !important;
}
.site-header .tat-head-tools form{margin:0}
.site-header .tat-head-tools .link-button{
  min-height:38px;
  padding:8px 10px;
  border-radius:9px;
  font-size:11px;
  font-weight:700;
}

@media (max-width:1180px){
  .site-header[data-r19-header]{gap:10px !important}
  .tat-nav-menu > summary{padding-inline:8px;font-size:11px}
  .site-header .tat-head-tool{padding-inline:8px !important}
  .r16-logo.r19-logo span{display:none}
}

@media (max-width:900px){
  .site-header[data-r19-header]{
    display:grid !important;
    grid-template-columns:1fr auto;
    align-items:center;
    row-gap:8px !important;
  }
  .site-header .tat-nav-v2{
    grid-column:1/-1;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .site-header .tat-nav-v2::-webkit-scrollbar{display:none}
  .tat-nav-panel{
    position:fixed;
    top:auto;
    left:12px !important;
    right:12px !important;
    width:auto;
    max-height:min(65vh,520px);
    overflow:auto;
  }
  .site-header .tat-head-tools{grid-column:2;grid-row:1}
}

@media (max-width:640px){
  .site-header .tat-head-tools .tat-location-tool{display:none !important}
  .tat-nav-menu > summary{min-height:36px}
  .tat-nav-panel{padding:8px}
  .tat-nav-item{padding:10px !important}
}

@media (prefers-reduced-motion:reduce){
  .tat-nav-menu > summary{transition:none}
}