/* ════════════════════════════════════════════════════════════════
   Dividend Discount Model (oct 2026): reutiliza ../dcf/dcf.css (todo lo
   .dcfx-*); aquí solo lo propio de este método.
   ════════════════════════════════════════════════════════════════ */

/* Selector de modelo: cinco botones que se acomodan en el teléfono */
.ddm-models { margin-bottom: 14px; }
.ddm-models .dcfx-seg__btns { flex-wrap: wrap; }
.ddm-models .dcfx-seg__btns button { flex: 1 1 120px; }

/* Fórmula del modelo elegido, con los números */
.ddm-formula { margin: 0 0 14px; padding: 12px 14px; border-radius: 12px; background: var(--dcfx-teal-bg); font-size: 14px; line-height: 1.6; color: var(--dcfx-ink-2); font-variant-numeric: tabular-nums; }
.ddm-formula:empty { display: none; }
.ddm-formula b { color: var(--dcfx-ink); }
.ddm-formula code { font: 700 13.5px Inter, sans-serif; color: var(--dcfx-teal); }

/* Supuestos: grupos siempre abiertos (pocos campos) */
.ddm-assump { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ddm-group__head { cursor: default; }
@media (max-width: 760px) { .ddm-assump { grid-template-columns: minmax(0, 1fr); } }

/* Los cinco modelos contra el precio */
.ddm-compare { display: flex; flex-direction: column; gap: 8px; }
.ddm-cmp { display: grid; grid-template-columns: 140px 1fr 70px; align-items: center; gap: 10px; width: 100%; border: 1px solid transparent; background: transparent; border-radius: 10px; padding: 6px 8px; cursor: pointer; font: inherit; text-align: left; }
.ddm-cmp:hover { background: #f6f9fa; }
.ddm-cmp.is-on { border-color: var(--dcfx-teal-2); background: var(--dcfx-teal-bg); }
.ddm-cmp span { font-size: 12.5px; font-weight: 700; color: var(--dcfx-ink-2); }
.ddm-cmp b { font-size: 14px; font-weight: 800; color: var(--dcfx-ink); text-align: right; font-variant-numeric: tabular-nums; }
.ddm-cmp__track { position: relative; height: 12px; border-radius: 6px; background: var(--dcfx-line-2); }
.ddm-cmp__fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 6px; background: var(--dcfx-teal-2); }
.ddm-cmp.is-on .ddm-cmp__fill { background: var(--dcfx-teal); }
.ddm-cmp__price { position: absolute; top: -4px; bottom: -4px; width: 2px; background: #d93025; }
.ddm-cmpLegend { font-size: 11.5px; color: var(--dcfx-muted); margin-top: 4px; }
.ddm-cmpLegend i { display: inline-block; width: 2px; height: 10px; background: #d93025; margin-right: 6px; vertical-align: -1px; }
@media (max-width: 520px) { .ddm-cmp { grid-template-columns: 104px 1fr 62px; } }

/* No paga dividendo */
.ddm-na { display: flex; gap: 16px; align-items: flex-start; }
.ddm-na > i { font-size: 26px; color: var(--dcfx-muted); margin-top: 4px; }
.ddm-na .dcfx-btn { margin-top: 12px; display: inline-flex; }