/* =====================================================================
   Ubicación — "Visítanos en nuestra ferretería" (texto + imagen)
   ===================================================================== */

.fdq-location {
  padding-block: 96px;
  overflow: hidden;
}
.fdq-location__grid {
  max-width: var(--fdq-container-max);
  margin-inline: auto;
  padding-inline: var(--fdq-space-md);
  gap: var(--fdq-space-xl);
}

/* La imagen ocupa toda la altura de su columna para quedar encuadrada con el texto
   (antes quedaba pegada arriba y descentrada). */
.fdq-location__grid.are-vertically-aligned-center { align-items: stretch; }
.fdq-location__grid > .wp-block-column.is-vertically-aligned-center { align-self: stretch; }

/* ---------- Columna de contenido ---------- */
.fdq-location__content {
  display: flex;
  flex-direction: column;
  gap: var(--fdq-space-lg);
}
.fdq-location__title {
  margin: 0;
  color: #fff;
  line-height: var(--fdq-lh-tight);
}
.fdq-location__lead {
  margin: 0;
  font-size: var(--fdq-fs-body-lg);
  color: #d1dce5;
}

/* Tarjeta "Trato Directo y Humano" */
.fdq-location__card {
  gap: var(--fdq-space-sm);
  padding: var(--fdq-space-md);
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--fdq-radius-lg);
}
.fdq-location__card-icon { margin: 0; }
.fdq-location__card-icon .material-symbols-outlined {
  color: var(--fdq-secondary-container);
  font-size: 30px;
}
.fdq-location__card-icon .fdq-icon-img { width: 30px; height: 30px; }
.fdq-location__card-body > * { margin: 0; }
.fdq-location__card-title {
  margin-bottom: var(--fdq-space-xs);
  font-size: var(--fdq-fs-h3);
  font-weight: 700;
  color: #fff;
}
.fdq-location__card-text {
  color: #d1dce5;
  opacity: 0.9;
}

/* ---------- Columna de imagen (con halo) ---------- */
.fdq-location__media {
  position: relative;
  height: 100%;
  min-height: 440px;
  border: 4px solid rgba(255, 255, 255, 0.10);
  border-radius: 1rem;
  background-color: var(--fdq-primary-container);
  background-image: url("../../images/home/ferreteria-especializada-madrid-centro.webp");
  background-size: cover;
  background-position: center;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.fdq-location__media::before {
  content: "";
  position: absolute;
  inset: -16px;
  z-index: -1;
  border-radius: var(--fdq-radius-pill);
  background-color: rgba(31, 192, 255, 0.20);
  filter: blur(48px);
}

@media (max-width: 767px) {
  .fdq-location__grid { flex-direction: column; }
  .fdq-location__grid > .wp-block-column { flex-basis: 100%; }
}