/* ============================================================
   SUR ENDÉMICO · parcela.css — página detalle de UNA parcela
============================================================ */

.parcela-page { padding-top: 80px; }

/* ─── Breadcrumbs ─── */
.breadcrumbs {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--color-ink-soft);
  padding-top: var(--space-5);
  padding-bottom: var(--space-3);
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.breadcrumbs a { color: var(--color-ink-soft); transition: color var(--dur-base) var(--ease-out); }
.breadcrumbs a:hover { color: var(--color-clay); }
.breadcrumbs__current { color: var(--color-clay); }

.section-title--md { font-size: clamp(32px, 4.5vw, 56px); }

/* ─── HERO ─── */
.parcela-hero { padding: var(--space-5) 0 var(--space-9); }
.parcela-hero__grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: var(--space-7);
  align-items: start;
}
.parcela-hero__gallery { display: flex; flex-direction: column; gap: var(--space-3); }
.parcela-hero__main {
  position: relative;
  aspect-ratio: 16/10;
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.parcela-hero__main img { width: 100%; height: 100%; object-fit: cover; }
.parcela-hero__main .parcela__badge { position: absolute; top: var(--space-4); left: var(--space-4); }
.parcela-hero__thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-3);
}
.parcela-hero__thumbs img {
  aspect-ratio: 1/1;
  border-radius: var(--radius-md);
  object-fit: cover;
  cursor: pointer;
  transition: transform var(--dur-medium) var(--ease-out), opacity var(--dur-base) var(--ease-out);
}
.parcela-hero__thumbs img:hover { transform: translateY(-2px); opacity: 0.92; }

.parcela-hero__info { padding-left: var(--space-3); }
.parcela-hero__title {
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  font-size: clamp(40px, 5.5vw, 72px);
  line-height: 1;
  letter-spacing: -0.03em;
  margin: var(--space-4) 0 var(--space-4);
}
.parcela-hero__title em { font-style: italic; color: var(--color-forest); }
.parcela-hero__sub {
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  font-style: italic;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.5;
  color: var(--color-ink-soft);
  margin: 0 0 var(--space-5);
}

/* ─── Price card ─── */
.price-card {
  background: var(--color-paper-alt);
  border: var(--border-soft);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.price-card__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.price-card__label {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-gold-deep);
}
.price-card__amount {
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  font-size: clamp(28px, 3vw, 38px);
  letter-spacing: -0.02em;
  color: var(--color-ink);
}
.price-card__amount--sm { font-size: 18px; }
.price-card__hint {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.05em;
  color: var(--color-ink-soft);
  margin-top: -8px;
}
.price-card__rule { height: 1px; background: rgba(26,26,20,0.10); margin: var(--space-2) 0; }
.price-card__ctas { display: flex; flex-direction: column; gap: var(--space-3); margin-top: var(--space-3); }
.price-card__seals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--color-success);
  letter-spacing: 0.04em;
  border-top: var(--border-hairline);
  padding-top: var(--space-4);
  margin-top: var(--space-3);
}

@media (max-width: 900px) {
  .parcela-hero__grid { grid-template-columns: 1fr; }
  .parcela-hero__info { padding-left: 0; }
}

/* ─── SPECS ─── */
.specs { padding: var(--space-9) 0; background: var(--color-paper-alt); border-top: var(--border-hairline); border-bottom: var(--border-hairline); }
.specs__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-5) var(--space-7);
  margin: var(--space-7) 0 0;
}
.spec { padding: var(--space-3) 0; border-top: var(--border-hairline); }
.spec dt {
  font-family: var(--font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-gold-deep);
  margin-bottom: 4px;
}
.spec dd {
  font-family: var(--font-display);
  font-weight: var(--weight-light);
  font-size: 20px;
  color: var(--color-ink);
  margin: 0;
  letter-spacing: -0.01em;
}
@media (max-width: 800px) { .specs__grid { grid-template-columns: 1fr 1fr; } }

/* ─── PLANO INDIVIDUAL ─── */
.plano-individual { padding: var(--space-9) 0; }
.plano-individual__grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--space-7);
  align-items: center;
}
.plano-individual__intro p { color: var(--color-ink-soft); line-height: var(--leading-loose); margin: var(--space-5) 0; }
.plano-individual__legend { display: flex; flex-direction: column; gap: 12px; margin-top: var(--space-5); }
.plano-individual__legend li {
  display: flex; align-items: center; gap: 12px;
  font-size: 14px; color: var(--color-ink); font-family: var(--font-body);
}
.plano-individual__legend .dot {
  width: 12px; height: 12px; border-radius: 50%;
}
.dot--green { background: var(--color-success); }
.dot--blue  { background: var(--color-info); }
.dot--gold  { background: var(--color-gold); }
.dot--clay  { background: var(--color-clay); }

.plano-individual__svg-wrap {
  background: var(--color-paper-alt);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  border: var(--border-hairline);
  margin: 0;
}
.plano-individual__svg { width: 100%; height: auto; display: block; }

@media (max-width: 900px) {
  .plano-individual__grid { grid-template-columns: 1fr; }
}

/* ─── Compra blindada inline (variante) ─── */
.compra-blindada--inline .seals--compact .seal__body { font-size: 13px; }

/* ─── Vecinos ─── */
.vecinos { padding: var(--space-9) 0; background: var(--color-paper-alt); }
.vecinos__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-7);
  align-items: center;
}
.vecinos__text { font-size: var(--text-lg); line-height: var(--leading-loose); color: var(--color-ink-soft); }
@media (max-width: 900px) { .vecinos__inner { grid-template-columns: 1fr; } }