/* Exploración local reversible. Candidata: ?brand=flow; alternativa: ?brand=contained. */
html[data-brand-variant] .site-header,
html[data-brand-variant] .site-header:has(.language-switcher){
  --header:68px;
  --header-height:68px;
  min-height:68px;
  border-bottom-color:rgba(10,11,12,.16);
  background:rgba(211,217,229,.86);
  color:#111318;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
html[data-brand-variant] .site-header .nav{gap:clamp(18px,2vw,32px);font-size:10px;font-weight:760;letter-spacing:.11em}
html[data-brand-variant] .site-header .nav>a,
html[data-brand-variant] .site-header .nav>.pg-examples-menu>.pg-examples-menu__link{padding:25px 0;color:rgba(17,19,24,.78)}
html[data-brand-variant] .site-header .nav>a:hover,
html[data-brand-variant] .site-header .nav>a:focus-visible,
html[data-brand-variant] .site-header .nav>.pg-examples-menu>.pg-examples-menu__link:hover,
html[data-brand-variant] .site-header .nav>.pg-examples-menu>.pg-examples-menu__link:focus-visible{color:#111318}
html[data-brand-variant] .site-header .nav>a::after,
html[data-brand-variant] .site-header .nav>.pg-examples-menu>.pg-examples-menu__link::after{bottom:17px;background:var(--accent)}
html[data-brand-variant] .site-header .menu-toggle{color:#111318;border-color:rgba(17,19,24,.24)}
html[data-brand-variant] .site-header .language-switcher__toggle{color:#111318}

/* El texto sigue siendo tipografía real; el raster generado solo resuelve el gato. */
html[data-brand-variant] .pg-responsive-wordmark{width:151px!important;height:46px!important;gap:5px}
html[data-brand-variant] .pg-wordmark__compact{font-family:"PG Wordmark Newsreader",Georgia,serif;font-size:29px;font-weight:575;letter-spacing:-.065em}
html[data-brand-variant] .pg-wordmark__cat{width:32px;height:29px;background:transparent center/contain no-repeat;-webkit-mask:none;mask:none;transform:translateY(-2px)}
html[data-brand-variant="flow"] .pg-wordmark__cat{background-image:url("media/brand-proposals/generated/printgats-cat-option3-refined-v1.png")}
html[data-brand-variant="contained"] .pg-wordmark__cat{background-image:url("media/brand-proposals/generated/printgats-cat-option3-contained-v1.png")}
/* Candidata local 25-08: raster generado con alfa, conservando el wordmark existente. */
html[data-brand-variant="gold-cat"] .pg-wordmark__cat{width:38px;height:38px;background-image:url("media/brand-proposals/generated/printgats-cat-20260825-gold-v1.png");transform:translateY(-1px)}
/* Símbolo aprobado por Magi el 25-08: misma figura, extraída de su PNG sin redibujar. */
html[data-brand-variant="reel-cat"] .pg-responsive-wordmark{width:172px!important;gap:0}
html[data-brand-variant="reel-cat"] .pg-wordmark__cat{width:46px;height:46px;background-image:url("media/brand-proposals/generated/printgats-cat-reel-20260825-v1.png");filter:none!important;transform:translateY(-1px)}
/* El primer frame A1 es oscuro bajo la cabecera: esta variante conserva una base suficiente para leer el wordmark sin tocar la navegación. */
html[data-brand-variant="gold-cat"] .site-header,
html[data-brand-variant="gold-cat"] .site-header:has(.language-switcher){background:rgba(211,217,229,.96)}
html[data-brand-variant="contained"] .pg-wordmark__compact{font-size:28px;font-weight:545;letter-spacing:-.072em}
html[data-brand-variant="contained"] .pg-wordmark__part--gats{font-style:italic;font-weight:500;letter-spacing:-.082em}

/* Submenú: segunda línea de la misma cabecera, no panel autónomo. */
@media (min-width:901px){
  html[data-brand-variant] .pg-examples-menu__panel{top:68px;min-height:40px;padding:0 clamp(24px,7vw,112px);border-top:0;border-bottom:1px solid rgba(17,19,24,.15);background:rgba(211,217,229,.96);box-shadow:none;gap:clamp(26px,4.5vw,72px);transform:translateY(-4px)}
  html[data-brand-variant] .pg-examples-menu__panel a,html[data-brand-variant] .pg-examples-menu__panel button{padding:13px 0!important;color:rgba(17,19,24,.66)!important}
  html[data-brand-variant] .pg-examples-menu.is-open>.pg-examples-menu__panel{transform:none}
}
@media (max-width:900px){
  html[data-brand-variant] .site-header,
  html[data-brand-variant] .site-header:has(.language-switcher){--header:62px;--header-height:62px;min-height:62px}
  html[data-brand-variant] .pg-responsive-wordmark{height:42px!important;width:137px!important;gap:4px}
  html[data-brand-variant] .pg-wordmark__compact{font-size:26px}
  html[data-brand-variant] .pg-wordmark__cat{width:28px;height:26px;transform:translateY(-2px)}
  html[data-brand-variant="gold-cat"] .pg-wordmark__cat{width:30px;height:30px;transform:translateY(-1px)}
  html[data-brand-variant="reel-cat"] .pg-responsive-wordmark{width:151px!important;gap:0}
  html[data-brand-variant="reel-cat"] .pg-wordmark__cat{width:36px;height:36px;transform:translateY(-1px)}
  html[data-brand-variant="contained"] .pg-wordmark__compact{font-size:25px}
  html[data-brand-variant] .nav{top:62px;height:calc(100svh - 62px);background:rgba(10,11,12,.98)}
  html[data-brand-variant] .nav>a,
  html[data-brand-variant] .nav>.pg-examples-menu>.pg-examples-menu__link{padding:18px 0;min-height:52px}
}
@media (prefers-reduced-motion:reduce){html[data-brand-variant] .pg-examples-menu__panel{transition:none!important}}

html[data-brand-variant] .site-header .pg-examples-menu__panel a:hover,html[data-brand-variant] .site-header .pg-examples-menu__panel a:focus-visible{background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}html[data-brand-variant] .site-header .pg-examples-menu__panel a:focus-visible{outline:0!important;text-decoration:underline;text-decoration-color:rgba(17,19,24,.5);text-decoration-thickness:1px;text-underline-offset:5px}