/* =============================================================================
   Contacto — Cómo llegar (texto con bloques de bullets) + mapa embed.
   ========================================================================== */

.contacto-llegar {
  padding-block: var(--section-pad-y);
}

.contacto-llegar__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-7);
  align-items: start;
}

@media (min-width: 900px) {
  .contacto-llegar__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
}

.contacto-llegar__intro {
  margin: 0 0 var(--space-5);
  font-size: var(--fs-p-l);
  line-height: var(--lh-p-l);
  color: var(--color-text);
  max-width: 38ch;
}

.contacto-llegar__bloque {
  margin-bottom: var(--space-5);
}
.contacto-llegar__bloque:last-child { margin-bottom: 0; }

.contacto-llegar__bloque-titulo {
  margin: 0 0 var(--space-2);
  font-size: var(--fs-p-m);
  font-weight: var(--fw-bold);
  color: var(--color-burgundy);
}

.contacto-llegar__bloque-lista {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;            /* el reset global pone list-style:none; lo restauramos */
  color: var(--color-text);
  font-size: var(--fs-p-m);
  line-height: var(--lh-p-m);
}
.contacto-llegar__bloque-lista li {
  margin-bottom: var(--space-1);
}
.contacto-llegar__bloque-lista li:last-child { margin-bottom: 0; }
.contacto-llegar__bloque-lista strong { font-weight: var(--fw-bold); }

/* === Mapa === */
.contacto-llegar__mapa {
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-soft);
  aspect-ratio: 4 / 3;
  min-height: 18rem;
}
.contacto-llegar__mapa iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.contacto-llegar__mapa-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-border) 25%, transparent 25%) -10px 0,
              linear-gradient(225deg, var(--color-border) 25%, transparent 25%) -10px 0,
              linear-gradient(315deg, var(--color-border) 25%, transparent 25%),
              linear-gradient(45deg, var(--color-border) 25%, transparent 25%);
  background-size: 20px 20px;
  background-color: var(--color-bg-soft);
  opacity: 0.4;
}