/* GT_MARCA_V1 (09/10/2026) — LA LETRA Y LOS COLORES DE TODO EL SITIO, EN UN SOLO LUGAR.
   Andrés: «tenés que definirla como familia de fonts para todo el site, no cambiar página por página».
   Lo cargan todas las páginas públicas al final del <head> (así manda sobre los estilos de cada página).
   Cambiar la letra o un color = cambiarlo acá y nada más. */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800;900&family=Big+Shoulders+Text:wght@600;700;800&family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap');

:root{
  /* letra */
  --gt-fd:'Big Shoulders Display', Impact, 'Arial Narrow', sans-serif;   /* títulos */
  --gt-fb:'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif;   /* texto corrido: semicondensada, de cartel industrial como la de los títulos, pero cómoda de leer (09/10: Big Shoulders Text en párrafos «está feo») */
  --gt-fbt:'Big Shoulders Text', 'Arial Narrow', system-ui, sans-serif;   /* botones y rótulos chicos */
  /* colores */
  /* paleta 2 «oxblood y crema», como el tolex y la tela de los equipos de época (09/10, Andrés eligió entre 5) */
  --gt-fondo:#14100e;
  --gt-fondo2:#1c1613;
  --gt-panel:#241b17;
  --gt-texto:#efe6d6;
  --gt-suave:#d3c8b5;   /* más claro: el gris anterior se leía apagado (09/10) */
  --gt-acento:#b0362b;     /* oxblood: botones y marcas */
  --gt-acento2:#e7d3a8;    /* crema */
  --gt-sobre-acento:#fff7ea;   /* el texto arriba del oxblood */
  --gt-acento-letra:#e5735f;   /* ladrillo claro: para LETRAS sobre fondo oscuro (el oxblood no se leía, 09/10) */
  --gt-rojo:#b23a2e;
  /* los nombres que ya usaban las páginas, apuntados a la marca */
  --bg:var(--gt-fondo);
  --bg2:var(--gt-fondo2);
  --panel:var(--gt-panel);
  --text:var(--gt-texto);
  --muted:var(--gt-suave);
  --gold:var(--gt-acento-letra);   /* las páginas usan --gold sobre todo para letras: el claro */
  --gold2:var(--gt-acento2);
}

body{font-family:var(--gt-fb)!important;background:var(--gt-fondo)!important}
/* la condensada se dibuja más alta (font-size-adjust) sin pisar los tamaños de cada página */
h1,h2,h3,h4{font-size-adjust:none}
.hero-lead{font-weight:500;max-width:40ch}
/* la condensada en 400 queda finita (09/10, Andrés: «el font de cada descripción está muy finito, no se lee fácil»): el texto corrido va en 500,
   y las descripciones de las tarjetas un poco más claras */
body,p,li,blockquote,dd,td,.desc,.gt-dest-desc,.gt-dest-note,.gt-tt-quote,.text-block p{font-weight:500}
.card .desc,.desc,.gt-dest-desc,.gt-dest-note{color:color-mix(in srgb,var(--gt-texto) 82%,transparent)!important;letter-spacing:.015em}
h1,h2,h3,h4{font-family:var(--gt-fd)!important;font-weight:900!important;letter-spacing:0!important}
h1{line-height:1.02!important}
h2,h3{line-height:1.05!important}
button,input,select,textarea{font-family:inherit}
/* los RELLENOS van en el oxblood oscuro (botones, etiquetas, puntos de la línea de tiempo); las letras, en el ladrillo claro */
.btn.primary,.gt-dest-cta:not(.gt-dest-cta-link),.gt-dest-tag,.hero-dot.is-active,.gt-destacado-dots button.is-active{background:var(--gt-acento)!important;border-color:var(--gt-acento)!important}
/* sobre el oxblood, letra clara (los botones traían la letra oscura para el dorado) */
.btn.primary,.gt-dest-cta:not(.gt-dest-cta-link),.gt-dest-tag{color:var(--gt-sobre-acento)!important}
.site-header{background:var(--gt-fondo)!important}
/* textos chicos que iban en dorado: en crema, que sobre el fondo oscuro se lee mejor que el oxblood */
.eyebrow,.kicker,.gt-tt-name,.hero .eyebrow{color:var(--gt-acento2)!important}

