/* =========================================================
   Helados Lihuén — páginas interiores (quiénes somos)
   Lectura larga: una columna angosta, fotos que respiran.
   Hereda la portada (.chero) y el pie (.cfoot) de carta.css.
   ========================================================= */

.body--pagina{background:var(--cream-lt)}

.pag{--tinte:var(--cream)}
.pag--mint{--tinte:var(--mint-lt)}
.pag--cream{--tinte:#F8E9D6}
.pag--arena{--tinte:var(--arena-lt)}

/* la portada de estas páginas lleva una foto de archivo, no un recorte */
.chero__img--foto{
  height:clamp(180px,26vw,320px);width:auto;
  border-radius:18px;bottom:auto;top:50%;translate:0 -50%;
  filter:none;box-shadow:0 26px 50px -28px rgba(46,26,16,.65);
}

.pag__cuerpo{
  max-width:38rem;margin-inline:auto;padding:0 var(--pad);
  font-size:clamp(1.02rem,.4vw + .92rem,1.12rem);
}
.pag__cuerpo p{color:var(--ink-soft);margin:0 0 1.3em}
.pag__cuerpo strong{color:var(--ink)}

.pag__lead{
  font-family:var(--serif);font-size:clamp(1.2rem,1.4vw + .95rem,1.65rem);
  line-height:1.4;color:var(--ink)!important;
  font-variation-settings:'SOFT' 60,'WONK' 1;
  margin-bottom:1.6em!important;
}

.pag__h2{
  font-size:clamp(1.7rem,3vw,2.6rem);color:var(--red);
  margin:2.6rem 0 1.1rem;
}
.pag__h2::after{
  content:'';display:block;width:2.4rem;height:2px;background:var(--red);
  margin-top:.7rem;opacity:.45;
}

.pag__cita{
  margin:2.4rem 0;padding:1.6rem 0 0;border-top:2px solid rgba(224,30,43,.22);
}
.pag__cita p{
  font-family:var(--serif);font-style:italic;
  font-size:clamp(1.15rem,1.3vw + .9rem,1.5rem);line-height:1.36;
  color:var(--ink)!important;font-variation-settings:'SOFT' 70,'WONK' 1;
}
.pag__cita footer{display:flex;flex-direction:column;font-size:.88rem;color:var(--muted)}
.pag__cita footer strong{color:var(--red)}

/* ---------- figuras ---------- */
.pag__fig{margin:2.4rem 0}
.pag__fig img{width:100%;border-radius:18px;box-shadow:0 26px 50px -30px rgba(46,26,16,.6)}
.pag__fig figcaption{
  margin-top:.9rem;font-size:.85rem;color:var(--muted);line-height:1.5;
}
/* el mural es panorámico: se sale de la columna de texto para leerse mejor */
.pag__fig--ancha{
  width:min(94vw,72rem);
  margin-inline:calc(50% - min(47vw,36rem));
}

/* ---------- claves de lectura (el mural) ---------- */
.pag__dl{margin:2rem 0 0;display:grid;gap:1.4rem}
.pag__dl div{
  padding:1.2rem 1.3rem;background:var(--tinte);border-radius:16px;
}
.pag__dl dt{
  font-family:var(--serif);font-size:1.15rem;color:var(--red);
  font-style:italic;font-variation-settings:'SOFT' 70,'WONK' 1;margin-bottom:.4rem;
}
.pag__dl dd{margin:0;font-size:.94rem;line-height:1.6;color:var(--ink-soft)}

/* ---------- hitos con foto ---------- */
.hito{
  display:grid;grid-template-columns:minmax(0,150px) 1fr;
  gap:clamp(1.1rem,2.5vw,1.8rem);align-items:start;
  margin:2.4rem 0;padding:1.4rem;border-radius:20px;background:var(--tinte);
}
.hito img{width:100%;border-radius:12px}
.hito__txt h3{
  font-size:clamp(1.25rem,2vw,1.6rem);margin:0 0 .6rem;color:var(--ink);
}
.hito__txt p{font-size:.94rem;line-height:1.6;margin:0 0 .8em}
.hito__txt p:last-child{margin-bottom:0}

@media (max-width:640px){
  .hito{grid-template-columns:1fr}
  .hito img{max-width:220px}
  .chero__img--foto{
    position:static;translate:none;height:auto;width:100%;
    margin-top:1.8rem;max-height:220px;object-fit:cover;
  }
  .pag__fig--ancha{width:auto;margin-inline:0}
}