/* PATCH 006 · Cabecera pública única en toda Liga UBL */

/* Ancho completo real */
.masthead,
.ubl-site-header,
.ubl-public-header{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  box-sizing:border-box!important;
  border-radius:0!important;
  min-height:72px!important;
  padding-left:30px!important;
  padding-right:30px!important;
  background:#050a12!important;
}

/* Marca */
.masthead .brand,
.ubl-site-header .ubl-site-brand,
.ubl-public-header .ubl-public-brand{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

/* Navegación */
.masthead .main-nav,
.ubl-site-header .ubl-site-nav,
.ubl-public-header .ubl-public-nav{
  display:flex!important;
  flex:1 1 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:24px!important;
  min-width:0!important;
  margin:0 auto!important;
  overflow:visible!important;
}

/* Mismo texto que Inicio */
.masthead .main-nav a,
.ubl-site-header .ubl-site-nav a,
.ubl-public-header .ubl-public-nav a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:40px!important;
  padding:0!important;
  color:#e5e7eb!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.masthead .main-nav a:hover,
.masthead .main-nav a.active,
.ubl-site-header .ubl-site-nav a:hover,
.ubl-site-header .ubl-site-nav a.active,
.ubl-public-header .ubl-public-nav a:hover,
.ubl-public-header .ubl-public-nav a.active{
  color:#facc15!important;
}

/* Fantasy UBL siempre destacado */
.main-nav a.ubl-fantasy-nav,
.ubl-site-nav a.ubl-fantasy-nav,
.ubl-public-nav a.ubl-fantasy-nav{
  position:relative!important;
  min-height:40px!important;
  padding:0 17px!important;
  color:#071322!important;
  font-size:14px!important;
  font-weight:850!important;
  background:linear-gradient(135deg,#ffd51f,#f4b400)!important;
  border:1px solid rgba(255,213,31,.96)!important;
  border-radius:999px!important;
  box-shadow:0 7px 18px rgba(250,204,21,.30)!important;
}

.main-nav a.ubl-fantasy-nav:hover,
.ubl-site-nav a.ubl-fantasy-nav:hover,
.ubl-public-nav a.ubl-fantasy-nav:hover{
  color:#071322!important;
}

.main-nav a.ubl-fantasy-nav::after,
.ubl-site-nav a.ubl-fantasy-nav::after,
.ubl-public-nav a.ubl-fantasy-nav::after{
  content:"NUEVO"!important;
  position:absolute!important;
  top:-9px!important;
  right:-7px!important;
  padding:2px 6px!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:8px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  box-shadow:0 2px 6px rgba(0,0,0,.22)!important;
}

/* Las páginas secundarias ya tienen Inicio en el menú: eliminamos el botón
   redundante "Volver / Volver al inicio" para que la cabecera quede como Inicio. */
.ubl-public-header > .ubl-public-back,
.ubl-site-header > .ubl-site-back{
  display:none!important;
}

/* Evitar que el shell central vuelva a recortar la cabecera */
.ubl-public-shell,
.ubl-site-shell,
.site-shell{
  overflow:visible!important;
}

/* Ajuste progresivo en pantallas más estrechas */
@media(max-width:1280px){
  .masthead .main-nav,
  .ubl-site-header .ubl-site-nav,
  .ubl-public-header .ubl-public-nav{
    gap:16px!important;
  }
  .masthead .main-nav a,
  .ubl-site-header .ubl-site-nav a,
  .ubl-public-header .ubl-public-nav a{
    font-size:13px!important;
  }
}

@media(max-width:980px){
  .ubl-public-header .ubl-public-nav{
    display:none!important;
  }
}

/* V170X20 · FIX MÓVIL: patch006 no debe forzar el menú de escritorio por encima del hamburguesa. */
@media(max-width:1120px){
  .masthead .main-nav,
  .ubl-site-header .ubl-site-nav,
  .ubl-public-header .ubl-public-nav{
    display:none!important;
  }
  .mobile-menu{display:block!important}
  .mobile-drawer-nav a.ubl-fantasy-mobile{
    position:relative!important;
    padding-right:72px!important;
    border-color:rgba(250,204,21,.38)!important;
  }
  .mobile-drawer-nav a.ubl-fantasy-mobile::after{
    content:"NUEVO";
    position:absolute;right:12px;top:50%;transform:translateY(-50%);
    padding:4px 7px;border-radius:999px;background:#ef4444;color:#fff;
    font-size:8px;line-height:1;font-weight:1000;letter-spacing:.05em;
  }
}


/* V170X47 · Móvil: usuario/perfil visible + NUEVO coherente en Fantasy UBL */
@media(max-width:1120px){
  .mobile-drawer-nav .ubl-mobile-user-card,
  .ubl-shared-mobile-nav .ubl-mobile-user-card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:11px!important;
    margin:0 0 12px!important;
    padding:13px!important;
    border:1px solid rgba(250,204,21,.32)!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(255,255,255,.035))!important;
  }
  .ubl-mobile-user-avatar{
    width:44px!important;height:44px!important;border-radius:50%!important;
    display:grid!important;place-items:center!important;
    background:#facc15!important;color:#071322!important;
    font-size:18px!important;font-weight:1000!important;
  }
  .ubl-mobile-user-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
  .ubl-mobile-user-copy small{font-size:9px!important;line-height:1.1!important;color:#facc15!important;font-weight:950!important;letter-spacing:.10em!important}
  .ubl-mobile-user-copy strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:15px!important;line-height:1.2!important}
  .ubl-mobile-user-copy em{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#aebcd0!important;font-size:10px!important;font-style:normal!important}
  .ubl-mobile-profile-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:34px!important;padding:0 10px!important;border-radius:9px!important;
    border:1px solid rgba(250,204,21,.50)!important;background:#facc15!important;
    color:#071322!important;text-decoration:none!important;font-size:11px!important;font-weight:950!important;
    white-space:nowrap!important;
  }

  .mobile-drawer-nav a.ubl-fantasy-nav,
  .ubl-shared-mobile-nav a.ubl-fantasy-nav{
    position:relative!important;
    padding-right:76px!important;
    border-color:rgba(250,204,21,.40)!important;
  }
  .mobile-drawer-nav a.ubl-fantasy-nav::after,
  .ubl-shared-mobile-nav a.ubl-fantasy-nav::after{
    content:"NUEVO"!important;
    position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;
    padding:4px 7px!important;border-radius:999px!important;
    background:#ef4444!important;color:#fff!important;
    font-size:8px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.05em!important;
    box-shadow:0 2px 6px rgba(0,0,0,.22)!important;
  }
}


/* V170X52 · Acciones del usuario en drawer móvil global */
@media(max-width:1120px){
  .ubl-mobile-user-actions{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  .ubl-mobile-logout-form{margin:0!important;padding:0!important}
  .ubl-mobile-user-actions .ubl-mobile-profile-link,
  .ubl-mobile-logout-button{
    width:100%!important;
    min-width:104px!important;
    min-height:34px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    font-size:11px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  .ubl-mobile-logout-button{
    border:1px solid rgba(255,255,255,.22)!important;
    background:#111a29!important;
    color:#fff!important;
    cursor:pointer!important;
  }
  .ubl-mobile-logout-button:hover{
    background:#1a2638!important;
    border-color:rgba(250,204,21,.50)!important;
  }
}