/* ============================================================ * base.css * ------------------------------------------------------------ * Reset básico (box-sizing), estilos globais do e do * container principal (.wrap). Também define o comportamento * do layout quando o painel de calculadoras está aberto * (classe .calc-open, alternada via js/calculator-panel.js). * ============================================================ */ * { box-sizing: border-box; } html{ -webkit-font-smoothing: antialiased; } body{ margin:0; background: var(--bg-grad); color: var(--ink); font-family: var(--sans); padding-top: 40px; padding-bottom: 72px; padding-left: calc(var(--ls-current) + 20px); padding-right: 20px; transition: padding-left .32s cubic-bezier(.4,0,.0,1); } /* Modularização: Expandir layout para as calculadoras */ body.calc-open { padding-left: calc(var(--ls-current) + 320px + 20px); } .wrap{ max-width: 900px; margin: 0 auto; }