/* assets/redesign/css/tokens.css — tokens del rediseño (Figma WEILO RC 3) */
@font-face {
  font-family: 'Gazpacho';
  src: url('../fonts/gazpacho-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gazpacho';
  src: url('../fonts/gazpacho-medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
/* GSF instanciada a solo eje wght (85KB): fonttools varLib.instancer -o gsf.ttf <variable.ttf> GRAD=0 ROND=0 opsz=18 slnt=0 wdth=100 && fonttools ttLib.woff2 compress */
@font-face {
  font-family: 'Google Sans Flex';
  src: url('../fonts/google-sans-flex.woff2') format('woff2-variations');
  font-weight: 1 1000; font-style: normal; font-display: swap; /* rango real del eje wght tras instanciar (hallazgo Minor, review Task 1) */
}
:root {
  --rd-crema: #F9F2E4;
  --rd-terracota: #D05D47;
  --rd-gris: #736E66;
  --rd-cream: #FAF6EE;
  --rd-negro: #000;
  --rd-blanco: #FFF;
  --rd-font-display: 'Gazpacho', Georgia, serif;
  --rd-font-text: 'Google Sans Flex', system-ui, sans-serif;
  --rd-nav-w: min(1076px, calc(100vw - 48px));
}
/* Reset de lienzo para las plantillas del rediseño */
body.weilo-rd { background: var(--rd-crema); font-family: var(--rd-font-text); margin: 0; }
body.weilo-rd .site-header, body.weilo-rd .site-footer { display: none; } /* Astra fuera: la plantilla pinta su propio chrome */

/* Anti-blowout: los nowrap gigantes (palabra, marquee) no deben inflar el
 * layout (min-width:auto de los wrappers flex de Astra) ni crear scroll
 * horizontal. clip mantiene el sticky/scroll vertical (hidden lo rompería). */
body.weilo-rd { overflow-x: clip; }
body.weilo-rd .rd-page { max-width: 100vw; min-width: 0; overflow-x: clip; }

/* Full-bleed real: neutralizar el contenedor de Astra (max-width 1240 +
 * padding 20) en las plantillas del rediseño. El ancho de columna lo pone
 * cada componente, no el theme wrapper. */
body.weilo-rd .ast-container { max-width: 100%; padding-left: 0; padding-right: 0; }
body.weilo-rd .rd-page { max-width: none; width: 100%; }

/* Astra pinta color propio en h1-h6 (pisa la herencia): en el rediseño los
 * titulares heredan del componente. :where() deja la especificidad en 0-1-0
 * para que cualquier color declarado en el propio titular (p.ej.
 * .rd-hero__titulo blanco, .rd-m-titulo negro) gane sin trucos.
 * OJO: sin el elemento `body` — .weilo-rd a secas = 0-1-0 exacto: gana a los
 * selectores de elemento de Astra y empata (pierde por orden) con las clases
 * de componente, que cargan después. */
.weilo-rd :where(h1, h2, h3) { color: inherit; }

/* Decisión del controlador: la promo bar antigua choca con el nav flotante
 * del rediseño. Se oculta solo en las plantillas del rediseño. */
body.weilo-rd [class*="promo-bar"] { display: none !important; }

body.weilo-rd .weilo-popup, body.weilo-rd [class*="weilo-popup"] { display: none !important; } /* Popup 10% del diseño antiguo fuera de las plantillas rd — decisión del controlador PENDIENTE de confirmación de negocio (reactivable borrando esta regla) */

/* Astra mete a:hover { color: #8d5425 } (su acento marrón) en todos los
 * enlaces. En el rediseño los hovers se expresan por componente (opacidad,
 * fondo…), nunca con ese marrón. (0,2,1) gana al a:hover de Astra (0,1,1) y
 * empata-perdiendo con cualquier hover de componente que cargue después. */
.weilo-rd a:hover { color: inherit; }