/* Compatibilidad visual con las vistas de campañas. */
.mr-budget-page{max-width:none;margin:0 auto;padding:24px clamp(18px,4vw,56px) 56px}
.mr-budget-page .mr-budget-nav{border-bottom:1px solid var(--mr-line);gap:5px;margin-bottom:30px;padding:0 0 8px}
.mr-budget-page .mr-budget-nav a{border-radius:999px;color:var(--mr-muted);font-size:10px;padding:8px 13px}
.mr-budget-page .mr-budget-nav a:hover,.mr-budget-page .mr-budget-nav a.active{background:var(--mr-terracotta);color:var(--mr-paper)}
.mr-budget-page .mr-budget-header{padding:10px 0 24px}
.mr-budget-page .mr-budget-header h1{font-size:clamp(28px,4vw,48px);text-transform:uppercase}
.mr-budget-page .mr-budget-state{min-height:28px;padding-top:14px}
/* La decisión principal es el desglose de campañas y conjuntos: queda antes
   del texto auxiliar para verse al entrar, sin desplazamiento innecesario. */
.mr-budget-page .mr-ads-top{margin-bottom:14px}
.mr-budget-page .mr-ads-navigation{margin-bottom:10px}
.mr-budget-page .mr-budget-header{padding:6px 0 14px}
.mr-budget-page .mr-budget-header h1{margin:5px 0;font-size:clamp(26px,3.5vw,42px)}
.mr-budget-page .mr-budget-header p{margin:4px 0;font-size:11px}
.mr-budget-page .mr-budget-state{min-height:10px;padding:5px 0}
.mr-budget-page .mr-budget-board{display:flex;flex-direction:column}
.mr-budget-page .mr-budget-table-wrap{order:1;margin-top:0}
.mr-budget-page .mr-budget-callout{order:2;margin-top:14px}
/* Densidad alta para mostrar más campañas en el primer viewport. */
.mr-budget-page{padding-top:12px;padding-bottom:32px}
.mr-budget-page .mr-ads-top{margin-bottom:8px}
.mr-budget-page .mr-ads-navigation{margin-bottom:6px}
.mr-budget-page .mr-budget-summary{gap:6px}
.mr-budget-page .mr-budget-kpi{padding:10px 12px}
.mr-budget-page .mr-budget-kpi strong{font-size:20px;margin:5px 0}
.mr-budget-page .mr-budget-kpi span,.mr-budget-page .mr-budget-kpi small{font-size:9px}
.mr-budget-page .mr-budget-table-wrap th{padding:8px 10px;font-size:8px}
.mr-budget-page .mr-budget-table-wrap td{padding:8px 10px;font-size:10px}
.mr-budget-page .mr-budget-set-list{gap:3px;margin-top:5px}
.mr-budget-page .mr-budget-set-list li{padding:4px 6px;gap:7px}
.mr-budget-page .mr-budget-set-list li span{font-size:9px}
.mr-budget-page .mr-budget-set-list li small{font-size:8px}