/* =========================================================================
   REGION.CSS — Zona de actuación (Málaga · Costa del Sol) + sobre la empresa
   ========================================================================= */

.region { display: grid; gap: clamp(2rem, 5vw, 4rem); grid-template-columns: 1.05fr .95fr; align-items: center; }
.region__text .section-head { text-align: left; margin: 0 0 1.6rem; }
.region__list { list-style: none; margin-top: 1.4rem; display: grid; gap: .8rem; }
.region__list li { position: relative; padding-left: 1.9rem; color: var(--text); }
.region__list li svg { position: absolute; left: 0; top: .15rem; width: 20px; height: 20px; color: var(--blue-mid); }

/* Foto real de la Costa del Sol */
.region__map {
  position: relative; margin: 0;
  border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-lg);
  border: 1px solid var(--border); background: var(--navy);
  aspect-ratio: 4 / 3;
}
.region__map img { width: 100%; height: 100%; object-fit: cover; display: block; }
.region__map svg { width: 100%; height: auto; display: block; }
/* Etiqueta sobre la foto */
.region__map figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 1.4rem 1.3rem .9rem; color: #fff; font-family: var(--font-serif);
  font-size: 1.15rem; letter-spacing: .01em;
  background: linear-gradient(to top, rgba(20,44,70,.85), rgba(20,44,70,0));
}
.region__chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.4rem; }
.region__chips span {
  font-size: .85rem; font-weight: 600; color: var(--navy);
  background: var(--off-white); border: 1px solid var(--border);
  padding: .4rem .9rem; border-radius: 999px;
}

@media (max-width: 860px) { .region { grid-template-columns: 1fr; } }