/**
 * CARDS — componentes de tarjeta reutilizados en varias secciones.
 * En WordPress: cada grupo (.facts, .poi-cols) es un
 * buen candidato a ACF Repeater o a un bloque Gutenberg de patrón,
 * con la tarjeta individual como sub-campo.
 */

/* Ficha técnica */
.facts{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--color-line); border:1px solid var(--color-line); }
@media (max-width:760px){ .facts{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .facts{ grid-template-columns:1fr; } } /* mobile: vertical, una caja por fila — más cómodo de leer que 2 columnas apretadas */
.fact{ background:var(--color-bg); padding:34px 26px; }
.fact .icon{ width:30px; height:30px; margin-bottom:18px; color:var(--color-brand); }
.fact .value{ font-family:var(--font-display); font-weight:500; font-size:26px; text-transform:uppercase; line-height:1.05; }
.fact .label{ margin-top:6px; font-size:12.5px; color:var(--color-stone-dark); letter-spacing:.03em; }

/* Listas de puntos de interés (ubicación) */
.poi-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px; }
@media (max-width:760px){ .poi-cols{ grid-template-columns:1fr; gap:28px; } }
.poi-col h3{
  font-family:var(--font-body); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--color-brand); margin:0 0 14px; padding-bottom:10px; border-bottom:1px solid var(--color-line);
}
.poi-col li{ font-size:15px; padding:7px 0; color:var(--color-ink); display:flex; justify-content:space-between; gap:10px; }
.poi-col li span.tag{ font-size:11px; color:var(--color-stone-dark); white-space:nowrap; }