.bloque-icon { width:84px; height:84px; border-radius:12px; background:rgba(89,178,166,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center; margin-bottom:1.75rem; }
.bloque-icon svg { width:42px; height:42px; color:var(--green-dark); }
.section-header .body-text { max-width:46rem; margin-left:auto; margin-right:auto; }
#la-formacion .section-header { margin-bottom:40px; }
/* la galeria cierra la pagina con aire antes del footer */

/* el hueco de imagen que aloja un icono: sin marco ni etiqueta */
.img-ph-icon { background:none; border:none; }
.img-ph-icon::before { content:none; }
.img-ph-icon img { width:100%; height:100%; object-fit:contain; display:block; }

/* ── Portátiles (≤1440px): tres tarjetas en línea y más compactas ── */
@media(min-width:901px) and (max-width:1440px){
  #content .tipos-cards { grid-template-columns:repeat(3,1fr); }
  #content .tipos-cards .card { padding:28px; }        /* 8px mas a todo alrededor */
  #content .tipos-cards .tag { font-size:11px; }
  #content #hero { gap:40px; }                         /* el bloque, a 40px de "Desplazate" */
  #content > section#que-ofrece:not(#hero):not(.vista-fondo):not(.cat-section) { padding-bottom:100px !important; }   /* 40px mas */
  #content .boton-voluntariado { margin-top:120px !important; }
}