@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
/* PRUXO HEADER MASTER v8
   Fuente unica de verdad visual para la barra superior.
   Se carga DESPUES de style.css para aislar el header de reglas historicas. */

.site-header.global-pruxo-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:60!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:0!important;
  background:#021525!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header::before,
.site-header.global-pruxo-header::after{content:none!important;display:none!important}

.site-header.global-pruxo-header .header-top{
  position:relative!important;
  width:calc(100% - 14px)!important;
  max-width:none!important;
  height:72px!important;
  min-height:72px!important;
  margin:0 auto!important;
  padding:4px 10px!important;
  display:grid!important;
  grid-template-columns:160px minmax(320px,600px) max-content 198px 260px!important;
  justify-content:space-between!important;
  column-gap:7px!important;
  align-items:center!important;
  background:linear-gradient(180deg,#06213a 0%,#031727 100%)!important;
  border:1px solid #087bb7!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  box-shadow:0 3px 10px rgba(0,0,0,.14)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.site-header.global-pruxo-header .header-top::before,
.site-header.global-pruxo-header .header-top::after{content:none!important;display:none!important}
.site-header.global-pruxo-header .header-top>*{box-sizing:border-box!important}

/* Marca */
.site-header.global-pruxo-header .brand{
  width:160px!important;
  min-width:160px!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .brand-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  flex:0 0 48px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(145deg,#ffdf35,#ffb800)!important;
  border:1px solid rgba(255,226,80,.68)!important;
  border-radius:11px!important;
  box-shadow:0 0 12px rgba(255,190,0,.24)!important;
  overflow:hidden!important;
}
.site-header.global-pruxo-header .brand-icon img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.site-header.global-pruxo-header .brand-copy{min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1!important}
.site-header.global-pruxo-header .brand-copy strong{font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:.01em!important;color:#fff!important;white-space:nowrap!important}
.site-header.global-pruxo-header .brand-copy small{font-size:10px!important;line-height:1.05!important;margin-top:4px!important;font-weight:800!important;color:#fff!important;white-space:nowrap!important}

/* Buscador */
.site-header.global-pruxo-header .global-search{
  width:100%!important;
  min-width:0!important;
  max-width:600px!important;
  justify-self:stretch!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  background:#07283f!important;
  border:1px solid #0a79b6!important;
  border-radius:22px!important;
  box-shadow:inset 0 0 12px rgba(0,150,220,.08)!important;
  overflow:hidden!important;
}
.site-header.global-pruxo-header .global-search input{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0 15px!important;
  color:#f7fbff!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-size:11px!important;
  line-height:38px!important;
}
.site-header.global-pruxo-header .global-search input::placeholder{color:#b8cfdd!important;opacity:1!important}
.site-header.global-pruxo-header .global-search button{
  flex:0 0 40px!important;
  width:42px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(180deg,#19b8ff,#0888d6)!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:0 0 9px rgba(0,175,255,.26)!important;
  font-size:0!important;
  line-height:0!important;
  opacity:1!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .global-search button svg{width:18px!important;height:18px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;visibility:visible!important;opacity:1!important}

/* Navegacion */
.site-header.global-pruxo-header #main-nav{
  height:60px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding-left:14px!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(66,198,255,.45)!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header #main-nav a{
  --nav-accent:#55cfff;
  position:relative!important;
  flex:0 0 58px!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:60px!important;
  margin:0!important;
  padding:2px 1px 3px!important;
  display:grid!important;
  grid-template-rows:42px 13px!important;
  place-items:center!important;
  gap:0!important;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  clip-path:none!important;
  mask:none!important;
  overflow:visible!important;
  transform:none!important;
}
.site-header.global-pruxo-header #main-nav a:nth-child(1){--nav-accent:#ffd21c}
.site-header.global-pruxo-header #main-nav a:nth-child(2){--nav-accent:#39caff}
.site-header.global-pruxo-header #main-nav a:nth-child(3){--nav-accent:#ff3a78}
.site-header.global-pruxo-header #main-nav a:nth-child(4){--nav-accent:#c15bff}
.site-header.global-pruxo-header #main-nav a:nth-child(5){--nav-accent:#ffc72a;flex-basis:94px!important;width:94px!important;min-width:94px!important;max-width:94px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(6){--nav-accent:#43bdff;flex-basis:76px!important;width:76px!important;min-width:76px!important;max-width:76px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(7){--nav-accent:#31e3ff;flex-basis:66px!important;width:66px!important;min-width:66px!important;max-width:66px!important}
.site-header.global-pruxo-header #main-nav a::before{content:none!important;display:none!important}
.site-header.global-pruxo-header #main-nav a::after{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  right:9px!important;
  bottom:-1px!important;
  height:2px!important;
  background:transparent!important;
  border-radius:999px!important;
  opacity:0!important;
  box-shadow:none!important;
}
.site-header.global-pruxo-header #main-nav a.nav-active::after{background:transparent!important;opacity:0!important;box-shadow:none!important}
.site-header.global-pruxo-header #main-nav .nav-glyph{
  grid-row:1!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  clip-path:none!important;
  transform:none!important;
}
.site-header.global-pruxo-header #main-nav .nav-glyph img{
  width:42px!important;
  height:42px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--nav-accent) 48%,transparent)) saturate(1.05)!important;
}
.site-header.global-pruxo-header #main-nav a>span:last-child{
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:#fff!important;
  font-size:9.8px!important;
  line-height:13px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
.site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:8.9px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:9px!important}
.site-header.global-pruxo-header #main-nav a:hover{background:rgba(12,64,94,.18)!important;box-shadow:none!important}
.site-header.global-pruxo-header #main-nav a:hover .nav-glyph{transform:translateY(-1px) scale(1.045)!important}

