/* ==========================================================================
   simulador.css — piezas nuevas del simulador de inversión
   (contacto, capítulos de resultados, propiedades, condiciones del crédito)
   ========================================================================== */

[hidden] { display: none !important; }

/* ---- Formulario ---- */
.pantalla-formulario { min-height: auto; padding-top: var(--space-8); padding-bottom: var(--space-8); }

.contacto-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
}
.contacto-ancho { grid-column: 1 / -1; }

.input-texto {
  width: 100%;
  border: 1.5px solid var(--color-linea);
  border-radius: var(--radio-sm);
  padding: var(--space-3) var(--space-4);
  font-family: var(--font-body);
  font-size: var(--text-base);
  color: var(--color-ink);
  background: var(--color-bg);
  outline: none;
  transition: border-color var(--dur-rapido) var(--easing);
}
.input-texto:focus { border-color: var(--color-primario); }

/* trampa para bots: fuera de la vista, sin display:none para que la completen */
.campo-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.error-formulario {
  color: var(--color-alerta);
  font-size: var(--text-sm);
  font-weight: 600;
  margin: 0 0 var(--space-3);
}

/* ---- Resultados: selector entre emprendimientos y crédito ---- */
.selector-opciones {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-2);
  margin-bottom: var(--space-6);
  padding: 4px;
  background: var(--color-bg-suave);
  border-radius: var(--radio-md);
}
.selector-opcion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  text-align: left;
  border: 1.5px solid transparent;
  background: transparent;
  border-radius: calc(var(--radio-md) - 3px);
  padding: var(--space-3) var(--space-4);
  color: var(--color-ink-suave);
  transition: background var(--dur-rapido) var(--easing), border-color var(--dur-rapido) var(--easing);
}
.selector-opcion:hover { background: rgba(255, 255, 255, 0.6); }
.selector-opcion[aria-selected="true"] {
  background: var(--color-bg-elevado);
  border-color: var(--color-primario);
  box-shadow: var(--sombra-card);
  color: var(--color-ink);
}
.selector-opcion-titulo { font-family: var(--font-display); font-size: var(--text-lg); line-height: 1.2; }
.selector-opcion-detalle { font-size: var(--text-xs); color: var(--color-ink-suave); }
.selector-opcion-cuenta {
  margin-top: var(--space-2);
  font-size: var(--text-xs);
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--color-linea);
  color: var(--color-ink-suave);
}
.selector-opcion-cuenta.con-opciones { background: var(--color-primario); color: #fff; }

/* ---- Resultados: capítulos ---- */
.capitulo { margin-bottom: var(--space-10); }


.capitulo-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-acento);
  margin: 0 0 var(--space-2);
}
.capitulo-titulo {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  line-height: 1.15;
}
.capitulo-texto {
  color: var(--color-ink-suave);
  max-width: 70ch;
  margin: var(--space-2) 0 var(--space-6);
}
.capitulo-pie { color: var(--color-ink-suave); font-size: var(--text-sm); margin-top: calc(var(--space-5) * -1); }
.capitulo-pie a { color: var(--color-primario); text-decoration: underline; text-underline-offset: 3px; }

/* ---- Condiciones del crédito ---- */
.caja-condiciones {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-4);
  background: var(--color-bg-suave);
  border-radius: var(--radio-md);
  padding: var(--space-5);
  margin-bottom: var(--space-6);
}
.caja-condiciones > div { display: flex; flex-direction: column; gap: 2px; }
.caja-condiciones span {
  font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-ink-suave);
}
.caja-condiciones strong { font-family: var(--font-display); font-size: var(--text-lg); color: var(--color-primario-oscuro); }
.caja-condiciones small { font-size: var(--text-xs); color: var(--color-ink-suave); line-height: 1.35; }
.caja-condiciones-pie {
  grid-column: 1 / -1; margin: 0; padding-top: var(--space-3);
  border-top: 1px solid var(--color-linea); font-size: var(--text-xs); color: var(--color-ink-suave);
}

/* ---- Tarjetas ---- */
.tarjeta-nombre--chico { font-size: var(--text-lg); line-height: 1.25; }
.tarjeta-precio { font-family: var(--font-display); font-size: var(--text-xl); color: var(--color-ink); margin: 0; }
.tarjeta-nota { font-size: var(--text-xs); color: var(--color-ink-suave); line-height: 1.45; margin: 0; }
.tarjeta--propiedad .tarjeta-imagen-wrap { display: block; aspect-ratio: 3 / 2; }
.tarjeta-descripcion { margin: 0; }
.tarjeta-imagen--fallback { background: #2b2b2b; height: 100%; }

.btn-ver-mas {
  display: block;
  margin: var(--space-5) auto 0;
  background: none;
  border: 1px solid var(--color-linea-fuerte);
  border-radius: 999px;
  padding: var(--space-2) var(--space-5);
  font-size: var(--text-sm);
  color: var(--color-ink);
}
.btn-ver-mas:hover { border-color: var(--color-primario); color: var(--color-primario); }

/* ---- Aclaraciones ---- */
.aclaraciones {
  background: var(--color-bg-suave);
  border-radius: var(--radio-md);
  padding: var(--space-5);
  font-size: var(--text-sm);
  color: var(--color-ink-suave);
}
.aclaraciones h4 { margin: 0 0 var(--space-2); color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-base); }
.aclaraciones ul { margin: 0; padding-left: 1.2em; }
.aclaraciones li + li { margin-top: var(--space-2); }

@media (max-width: 760px) {
  .caja-condiciones { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .selector-opcion { padding: var(--space-2) var(--space-3); }
  .selector-opcion-titulo { font-size: var(--text-base); }
  .contacto-grid { grid-template-columns: 1fr; }
  .caja-condiciones { grid-template-columns: 1fr; }
  .capitulo-titulo { font-size: var(--text-xl); }
}