/* Plantilla: templates/page-parque.php (El Parque), fiel a ptsgranada.com/parque. Comparte area.css. */

.folleto .section-head {
  max-width: 56rem;
}

.folleto__btn {
  display: flex;
  justify-content: center;
}

/* Conexiones: banda azul clara; título y texto a la izquierda, mapa a todo el ancho */
.conexiones {
  padding-bottom: 0;
}

.conexiones .section-head {
  max-width: 46rem;
}

.conexiones__map {
  margin: 0;
}

.conexiones__map img {
  display: block;
  width: 100%;
  height: auto;
}

/* Equilibrio: cabecera a la derecha, gráfico debajo a todo el ancho */
.section-head--right {
  max-width: 100%;
  display: grid;
  gap: var(--sp-4);
  grid-template-columns: repeat(auto-fit, minmax(min(2rem, 100%), 1fr));
  grid-template-columns: repeat(var(--grid-cols), minmax(0, 1fr));
  grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
  width: 100%;
}

.equilibrio__img {
  margin: 0;
}

.equilibrio__img img {
  display: block;
  width: 100%;
  height: auto;
}

/* Dónde estamos: foto a sangre sin velo, todo centrado */
.donde {
  position: relative;
  isolation: isolate;
  min-height: 48vh;
  padding-block: var(--sp-7);
  color: var(--c-text-inv);
  background: var(--c-bg-deep);
}

.donde__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
}

.donde__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.donde__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(15 18 64 / .25);
}

.donde__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--sp-4);
  text-align: center;
}

.donde__pin {
  width: 2rem;
  height: 2rem;
  opacity: .9;
}

.donde__title {
  font-weight: var(--fw-regular);
  text-shadow: 0 2px 12px rgb(0 0 0 / .35);
}

/* Ejes: isotipo con el color de cada área */
.eje__icon {
  color: var(--area);
}

.eje .card__icon>svg {
  width: 100%;
  height: 100%;
}