/* ============================================================================
   Go PetiA Shell 1.1 — revestimiento del header.

   Criterio de rediseño: una superficie sólida y segura de sí misma, con
   bloques bien definidos, en vez de pastillas flotando sobre nada.

   Prefijo body.has-gpshell en todo, para ganar especificidad sobre el tema
   sin recurrir a !important y para no filtrarse a otras pantallas.
   ========================================================================= */

/* Por defecto se respeta la tarjeta oscura que el tema ya diseñó: fondo #160b2d
   con los bloques de cuenta e idioma en blanco encima. Es el mismo patrón del
   header de Petify y funcionaba; lo que fallaba era la jerarquía dentro. */
body.has-gpshell {
	--gps-purple: #8b34a7;
	--gps-purple-soft: rgba(255, 255, 255, .12);
	--gps-gold: #e5c547;
	--gps-ink: #28162f;
	--gps-muted: #6f6b7d;
	--gps-line: rgba(255, 255, 255, .13);
	--gps-h: 72px;
	--gps-surface: #160b2d;
	--gps-on-surface: #fff;
	--gps-on-surface-soft: rgba(255, 255, 255, .70);
	--gps-block: #fff;
	--gps-block-line: #e5d9e9;
}

/* 3.8.2 — Wordmark real en header y CTA de negocio amarillo visible. */
body.has-gpshell .gps-nav__brandcopy{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  text-align:left!important;
}
body.has-gpshell .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.has-gpshell .gps-nav__brandmark,
body.has-gpshell .gps-nav__brandcopy small{
  display:none!important;
}
body.has-gpshell .gps-nav__business{
  display:block!important;
}
body.has-gpshell .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.has-gpshell .gps-nav__link--business:hover{
  background:linear-gradient(135deg,#ffe36a 0%,#fec202 64%,#ffa70e 100%)!important;
  border-color:rgba(111,53,255,.30)!important;
  box-shadow:0 14px 30px rgba(254,194,2,.34),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
body.has-gpshell .gps-nav__link--business b,
body.has-gpshell .gps-nav__link--business small,
body.has-gpshell .gps-nav__link--business i{
  color:#552397!important;
}
body.has-gpshell .gps-nav__link--business small{
  opacity:.78!important;
}
@media (max-width:760px){
  body.has-gpshell .gps-nav__wordmark{
    width:clamp(78px,26vw,112px)!important;
    max-height:34px!important;
  }
  body.has-gpshell .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;
  }
}

/* Variante de marca: morado de PetiA en vez del casi negro del tema. */
body.has-gpshell.gpshell-brand {
	--gps-surface: linear-gradient(180deg, #5b3fa5 0%, #432c80 100%);
}

/* Variante clara. Exige forzar el color del texto: el tema fija blanco en el
   nombre y en el estado, pensados para fondo oscuro. Omitir esto fue el error
   que dejó «admin1979» ilegible en la primera versión. */
body.has-gpshell.gpshell-light {
	--gps-purple: #5b3fa5;
	--gps-purple-soft: rgba(91, 63, 165, .10);
	--gps-line: rgba(26, 22, 37, .09);
	--gps-surface: #fff;
	--gps-on-surface: #28162f;
	--gps-on-surface-soft: #6f6b7d;
	--gps-block: #fff;
	--gps-block-line: #e5d9e9;
}

body.has-gpshell.gpshell-light .gp-chat__name strong,
body.has-gpshell.gpshell-light .gp-chat__identity small,
body.has-gpshell.gpshell-light .gp-specialist-chip b {
	color: var(--gps-on-surface);
}

body.has-gpshell.gpshell-light .gp-chat__mobile-action span {
	background: var(--gps-on-surface);
}

/* ---------------------------------------------------------------------------
   1. La superficie
   ------------------------------------------------------------------------ */

/* Se conserva la tarjeta flotante del tema: esquinas redondeadas y sombra.
   Fijarla al borde superior fue un error: al tener radio y margen laterales, el
   contenido de la página se colaba por los huecos y aparecían letras detrás. */
body.has-gpshell .gp-chat__head {
	position: relative;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: var(--gps-h);
	padding: .6rem .85rem;
	background: var(--gps-surface);
	border-bottom: 0;
	transition: min-height .18s ease, box-shadow .18s ease;
}

/* Fijarla sí es posible, pero entonces deja de ser tarjeta: esquinas rectas y
   ancho completo, o vuelve el problema de las letras al fondo. */
body.has-gpshell.gpshell-sticky .gp-chat__head {
	position: sticky;
	top: 0;
	z-index: 40;
	border-radius: 0;
	margin-left: calc(-1 * var(--gps-bleed, 0px));
	margin-right: calc(-1 * var(--gps-bleed, 0px));
	padding-left: calc(.85rem + var(--gps-bleed, 0px));
	padding-right: calc(.85rem + var(--gps-bleed, 0px));
	box-shadow: 0 6px 22px rgba(22, 11, 45, .18);
}

body.has-gpshell.gpshell-sticky.gpshell-shrink.is-scrolled .gp-chat__head {
	min-height: 60px;
}

/* ---------------------------------------------------------------------------
   2. Identidad. La marca nunca se trunca: si no cabe, se oculta entera.
   ------------------------------------------------------------------------ */

body.has-gpshell .gp-chat__identity {
	display: flex;
	align-items: center;
	gap: 11px;
	flex: 0 0 auto;
}

body.has-gpshell .gp-chat__brand-avatar {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	flex: 0 0 38px;
	background: rgba(255, 255, 255, .12);
}

body.has-gpshell .gp-chat__identity > div {
	flex: 0 0 auto;
	min-width: 0;
}

body.has-gpshell .gp-chat__name {
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 1.1;
	margin: 0;
}

body.has-gpshell .gp-chat__name strong {
	font-size: 1.06rem;
	font-weight: 700;
	letter-spacing: -.012em;
	color: var(--gps-on-surface);
	white-space: nowrap;
	max-width: none;
	overflow: visible;
	text-overflow: clip;
}

/* La insignia repite lo que ya dice el chip de especialista. */
body.has-gpshell.gpshell-nobadge .gp-chat__name > span {
	display: none;
}

/* Estado: una línea sobria bajo el nombre, no una frase decorativa. */
body.has-gpshell .gp-chat__identity small {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .745rem;
	line-height: 1.25;
	color: var(--gps-on-surface-soft);
	white-space: nowrap;
	margin-top: 2px;
}

body.has-gpshell .gp-chat__identity small i {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #22c58b;
	flex: 0 0 6px;
	display: inline-block;
	box-shadow: 0 0 0 3px rgba(34, 197, 139, .18);
}

/* ---------------------------------------------------------------------------
   3. Menú
   ------------------------------------------------------------------------ */

body.has-gpshell .gp-chat__mobile-action {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	border: 0;
	background: var(--gps-purple-soft);
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	cursor: pointer;
	flex: 0 0 40px;
	transition: background .15s ease;
}

body.has-gpshell .gp-chat__mobile-action:hover {
	background: rgba(91, 63, 165, .18);
}

body.has-gpshell .gp-chat__mobile-action span {
	display: block;
	width: 17px;
	height: 2px;
	border-radius: 2px;
	background: var(--gps-on-surface);
}

/* ---------------------------------------------------------------------------
   4. Chip de especialista: sólo cuando deja de ser el general.
   ------------------------------------------------------------------------ */

body.has-gpshell .gp-specialist-chip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 6px 13px 6px 10px;
	border-radius: 999px;
	background: var(--gps-purple-soft);
	border: 0;
	line-height: 1.1;
	flex: 0 0 auto;
	animation: gps-in .2s ease;
}

body.has-gpshell.gpshell-smartchip .gp-specialist-chip[data-specialist="general"],
body.has-gpshell.gpshell-smartchip .gp-specialist-chip[data-specialist=""],
body.has-gpshell.gpshell-smartchip .gp-specialist-chip:not([data-specialist]) {
	display: none;
}

body.has-gpshell .gp-specialist-chip small {
	display: none;
}

body.has-gpshell .gp-specialist-chip b {
	font-size: .8rem;
	font-weight: 600;
	color: var(--gps-on-surface);
}

body.has-gpshell .gp-specialist-chip > span {
	font-size: .88rem;
	line-height: 1;
}

@keyframes gps-in {
	from { opacity: 0; transform: translateY(-3px); }
	to   { opacity: 1; transform: none; }
}

/* ---------------------------------------------------------------------------
   5. Acciones. Bloques sólidos y bien definidos, no pastillas huecas.
   ------------------------------------------------------------------------ */

body.has-gpshell .gp-chat__head-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-left: auto;
	flex: 0 0 auto;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 12px;
	border-radius: 12px;
	border: 1px solid var(--gps-block-line);
	background: var(--gps-block);
	cursor: pointer;
	line-height: 1;
	transition: box-shadow .15s ease;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle:hover {
	box-shadow: 0 3px 12px rgba(26, 22, 37, .12);
}

body.has-gpshell.gpshell-compactlocale .gp-chat__head-actions .locale-toggle__meta small {
	display: none;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle__meta {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle__meta span {
	font-size: .82rem;
	font-weight: 600;
	color: var(--gps-ink);
	white-space: nowrap;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle__flag {
	font-size: 1.15rem;
	line-height: 1;
}

body.has-gpshell .gp-chat__head-actions .locale-toggle__chevron {
	font-size: .58rem;
	color: var(--gps-muted);
}

/* Cuenta: el bloque con más peso, como en el header de Petify. */
body.has-gpshell .gp-chat__account {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 42px;
	padding: 0 14px 0 5px;
	border-radius: 12px;
	border: 1px solid var(--gps-block-line);
	background: var(--gps-block);
	cursor: pointer;
	transition: box-shadow .15s ease;
}

body.has-gpshell .gp-chat__account:hover {
	box-shadow: 0 3px 14px rgba(91, 63, 165, .18);
}

body.has-gpshell .gp-chat__account.is-guest {
	background: var(--gps-gold);
	border-color: transparent;
}

body.has-gpshell .gp-chat__account img,
body.has-gpshell .gp-chat__account [data-account-avatar-fallback] {
	width: 32px;
	height: 32px;
	border-radius: 11px;
	object-fit: cover;
	flex: 0 0 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg,#ffffff 0%,#f4efff 100%);
	border: 1px solid rgba(107,66,255,.12);
	box-shadow: 0 6px 14px rgba(72,41,132,.12);
	font-size: .8rem;
	font-weight: 700;
	color: var(--gps-purple);
}

body.has-gpshell .gp-chat__account > span {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
	text-align: left;
	min-width: 0;
}

body.has-gpshell .gp-chat__account > span small {
	font-size: .68rem;
	font-weight: 500;
	color: var(--gps-muted);
	order: -1;
	white-space: nowrap;
}

body.has-gpshell .gp-chat__account > span b {
	font-size: .86rem;
	font-weight: 700;
	color: var(--gps-ink);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 15ch;
}

body.has-gpshell .gp-chat__account i {
	display: none;
}

body.has-gpshell .gp-chat__context-toggle {
	height: 42px;
	padding: 0 14px;
	border-radius: 12px;
	border: 1px solid var(--gps-block-line);
	background: var(--gps-block);
	color: var(--gps-ink);
	font-size: .82rem;
	font-weight: 600;
	cursor: pointer;
}

/* ---------------------------------------------------------------------------
   6. Móvil. Nada se trunca: lo que no cabe, se oculta completo.
   ------------------------------------------------------------------------ */

@media (max-width: 860px) {
	body.has-gpshell .gp-chat__identity small span {
		display: none;
	}
}

@media (max-width: 720px) {
	body.has-gpshell .gp-chat__head {
		gap: 10px;
		padding: 0 14px;
		min-height: 60px;
	}

	body.has-gpshell .gp-chat__head-actions .locale-toggle__meta,
	body.has-gpshell .gp-chat__head-actions .locale-toggle__chevron {
		display: none;
	}

	body.has-gpshell .gp-chat__head-actions .locale-toggle {
		width: 42px;
		padding: 0;
		justify-content: center;
	}

	body.has-gpshell .gp-chat__account {
		padding: 0 5px;
	}

	body.has-gpshell .gp-chat__account > span {
		display: none;
	}
}

/* Muy angosto: la marca escrita se retira y queda el avatar, que ya identifica. */
@media (max-width: 420px) {
	body.has-gpshell .gp-chat__identity > div {
		display: none;
	}

	body.has-gpshell .gp-chat__head {
		gap: 8px;
		padding: 0 12px;
	}
}

/* ---------------------------------------------------------------------------
   7. Modo app instalada
   ------------------------------------------------------------------------ */

@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
	body.has-gpshell.gpshell-appmode .gp-chat__head {
		min-height: 56px;
		padding-top: env(safe-area-inset-top);
		padding-left: max(16px, env(safe-area-inset-left));
		padding-right: max(16px, env(safe-area-inset-right));
	}

	body.has-gpshell.gpshell-appmode .gp-chat__head-actions .locale-selector {
		display: none;
	}
}

body.has-gpshell.gpshell-appmode.is-standalone .gp-chat__head {
	min-height: 56px;
	padding-top: env(safe-area-inset-top);
}

body.has-gpshell.gpshell-appmode.is-standalone .gp-chat__head-actions .locale-selector {
	display: none;
}

body.has-gpshell.gpshell-appmode.is-standalone .gp-chat-main {
	padding-bottom: env(safe-area-inset-bottom);
}

/* ---------------------------------------------------------------------------
   8. Accesibilidad
   ------------------------------------------------------------------------ */

body.has-gpshell .gp-chat__head button:focus-visible,
body.has-gpshell .gp-chat__head a:focus-visible {
	outline: 2px solid var(--gps-gold);
	outline-offset: 2px;
	border-radius: 12px;
}

@media (prefers-reduced-motion: reduce) {
	body.has-gpshell .gp-chat__head,
	body.has-gpshell .gp-specialist-chip,
	body.has-gpshell .gp-chat__account,
	body.has-gpshell .gp-chat__head-actions .locale-toggle {
		transition: none;
		animation: none;
	}
}

/* ============================================================================
   9. Fila de navegación secundaria.

   Es lo que convierte el header en algo que lleva a un lado, en vez de sólo
   anunciar quién eres. Sigue el patrón del header de Petify: una segunda banda
   con destinos reales y la puerta para negocios destacada al final.
   ========================================================================= */

body.has-gpshell .gps-nav {
	position: relative;
	z-index: 4;
	background: var(--gps-surface);
	border-radius: 0 0 20px 20px;
	margin-top: -14px;
	padding-top: 14px;
}

/* Con header fijo, la fila lo acompaña y ambas pierden el radio. */
body.has-gpshell.gpshell-sticky .gps-nav {
	position: sticky;
	top: var(--gps-h);
	z-index: 39;
	border-radius: 0;
	margin-top: 0;
	padding-top: 0;
	border-bottom: 1px solid var(--gps-line);
}

body.has-gpshell.gpshell-sticky.gpshell-shrink.is-scrolled .gps-nav {
	top: 60px;
}

body.has-gpshell .gps-nav__inner {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 0 20px 10px;
	overflow-x: auto;
	scrollbar-width: none;
}

body.has-gpshell .gps-nav__inner::-webkit-scrollbar {
	display: none;
}

body.has-gpshell .gps-nav__list {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
}

body.has-gpshell .gps-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 0;
	background: transparent;
	padding: 7px 12px;
	border-radius: 9px;
	font: inherit;
	font-size: .86rem;
	font-weight: 600;
	color: var(--gps-on-surface);
	cursor: pointer;
	white-space: nowrap;
	transition: background .15s ease;
}

body.has-gpshell .gps-nav__link:hover {
	background: var(--gps-purple-soft);
}

body.has-gpshell .gps-nav__icon {
	width: 22px;
	height: 22px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .78rem;
	line-height: 1;
	opacity: 1;
	background: rgba(255,255,255,.10);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

/* La puerta para negocios: destacada, con dos líneas y flecha. */
body.has-gpshell .gps-nav__business {
	margin-left: 8px;
}

body.has-gpshell .gps-nav__link--business {
	gap: 10px;
	padding: 5px 12px 5px 14px;
	border-radius: 999px;
	background: var(--gps-gold);
	color: var(--gps-ink);
}

body.has-gpshell .gps-nav__link--business:hover {
	background: #d8b833;
}

body.has-gpshell .gps-nav__link--business span {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	text-align: left;
}

body.has-gpshell .gps-nav__link--business b {
	font-size: .84rem;
	font-weight: 700;
}

body.has-gpshell .gps-nav__link--business small {
	font-size: .68rem;
	font-weight: 600;
	opacity: .72;
}

body.has-gpshell .gps-nav__link--business i {
	font-style: normal;
	font-size: 1rem;
	line-height: 1;
}

/* Región: mismo lugar que el «Todo México» de Petify. */
body.has-gpshell .gps-nav__region {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 0;
	background: transparent;
	padding: 7px 10px;
	border-radius: 9px;
	font: inherit;
	font-size: .82rem;
	font-weight: 600;
	color: var(--gps-on-surface-soft);
	cursor: pointer;
	white-space: nowrap;
	flex: 0 0 auto;
}

body.has-gpshell .gps-nav__region:hover {
	color: var(--gps-on-surface);
	background: var(--gps-purple-soft);
}

@media (max-width: 720px) {
	body.has-gpshell .gps-nav__inner {
		padding: 0 14px 9px;
		gap: 10px;
	}

	/* En móvil la región vive en el header y aquí sólo estorbaría. */
	body.has-gpshell .gps-nav__region {
		display: none;
	}

	body.has-gpshell .gps-nav__link--business small {
		display: none;
	}
}

/* En la app instalada hay barra de pestañas abajo: esta fila sobra. */
@media (display-mode: standalone), (display-mode: minimal-ui), (display-mode: fullscreen) {
	body.has-gpshell.gpshell-appmode .gps-nav {
		display: none;
	}
}

body.has-gpshell.gpshell-appmode.is-standalone .gps-nav {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	body.has-gpshell .gps-nav__link,
	body.has-gpshell .gps-nav__region {
		transition: none;
	}
}


/* 1.17 — cuando WordPress muestra la admin bar, el header no debe quedar recortado. */
body.admin-bar.has-gpshell.gpshell-sticky .gp-chat__head{
  top:32px;
}
body.admin-bar.has-gpshell.gpshell-sticky .gps-nav{
  top:calc(var(--gps-h) + 32px);
}
body.admin-bar.has-gpshell.gpshell-sticky.gpshell-shrink.is-scrolled .gps-nav{
  top:calc(60px + 32px);
}
@media screen and (max-width:782px){
  body.admin-bar.has-gpshell.gpshell-sticky .gp-chat__head{
    top:46px;
  }
  body.admin-bar.has-gpshell.gpshell-sticky .gps-nav{
    top:calc(var(--gps-h) + 46px);
  }
  body.admin-bar.has-gpshell.gpshell-sticky.gpshell-shrink.is-scrolled .gps-nav{
    top:calc(60px + 46px);
  }
}


/* 1.19 — shell móvil rediseñado: barra compacta con marca, idioma, país y cuenta. */
body.has-gpshell .gps-nav__mobilebar{display:none;}
body.has-gpshell .gps-nav__brand,
body.has-gpshell .gps-nav__quickchip{font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;}
@media (max-width:720px){
  body.has-gpshell .gp-chat__head{display:none !important;}
  body.has-gpshell .gps-nav{
    position:sticky !important;
    top:0 !important;
    z-index:45 !important;
    margin-top:0 !important;
    padding-top:0 !important;
    border-radius:0 0 18px 18px;
    box-shadow:0 8px 22px rgba(22,11,45,.14);
  }
  body.admin-bar.has-gpshell .gps-nav{ top:46px !important; }
  body.has-gpshell .gps-nav__mobilebar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px 8px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  body.has-gpshell .gps-nav__brand{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    border:0;
    background:transparent;
    padding:0;
    color:#fff;
    cursor:pointer;
    min-width:0;
  }
  body.has-gpshell .gps-nav__brandmark{
    font-size:1.18rem;
    font-weight:900;
    line-height:1;
    letter-spacing:-.03em;
  }
  body.has-gpshell .gps-nav__brand small{
    font-size:.66rem;
    font-weight:700;
    color:rgba(255,255,255,.68);
    white-space:nowrap;
  }
  body.has-gpshell .gps-nav__quick{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
  }
  body.has-gpshell .gps-nav__quickchip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:40px;
    padding:0 12px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.18);
    background:#fff;
    color:#251339;
    font-size:.84rem;
    font-weight:800;
    line-height:1;
  }
  body.has-gpshell .gps-nav__quickchip--country span{
    font-weight:700;
    opacity:.8;
    max-width:10ch;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  body.has-gpshell .gps-nav__quickchip--account{
    width:42px;
    padding:0;
    background:linear-gradient(180deg,#f6d54d 0%,#efc531 100%);
    border-color:#efc531;
    box-shadow:0 8px 18px rgba(239,197,49,.22);
  }
  body.has-gpshell .gps-nav__accountavatar{
    width:26px;height:26px;border-radius:50%;overflow:hidden;
    display:inline-flex;align-items:center;justify-content:center;
    background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.45);
  }
  body.has-gpshell .gps-nav__accountavatar img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  body.has-gpshell .gps-nav__quickdot{width:7px;height:7px;border-radius:50%;background:#6a32ff;display:inline-block;}
  body.has-gpshell .gps-nav__inner{padding:8px 10px 10px;gap:8px;}
  body.has-gpshell .gps-nav__list{gap:6px;overflow-x:auto;flex-wrap:nowrap;}
  body.has-gpshell .gps-nav__link{padding:9px 11px;border-radius:999px;background:rgba(255,255,255,.05);font-size:.82rem;gap:8px;}
  body.has-gpshell .gps-nav__icon{background:rgba(255,255,255,.10);}
  body.has-gpshell .gps-nav__link--business{display:none;}
}


/* 1.20 — corregir header móvil y evitar que se encime con contenido y footer legal. */
@media (max-width:720px){
  body.has-gpshell .gps-nav{top:0 !important;}
  body.admin-bar.has-gpshell .gps-nav{top:46px !important;}
  body.has-gpshell .gps-nav__mobilebar{display:flex !important;}
  body.has-gpshell .gps-nav__inner{padding-top:8px !important;}
  body.has-gpshell .gph-home,
  body.has-gpshell main,
  body.has-gpshell .site-main{padding-top:10px !important;}
  body.has-gpshell .gps-nav + *{margin-top:0 !important;}
  body.has-gpshell .gps-nav__list{padding-bottom:2px !important;}
  body.has-gpshell .gps-nav__link{white-space:nowrap !important;}
  /* Separar el footer legal del composer fijo y del nav sticky. */
  body.has-gpshell .site-footer,
  body.has-gpshell footer,
  body.has-gpshell .footer-legal,
  body.has-gpshell .legal-links{position:relative !important; z-index:1 !important; padding-bottom:calc(120px + env(safe-area-inset-bottom, 0px)) !important;}
}


/* ========================================================================== */
/* 1.21 — MOBILE HEADER RESET. */
/* ========================================================================== */
@media (max-width:720px){
  body.has-gpshell .gp-chat__head{display:none !important;}
  body.has-gpshell .gps-nav{
    position:sticky !important;
    top:0 !important;
    z-index:100000 !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:0 0 18px 18px !important;
    background:#170a2e !important;
    border:0 !important;
    box-shadow:0 8px 24px rgba(13,5,28,.28) !important;
    isolation:isolate !important;
    overflow:hidden !important;
  }
  body.admin-bar.has-gpshell .gps-nav{top:46px !important;}
  body.has-gpshell .gps-nav__mobilebar{
    display:flex !important;
    min-height:58px !important;
    padding:8px 10px !important;
    background:#170a2e !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
  body.has-gpshell .gps-nav__brandmark{font-size:1.05rem !important;}
  body.has-gpshell .gps-nav__brand small{font-size:.61rem !important;}
  body.has-gpshell .gps-nav__quick{gap:6px !important;}
  body.has-gpshell .gps-nav__quickchip{
    height:38px !important;
    padding:0 10px !important;
    border-radius:11px !important;
    font-size:.77rem !important;
  }
  body.has-gpshell .gps-nav__quickchip--account{width:42px !important;padding:0 !important;}
  body.has-gpshell .gps-nav__inner{
    width:100% !important;
    padding:7px 9px 9px !important;
    background:#170a2e !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }
  body.has-gpshell .gps-nav__inner::-webkit-scrollbar,
  body.has-gpshell .gps-nav__list::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important;}
  body.has-gpshell .gps-nav__list{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow:visible !important;
    min-width:max-content !important;
    gap:6px !important;
  }
  body.has-gpshell .gps-nav__link{
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.06) !important;
    color:#fff !important;
    font-size:.76rem !important;
  }
  body.has-gpshell .gps-nav__business{display:none !important;}
  body.has-gpshell .gps-nav__region{display:none !important;}

  /* El footer/legal nunca aparece por encima del header o composer. */
  body.has-gpshell footer,
  body.has-gpshell .site-footer,
  body.has-gpshell .footer-legal,
  body.has-gpshell .legal-links{
    position:relative !important;
    z-index:1 !important;
    margin-top:16px !important;
    padding-bottom:110px !important;
  }
}

/* ========================================================================== */
/* 1.26 — MOBILE NAV: dos filas reales, sin recorte ni solapamiento.          */
/* ========================================================================== */
@media (max-width:720px){
  body.has-gpshell .gps-nav{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:0 0 16px 16px!important;
  }
  body.has-gpshell .gps-nav__mobilebar{
    display:flex!important;
    width:100%!important;
    min-height:54px!important;
    height:auto!important;
    padding:7px 9px!important;
    overflow:visible!important;
  }
  body.has-gpshell .gps-nav__brand{min-width:72px!important;max-width:110px!important;}
  body.has-gpshell .gps-nav__brandmark{font-size:1rem!important;line-height:1.05!important;}
  body.has-gpshell .gps-nav__brand small{
    width:100%!important;
    max-width:100%!important;
    font-size:.58rem!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.has-gpshell .gps-nav__quick{gap:5px!important;min-width:0!important;}
  body.has-gpshell .gps-nav__quickchip{height:36px!important;padding:0 9px!important;font-size:.74rem!important;border-radius:10px!important;}
  body.has-gpshell .gps-nav__quickchip--country span{max-width:7ch!important;}
  body.has-gpshell .gps-nav__quickchip--account{width:36px!important;min-width:36px!important;padding:0!important;}

  body.has-gpshell .gps-nav__inner{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:43px!important;
    height:auto!important;
    max-height:none!important;
    padding:4px 8px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    visibility:visible!important;
    opacity:1!important;
    background:#170a2e!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.has-gpshell .gps-nav__list{
    display:flex!important;
    align-items:center!important;
    width:max-content!important;
    min-width:max-content!important;
    height:auto!important;
    max-height:none!important;
    gap:5px!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }
  body.has-gpshell .gps-nav__list > li{display:block!important;flex:0 0 auto!important;margin:0!important;padding:0!important;}
  body.has-gpshell .gps-nav__link{
    display:inline-flex!important;
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    font-size:.72rem!important;
    line-height:1!important;
  }
}


/* 1.27.2 — avatar polish */
body.has-gpshell .gp-chat__brand-avatar{
	border-radius:14px;
	background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

/* 1.29.0 — iconos SVG reales: sin font-icons ni pseudo-elementos vacíos. */
body.has-gpshell .gps-nav__icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:9px!important;
  display:inline-grid!important;
  place-items:center!important;
  color:#fff!important;
  background:linear-gradient(145deg,rgba(139,91,255,.34),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.has-gpshell .gps-nav__icon svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.has-gpshell .gps-nav__icon[data-icon="pack"] svg circle{fill:currentColor!important;stroke:none!important;}
body.has-gpshell .gps-nav__icon[data-icon="pack"] svg path{fill:currentColor!important;stroke:none!important;}
body.has-gpshell .gps-nav__link:hover .gps-nav__icon,
body.has-gpshell .gps-nav__link:focus-visible .gps-nav__icon{
  background:linear-gradient(145deg,#7b4eff,#5e36d8)!important;
  box-shadow:0 7px 16px rgba(111,53,255,.28)!important;
}
@media(max-width:720px){
  body.has-gpshell .gps-nav__icon{width:24px!important;height:24px!important;min-width:24px!important;border-radius:9px!important;}
  body.has-gpshell .gps-nav__icon svg{width:14px!important;height:14px!important;}
  body.has-gpshell .gps-nav__link{gap:7px!important;padding:0 11px!important;}
}

/* 1.29.0 — las cuatro secciones caben completas en móvil; no hay carrusel cortado. */
@media(max-width:720px){
  #petify-ai-page-root .gps-nav__inner,
  body.has-gpshell #petify-ai-page-root .gps-nav__inner{
    overflow:visible!important;
    padding:6px 7px 8px!important;
  }
  #petify-ai-page-root .gps-nav__list,
  body.has-gpshell #petify-ai-page-root .gps-nav__list{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:5px!important;
    overflow:visible!important;
  }
  #petify-ai-page-root .gps-nav__list>li,
  body.has-gpshell #petify-ai-page-root .gps-nav__list>li{min-width:0!important;width:100%!important;}
  #petify-ai-page-root .gps-nav__link,
  body.has-gpshell #petify-ai-page-root .gps-nav__link{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 5px!important;
    justify-content:center!important;
    gap:5px!important;
    font-size:.67rem!important;
    overflow:hidden!important;
  }
  #petify-ai-page-root .gps-nav__link .gps-nav__icon{flex:0 0 22px!important;width:22px!important;height:22px!important;min-width:22px!important;}
  #petify-ai-page-root .gps-nav__business{display:none!important;}
}
@media(max-width:390px){
  #petify-ai-page-root .gps-nav__link,
  body.has-gpshell #petify-ai-page-root .gps-nav__link{font-size:.62rem!important;gap:4px!important;}
  #petify-ai-page-root .gps-nav__link .gps-nav__icon{width:20px!important;height:20px!important;min-width:20px!important;}
  #petify-ai-page-root .gps-nav__icon svg{width:12px!important;height:12px!important;}
}


/* 1.30.0 — iconografía de navegación reforzada para iPhone/Safari/Chrome. */
body.has-gpshell .gps-nav__icon{
  color:#fff!important;
  opacity:1!important;
  overflow:visible!important;
}
body.has-gpshell .gps-nav__icon svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  color:inherit!important;
  stroke:#fff!important;
  fill:none!important;
  vector-effect:non-scaling-stroke!important;
}
body.has-gpshell .gps-nav__icon[data-icon="care"]{background:linear-gradient(145deg,#854fff,#6633d6)!important;}
body.has-gpshell .gps-nav__icon[data-icon="pack"]{background:linear-gradient(145deg,#7b4cff,#5c37c6)!important;}
body.has-gpshell .gps-nav__icon[data-icon="memory"]{background:linear-gradient(145deg,#5c65dc,#6744c9)!important;}
body.has-gpshell .gps-nav__icon[data-icon="plans"]{background:linear-gradient(145deg,#9b55ed,#7a3fc4)!important;}
body.has-gpshell .gps-nav__icon[data-icon="pack"] svg,
body.has-gpshell .gps-nav__icon[data-icon="pack"] svg *{fill:#fff!important;stroke:none!important;}

@media(max-width:720px){
  #petify-ai-page-root .gps-nav,
  body.has-gpshell #petify-ai-page-root .gps-nav{border-radius:0!important;box-shadow:none!important;}
  #petify-ai-page-root .gps-nav__inner,
  body.has-gpshell #petify-ai-page-root .gps-nav__inner{overflow:visible!important;padding:6px 6px 8px!important;}
  #petify-ai-page-root .gps-nav__list,
  body.has-gpshell #petify-ai-page-root .gps-nav__list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;}
  #petify-ai-page-root .gps-nav__link,
  body.has-gpshell #petify-ai-page-root .gps-nav__link{
    height:44px!important;min-height:44px!important;padding:0 4px!important;gap:5px!important;
    border-radius:14px!important;background:rgba(255,255,255,.055)!important;
    font-size:11px!important;font-weight:800!important;letter-spacing:-.015em!important;
  }
  #petify-ai-page-root .gps-nav__icon,
  body.has-gpshell #petify-ai-page-root .gps-nav__icon{width:23px!important;height:23px!important;min-width:23px!important;border-radius:8px!important;}
  #petify-ai-page-root .gps-nav__icon svg,
  body.has-gpshell #petify-ai-page-root .gps-nav__icon svg{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;}
}


/* ========================================================================== */
/* 1.33.0 — MOBILE HARDENING: cero overflow, header legible y sin recortes.    */
/* ========================================================================== */
@media (max-width:720px){
  html,
  body.has-gpshell{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  body.has-gpshell .gps-nav,
  body.has-gpshell .gps-nav__mobilebar,
  body.has-gpshell .gps-nav__inner,
  body.has-gpshell .gps-nav__list{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.has-gpshell .gps-nav{
    overflow:hidden!important;
    border-radius:0 0 16px 16px!important;
  }
  body.has-gpshell .gps-nav__mobilebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:56px!important;
    padding:7px 8px!important;
    overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__brand{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__brandmark,
  body.has-gpshell .gps-nav__brand small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.has-gpshell .gps-nav__quick{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    max-width:62vw!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__quickchip{
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.has-gpshell .gps-nav__quickchip--country span{
    display:none!important;
  }
  body.has-gpshell .gps-nav__inner{
    display:block!important;
    min-height:0!important;
    padding:6px 7px 8px!important;
    overflow:hidden!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
  }
  body.has-gpshell .gps-nav__list{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__list>li{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.has-gpshell .gps-nav__list>li.gps-nav__business{
    display:none!important;
  }
  body.has-gpshell .gps-nav__link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 4px!important;
    justify-content:center!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
    letter-spacing:-.02em!important;
    border-radius:12px!important;
  }
  body.has-gpshell .gps-nav__icon{
    flex:0 0 21px!important;
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
  }
}
@media (max-width:360px){
  body.has-gpshell .gps-nav__quickchip--lang{display:none!important;}
  body.has-gpshell .gps-nav__quick{max-width:46vw!important;}
}

/* ========================================================================== */
/* 1.37.0 — OWNERSHIP BOUNDARY / MOBILE SHELL STABILITY                      */
/* Site owns navigation, legal chrome and the outer viewport. The PetiA home  */
/* renderer is owned exclusively by AI Core, avoiding cross-plugin overrides. */
/* ========================================================================== */
@media (max-width:720px){
  html,body{
    max-width:100%;
    overflow-x:clip;
  }

  body.has-gpshell.gph-petify-home,
  body.has-gpshell.gph-petify-home #page,
  body.has-gpshell.gph-petify-home .website-wrapper,
  body.has-gpshell.gph-petify-home .main-page-wrapper,
  body.has-gpshell.gph-petify-home #petify-ai-page-root{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Legal links belong to the footer / legal pages, never above the mobile app. */
  body.has-gpshell.gph-petify-home > .gpl-bar,
  body.has-gpshell.gph-petify-home .website-wrapper > .gpl-bar,
  body.has-gpshell.gph-petify-home .main-page-wrapper > .gpl-bar,
  body.has-gpshell.gph-petify-home .gpl-bar{
    display:none!important;
  }
}


/* ========================================================================== */
/* 1.41.0 — MOBILE NAV CLARITY                                                 */
/* Explicit menu affordance, true selectors and full-bleed profile avatar.     */
/* ========================================================================== */
@media (max-width:720px){
  body.has-gpshell .gps-nav__brand{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.has-gpshell .gps-nav__menuglyph{
    width:32px!important;height:32px!important;min-width:32px!important;
    display:grid!important;align-content:center!important;justify-items:center!important;gap:4px!important;
    border-radius:10px!important;background:rgba(255,255,255,.09)!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  body.has-gpshell .gps-nav__menuglyph i{
    display:block!important;width:15px!important;height:2px!important;border-radius:999px!important;background:#fff!important;
  }
  body.has-gpshell .gps-nav__brandcopy{display:grid!important;gap:1px!important;min-width:0!important;text-align:left!important;}
  body.has-gpshell .gps-nav__brandmark{font-size:1.04rem!important;line-height:1!important;}
  body.has-gpshell .gps-nav__brand small{display:block!important;font-size:.58rem!important;letter-spacing:.02em!important;color:rgba(255,255,255,.64)!important;}

  body.has-gpshell .gps-nav__quickchip--lang,
  body.has-gpshell .gps-nav__quickchip--country{
    min-width:58px!important;height:42px!important;padding:0 8px!important;gap:4px!important;
    cursor:pointer!important;
  }
  body.has-gpshell .gps-nav__selectchev{display:inline-block!important;font-style:normal!important;font-size:13px!important;line-height:1!important;opacity:.65!important;margin-top:-2px!important;}
  body.has-gpshell .gps-nav__quickdot{width:6px!important;height:6px!important;}

  body.has-gpshell .gps-nav__quickchip--account{
    width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px!important;overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__accountavatar{
    width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important;
    display:block!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;
  }
  body.has-gpshell .gps-nav__accountavatar img{
    width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:12px!important;
  }
}
@media (max-width:380px){
  body.has-gpshell .gps-nav__quickchip--lang{display:inline-flex!important;}
  body.has-gpshell .gps-nav__brandcopy small{display:none!important;}
  body.has-gpshell .gps-nav__menuglyph{width:30px!important;height:30px!important;min-width:30px!important;}
  body.has-gpshell .gps-nav__quick{gap:4px!important;max-width:none!important;}
  body.has-gpshell .gps-nav__quickchip--lang,
  body.has-gpshell .gps-nav__quickchip--country{min-width:52px!important;padding:0 6px!important;}
}


/* 1.44.0 — Header móvil: sólo el icono de menú usa amarillo de marca. */
@media (max-width:720px){
  body.has-gpshell .gps-nav__brand{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#fff!important;
    cursor:pointer!important;
    padding:0!important;
  }
  body.has-gpshell .gps-nav__brand:hover{background:rgba(255,255,255,.04)!important;box-shadow:none!important;transform:none!important;}
  body.has-gpshell .gps-nav__brandmark,
  body.has-gpshell .gps-nav__brand small{color:#fff!important;opacity:1!important;}
  body.has-gpshell .gps-nav__brandmark{font-weight:850!important;}
  body.has-gpshell .gps-nav__brand small{font-weight:700!important;}
  body.has-gpshell .gps-nav__menuglyph{
    background:#fec202!important;
    border:1px solid rgba(102,51,214,.22)!important;
    box-shadow:0 8px 18px rgba(254,194,2,.18),inset 0 1px 0 rgba(255,255,255,.36)!important;
  }
  body.has-gpshell .gps-nav__menuglyph i{background:#6f35ff!important;height:3px!important;border-radius:999px!important;}
  body.has-gpshell .gps-nav__quickchip{cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:60!important;}
  body.has-gpshell .gps-nav__brand{pointer-events:auto!important;position:relative!important;z-index:60!important;}
}

body.has-gpshell .gps-shell-popover{
  position:fixed!important;
  z-index:2147483000!important;
  padding:12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#1b0e34 0%,#13091f 100%)!important;
  border:1px solid rgba(139,93,255,.30)!important;
  box-shadow:0 26px 54px rgba(8,4,15,.54)!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
body.has-gpshell .gps-shell-popover[hidden]{display:none!important;}
body.has-gpshell .gps-shell-popover__title{font-size:.73rem!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fec202!important;margin:0 0 10px!important;}
body.has-gpshell .gps-shell-popover__list{display:grid!important;gap:7px!important;max-height:min(54vh,390px)!important;overflow:auto!important;overscroll-behavior:contain!important;}
body.has-gpshell .gps-shell-popover__item{
  width:100%!important;min-height:48px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;
  font:inherit!important;text-align:left!important;cursor:pointer!important;pointer-events:auto!important;
}
body.has-gpshell .gps-shell-popover__item:hover,
body.has-gpshell .gps-shell-popover__item:focus-visible{background:rgba(111,53,255,.22)!important;border-color:rgba(254,194,2,.40)!important;outline:none!important;}
body.has-gpshell .gps-shell-popover__flag{font-size:1.25rem!important;line-height:1!important;}
body.has-gpshell .gps-shell-popover__name{font-size:.88rem!important;font-weight:800!important;color:#fff!important;min-width:0!important;}
body.has-gpshell .gps-shell-popover__item small{font-size:.7rem!important;color:rgba(255,255,255,.62)!important;font-weight:800!important;}
body.has-gpshell .gps-shell-popover__item strong{color:#fec202!important;font-size:1.05rem!important;}
body.has-gpshell .gps-shell-popover--menu .gps-shell-popover__item{grid-template-columns:minmax(0,1fr) auto!important;}


/* 1.46.0 — Mobile header final: only the hamburger button is yellow. */
@media (max-width:720px){
  body.has-gpshell .gps-nav__brand{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    padding:0!important;
    color:#fff!important;
  }
  body.has-gpshell .gps-nav__brand:hover{background:transparent!important;box-shadow:none!important;transform:none!important;}
  body.has-gpshell .gps-nav__brandmark,
  body.has-gpshell .gps-nav__brand small{color:#fff!important;opacity:1!important;}
  body.has-gpshell .gps-nav__menuglyph{
    width:36px!important;height:36px!important;min-width:36px!important;
    background:#FEC202!important;
    border:1px solid rgba(91,34,183,.18)!important;
    border-radius:10px!important;
    box-shadow:0 8px 18px rgba(254,194,2,.22),inset 0 1px 0 rgba(255,255,255,.45)!important;
  }
  body.has-gpshell .gps-nav__menuglyph i{background:#6F35FF!important;height:3px!important;width:17px!important;}
  body.has-gpshell .gps-nav__quickchip{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;}
  body.has-gpshell .gps-nav__mobilebar{overflow:visible!important;position:relative!important;z-index:60!important;}
}

/* 3.8.3 final override — logo PetiA contenido y negocio en amarillo. */
body.has-gpshell .gps-nav__brand{
  max-width:190px!important;
  overflow:hidden!important;
}
body.has-gpshell .gps-nav__brandcopy{
  display:flex!important;
  align-items:center!important;
  width:118px!important;
  max-width:28vw!important;
  height:42px!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.has-gpshell .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.has-gpshell .gps-nav__brandmark,
body.has-gpshell .gps-nav__brandcopy small{
  display:none!important;
}
body.has-gpshell .gps-nav__business{
  display:block!important;
}
body.has-gpshell .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.has-gpshell .gps-nav__link--business:hover{
  background:linear-gradient(135deg,#ffe36a 0%,#fec202 64%,#ffa70e 100%)!important;
}
body.has-gpshell .gps-nav__link--business b,
body.has-gpshell .gps-nav__link--business small,
body.has-gpshell .gps-nav__link--business i{
  color:#552397!important;
}
body.has-gpshell .gps-nav__link--business small{
  opacity:.78!important;
}
@media (max-width:760px){
  body.has-gpshell .gps-nav__wordmark{
    width:104px!important;
    max-height:34px!important;
  }
  body.has-gpshell .gps-nav__brandcopy{
    width:104px!important;
    max-width:26vw!important;
    height:34px!important;
  }
  body.has-gpshell .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;
  }
}