@layer organisms {
  /* Ubicación y contacto: datos a la izquierda, mapa a la derecha */
  .location {
    display: grid;
    gap: var(--space-xl);
    align-items: stretch;

    @media (min-width: 64rem) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  }

  .location__address {
    font-family: var(--font-display);
    font-size: 1.375rem;
    line-height: 1.4;
  }

  .location__refs { margin-block-start: var(--space-2xs); }
  .location__apps { --cluster-gap: var(--space-2xs); margin-block-start: var(--space-2xs); }

  .contact__list {
    display: grid;
    gap: var(--space-s);

    & dt { margin-block-end: var(--space-3xs); }
    & dd { margin: 0; color: var(--text-muted); }
  }

  .location__map {
    min-height: 360px;
    overflow: hidden;
    border-radius: var(--radius-card);
    border: 1px solid var(--border);
    background: var(--surface-muted);

    & iframe {
      display: block;
      width: 100%;
      height: 100%;
      min-height: 360px;
      border: 0;
    }
  }

  /* El consultorio: galería de fotos */
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
    gap: var(--space-s);
  }

  .gallery__item {
    margin: 0;

    & img {
      width: 100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius: var(--radius-card);
    }

    & figcaption {
      margin-block-start: var(--space-2xs);
      font-size: var(--text-small);
      color: var(--text-muted);
    }
  }
}