/* =======================================================================
   BORRADOR · Tipografía nueva de ARRAIGO (solo la usa index-paleta.html)
   Va DESPUÉS de paleta.css (ahí están --f-serif, --f-sans y --f-mono).
   Escritorio = valores base. Celular (hasta 760 px) = bloque de abajo.
   ======================================================================= */
body{ font-family:var(--f-sans); font-weight:400; letter-spacing:0; }

/* EB Garamond nunca va en negrita */
.h1, .h2, .hero .h1, .cho2__title, .cho2__f, .cho2__price, .ped2__w, .ped2__mw,
.ac__nm, .ac__txt .ch__what, .mu2__title, .qa__q, .ac__txt .ch__pre{ font-family:var(--f-serif); font-weight:400; }

/* EB Garamond siempre en cursiva, salvo en mayúsculas (nombres de charms) y en el precio */
.hero .h1, .h2, .pul .h2, .ped2 .h2, .cho2__title, .cho2__f, .ped2__w, .ped2__mw{ font-style:italic; }
.ac__nm, .ac__txt .ch__what, .cho2__price{ font-style:normal; }

/* ---------- Titulares ---------- */
.hero .h1{ font-size:clamp(40px,5.2vw,56px); line-height:1.05; }     /* 56 px desde ~1080 px de ancho; antes baja para que no se corte */
.h2, .pul .h2, .ped2 .h2, .cho2__title{ font-size:46px; line-height:1.08; }
.ac__nm, .ac__txt .ch__what{ font-size:34px; line-height:1.1; text-transform:uppercase; letter-spacing:.03em; }

/* ---------- Frases en cursiva: gris sobre claro, paja sobre oscuro ---------- */
.ac__txt .ch__pre, .qa__q, .mu2__title{ font-style:italic; font-size:21px; line-height:1.3; }
.qa__q{ color:var(--neblina); }
.ac__txt .ch__pre, .mu2__title{ color:var(--paja); }

/* Subtítulo del hero: un solo párrafo en Manrope, paja sobre la foto, máximo 2 líneas en escritorio */
.hero .lead{ font-family:var(--f-sans); font-weight:400; font-style:normal; font-size:17px; line-height:1.55; color:var(--paja); max-width:46ch; }

/* ---------- Párrafos ---------- */
.lead, .card__p, .mu2__p, .ped2__fr p, .ped2__mf, .qa__a, .cho2__f--sans, .cho__p{ font-family:var(--f-sans); font-weight:400; font-style:normal; font-size:16px; line-height:1.6; }
.lead, .qa__a{ color:var(--carbon); }

/* ---------- Botones y links ---------- */
.btn, .pill{ font-family:var(--f-sans); font-weight:500; font-size:15px; text-transform:none; letter-spacing:0; }
.pill--sm, .ped2__duda .pill{ font-size:14px; }
.nav__a, .nav__tg, .nav__sub a, .lnk, .ac__txt .ch__go, .mu2__wt .lnk{ font-family:var(--f-sans); font-weight:500; font-size:14px; letter-spacing:0; }
.nav__sub a{ text-transform:none; }

/* ---------- Precio ---------- */
.cho2__price{ font-size:32px; line-height:1.1; color:var(--tinta); }

/* ---------- Etiquetas pequeñas (Overpass Mono, mayúsculas) ---------- */
.ac__tag, .ac__txt .ch__name, .mu2__lb, .step__n, .paso__n{ font-family:var(--f-mono); font-weight:400; font-size:11px; text-transform:uppercase; letter-spacing:.18em; }

/* ---------- Franja del taller ---------- */
html .franja{ font-family:var(--f-mono); font-weight:400; font-size:11px; text-transform:uppercase; letter-spacing:.14em; }

/* ======================= CELULAR (hasta 760 px) ======================= */
@media (max-width:760px){
  .hero .h1{ font-size:36px; }
  .h2, .pul .h2, .ped2 .h2, .cho2__title{ font-size:32px; }
  .ac__nm, .ac__txt .ch__what{ font-size:26px; }
  .ac__txt .ch__pre, .qa__q, .mu2__title{ font-size:19px; }
  .hero .lead{ font-size:15px; max-width:none; }
  .lead, .card__p, .mu2__p, .ped2__fr p, .ped2__mf, .qa__a, .cho2__f--sans, .cho__p{ font-size:15px; }
  .cho2__price{ font-size:28px; }
  .ac__tag, .ac__txt .ch__name, .mu2__lb, .step__n, .paso__n{ font-size:10px; }
  html .franja{ font-size:10px; }
}

/* ---------- Mujeres: frase destacada (la razón del charm) ---------- */
.mu2__q{ margin:32px 0 0; font-family:var(--f-serif); font-style:italic; font-weight:400; font-size:30px; line-height:1.2; color:var(--paja); text-wrap:balance; }
.mu2__w{ padding-top:24px; }
@media (max-width:760px){
  .mu2__q{ font-size:24px; margin-top:28px; }
}