/* Estilos propios de la parte Inversiones (el resto viene de style.css y casa.css) */
#inicio-total .tiles { grid-template-columns: repeat(4, 1fr); }
.tarjetas { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.tarjeta { display: flex; flex-direction: column; gap: 2px; }
.t-cab { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 6px; }
.t-nombre { font-size: 17px; font-weight: 600; color: var(--text); }
.t-sub { font-size: 12px; color: var(--text3); }
.t-sub.aviso, .aviso { color: var(--amber) !important; }
.t-valor { font-size: 20px; font-weight: 600; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.t-plus { font-size: 15px; font-weight: 600; margin-bottom: 8px; font-variant-numeric: tabular-nums; }
.t-plus span { font-weight: 400; font-size: 13px; margin-left: 6px; }
.t-fila { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 14px; padding: 6px 0; border-top: 0.5px solid var(--border); color: var(--text2); }
.t-fila > span:last-child, .t-fila > strong { color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.t-fila .enlace { cursor: pointer; text-decoration: underline; text-decoration-color: var(--text3); text-underline-offset: 3px; }
.t-botones { display: flex; gap: 8px; margin-top: 12px; }
.t-botones .btn-secondary { flex: 1; }
.previa { background: var(--bg3); border-radius: var(--radius-sm); padding: 6px 14px; margin-bottom: 14px; }
.previa:empty { display: none; }
.previa .t-fila:first-child { border-top: none; }
#view-valores .card + .card { margin-top: 0; }
@media (max-width: 1100px) { #inicio-total .tiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px) {
  main { padding: 12px; }
  .tarjetas { grid-template-columns: 1fr; }
  .mes-frase { font-size: 16px; }
  .tile-val { font-size: 20px; }
  .tabla-simple { font-size: 13px; }
  .tabla-simple td { padding: 8px 6px; }
}
.tarjetas .card + .card { margin-top: 0; }
