/* ==========================================================================
   APU Market · Campañas — base compartida por todas las campañas
   Núcleo de marca (no cambia): kay · hanan · ukhu · oro · tinta · crema
   ========================================================================== */

@font-face { font-family: "Cinzel"; font-weight: 500; font-display: swap; src: url("fuentes/cinzel-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cinzel"; font-weight: 600; font-display: swap; src: url("fuentes/cinzel-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 400; font-display: swap; src: url("fuentes/lato-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 400; font-style: italic; font-display: swap; src: url("fuentes/lato-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Lato"; font-weight: 700; font-display: swap; src: url("fuentes/lato-latin-700-normal.woff2") format("woff2"); }

:root {
  /* Núcleo de marca */
  --kay:   #6A994B;
  --hanan: #3B6F9E;
  --ukhu:  #C75A3B;
  --oro:   #DBA331;
  --oro-luz: #F0CE76;
  --oro-texto: #8A6314;   /* único dorado válido como texto sobre crema */
  --tinta: #1A1512;
  --crema: #F4EFE4;
  --crema-2: #EBE3D3;
  --crema-3: #DED3BE;
  --texto: #2E2621;
  --texto-suave: #5F534A;

  /* Fondos profundos del emblema */
  --kay-fondo:   #3D6B3A;
  --hanan-fondo: #1E3D63;
  --ukhu-fondo:  #A8432A;

  --serif: "Cinzel", Georgia, serif;
  --sans:  "Lato", -apple-system, "Segoe UI", Roboto, sans-serif;
  --ancho: 1140px;
  --radio: 6px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: var(--sans); font-size: 17px; line-height: 1.6; color: var(--texto); background: var(--crema); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
.envoltura { max-width: var(--ancho); margin: 0 auto; padding: 0 20px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--oro); outline-offset: 3px; }

/* Quechua primero, español después: el quechua es el alma, el español la función */
.qu { font-family: var(--serif); font-weight: 600; letter-spacing: .04em; }
.es { font-family: var(--sans); }

.icono { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }