/**
 * Traducción de la REPORT VIEW del artifact. Una adaptación deliberada:
 * el texto original decía "dentro de un radio de {radio}m" — hoy la
 * búsqueda filtra por distrito, no por radio real (falta geocoding, ya
 * documentado), así que el texto dice distrito en vez de fingir un radio
 * que no se usó. El botón "Descargar PDF" queda como preview sin acción,
 * igual que en el artifact original (su propio texto ya decía "se conecta
 * en la siguiente fase" — no es un corner que yo esté cortando).
 */

.report-view {
  max-width: 576px;
  margin-inline: auto;
  padding: 40px 24px;
}

.report-view__back {
  display: flex; align-items: center; gap: 6px;
  background: none; border: none; cursor: pointer;
  font-size: 11.5px; font-weight: 500; letter-spacing: .04em; text-transform: uppercase;
  color: var(--color-subtle);
  margin-bottom: 24px;
  padding: 0;
}
.report-view__back:hover { color: var(--color-navy); }

.report-card {
  position: relative;
  border: 1px solid var(--color-hairline);
  border-radius: 14px;
  overflow: hidden;
}
.report-card__header {
  padding: 28px 32px 24px;
  text-align: center;
  background: var(--color-navy);
}
.report-card__eyebrow {
  font-size: 10px; font-weight: 600; letter-spacing: .24em;
  color: var(--color-gold-line);
}
.report-card__title { font-size: 20px; color: white; margin-top: 8px; }

.report-card__body { padding: 32px; background: var(--color-paper, white); }
.report-card__address { font-size: 13px; color: var(--color-subtle); margin-bottom: 4px; }
.report-card__value { font-size: clamp(1.5rem, 1.2rem + 1vw, 1.875rem); color: var(--color-navy); margin-bottom: 4px; }
.report-card__range { font-size: 11px; color: var(--color-subtle); margin-bottom: 20px; }

.report-card__detail {
  border-top: 1px solid var(--color-gold-line);
  padding-top: 16px;
}
.report-card__note { font-size: 12.5px; line-height: 1.6; color: #5A5548; margin: 0 0 20px; }

.report-card__row {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 12px; padding: 10px 0;
  border-top: 1px solid var(--color-hairline);
}
.report-card__row:first-child { border-top: none; }
.report-card__row span:first-child { color: var(--color-ink); }
.report-card__row span:last-child { color: var(--color-navy); font-weight: 600; }

.report-view__pdf-note {
  font-size: 11px; text-align: center; margin-top: 16px; color: var(--color-corner-faint);
}

@media (max-width: 767px) {
  .report-view { padding: 24px 20px; }
  .report-card__header { padding: 24px 20px 20px; }
  .report-card__body { padding: 24px 20px; }
}