/* ─────────────────────────────────────────────────────────────
   Landing para consorcios. Usa styles.css del sitio; acá solo lo propio.
   ───────────────────────────────────────────────────────────── */

/* El encabezado tiene un solo botón, a la derecha. */
.cons-nav-cta { margin-left: auto; }

.cons-sin-costo {
  margin: 0 0 2rem;
  padding: .875rem 1.125rem;
  border-left: 3px solid var(--accent);
  background: var(--accent-glow);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  color: var(--ink);
  font-weight: 600;
  line-height: 1.5;
}

/* Las tres preguntas: grandes, numeradas. */
.cons-preguntas {
  list-style: none;
  counter-reset: pregunta;
  display: grid;
  gap: 1rem;
  margin: 0 0 2rem;
}
.cons-preguntas li {
  counter-increment: pregunta;
  padding: 1.25rem 1.5rem;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
  font-size: clamp(1.25rem, 1.05rem + .9vw, 1.75rem);
  font-weight: 700;
  color: var(--ink);
}
.cons-preguntas li::before {
  content: counter(pregunta);
  margin-right: .875rem;
  color: var(--accent);
}

.cons-remate {
  max-width: 62ch;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--ink-soft);
}

/* Prioridades del presupuesto. */
.cons-prioridades {
  list-style: none;
  display: grid;
  gap: .75rem;
  margin: 1rem 0;
  color: var(--ink-soft);
  line-height: 1.5;
}
.cons-etq {
  display: inline-block;
  margin-right: .5rem;
  padding: .125rem .5rem;
  border-radius: var(--r-sm);
  font-size: .8125rem;
  letter-spacing: .02em;
}
.cons-etq--urgente      { background: rgba(255, 77, 79, .16);  color: #ff8a8b; }
.cons-etq--recomendable { background: var(--accent-glow);      color: var(--accent); }
.cons-etq--espera       { background: rgba(62, 207, 142, .14); color: var(--green); }

.cons-respuesta {
  margin-top: 1rem;
  color: var(--ink-soft);
  font-size: .9375rem;
}

.cons-privacidad { max-width: 90ch; }
.cons-privacidad a,
.footer-bottom a { color: var(--ink-soft); }

@media (min-width: 700px) {
  .cons-preguntas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
  .cons-proceso { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Respuesta cerrada: sin el margen inferior, que dejaba asomar una línea
   del texto (la fila del acordeón mide 0, pero el padding no). */
.faq-item:not(.is-open) .faq-body-inner { padding-bottom: 0; }
.faq-body-inner { transition: padding-bottom .35s var(--ease-out); }