/* Laboratorio local 25-08-2026. No cambia la marca fuera de localhost. */
@font-face{font-family:"PG Manrope";src:url("media/fonts/brand-lab/Manrope[wght].ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:"PG Archivo";src:url("media/fonts/brand-lab/Archivo[wdth,wght].ttf") format("truetype");font-style:normal;font-weight:100 900;font-stretch:62.5% 125%;font-display:swap}
@font-face{font-family:"PG Bricolage";src:url("media/fonts/brand-lab/BricolageGrotesque[opsz,wdth,wght].ttf") format("truetype");font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"PG IBM Plex";src:url("media/fonts/ibm-plex-sans-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
html[data-brand-variant^="system-"] .pg-responsive-wordmark{width:158px!important;gap:7px}
html[data-brand-variant^="system-"] .pg-wordmark__compact{font-family:"PG Manrope",sans-serif;font-size:25px;font-weight:700;letter-spacing:-.065em;line-height:1}
html[data-brand-variant^="system-"] .pg-wordmark__cat{width:37px;height:37px;transform:translateY(-1px);background:center/contain no-repeat;-webkit-mask:none;mask:none}
html[data-brand-variant="system-manrope"] .pg-wordmark__cat{background-image:url("media/brand-proposals/system-20260825/cat-approved-tail-reduced-3-lines-v1.png")}
html[data-brand-variant="system-archivo"] .pg-wordmark__compact{font-family:"PG Archivo",sans-serif;font-weight:700;font-stretch:94%;letter-spacing:-.07em}
html[data-brand-variant="system-archivo"] .pg-wordmark__cat{background-image:url("media/brand-proposals/system-20260825/cat-approved-tail-reduced-3-lines-v1.png")}
html[data-brand-variant="system-bricolage"] .pg-wordmark__compact{font-family:"PG Bricolage",sans-serif;font-weight:650;font-stretch:92%;letter-spacing:-.075em}
html[data-brand-variant="system-bricolage"] .pg-wordmark__cat{background-image:url("media/brand-proposals/system-20260825/cat-approved-tail-reduced-3-lines-v1.png")}
@media(max-width:900px){html[data-brand-variant^="system-"] .pg-responsive-wordmark{width:140px!important;gap:5px}html[data-brand-variant^="system-"] .pg-wordmark__compact{font-size:22px}html[data-brand-variant^="system-"] .pg-wordmark__cat{width:30px;height:30px}}
/* The lab reuses this local font without importing hero typography. */
body .plex .type{font-family:"PG IBM Plex",sans-serif}
@media(max-width:740px){body .lab .views{grid-template-columns:1fr}body .lab .view{min-width:0}}