/* ============================================================
   EDUKA · 03 · actividades
   Cuatro columnas que bajan a dos y a una.
   ============================================================ */

.acts{position:relative;padding:var(--seccion-y) var(--pad)}
.acts .watermark{left:2vw;right:auto}

.acts-head{max-width:760px;margin-bottom:clamp(40px,6vw,80px)}
.acts-title{font-size:clamp(38px,5vw,72px);color:var(--cuero);margin-bottom:22px}
.acts-title em{color:var(--verde)}
.acts-sub{max-width:46ch;opacity:.8}

.acts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px)}
.act{border-top:1px solid var(--linea);padding-top:26px}
.act .n{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--fuego);opacity:.85;margin-bottom:clamp(28px,4vw,52px)}
.act h3{font-size:clamp(24px,2.2vw,32px);color:var(--cuero);margin-bottom:12px}
.act p{font-size:15px;line-height:1.6;opacity:.78}

@media (max-width:1080px){
  .acts-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:600px){
  .acts-grid{grid-template-columns:1fr}
  .act{padding-top:20px}
  .act .n{margin-bottom:22px}
}