/* Go PetiA Site 3.3.0 — functional navigation + dark app submenus. */
body.gopetia-canonical-app .gps-nav{
  display:block!important;
  overflow:visible!important;
}

/* 3.8.2 — mantener el logo wordmark y el CTA de negocio amarillo sobre la capa app. */
body.gopetia-canonical-app .gps-nav__wordmark{
  display:block!important;
  width:clamp(84px,8.6vw,134px)!important;
  max-width:134px!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
}
body.gopetia-canonical-app .gps-nav__brandmark,
body.gopetia-canonical-app .gps-nav__brand small{
  display:none!important;
}
body.gopetia-canonical-app .gps-nav__business{
  display:block!important;
}
body.gopetia-canonical-app .gps-nav__link--business{
  background:linear-gradient(135deg,#ffd84d 0%,#fec202 58%,#ffb21a 100%)!important;
  border:1px solid rgba(111,53,255,.18)!important;
  color:#552397!important;
  box-shadow:0 12px 26px rgba(254,194,2,.26),inset 0 1px 0 rgba(255,255,255,.64)!important;
}
body.gopetia-canonical-app .gps-nav__link--business b,
body.gopetia-canonical-app .gps-nav__link--business small,
body.gopetia-canonical-app .gps-nav__link--business i{
  color:#552397!important;
}
@media(max-width:760px){
  body.gopetia-canonical-app .gps-nav__wordmark{
    width:clamp(78px,26vw,112px)!important;
    max-height:34px!important;
  }
  body.gopetia-canonical-app .gps-nav__business{
    display:block!important;
  }
  body.gopetia-canonical-app .gps-nav__inner{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.gopetia-canonical-app .gps-nav__inner::-webkit-scrollbar{display:none!important;}
  body.gopetia-canonical-app .gps-nav__list{
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    width:max-content!important;
    min-width:100%!important;
  }
  body.gopetia-canonical-app .gps-nav__list>li{flex:0 0 auto!important;}
  body.gopetia-canonical-app .gps-nav__link{min-width:112px!important;}
  body.gopetia-canonical-app .gps-nav__link--business{
    min-width:178px!important;
    padding:5px 12px!important;
  }
}
/* Restore the selector/header row on desktop too. */
body.gopetia-canonical-app .gps-nav__mobilebar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:60px!important;
  padding:9px 12px 6px!important;
  background:transparent!important;
}
body.gopetia-canonical-app .gps-nav__brand{
  display:flex!important;align-items:center!important;gap:9px!important;
  color:#5a24a0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
body.gopetia-canonical-app .gps-nav__brandmark{color:#552397!important;font-size:18px!important;font-weight:760!important;}
body.gopetia-canonical-app .gps-nav__brand small{color:#776d83!important;font-size:11px!important;font-weight:600!important;}
body.gopetia-canonical-app .gps-nav__menuglyph{
  width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important;
  background:#fec202!important;border:1px solid rgba(91,34,183,.12)!important;
  box-shadow:0 7px 18px rgba(254,194,2,.22),inset 0 1px 0 rgba(255,255,255,.55)!important;
}
body.gopetia-canonical-app .gps-nav__menuglyph i{background:#6f35ff!important;height:3px!important;}
body.gopetia-canonical-app .gps-nav__quick{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-left:auto!important;
}
body.gopetia-canonical-app .gps-nav__quickchip{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  min-height:42px!important;padding:0 12px!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,245,255,.70))!important;
  border:1px solid rgba(255,255,255,.96)!important;color:#5d2aa6!important;
  box-shadow:0 6px 16px rgba(65,34,87,.075),inset 0 1px 0 #fff!important;
  font:650 13px/1 var(--p32-font,system-ui,-apple-system,"Segoe UI",sans-serif)!important;
  cursor:pointer!important;pointer-events:auto!important;
}
body.gopetia-canonical-app .gps-nav__quickchip--country span{display:inline!important;max-width:14ch!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.gopetia-canonical-app .gps-nav__quickchip--account{width:42px!important;min-width:42px!important;padding:2px!important;overflow:hidden!important;}
body.gopetia-canonical-app .gps-nav__accountavatar,body.gopetia-canonical-app .gps-nav__accountavatar img{width:100%!important;height:100%!important;border-radius:12px!important;object-fit:cover!important;}
body.gopetia-canonical-app .gps-nav__inner{padding:4px 10px 10px!important;}
body.gopetia-canonical-app .gps-nav__region{display:none!important;}

/* Dark WhatsApp/Instagram-like popovers with white readable text. */
body.gopetia-canonical-app .gps-shell-popover,
body.gopetia-canonical-app .gps-shell-critical-pop,
body.gopetia-canonical-app .locale-menu{
  color:#fff!important;
  background:linear-gradient(155deg,rgba(27,18,37,.98),rgba(17,12,24,.985))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:22px!important;
  box-shadow:0 24px 58px rgba(10,6,15,.34),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(26px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(135%)!important;
}
body.gopetia-canonical-app .gps-shell-popover__title,
body.gopetia-canonical-app .gps-shell-critical-pop__title{color:#fec202!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;}
body.gopetia-canonical-app .gps-shell-popover__item,
body.gopetia-canonical-app .gps-shell-critical-pop__item{
  color:#fff!important;background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.gopetia-canonical-app .gps-shell-popover__item:hover,
body.gopetia-canonical-app .gps-shell-critical-pop__item:hover{
  color:#fff!important;background:rgba(123,76,255,.20)!important;border-color:rgba(180,147,255,.20)!important;
  transform:translateX(3px)!important;
}
body.gopetia-canonical-app .gps-shell-popover__item b,
body.gopetia-canonical-app .gps-shell-popover__item span,
body.gopetia-canonical-app .gps-shell-critical-pop__item b{color:#fff!important;}
body.gopetia-canonical-app .gps-shell-popover__item small,
body.gopetia-canonical-app .gps-shell-critical-pop__item small{color:rgba(255,255,255,.64)!important;}
body.gopetia-canonical-app .gps-shell-popover__item strong,
body.gopetia-canonical-app .gps-shell-critical-pop__item strong{color:#c9adff!important;}

@media(max-width:760px){
  body.gopetia-canonical-app .gps-nav__mobilebar{min-height:58px!important;padding:8px 8px 5px!important;gap:6px!important;}
  body.gopetia-canonical-app .gps-nav__brand{max-width:122px!important;gap:6px!important;}
  body.gopetia-canonical-app .gps-nav__menuglyph{width:38px!important;height:38px!important;min-width:38px!important;}
  body.gopetia-canonical-app .gps-nav__brandmark{font-size:15px!important;}
  body.gopetia-canonical-app .gps-nav__brand small{font-size:9px!important;}
  body.gopetia-canonical-app .gps-nav__quick{gap:5px!important;min-width:0!important;}
  body.gopetia-canonical-app .gps-nav__quickchip{min-height:38px!important;height:38px!important;padding:0 8px!important;font-size:12px!important;border-radius:12px!important;}
  body.gopetia-canonical-app .gps-nav__quickchip--country span{display:none!important;}
  body.gopetia-canonical-app .gps-nav__quickchip--account{width:38px!important;min-width:38px!important;padding:2px!important;}
  body.gopetia-canonical-app .gps-nav__inner{padding:4px 7px 8px!important;overflow:visible!important;}
  body.gopetia-canonical-app .gps-nav__list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important;}
  body.gopetia-canonical-app .gps-nav__business{display:none!important;}
  body.gopetia-canonical-app .gps-nav__link{width:100%!important;min-width:0!important;padding:0 5px!important;min-height:42px!important;font-size:10.5px!important;justify-content:center!important;}
  body.gopetia-canonical-app .gps-nav__icon{width:25px!important;height:25px!important;min-width:25px!important;}
}

/* 3.8.3 final override — logo contenido y CTA amarillo. */
body.gopetia-canonical-app .gps-nav__brand{
  max-width:190px!important;
  overflow:hidden!important;
}
body.gopetia-canonical-app .gps-nav__brandcopy{
  width:118px!important;
  max-width:28vw!important;
  height:42px!important;
  overflow:hidden!important;
}
body.gopetia-canonical-app .gps-nav__wordmark{
  display:block!important;
  width:118px!important;
  max-width:100%!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
}
body.gopetia-canonical-app .gps-nav__brandmark,
body.gopetia-canonical-app .gps-nav__brand small{
  display:none!important;
}
body.gopetia-canonical-app .gps-nav__business{
  display:block!important;
}
body.gopetia-canonical-app .gps-nav__link--business{
  background:linear-gradient(135deg,#ffd84d 0%,#fec202 58%,#ffb21a 100%)!important;
  border:1px solid rgba(111,53,255,.18)!important;
  color:#552397!important;
  box-shadow:0 12px 26px rgba(254,194,2,.26),inset 0 1px 0 rgba(255,255,255,.64)!important;
}
body.gopetia-canonical-app .gps-nav__link--business b,
body.gopetia-canonical-app .gps-nav__link--business small,
body.gopetia-canonical-app .gps-nav__link--business i{
  color:#552397!important;
}
@media(max-width:760px){
  body.gopetia-canonical-app .gps-nav__wordmark{
    width:104px!important;
    max-height:34px!important;
  }
  body.gopetia-canonical-app .gps-nav__brandcopy{
    width:104px!important;
    max-width:26vw!important;
    height:34px!important;
  }
  body.gopetia-canonical-app .gps-nav__business{
    display:block!important;
  }
  body.gopetia-canonical-app .gps-nav__inner{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.gopetia-canonical-app .gps-nav__inner::-webkit-scrollbar{display:none!important;}
  body.gopetia-canonical-app .gps-nav__list{
    display:flex!important;
    grid-template-columns:none!important;
    gap:6px!important;
    width:max-content!important;
    min-width:100%!important;
  }
  body.gopetia-canonical-app .gps-nav__list>li{flex:0 0 auto!important;}
  body.gopetia-canonical-app .gps-nav__link{width:auto!important;min-width:112px!important;}
  body.gopetia-canonical-app .gps-nav__link--business{
    min-width:178px!important;
    padding:5px 12px!important;
  }
}