
.forecast-hero{border-radius:18px;background:var(--hero-bg);color:var(--hero-fg);padding:27px;margin:17px 0;display:flex;flex-direction:column;gap:12px}
.forecast-hero strong{font-size:clamp(35px,5vw,56px);color:var(--hero-accent);line-height:1.08}
.forecast-hero p{font-size:12px;color:var(--hero-muted);line-height:1.6}
.forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.forecast-tile{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:8px}
.forecast-tile span,.forecast-tile small{font-size:11px;color:var(--muted)}.forecast-tile strong{font-size:21px;overflow-wrap:anywhere}
.forecast-table{width:100%;border-collapse:collapse;font-size:12px}.forecast-table td,.forecast-table th{padding:11px 8px;border-bottom:1px solid var(--line);text-align:right}.forecast-table td:first-child,.forecast-table th:first-child{text-align:left}
.forecast-table tr:last-child td{font-weight:650}.forecast-scroll{overflow-x:auto}.forecast-note{font-size:11px;color:var(--muted);line-height:1.65;margin:10px 0}
.forecast-list{display:grid;gap:8px}.forecast-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}
.forecast-row span{overflow-wrap:anywhere}.forecast-row strong{white-space:nowrap}
@media(max-width:570px){.summary-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.forecast-grid{grid-template-columns:1fr}.forecast-tile{padding:15px}.forecast-hero{padding:20px}}

/* Identifica a qué deuda corresponde cada cuota prevista. */
.forecast-debt-name{font-weight:650;display:block;line-height:1.4}.forecast-quota-label{display:block;margin-top:4px;color:var(--muted);font-size:11px}.forecast-row>span{min-width:0}