/* Nivel */
.site-header.global-pruxo-header .home-level-widget{
  width:198px!important;
  min-width:198px!important;
  max-width:198px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:4px 6px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) auto!important;
  gap:6px!important;
  align-items:center!important;
  color:#fff!important;
  background:#062a43!important;
  border:1px solid #087ebc!important;
  border-radius:10px!important;
  box-shadow:inset 0 0 9px rgba(0,169,255,.06)!important;
  overflow:hidden!important;
}
.site-header.global-pruxo-header .home-level-widget::before,
.site-header.global-pruxo-header .home-level-widget::after{content:none!important;display:none!important}
.site-header.global-pruxo-header .home-level-icon{width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.site-header.global-pruxo-header .home-level-icon img{width:30px!important;height:30px!important;display:block!important;object-fit:contain!important}
.site-header.global-pruxo-header .home-level-copy{min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
.site-header.global-pruxo-header .home-level-copy strong{display:block!important;margin:0!important;font-size:10px!important;line-height:1!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.site-header.global-pruxo-header .home-level-copy small{display:block!important;margin:0!important;font-size:8.2px!important;line-height:1!important;font-weight:700!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.site-header.global-pruxo-header .home-level-copy i{display:block!important;width:100%!important;height:3px!important;margin-top:1px!important;background:#124967!important;border-radius:99px!important;overflow:hidden!important}
.site-header.global-pruxo-header .home-level-copy i b{display:block!important;height:100%!important;background:linear-gradient(90deg,#08adef,#28ddff)!important;border-radius:99px!important}
.site-header.global-pruxo-header .home-progress-button{height:28px!important;min-height:28px!important;margin:0!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:linear-gradient(180deg,#16b6ff,#0787d3)!important;border:0!important;border-radius:8px!important;box-shadow:none!important;font-size:10px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;text-decoration:none!important}

/* Acciones */
.site-header.global-pruxo-header .nav-right{
  width:260px!important;
  min-width:260px!important;
  max-width:260px!important;
  height:60px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:4px!important;
  padding-left:14px!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(66,198,255,.45)!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-right>a{
  position:relative!important;
  height:60px!important;
  min-width:0!important;
  margin:0!important;
  padding:2px 1px 3px!important;
  display:grid!important;
  grid-template-rows:42px 13px!important;
  place-items:center!important;
  gap:0!important;
  color:#fff!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-right>a::before,
.site-header.global-pruxo-header .nav-right>a::after{content:none!important;display:none!important}
.site-header.global-pruxo-header .nav-right .nav-glyph,
.site-header.global-pruxo-header .nav-account .nav-profile-avatar{
  grid-row:1!important;
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  flex:0 0 35px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-right .nav-glyph img{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important;margin:0!important;padding:0!important;display:block!important;object-fit:contain!important;object-position:center!important}
.site-header.global-pruxo-header .nav-right .nav-glyph svg{width:27px!important;height:27px!important;display:block!important}
.site-header.global-pruxo-header .nav-right .nav-label,
.site-header.global-pruxo-header .nav-account .nav-label{
  grid-row:2!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:13px!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
.site-header.global-pruxo-header .nav-right>a:hover{background:rgba(12,64,94,.18)!important}
.site-header.global-pruxo-header .nav-right>a:hover .nav-glyph,
.site-header.global-pruxo-header .nav-account:hover .nav-profile-avatar{transform:translateY(-1px) scale(1.04)!important}
.site-header.global-pruxo-header .notification-badge,
.site-header.global-pruxo-header .count-badge{position:absolute!important;right:4px!important;top:-1px!important;z-index:8!important;min-width:15px!important;height:15px!important;padding:0 4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#f4213d!important;color:#fff!important;font-size:9px!important;line-height:15px!important;font-weight:900!important}
.site-header.global-pruxo-header .notification-badge[hidden]{display:none!important}

/* V86: el marco adquirido también reemplaza el borde incluido en la barra. */
.site-header.global-pruxo-header .nav-account .nav-profile-avatar.frame-amatista>img:first-child{inset:15%!important;width:70%!important;height:70%!important;}
.site-header.global-pruxo-header .nav-account .nav-profile-avatar.frame-custom{border-color:transparent!important;box-shadow:none!important;background:transparent!important;}
/* V88: notificaciones fuera de la barra; columnas flexibles y texto ajustable. */
body>.notification-popover.n88-popover{position:fixed!important;right:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;margin:0!important;padding:0!important;min-width:0!important;max-width:calc(100vw - 24px)!important;overflow:hidden!important;z-index:10000!important;background:linear-gradient(150deg,#2b2137,#19151f)!important;border:1px solid #aa71cd!important;border-radius:16px!important;box-shadow:0 16px 50px #0009,0 0 20px #a652d826!important;color:#f8f0ff!important;font-family:'Poppins','Segoe UI',Arial,sans-serif!important;text-align:left!important;white-space:normal!important;line-height:1.45!important;}
body>.n88-popover .n88-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:15px 16px!important;border-bottom:1px solid #6c447b!important;flex:none!important;}
body>.n88-popover h3{font:800 19px/1.3 'Poppins','Segoe UI',sans-serif!important;color:#fff!important;margin:0!important;white-space:normal!important;}
body>.n88-popover .notification-popover-list{display:block!important;flex:1!important;min-height:0!important;min-width:0!important;max-height:360px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:3px 12px!important;scrollbar-width:thin;scrollbar-color:#9465ae #231a2c;}
body>.n88-popover .notification-popover-item{display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;align-items:start!important;gap:10px!important;padding:13px 3px!important;border:0!important;border-bottom:1px solid #70508155!important;border-radius:0!important;background:transparent!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important;white-space:normal!important;}
body>.n88-popover .notification-popover-item:last-child{border-bottom:0!important;}
body>.n88-popover .n88-copy{min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;}
body>.n88-popover .n88-copy strong{display:block!important;color:#f8f0ff!important;font:700 13px/1.45 'Poppins','Segoe UI',sans-serif!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body>.n88-popover .n88-copy small{display:block!important;color:#cbbbd7!important;font:400 12px/1.55 'Poppins','Segoe UI',sans-serif!important;margin-top:4px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
body>.n88-popover .n88-unread .n88-copy strong::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#d397ff;box-shadow:0 0 7px #d397ff;margin-right:7px;vertical-align:middle;}
body>.n88-popover :is(.n88-close,.n88-read){display:grid!important;place-items:center!important;flex:none!important;min-width:0!important;min-height:0!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid #9867b2!important;border-radius:8px!important;background:linear-gradient(145deg,#634077,#392445)!important;color:#f8eaff!important;box-shadow:none!important;font:700 15px/1 sans-serif!important;cursor:pointer!important;}
body>.n88-popover .n88-close{font-size:21px!important;}
body>.n88-popover button:hover{background:#7f4e99!important;border-color:#d9a4f8!important;}
body>.n88-popover button:focus-visible{outline:2px solid #eccbff!important;outline-offset:2px!important;}
body>.n88-popover .n88-empty{font-size:13px!important;color:#d7c4e3!important;padding:12px 4px!important;margin:0!important;}
body>.n88-popover .n88-status{flex:none!important;font-size:12px!important;color:#ffc2bf!important;padding:9px 15px!important;margin:0!important;overflow-wrap:anywhere!important;}
body>.n88-popover [hidden]{display:none!important;}
/* Avatar autenticado: sustituye al icono, no se apila. */
.site-header.global-pruxo-header .nav-account.has-profile-avatar .nav-glyph{display:none!important}
.site-header.global-pruxo-header .nav-account .nav-profile-avatar{position:relative!important;border-radius:50%!important;background:#061a2d!important;border:2px solid #ffd044!important;box-shadow:0 0 8px rgba(255,197,31,.34)!important}
.site-header.global-pruxo-header .nav-account .nav-profile-avatar>img:first-child{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;z-index:1!important}
.site-header.global-pruxo-header .nav-account .nav-profile-frame-image{position:absolute!important;inset:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;display:block!important;object-fit:contain!important;pointer-events:none!important;z-index:2!important}

.site-header.global-pruxo-header .menu-toggle,
.site-header.global-pruxo-header .admin-link,
.global-admin-shortcut{display:none!important}

/* El header no flota al hacer scroll. */
html body .site-header.global-pruxo-header{position:relative!important;top:auto!important;inset:auto!important}

@media(max-width:1450px) and (min-width:1121px){
  .site-header.global-pruxo-header .header-top{grid-template-columns:154px minmax(280px,480px) max-content 184px 236px!important;justify-content:space-between!important;column-gap:5px!important}
  .site-header.global-pruxo-header .brand{width:154px!important;min-width:154px!important}
  .site-header.global-pruxo-header #main-nav a{flex-basis:54px!important;width:54px!important;min-width:54px!important;max-width:54px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(5){flex-basis:88px!important;width:88px!important;min-width:88px!important;max-width:88px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(6){flex-basis:72px!important;width:72px!important;min-width:72px!important;max-width:72px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(7){flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important}
  .site-header.global-pruxo-header #main-nav a>span:last-child{font-size:9px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:8.4px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:8.2px!important}
  .site-header.global-pruxo-header .home-level-widget{width:184px!important;min-width:184px!important;max-width:184px!important}
  .site-header.global-pruxo-header .nav-right{width:236px!important;min-width:236px!important;max-width:236px!important}
  .site-header.global-pruxo-header .nav-right .nav-label,.site-header.global-pruxo-header .nav-account .nav-label{font-size:8.2px!important}
}

@media(max-width:1120px){
  .site-header.global-pruxo-header .header-top{grid-template-columns:150px minmax(220px,1fr) auto!important}
  .site-header.global-pruxo-header #main-nav{display:none!important}
  .site-header.global-pruxo-header .home-level-widget,.site-header.global-pruxo-header .nav-right{display:none!important}
  .site-header.global-pruxo-header .menu-toggle{display:grid!important;place-items:center!important;grid-column:3!important;width:38px!important;height:38px!important;background:#0a86cc!important;color:#fff!important;border-radius:9px!important}
}

.site-header.global-pruxo-header #main-nav a.nav-active>span:last-child{color:#fff!important}
.site-header.global-pruxo-header .nav-right>a,.site-header.global-pruxo-header .nav-account{justify-items:center!important;text-align:center!important}
.site-header.global-pruxo-header .nav-right .nav-label,.site-header.global-pruxo-header .nav-account .nav-label{letter-spacing:0!important}

/* ================================================================
   PRUXO HEADER MASTER v10 — ajuste fino contra referencia visual
   ================================================================ */
.site-header.global-pruxo-header{
  height:74px!important;
  min-height:74px!important;
  background:#021525!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
}
.site-header.global-pruxo-header .header-top{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  margin:0!important;
  padding:4px 12px!important;
  grid-template-columns:160px minmax(300px,520px) max-content 202px 286px!important;
  justify-content:space-between!important;
  column-gap:10px!important;
  background:linear-gradient(180deg,#06223b 0%,#031727 100%)!important;
  border:0!important;
  border-bottom:1px solid #08b8ef!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.site-header.global-pruxo-header .header-top::before,
.site-header.global-pruxo-header .header-top::after{content:none!important;display:none!important}

/* Buscador: un poco mas corto para dar espacio real al resto. */
.site-header.global-pruxo-header .global-search{
  max-width:520px!important;
  justify-self:start!important;
}
.site-header.global-pruxo-header .global-search input{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:11.5px!important;
  font-weight:500!important;
}

/* Navegacion: sin lineas, sin marcos y con mas aire horizontal. */
.site-header.global-pruxo-header #main-nav{
  gap:5px!important;
  padding-left:14px!important;
  border:0!important;
  border-left:1px solid rgba(37,181,235,.42)!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header #main-nav a,
.site-header.global-pruxo-header .nav-right>a{
  border:0!important;
  border-top:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header #main-nav a::before,
.site-header.global-pruxo-header #main-nav a::after,
.site-header.global-pruxo-header .nav-right>a::before,
.site-header.global-pruxo-header .nav-right>a::after{
  content:none!important;
  display:none!important;
}
.site-header.global-pruxo-header #main-nav a{
  flex-basis:60px!important;
  width:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  grid-template-rows:42px 15px!important;
  padding:1px 1px 2px!important;
}
.site-header.global-pruxo-header #main-nav a:nth-child(5){flex-basis:96px!important;width:96px!important;min-width:96px!important;max-width:96px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(6){flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(7){flex-basis:68px!important;width:68px!important;min-width:68px!important;max-width:68px!important}
.site-header.global-pruxo-header #main-nav .nav-glyph{
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header #main-nav .nav-glyph img{
  width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;
  object-fit:contain!important;object-position:center!important;
}
.site-header.global-pruxo-header #main-nav a>span:last-child{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  line-height:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-rendering:geometricPrecision!important;
}
.site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:9.2px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:9.4px!important}
.site-header.global-pruxo-header #main-nav a:hover,
.site-header.global-pruxo-header .nav-right>a:hover{background:rgba(10,62,92,.14)!important;box-shadow:none!important}

/* Nivel integrado y sin apilamiento visual. */
.site-header.global-pruxo-header .home-level-widget{
  width:202px!important;min-width:202px!important;max-width:202px!important;
  height:46px!important;min-height:46px!important;
  border:1px solid #0b84c4!important;
  border-radius:10px!important;
  background:#062a43!important;
  box-shadow:none!important;
}
.site-header.global-pruxo-header .home-level-copy strong{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:10.4px!important;font-weight:800!important;
}
.site-header.global-pruxo-header .home-level-copy small{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:8.5px!important;font-weight:700!important;
}
.site-header.global-pruxo-header .home-progress-button{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;font-weight:800!important;
}

/* Acciones: cuatro columnas amplias y centradas, sin superponer nombres. */
.site-header.global-pruxo-header .nav-right{
  width:286px!important;min-width:286px!important;max-width:286px!important;
  grid-template-columns:76px 68px 60px 68px!important;
  justify-content:end!important;
  gap:3px!important;
  padding-left:10px!important;
  border:0!important;
  border-left:1px solid rgba(37,181,235,.42)!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-right>a{
  width:100%!important;
  min-width:0!important;
  grid-template-rows:39px 16px!important;
  padding:1px 1px 2px!important;
  place-items:center!important;
  text-align:center!important;
}
.site-header.global-pruxo-header .nav-right .nav-glyph,
.site-header.global-pruxo-header .nav-account .nav-profile-avatar{
  width:35px!important;height:35px!important;min-width:35px!important;flex:0 0 35px!important;
  margin:0 auto!important;
}
.site-header.global-pruxo-header .nav-right .nav-glyph img{
  width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important;
  object-fit:contain!important;object-position:center!important;
}
.site-header.global-pruxo-header .nav-right .nav-label,
.site-header.global-pruxo-header .nav-account .nav-label{
  font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;
  font-size:9.2px!important;
  line-height:15px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:center!important;
}
.site-header.global-pruxo-header .notification-badge,
.site-header.global-pruxo-header .count-badge{
  right:6px!important;
  top:0!important;
}

/* Mantener una sola linea inferior continua en resoluciones medias. */
@media(max-width:1450px) and (min-width:1121px){
  .site-header.global-pruxo-header .header-top{
    grid-template-columns:154px minmax(260px,400px) max-content 188px 260px!important;
    column-gap:6px!important;
  }
  .site-header.global-pruxo-header .global-search{max-width:400px!important}
  .site-header.global-pruxo-header #main-nav{gap:3px!important;padding-left:8px!important}
  .site-header.global-pruxo-header #main-nav a{flex-basis:55px!important;width:55px!important;min-width:55px!important;max-width:55px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(5){flex-basis:87px!important;width:87px!important;min-width:87px!important;max-width:87px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(6){flex-basis:70px!important;width:70px!important;min-width:70px!important;max-width:70px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(7){flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important}
  .site-header.global-pruxo-header #main-nav a>span:last-child{font-size:9.1px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:8.4px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:8.6px!important}
  .site-header.global-pruxo-header .home-level-widget{width:188px!important;min-width:188px!important;max-width:188px!important}
  .site-header.global-pruxo-header .nav-right{
    width:260px!important;min-width:260px!important;max-width:260px!important;
    grid-template-columns:70px 62px 55px 64px!important;
    padding-left:7px!important;gap:2px!important;
  }
  .site-header.global-pruxo-header .nav-right .nav-label,.site-header.global-pruxo-header .nav-account .nav-label{font-size:8.5px!important}
}


/* ================================================================
   PRUXO HEADER MASTER v12 — legibilidad y acciones refinadas
   ================================================================ */
.site-header.global-pruxo-header{
  --header-label-font:"Trebuchet MS","Segoe UI",Arial,sans-serif;
}

/* Mantiene el ancho total: se cede espacio del buscador a Nivel y Acciones. */
.site-header.global-pruxo-header .header-top{
  grid-template-columns:160px minmax(280px,498px) max-content 218px 292px!important;
  column-gap:10px!important;
}
.site-header.global-pruxo-header .global-search{max-width:498px!important}

/* Los nombres ganan contraste sin aumentar la altura del header. */
.site-header.global-pruxo-header #main-nav a>span:last-child,
.site-header.global-pruxo-header .nav-right .nav-label,
.site-header.global-pruxo-header .nav-account .nav-label{
  font-family:var(--header-label-font)!important;
  color:#f9fdff!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-shadow:0 1px 2px #00101c,0 0 5px rgba(69,209,255,.24)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
.site-header.global-pruxo-header #main-nav a>span:last-child{
  font-size:10.3px!important;
  line-height:14px!important;
}
.site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:9.4px!important}
.site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:9.6px!important}

/* Nivel aprovecha el espacio disponible sin cambiar alto ni orden. */
.site-header.global-pruxo-header .home-level-widget{
  width:218px!important;min-width:218px!important;max-width:218px!important;
  grid-template-columns:32px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:4px 7px!important;
}
.site-header.global-pruxo-header .home-level-icon,
.site-header.global-pruxo-header .home-level-icon img{width:32px!important;height:32px!important;min-width:32px!important}
.site-header.global-pruxo-header .home-level-copy strong{font-family:var(--header-label-font)!important;font-size:10.8px!important;font-weight:800!important}
.site-header.global-pruxo-header .home-level-copy small{font-family:var(--header-label-font)!important;font-size:8.8px!important;font-weight:700!important}
.site-header.global-pruxo-header .home-progress-button{font-family:var(--header-label-font)!important;font-size:10.2px!important;font-weight:800!important;padding:0 10px!important}

/* Acciones: iconos SVG limpios y columnas con espacio propio. */
.site-header.global-pruxo-header .nav-right{
  width:292px!important;min-width:292px!important;max-width:292px!important;
  grid-template-columns:78px 66px 60px 70px!important;
  gap:4px!important;
  padding-left:8px!important;
}
.site-header.global-pruxo-header .nav-right>a{
  grid-template-rows:39px 17px!important;
  justify-items:center!important;
  align-items:center!important;
  padding:1px 0 2px!important;
}
.site-header.global-pruxo-header .nav-right .nav-glyph{
  width:35px!important;height:35px!important;min-width:35px!important;
  margin:0 auto!important;
  color:#d8f7ff!important;
  filter:drop-shadow(0 0 4px rgba(69,211,255,.5))!important;
}
.site-header.global-pruxo-header .nav-right .header-action-svg{
  width:30px!important;height:30px!important;display:block!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-right .nav-label,
.site-header.global-pruxo-header .nav-account .nav-label{
  font-size:9.6px!important;
  line-height:16px!important;
  width:100%!important;
  white-space:nowrap!important;
}
.site-header.global-pruxo-header .notification-badge,
.site-header.global-pruxo-header .count-badge{
  right:5px!important;top:0!important;
  min-width:15px!important;height:15px!important;
  font-size:9px!important;
}

/* Evita que reglas antiguas vuelvan a aplicar imágenes PNG a estas tres acciones. */
.site-header.global-pruxo-header .notification-bell .nav-glyph img,
.site-header.global-pruxo-header a[href="guardados.html"] .nav-glyph img,
.site-header.global-pruxo-header a[href="carrito.html"] .nav-glyph img{display:none!important}

@media(max-width:1450px) and (min-width:1121px){
  .site-header.global-pruxo-header .header-top{
    grid-template-columns:154px minmax(240px,378px) max-content 200px 270px!important;
    column-gap:6px!important;
  }
  .site-header.global-pruxo-header .global-search{max-width:378px!important}
  .site-header.global-pruxo-header .home-level-widget{width:200px!important;min-width:200px!important;max-width:200px!important}
  .site-header.global-pruxo-header .nav-right{
    width:270px!important;min-width:270px!important;max-width:270px!important;
    grid-template-columns:73px 61px 55px 64px!important;
    gap:3px!important;padding-left:6px!important;
  }
  .site-header.global-pruxo-header .nav-right .nav-label,
  .site-header.global-pruxo-header .nav-account .nav-label{font-size:8.9px!important}
  .site-header.global-pruxo-header #main-nav a>span:last-child{font-size:9.4px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(5)>span:last-child{font-size:8.7px!important}
  .site-header.global-pruxo-header #main-nav a:nth-child(6)>span:last-child{font-size:8.9px!important}
}


/* ================================================================
   PRUXO HEADER MASTER v12 — menú ampliado de Mi cuenta
   ================================================================ */
.site-header.global-pruxo-header .nav-account-wrap{
  position:relative!important;
  width:70px!important;
  height:60px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
.site-header.global-pruxo-header .nav-account-wrap>.nav-account{
  width:100%!important;height:60px!important;
  display:grid!important;grid-template-rows:39px 17px!important;
  place-items:center!important;padding:1px 0 2px!important;
}
.site-header.global-pruxo-header .nav-account-menu{
  position:absolute!important;
  top:64px!important;right:0!important;
  width:218px!important;
  padding:8px!important;
  display:grid!important;
  gap:5px!important;
  background:linear-gradient(180deg,#082b46 0%,#041c30 100%)!important;
  border:1px solid #1498d2!important;
  border-radius:11px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.48),0 0 16px rgba(10,174,235,.14)!important;
  z-index:9999!important;
}
.site-header.global-pruxo-header .nav-account-menu[hidden]{display:none!important}
.site-header.global-pruxo-header .nav-account-menu-item{
  width:100%!important;min-height:43px!important;
  padding:0 14px!important;
  display:flex!important;align-items:center!important;
  color:#f5fbff!important;background:#082a43!important;
  border:1px solid rgba(39,150,196,.42)!important;border-radius:8px!important;
  font-family:var(--header-label-font,"Trebuchet MS","Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;font-weight:800!important;
  text-decoration:none!important;text-align:left!important;cursor:pointer!important;
}
.site-header.global-pruxo-header button.nav-account-menu-item{appearance:none!important}
.site-header.global-pruxo-header .nav-account-menu-item:hover{background:#0b4569!important;border-color:#25bdf3!important}
.site-header.global-pruxo-header .nav-account-admin{color:#8eeaff!important}
.site-header.global-pruxo-header .nav-account-logout{color:#ffb8c5!important}

/* V58: menú de cuenta gris/violeta. El resto de la barra conserva su diseño. */
.site-header.global-pruxo-header .nav-account-menu{width:248px!important;max-width:calc(100vw - 24px)!important;padding:9px!important;gap:6px!important;background:linear-gradient(145deg,#28212f,#18151e)!important;border:1px solid #8553a3!important;border-radius:13px!important;box-shadow:0 16px 35px #0008,0 0 15px #ac51e029!important;box-sizing:border-box!important;}
.site-header.global-pruxo-header .nav-account-menu-item{box-sizing:border-box!important;gap:11px!important;min-height:47px!important;padding:0 12px!important;background:#29232f!important;border:1px solid #554160!important;border-radius:9px!important;color:#f6effa!important;font-family:'Poppins','Segoe UI',Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;transition:background .18s,border-color .18s,box-shadow .18s!important;}
.site-header.global-pruxo-header .nav-account-menu-item>svg{display:block!important;flex:0 0 21px!important;width:21px!important;height:21px!important;color:#cf9bf0!important;filter:drop-shadow(0 0 4px #aa4fda33)!important;}
.site-header.global-pruxo-header .nav-account-menu-item>.account-menu-arrow{margin-left:auto!important;color:#cda1e5!important;font-size:21px!important;}
.site-header.global-pruxo-header .nav-account-menu-item:hover{background:#382742!important;border-color:#b676db!important;box-shadow:inset 0 0 12px #b664e313!important;}
.site-header.global-pruxo-header .nav-account-menu-item:focus-visible{outline:2px solid #d8a3f6!important;outline-offset:2px!important;}
.site-header.global-pruxo-header .nav-account-admin{color:#e5c5fa!important;}
.site-header.global-pruxo-header .nav-account-logout{color:#f2b7c4!important;background:#2c222a!important;}
.site-header.global-pruxo-header .nav-account-logout>svg{color:#e9a1b5!important;}
.site-header.global-pruxo-header .nav-account-menu-item[hidden]{display:none!important;}

/* V67: cabecera comercial y nivel compartido, sin reemplazar los iconos actuales. */
html body header#site-header-v67.site-header.global-pruxo-header.h67-header{height:auto!important;min-height:88px!important;background:#15111c!important;border-bottom:1px solid #a36bce!important;box-shadow:0 3px 18px #100b1b33!important;font-family:'Poppins','Segoe UI',Arial,sans-serif!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .header-top{display:grid!important;grid-template-columns:170px minmax(190px,1fr) max-content 278px 272px!important;gap:12px!important;width:100%!important;height:88px!important;min-height:88px!important;padding:8px 18px!important;margin:0!important;background:linear-gradient(110deg,#21172c,#14111c 65%,#1d1728)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand{width:170px!important;min-width:0!important;height:64px!important;gap:10px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-icon{width:50px!important;height:54px!important;min-width:50px!important;flex:0 0 50px!important;padding:3px!important;border:1px solid #aa7bd342!important;border-radius:14px!important;background:linear-gradient(145deg,#382746,#241b30)!important;box-shadow:inset 0 1px 0 #fff1,0 0 15px #b269db1e!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy{max-width:110px!important;gap:0!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy strong{max-width:110px!important;font-family:'Poppins','Segoe UI',Arial,sans-serif!important;font-size:25px!important;font-weight:900!important;line-height:1.1!important;letter-spacing:1.4px!important;color:#fff!important;text-shadow:0 2px 12px #b980d92b;overflow:hidden!important;text-overflow:ellipsis!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy small{max-width:110px!important;font-family:inherit!important;font-size:8px!important;letter-spacing:1.25px!important;font-weight:700!important;text-transform:uppercase;color:#c5aed8!important;margin-top:7px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search{width:100%!important;max-width:none!important;height:41px!important;border:1px solid #84649e!important;border-radius:13px!important;background:#17121f!important;box-shadow:inset 0 1px 4px #0003!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search input{font-family:inherit!important;font-size:11px!important;color:#e4d9ec!important;height:39px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search input::placeholder{color:#aa9bb9!important;opacity:1!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search button{width:39px!important;height:35px!important;min-width:39px!important;margin:2px!important;background:linear-gradient(150deg,#ae58d8,#7f36ad)!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:max-content!important;min-width:0!important;max-width:none!important;height:68px!important;margin:0!important;padding:0 6px!important;background:none!important;border:0!important;border-left:1px solid #a387bb33!important;border-radius:0!important;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:auto!important;min-width:53px!important;max-width:98px!important;height:65px!important;padding:5px 7px!important;margin:0!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;color:#d8cfe1!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:nth-child(5){min-width:85px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a>span:last-child{font-family:inherit!important;font-size:10px!important;font-weight:700!important;line-height:1.15!important;color:inherit!important;white-space:nowrap!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph{display:grid!important;place-items:center!important;width:32px!important;height:33px!important;min-width:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph img{display:block!important;width:32px!important;height:32px!important;object-fit:contain!important;transition:transform .18s;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a.nav-active,html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:hover{background:#b27bdb14!important;border-color:#ac7bce3d!important;color:#fff!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a.nav-active:after{content:''!important;display:block!important;position:absolute!important;bottom:0!important;left:25%!important;width:50%!important;height:2px!important;border:0!important;background:#d6a4f6!important;box-shadow:0 0 9px #c77bf26e!important;border-radius:2px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:hover .nav-glyph img{transform:translateY(-2px);}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget{grid-column:4!important;grid-row:1!important;display:grid!important;grid-template-columns:55px minmax(0,1fr) 66px!important;align-items:center!important;gap:7px!important;width:278px!important;min-width:0!important;max-width:none!important;height:70px!important;min-height:70px!important;margin:0!important;padding:6px 9px 6px 6px!important;background:linear-gradient(120deg,#35303c,#28222f)!important;border:1px solid var(--h67-tier,#bb91df)!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #fff1,0 0 17px #ac70d525!important;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-icon{display:grid!important;place-items:center!important;width:55px!important;height:58px!important;min-width:55px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;color:var(--h67-tier,#b7a1c8)!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-icon img{display:block!important;width:65px!important;height:65px!important;max-width:65px!important;max-height:65px!important;object-fit:contain!important;filter:drop-shadow(0 0 5px #c392e331);}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-icon svg{width:37px!important;height:44px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;width:100%!important;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #home-level-rank{display:block!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:1px!important;color:var(--h67-tier,#d3bbdf)!important;white-space:nowrap!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #home-level-name{font-family:inherit!important;font-size:16px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.3px!important;color:#fff!important;white-space:nowrap!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #home-level-points{font-family:inherit!important;font-size:9px!important;font-weight:600!important;line-height:1.15!important;white-space:nowrap!important;color:#d3c5df!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-copy>i{display:block!important;width:100%!important;height:4px!important;min-height:4px!important;margin-top:2px!important;background:#17131e!important;border:0!important;border-radius:5px!important;overflow:hidden!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #home-level-progress{display:block!important;height:4px!important;max-width:100%!important;background:linear-gradient(90deg,#a65bcb,var(--h67-tier,#debcf8))!important;border-radius:5px!important;box-shadow:0 0 5px #b17acb66!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-progress-button{display:grid!important;place-items:center!important;width:66px!important;min-width:0!important;max-width:none!important;height:34px!important;padding:4px 5px!important;background:linear-gradient(145deg,#9560b5,#693d87)!important;border:1px solid #c492df88!important;border-radius:9px!important;box-shadow:inset 0 1px 0 #fff2!important;font-family:inherit!important;font-size:9px!important;line-height:1.2!important;font-weight:700!important;color:#fff!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget[data-level-rank="0"] #home-level-name{font-size:12px!important;white-space:normal!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget[data-level-rank="0"] #home-level-points{font-size:8px!important;white-space:normal!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right{grid-column:5!important;grid-row:1!important;display:grid!important;grid-template-columns:78px 62px 58px 66px!important;gap:2px!important;width:272px!important;min-width:0!important;max-width:none!important;height:65px!important;align-items:center!important;margin:0!important;padding:0 0 0 4px!important;border-left:1px solid #a387bb33!important;background:none!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-icon,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-wrap,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-wrap>.nav-account{display:grid!important;grid-template-rows:36px 18px!important;justify-items:center!important;align-content:center!important;width:100%!important;min-width:0!important;height:62px!important;padding:2px 0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:10px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-wrap{display:block!important;position:relative!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-glyph{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;margin:0!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .header-action-svg{width:29px!important;height:29px!important;color:#efe6fa!important;filter:drop-shadow(0 0 5px #bba3f066)!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-label{font-family:inherit!important;font-size:9px!important;font-weight:600!important;line-height:16px!important;color:#e8deef!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right a:hover{background:#a873cc14!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .notification-badge,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .count-badge{font-size:9px!important;right:4px!important;top:0!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account.has-profile-avatar .nav-glyph img{width:32px!important;height:32px!important;object-fit:cover!important;border-radius:50%!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-menu{top:66px!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .menu-toggle{display:none!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header a:focus-visible,html body header#site-header-v67.site-header.global-pruxo-header.h67-header button:focus-visible{outline:2px solid #e4b9ff!important;outline-offset:3px!important;}
@media(max-width:1660px) and (min-width:1101px){
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .header-top{height:auto!important;min-height:144px!important;grid-template-columns:170px minmax(180px,1fr) 278px 272px!important;row-gap:3px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand{grid-column:1!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search{grid-column:2!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget{grid-column:3!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right{grid-column:4!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav{grid-column:1/-1!important;grid-row:2!important;justify-self:center!important;height:56px!important;border-left:0!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a{height:53px!important;min-width:75px!important;flex:0 0 auto!important;}
}
@media(max-width:1100px) and (min-width:651px){
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .header-top{height:auto!important;grid-template-columns:minmax(170px,1fr) 278px!important;row-gap:8px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand{grid-column:1!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right{grid-column:2!important;grid-row:1!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search{grid-column:1!important;grid-row:2!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget{grid-column:2!important;grid-row:2!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav{grid-column:1/-1!important;grid-row:3!important;justify-self:center!important;height:59px!important;border-left:0!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a{height:55px!important;min-width:68px!important;}
}
@media(max-width:650px){
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .header-top{grid-template-columns:minmax(110px,1fr) 170px!important;height:auto!important;min-height:0!important;padding:8px 10px!important;gap:8px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand{grid-column:1!important;grid-row:1!important;width:100%!important;height:54px!important;gap:7px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-icon{width:35px!important;min-width:35px!important;flex-basis:35px!important;height:41px!important;border-radius:10px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy{max-width:85px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy strong{font-size:18px!important;letter-spacing:1px!important;max-width:85px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy small{font-size:6px!important;letter-spacing:.8px!important;max-width:85px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right{grid-column:2!important;grid-row:1!important;grid-template-columns:43px 40px 39px 42px!important;width:170px!important;height:54px!important;padding:0!important;gap:1px!important;border-left:0!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-icon,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-wrap,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account-wrap>.nav-account{height:54px!important;grid-template-rows:31px 14px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-label{font-size:6px!important;line-height:12px!important;letter-spacing:-.2px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .header-action-svg{width:23px!important;height:23px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-account.has-profile-avatar .nav-glyph img{width:27px!important;height:27px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .nav-right .nav-glyph{width:29px!important;height:29px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .notification-badge,html body header#site-header-v67.site-header.global-pruxo-header.h67-header .count-badge{right:0!important;font-size:8px!important;min-width:13px!important;height:13px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .global-search{grid-column:1/-1!important;grid-row:2!important;width:calc(100% - 47px)!important;justify-self:start!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .menu-toggle{grid-column:1/-1!important;grid-row:2!important;justify-self:end!important;display:grid!important;place-items:center!important;width:38px!important;height:39px!important;min-width:0!important;background:#34253f!important;border:1px solid #9366ac!important;border-radius:10px!important;color:#fff!important;font-size:19px!important;padding:0!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-level-widget{grid-column:1/-1!important;grid-row:3!important;width:100%!important;grid-template-columns:55px minmax(0,1fr) 85px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .home-progress-button{width:85px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav{grid-column:1/-1!important;grid-row:4!important;display:none!important;width:100%!important;height:auto!important;flex-wrap:wrap!important;border-left:0!important;padding:6px 0!important;gap:3px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav.open{display:flex!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a{width:calc(25% - 4px)!important;min-width:0!important;max-width:none!important;height:61px!important;padding:5px 3px!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:nth-child(5){min-width:0!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a>span:last-child{font-size:8px!important;}
}
@media(prefers-reduced-motion:reduce){html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph img{transition:none!important;}html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:hover .nav-glyph img{transform:none!important;}}
@media(prefers-reduced-motion:reduce){html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:hover .nav-glyph{transform:none!important;}}

/* V68: identidad tipográfica y navegación con iconos satinados. */
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-icon[hidden]{display:none!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only{justify-content:center!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy{max-width:165px!important;align-items:center!important;text-align:center!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy strong{max-width:165px!important;font-family:'Arial Rounded MT Bold','Trebuchet MS','Poppins',sans-serif!important;font-size:35px!important;line-height:1.12!important;letter-spacing:2px!important;color:#ecceff!important;background:linear-gradient(165deg,#fff 8%,#efd5ff 35%,#c17ce9 72%,#f0d4ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 1px #8952b22b,0 0 16px #bc6bf350!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy small{max-width:165px!important;font-size:9px!important;letter-spacing:1.6px!important;color:#d6b9e8!important;margin-top:4px!important;white-space:nowrap!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a{isolation:isolate;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph{position:relative!important;width:38px!important;height:35px!important;overflow:visible!important;transform:none!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-7px -10px;background:radial-gradient(ellipse,#c26eff85 0%,#9950dc38 38%,transparent 72%);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph img{width:38px!important;height:38px!important;filter:drop-shadow(0 2px 2px #0005)!important;transition:transform .2s ease!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:is(:hover,:focus-visible) .nav-glyph::before{opacity:1;transform:scale(1);}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:is(:hover,:focus-visible) .nav-glyph img{transform:translateY(-2px) scale(1.06)!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a.nav-active .nav-glyph::before{opacity:.35;transform:scale(1);}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a.nav-active:is(:hover,:focus-visible) .nav-glyph::before{opacity:1;}
@media(max-width:650px){
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy{max-width:100%!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy strong{font-size:28px!important;max-width:100%!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-text-only .brand-copy small{font-size:7px!important;letter-spacing:1px!important;max-width:100%!important;}
}
@media(prefers-reduced-motion:reduce){
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav .nav-glyph::before{transition:none!important;transform:none!important;}
 html body header#site-header-v67.site-header.global-pruxo-header.h67-header #main-nav a:is(:hover,:focus-visible) .nav-glyph img{transform:none!important;transition:none!important;}
}

/* V69: nombre blanco con trazos redondeados; sin símbolo independiente. */
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .brand-copy strong:has(.hihu-white-wordmark){background:none!important;-webkit-text-fill-color:currentColor!important;color:#fff!important;text-shadow:none!important;overflow:visible!important;}
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .hihu-white-wordmark{display:block!important;width:114px!important;height:37px!important;max-width:100%!important;color:#fff!important;filter:drop-shadow(0 1px 0 #d9d3e2) drop-shadow(0 2px 2px #0004) drop-shadow(0 0 7px #dfc7ff32)!important;}
@media(max-width:650px){html body header#site-header-v67.site-header.global-pruxo-header.h67-header .hihu-white-wordmark{width:96px!important;height:31px!important;}}

/* V78 · La cabecera permanece visible mientras llega el contenido. */
html.app-loading{background:#151419!important;}
html.app-loading body{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html.app-loading body>:not(header){opacity:0!important;pointer-events:none!important;visibility:hidden!important;}
html.app-loading body>header:not(.h67-header){opacity:0!important;visibility:hidden!important;}
html.app-loading body>header.h67-header{opacity:1!important;visibility:visible!important;}
#page-transition{display:none!important;}
@view-transition{navigation:auto;}
::view-transition-group(root){animation-duration:.08s;}
::view-transition-old(root){animation:v78-old-out .08s ease-out both;}
::view-transition-new(root){animation:none;}
html.navigation-waiting-v78::view-transition-old(root){animation:v78-keep-view 8s linear both;}
html.navigation-waiting-v78::view-transition-new(root){opacity:0;animation:none;}
@keyframes v78-keep-view{from{opacity:1}to{opacity:1}}
@keyframes v78-old-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:reduce){
 ::view-transition-group(root){animation-duration:0s;}
 ::view-transition-old(root){animation-duration:0s;}
 html.navigation-waiting-v78::view-transition-old(root){animation-duration:8s;}
}

/* V106: cero elementos no muestra globo; se conserva el icono. */
html body header#site-header-v67.site-header.global-pruxo-header.h67-header .count-badge[hidden],html body header#site-header-v67.site-header.global-pruxo-header.h67-header .notification-badge[hidden],html body .site-header.global-pruxo-header .count-badge[hidden],html body .site-header.global-pruxo-header .notification-badge[hidden]{display:none!important;}