/* ============================================================
   Las piezas 4 y 5 del Manual: la calculadora del efectivo
   total y la lista de documentos para comprar como extranjero.
   Simon, 20/10/2026: salieron de la Parte 1 a su propia pagina,
   con la misma clave del Manual. Se llaman como en la landing de
   venta (el unico "bono" alli es la lista de propiedades de
   Angela). Solo tokens de sistema.css.
   ============================================================ */

/* ---------- Las dos tarjetas de la Parte 1 ---------- */
.bonos{display:grid;gap:14px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.bonos{grid-template-columns:1fr 1fr}}
/* Tarjeta negra con borde champaña, como el bono de la landing (.card-dark) */
.bono{
  display:flex;flex-direction:column;gap:8px;height:100%;
  background:var(--ink-900);border:1px solid rgba(203,167,126,.45);border-radius:18px;
  padding:26px 24px 24px;color:var(--dk-tx);text-decoration:none;box-shadow:var(--sombra-alta);
  font-family:var(--f-sans);transition:border-color .15s ease,transform .15s ease;
}
.bono:hover{border-color:var(--tan);transform:translateY(-2px)}
.bono:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.bono-n{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tan)}
.bono strong{font-family:var(--f-display);font-weight:600;font-size:23px;line-height:1.25;color:#fff}
.bono-txt{font-size:15.5px;line-height:1.55;color:var(--dk-body)}
.bono-ir{margin-top:auto;padding-top:12px;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tan)}

/* ---------- Calculadora del efectivo ---------- */
.control{margin-bottom:22px}
.control:last-child{margin-bottom:0}
.control .pregunta-lbl{margin-bottom:4px}
.control .monto{font-size:clamp(34px,8vw,48px);margin-bottom:6px}
.control .ayuda{font-family:var(--f-sans);font-size:14px;color:var(--tx-faint);margin:6px 0 0}
.elige{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
@media (max-width:560px){
  .elige{display:grid;grid-template-columns:1fr 1fr}
}
.desglose-pago{font-family:var(--f-sans);font-size:14px;color:var(--tx-faint);margin:14px 0 0;line-height:1.5}
.pagas{display:grid;gap:10px;margin-top:20px}
@media (min-width:640px){.pagas{grid-template-columns:1fr 1fr}}
.pagas div{border:1px solid var(--line-soft);border-radius:var(--radio);padding:16px 18px;background:var(--paper-3)}
.pagas dt{font-family:var(--f-sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tan-deep)}
.pagas dd{margin:6px 0 0;font-family:var(--f-sans);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;color:var(--tx)}
.pagas dd.que{display:block;margin-top:4px;font-family:var(--f-sans);font-size:13px;font-weight:400;color:var(--tx-faint)}
.aviso-prestamo{display:none}
.aviso-prestamo.ver{display:block;border-left-color:var(--no);background:var(--no-bg)}

/* ---------- Lista de papeles ---------- */
.grupo{margin-top:34px}
.grupo:first-of-type{margin-top:26px}
.grupo h3{
  font-family:var(--f-sans);font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--tan-deep);margin:0 0 10px;
}
.grupo .quien-ayuda{font-family:var(--f-sans);font-size:14.5px;color:var(--tx-soft);margin:-4px 0 10px}
.check-lista{list-style:none;margin:0;padding:0;border:1px solid var(--line-soft);border-radius:var(--radio);background:var(--paper);overflow:hidden;box-shadow:var(--sombra)}
.check-lista li{border-bottom:1px solid var(--line-soft)}
.check-lista li:last-child{border-bottom:none}
.check-lista label{display:flex;gap:14px;align-items:flex-start;padding:15px 18px;cursor:pointer;min-height:44px}
.check-lista input[type=checkbox]{
  flex:none;width:22px;height:22px;margin:2px 0 0;accent-color:var(--ink-900);cursor:pointer;
}
.check-lista .doc{display:block;font-family:var(--f-sans);font-size:16px;font-weight:600;color:var(--tx);line-height:1.35}
.check-lista .por{display:block;font-family:var(--f-sans);font-size:14.5px;color:var(--tx-soft);line-height:1.5;margin-top:3px}
.check-lista input:checked + span .doc{text-decoration:line-through;text-decoration-color:var(--tan);color:var(--tx-soft)}
.avance{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  margin-top:26px;font-family:var(--f-sans);font-size:15px;color:var(--tx-soft);
}
.avance strong{color:var(--tx)}
.boton-sec{
  min-height:48px;padding:10px 22px;border-radius:999px;border:1px solid var(--ink-900);
  background:var(--paper);color:var(--ink-900);font-family:var(--f-sans);
  font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
}
.boton-sec:hover{background:var(--ink-900);color:#fff}

/* ---------- Volver al Manual ---------- */
.volver{font-family:var(--f-sans);font-size:15.5px;color:var(--tx-soft);margin:0}
.volver a{color:var(--tan-deep);font-weight:600}

/* Para imprimir la lista: solo lo que sirve en papel */
@media print{
  .masthead,.pie,.avance .boton-sec,.salta-al-contenido,#gate-licencia,.no-imprimir{display:none !important}
  .check-lista,.grupo{break-inside:avoid}
  body{background:#fff;color:#000}
}