/* =============================================================
   Del Campo — página «Nuestra historia»
   Se carga solo en /historia/.

   El contenido de esta página venía de la plantilla del tema:
   Lorem Ipsum en inglés, contadores inventados y un equipo ficticio.
   Se reemplazó por la historia real de la empresa.
   ============================================================= */

.dc-h{max-width:1160px;margin:0 auto;padding:0 22px;
  font-family:"DM Sans",system-ui,-apple-system,sans-serif;color:#254144}
.dc-h .eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;
  font-weight:600;color:#007236;display:block;margin-bottom:10px}
.dc-h h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.025em;
  font-weight:700;margin:0 0 16px;color:#254144;text-transform:none;max-width:19ch}
.dc-h h2{font-size:clamp(22px,3vw,30px);line-height:1.15;letter-spacing:-.02em;
  font-weight:700;margin:0 0 12px;color:#254144;text-transform:none}
.dc-h h3{font-size:19px;font-weight:700;margin:0 0 8px;color:#254144;
  letter-spacing:-.01em;text-transform:none}
.dc-h p{font-size:16px;line-height:1.7;color:#5D716E;margin:0 0 14px}
.dc-h .lead{font-size:18px;line-height:1.65;color:#3E5B5E;max-width:62ch}
.dc-h section{padding:52px 0;border-top:1px solid #EAEFED}
.dc-h section:first-child{border-top:0;padding-top:8px}

/* ---------- Línea de tiempo ----------
   Los dos primeros hitos (fundación y constitución formal) llevan
   el punto en verde oscuro; las aperturas posteriores, en lima. */
.dc-tl{list-style:none;margin:26px 0 0;padding:0;position:relative}
.dc-tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;
  width:2px;background:#DCE4E1}
.dc-tl li{position:relative;padding:0 0 22px 34px}
.dc-tl li::before{content:"";position:absolute;left:0;top:6px;width:16px;height:16px;
  border-radius:50%;background:#fff;border:3px solid #9BC31E}
.dc-tl li.hito::before{border-color:#007236;background:#007236}
.dc-tl .anio{font-weight:800;font-size:17px;color:#007236;letter-spacing:-.01em;margin-right:10px}
.dc-tl .lugar{font-weight:700;font-size:16px;color:#254144}
.dc-tl .det{display:block;font-size:14.5px;color:#5D716E;line-height:1.55;
  margin-top:5px;max-width:60ch}

/* ---------- Tarjetas ---------- */
.dc-h .dos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.dc-h .card{background:#fff;border:1px solid #DCE4E1;border-radius:18px;padding:26px;
  box-shadow:0 1px 2px rgba(37,65,68,.05),0 16px 38px -24px rgba(37,65,68,.4)}
.dc-h .card p:last-child{margin-bottom:0}
.dc-h ul.lista{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.dc-h ul.lista li{display:flex;gap:10px;align-items:flex-start;font-size:15px;
  line-height:1.55;color:#3E5B5E}
.dc-h ul.lista li svg{flex-shrink:0;margin-top:3px}
.dc-h .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.dc-h .chips span{border:1px solid #DCE4E1;border-radius:999px;padding:8px 15px;
  font-size:14px;font-weight:600;color:#254144;background:#fff}

@media(max-width:820px){
  .dc-h .dos{grid-template-columns:1fr}
  .dc-h{padding:0 16px}
  .dc-h section{padding:38px 0}}

/* ---------- Cierre de la página ----------
   La línea de tiempo termina en seco con la tarjeta de Filosofía.
   Este bloque la cierra y ofrece la salida natural: el catálogo. */
.dc-h-cierre{margin:46px 0 8px;padding-top:38px;border-top:1px solid #DCE4E1;
  display:flex;align-items:center;gap:26px}
.dc-h-cierre .dc-masc{flex:0 0 132px;width:132px}
.dc-h-cierre p{margin:0 0 16px;font-size:17px;line-height:1.6;color:#3E5250}
.dc-h-cierre strong{color:#254144}
.dc-h-cierre a{display:inline-flex;align-items:center;min-height:44px;
  padding:0 22px;border-radius:999px;background:#007236;color:#fff;
  font-weight:600;font-size:14.5px;text-decoration:none;
  transition:transform .15s ease,filter .15s ease}
.dc-h-cierre a:hover{transform:translateY(-1px);filter:brightness(1.06)}
@media(max-width:620px){
  .dc-h-cierre{flex-direction:column;text-align:center;gap:14px}
  .dc-h-cierre .dc-masc{flex:0 0 auto;width:120px}
}