/* el movimiento corta palabras y renglones en cajitas: que no se coman la cola de la «y», la «p» y la «g» */
.word-mask,.line-mask{padding-bottom:.16em;margin-bottom:-.16em}

/* «GT · AMPLIFICATION» al lado de la garza es parte del logo: con la letra de siempre (09/10, Andrés: «volvé al anterior ya») */
.brand-text,.brand-name,.brand-dot,.site-header .brand,.site-header .brand *{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size-adjust:none!important;font-weight:revert;letter-spacing:revert}
/* LOS BOTONES CON ESTA FAMILIA (09/10, Andrés: «no era volver al anterior, buscale la vuelta con esta familia»): Big Shoulders Text
   en negrita, mayúsculas y letras separadas, como las placas de los equipos; un poco más grandes porque la letra es angosta */
.btn,button,.gt-dest-cta,.gt-tt-cta{font-family:var(--gt-fbt)!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.09em!important;font-size-adjust:none!important;font-size:max(1.02em,14px)!important}
.gt-dest-actions{flex-wrap:nowrap!important;gap:8px!important}
.gt-dest-cta{font-size:13px!important;letter-spacing:.06em!important;padding:8px 11px!important;white-space:nowrap}   /* «Probalo en el simulador» y «Ver detalle» en la misma línea (09/10) */
.pool-updated-badge,.pool-updated-badge *{font-family:var(--gt-fbt)!important;font-weight:600!important;letter-spacing:.04em!important;font-size-adjust:none!important}
/* el menú del encabezado va con el logo: la letra de siempre */
.nav a,.nav-lang{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size-adjust:none!important}

/* RÓTULOS CHICOS (09/10, «arreglá los fonts en todas las páginas»): con la letra de los botones, no la del texto */
.eyebrow,.kicker,.gt-dest-tag,.spec,.spec *,.specs dt,.price-note,.gt-ficha-media-lbl,.catalog-updated,.gt-seg-mock-pill,.nav-lang{font-family:var(--gt-fbt)!important;letter-spacing:.12em}
.eyebrow,.kicker{font-weight:800!important}
.price{font-family:var(--gt-fd)!important;font-weight:900!important;letter-spacing:.02em}
/* el logo en todas las páginas (comentarios arma su encabezado distinto) */
a.brand,a.brand *,.brand span,.brand b,.brand strong{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size-adjust:none!important}

/* TAMAÑO MÍNIMO (09/10, revisión: había textos de 10–11 px que con la letra condensada no se leen) */
.price-note,.catalog-updated,.gt-ficha-media-lbl{font-size:12.5px!important;letter-spacing:.04em!important}
.gt-dest-desc,.gt-dest-note{font-size:13.5px!important;line-height:1.4}
.eyebrow,.kicker{font-size:max(12px,1em)!important}
.pool-updated-badge,.pool-updated-badge *{font-size:12.5px!important}
/* el botón de Contacto tenía su propia regla con el dorado (09/10, revisión) */
.gt-contact-box > .btn.primary{background:var(--gt-acento)!important;border-color:var(--gt-acento)!important;color:var(--gt-sobre-acento)!important}
/* en las fichas del Pool el botón lleno es «.btn» a secas dentro del panel (09/10, revisión) */
.panel .btn:not(.secondary),.detail .btn:not(.secondary){background:var(--gt-acento)!important;border-color:var(--gt-acento)!important;color:var(--gt-sobre-acento)!important}

/* GT_ENTRADA_V2 (09/10/2026, Andrés: «al abrir en el celu dibuja la página, después el favicon gigante y recién después carga»):
   la página espera oculta (sólo el fondo) hasta que gt_movimiento.js tiene todo listo y entra de una vez. Si el movimiento no
   llega, aparece sola a los 1,8 s. Las páginas sin movimiento llevan class="gt-sin-mov" en <html>. */
html{background:#14100e}
html:not(.gt-listo):not(.gt-sin-mov) body{opacity:0;animation:gt-aparece .3s 1.8s forwards}
html.gt-listo body{animation:gt-aparece .3s both}
@keyframes gt-aparece{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html:not(.gt-listo) body{opacity:1;animation:none}}