/* ==========================================================================
   WORDMARK COMO TEXTO REAL (Archivo Black)
   Generado por cabezapapa-brand/tools/build-web-texto.js — no editar a mano.
   Chrome rasteriza el texto con hinting; los mismos glifos como paths SVG
   pasan por el antialiasing genérico y se ven más blandos. Misma composición
   aprobada, mejor render.
   ========================================================================== */
@font-face {
  font-family: 'Archivo Black';
  src: url('../assets/fonts/ArchivoBlack.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: block;
}

.lockup { display: block; container-type: inline-size; }
.lockup .wm {
  display: block;
  font-family: 'Archivo Black', 'Arial Black', sans-serif;
  font-weight: 400; font-kerning: normal; font-synthesis: none;
  line-height: 0.8531;
  white-space: nowrap;
  color: currentColor;
}
.lockup .wm-l1, .lockup .wm-l2 { display: block; }
.lockup .wm-l1 { letter-spacing: -0.0048em; }
.lockup .wm-l2 { letter-spacing: -0.02183em; }
.lockup .wm-st {
  display: block; color: #F69A1E;
  font-size: 0.3em;
  letter-spacing: 0.43em;
  line-height: 1;
}
.lockup .logo-papa { display: block; }

/* ---------- HERO: lockup vertical ---------- */
.lockup-v .logo-papa {
  width: 40%;          /* fallback exacto */
  width: 40cqw;
  margin-left: 29.07%;
  margin-left: 29.07cqw;
}
.lockup-v .wm {
  /* fallback sin container queries: espeja clamp(260px, 30vw, 430px) del ancho */
  font-size: clamp(57.37px, 6.6196vw, 94.88px);
  font-size: 22.0653cqw;
  margin-top: 0.2164em;
}
.lockup-v .wm-st {
  margin-top: 0.4628em;
  /* el tracking deja un hueco final; se compensa para centrar ópticamente */
  margin-left: 0.43em;
  text-align: center;
}

/* ---------- HEADER: lockup horizontal ----------
   Escala por ANCHO, no por alto: container-type:size aplica contención de
   tamaño y colapsaría el ancho del lockup a 0 (el header se quedaba sin
   área clickeable). Con inline-size el alto sigue dependiendo del contenido. */
.lockup-h {
  container-type: inline-size;
  display: flex; align-items: flex-start;
}
.lockup-h .logo-papa {
  width: 27.5606%;         /* fallback exacto */
  width: 27.5606cqw;
  height: auto; flex: none;
}
/* El hueco va como margen del wordmark, no como gap del contenedor: las
   unidades cq en la propiedad del PROPIO contenedor se resuelven contra un
   ancestro (o el viewport), no contra él mismo. */
.lockup-h .wm {
  font-size: 18.364px;   /* fallback: header de 30px */
  font-size: 14.8145cqw;
  margin-top: -0.0263em;
  margin-left: 0.3578em;
}