/* A Capital — componentes de pagina (escopo: elementos com classe .pg) */
body .hdr.pg{background:transparent;color:#0E2841;padding:4px 2px 18px;border-radius:0;border-bottom:1px solid #dfe6ee;margin-bottom:20px;gap:14px;align-items:center;font-family:"DM Sans",Arial,sans-serif}
body .hdr.pg h1{font-size:22px;font-weight:700;color:#0E2841;letter-spacing:-.2px;margin:0 0 3px}
body .hdr.pg p{font-size:13px;color:#5b7186;margin:0}
.hdr-ico{width:44px;height:44px;border-radius:12px;background:rgba(0,201,167,.13);color:#00a98e;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body .toggle-bar.pg{display:inline-flex;gap:4px;background:#e4e9ef;padding:4px;border-radius:12px;margin-bottom:18px;max-width:100%;overflow-x:auto;scrollbar-width:none;font-family:"DM Sans",Arial,sans-serif}
body .toggle-bar.pg::-webkit-scrollbar{display:none}
body .toggle-bar.pg .toggle-btn{flex:0 0 auto;background:transparent;color:#4a5f75;border:0;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;font-family:inherit;box-shadow:none}
body .toggle-bar.pg .toggle-btn:hover{color:#0E2841}
body .toggle-bar.pg .toggle-btn.active{background:#fff;color:#0E2841;box-shadow:0 1px 3px rgba(14,40,65,.16),inset 0 -2px 0 #00c9a7}
body .toggle-bar.pg .toggle-btn svg{flex-shrink:0}
@media(max-width:768px){
  body .hdr.pg{padding:2px 0 14px;margin-bottom:14px;gap:10px}
  body .hdr.pg h1{font-size:18px}
  body .hdr.pg p{font-size:12px}
  .hdr-ico{width:38px;height:38px;border-radius:10px}
  body .toggle-bar.pg .toggle-btn{padding:8px 14px;font-size:12.5px}
}

/* Abas de mercado (.tabs.pg) — mesmo visual do .toggle-bar.pg */
body .tabs.pg{display:inline-flex;gap:4px;background:#e4e9ef;padding:4px;border-radius:12px;margin-bottom:18px;max-width:100%;overflow-x:auto;scrollbar-width:none;font-family:"DM Sans",Arial,sans-serif}
body .tabs.pg::-webkit-scrollbar{display:none}
body .tabs.pg .tab-btn{flex:0 0 auto;background:transparent;color:#4a5f75;border:0;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;font-family:inherit;box-shadow:none}
body .tabs.pg .tab-btn:hover{color:#0E2841}
body .tabs.pg .tab-btn.active{background:#fff;color:#0E2841;box-shadow:0 1px 3px rgba(14,40,65,.16),inset 0 -2px 0 #00c9a7}
body .tabs.pg .tab-btn svg{flex-shrink:0}
@media(max-width:768px){body .tabs.pg .tab-btn{padding:8px 14px;font-size:12.5px}}

/* Linha da barra de mercado + botao de tour */
.bar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.bar-row .toggle-bar.pg{margin-bottom:0}
.tour-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;border:1.5px solid #cfd8e3;background:#fff;color:#0E2841;font-size:13px;font-weight:600;cursor:pointer;font-family:"DM Sans",Arial,sans-serif;white-space:nowrap}
.tour-btn:hover{border-color:#00c9a7;color:#00a98e}
.tour-btn svg{flex-shrink:0}

/* Abas secundarias do Valuation (modelo, horizonte): pilulas compactas */
#pageUS .tab-btn,#pageB3 .tab-btn,#pageETF .tab-btn,#pageREIT .tab-btn{padding:7px 16px;border:0;border-radius:999px;background:#e4e9ef;color:#4a5f75;font-size:12.5px;font-weight:600;font-family:"DM Sans",Arial,sans-serif;cursor:pointer;transition:background .15s,color .15s}
#pageUS .tab-btn:hover,#pageB3 .tab-btn:hover,#pageETF .tab-btn:hover,#pageREIT .tab-btn:hover{color:#0E2841;background:#d8dfe8}
#pageUS .tab-btn.active,#pageB3 .tab-btn.active,#pageETF .tab-btn.active,#pageREIT .tab-btn.active{background:#0E2841;color:#fff;box-shadow:inset 0 -2px 0 #00c9a7}
#pageUS .tab-btn,#pageB3 .tab-btn,#pageETF .tab-btn,#pageREIT .tab-btn{display:inline-flex;align-items:center;gap:6px}
#pageUS .tab-btn svg,#pageB3 .tab-btn svg,#pageETF .tab-btn svg,#pageREIT .tab-btn svg{flex-shrink:0}

/* Botoes de metodo do Screener */
body .btn-metodo{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:0;border-radius:999px;background:#e4e9ef;color:#4a5f75;font-size:12.5px;font-weight:600;font-family:"DM Sans",Arial,sans-serif}
body .btn-metodo:hover{background:#d8dfe8;color:#0E2841;border-color:transparent}
body .btn-metodo.active{background:#0E2841;color:#fff;box-shadow:inset 0 -2px 0 #00c9a7;font-weight:600;border-color:transparent}
body .btn-legenda{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px dashed #b8c4d2;border-radius:999px;background:transparent;color:#5b7186;font-size:12px;font-weight:600;font-family:"DM Sans",Arial,sans-serif}
body .btn-legenda:hover{border-color:#00c9a7;color:#00a98e}
body .btn-metodo svg,body .btn-legenda svg{flex-shrink:0}
@media(max-width:768px){body .btn-metodo{font-size:11.5px;padding:6px 11px}}

/* Botoes de acao do Valuation */
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1.5px solid transparent;border-radius:10px;font-size:13.5px;font-weight:600;font-family:"DM Sans",Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn svg{flex-shrink:0}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-calc{background:#00c9a7;color:#0E2841;font-weight:700}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-calc:hover{background:#00b396}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-primary,:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-green{background:#0E2841;color:#fff}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-primary:hover,:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-green:hover{background:#18405f}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-ghost{background:#fff;color:#0E2841;border-color:#cfd8e3;font-size:13px;padding:9px 16px}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-ghost:hover{background:#fff;border-color:#00c9a7;color:#00a98e}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-sm{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid #cfd8e3;border-radius:10px;background:#fff;color:#4a5f75;font-size:12.5px;font-weight:600;font-family:"DM Sans",Arial,sans-serif}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-sm:hover{border-color:#00c9a7;color:#00a98e}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-sm svg{flex-shrink:0}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-period{padding:5px 13px;border:0;border-radius:999px;background:#e4e9ef;color:#4a5f75;font-size:12px;font-weight:600;font-family:"DM Sans",Arial,sans-serif}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-period:hover{background:#d8dfe8;color:#0E2841}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-period.active{background:#0E2841;color:#fff;box-shadow:inset 0 -2px 0 #00c9a7}

/* Botoes em pilula (mesmo padrao das abas Modelo) */
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn{padding:8px 20px;border:0;border-radius:999px;font-size:13.5px;font-weight:600;gap:7px}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-calc{padding:9px 24px;background:#00c9a7;color:#0E2841;font-weight:700}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-primary,:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-green{background:#0E2841;color:#fff;box-shadow:inset 0 -2px 0 #00c9a7}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-ghost{background:#e4e9ef;color:#4a5f75;border:0;padding:8px 18px;font-size:13px}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-ghost:hover{background:#d8dfe8;color:#0E2841;border:0}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-sm{border:0;border-radius:999px;background:#e4e9ef;color:#4a5f75;padding:6px 14px;font-size:12.5px}
:is(#pageUS,#pageB3,#pageETF,#pageREIT) .btn-sm:hover{background:#d8dfe8;color:#0E2841;border:0}