/* Mente & Bolso | camada "portal" (out/2026): cabeçalho escuro, cotações, relógio mundial, convite de notificações. */
:root{ --mb-ink:#0f2942; --mb-up:#1E8E4E; --mb-down:#C62B2B; }
header.site-header{ background:var(--mb-ink); border-bottom:0; }
header.site-header .logo-text{ color:#fff; }
header.site-header .logo-text .amp{ color:var(--gold); }
header.site-header .main-nav > ul > li > a{ color:#fff; font-weight:600; }
header.site-header .main-nav > ul > li > a:hover{ color:var(--gold); }
header.site-header .main-nav .dropdown a{ color:var(--navy); }
header.site-header .logo-lockup img{ background:#fff; border-radius:50%; padding:2px; }
header.site-header button, header.site-header .menu-toggle, header.site-header .nav-toggle{ color:#fff; border-color:rgba(255,255,255,.4); }
.top-articles-bar{ display:none !important; }
.mb-bars{ font-family:"Inter",-apple-system,"Segoe UI",sans-serif; font-size:13.5px; line-height:1.3; color:var(--text); }
.mb-bar{ border-bottom:1px solid var(--border); background:var(--paper); }
.mb-bar.mb-clock{ background:var(--cream); }
.mb-bar-in{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; align-items:center; gap:14px; height:38px; }
.mb-lbl{ font-weight:700; white-space:nowrap; padding-right:14px; border-right:1px solid var(--border); color:var(--navy-dark); }
.mb-vp{ overflow:hidden; flex:1; -webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent); mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent); }
.mb-track{ display:flex; gap:28px; width:max-content; animation:mbroll 45s linear infinite; }
.mb-clock .mb-track{ animation-duration:140s; }
.mb-vp:hover .mb-track{ animation-play-state:paused; }
@keyframes mbroll{ to{ transform:translateX(-50%); } }
.mb-it{ white-space:nowrap; display:flex; gap:6px; align-items:baseline; }
.mb-it b{ font-weight:600; color:var(--navy-dark); }
.mb-num{ font-variant-numeric:tabular-nums; }
.mb-up{ color:var(--mb-up); } .mb-down{ color:var(--mb-down); } .mb-flat{ color:var(--text-soft); }
.mb-time{ color:var(--text-soft); white-space:nowrap; font-size:12px; }
.mb-home{ display:flex; gap:8px; align-items:baseline; white-space:nowrap; padding-right:14px; border-right:1px solid var(--border); }
.mb-home b{ color:var(--navy-dark); }
.mb-home .mb-num{ font-weight:700; font-size:15px; }
.mb-day{ font-size:11px; color:var(--text-soft); }
@media (prefers-reduced-motion:reduce){ .mb-track{ animation:none; } .mb-vp{ overflow-x:auto; } }
@media (max-width:720px){ .mb-time{ display:none; } .mb-bar-in{ padding:0 14px; } }
.mb-np{ position:fixed; z-index:998; top:84px; left:50%; width:min(420px,calc(100% - 24px)); transform:translate(-50%,-16px); opacity:0; pointer-events:none; transition:transform .35s ease,opacity .35s ease; background:#fff; color:var(--text); border:1px solid var(--border); border-radius:10px; box-shadow:0 18px 40px rgba(10,20,35,.22); padding:18px 18px 16px; font-family:"Inter",sans-serif; }
.mb-np.show{ transform:translate(-50%,0); opacity:1; pointer-events:auto; }
.mb-np-row{ display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start; }
.mb-np-ic{ width:44px; height:44px; border-radius:50%; background:var(--mb-ink); color:var(--gold); display:grid; place-items:center; }
.mb-np h2{ margin:0 0 4px; font-family:"Inter",sans-serif; font-size:16.5px; line-height:1.3; color:var(--navy-dark); }
.mb-np p{ margin:0; color:var(--text-soft); font-size:14px; line-height:1.45; }
.mb-np-act{ display:flex; justify-content:flex-end; gap:10px; margin-top:14px; }
.mb-btn{ font:inherit; font-weight:700; font-size:14.5px; padding:10px 18px; border-radius:6px; cursor:pointer; border:1px solid var(--border); background:#fff; color:var(--navy-dark); }
.mb-btn.pri{ background:var(--gold); border-color:var(--gold); color:var(--navy-dark); }
.mb-toast{ position:fixed; left:50%; bottom:20px; transform:translateX(-50%); background:var(--mb-ink); color:#fff; padding:12px 18px; border-radius:6px; font-size:14px; opacity:0; transition:opacity .3s; z-index:1000; pointer-events:none; max-width:calc(100% - 24px); font-family:"Inter",sans-serif; }
.mb-toast.show{ opacity:1; }
.mb-table{ width:100%; border-collapse:collapse; font-size:.95rem; margin:8px 0 20px; }
.mb-table th{ background:var(--mb-ink); color:#fff; text-align:left; padding:10px 12px; }
.mb-table td{ border-bottom:1px solid var(--border); padding:10px 12px; vertical-align:top; }
.mb-table tr:nth-child(even) td{ background:var(--cream); }
/* Proporção das imagens dentro dos artigos: nunca esticar */
article.article-body img, .article-body figure img{ height:auto !important; max-width:100%; }
/* Anúncios de livros dentro dos artigos */
.mb-bookad{ margin:34px 0; padding:14px 14px 16px; border:1px solid var(--border); border-radius:10px; background:var(--paper); }
.mb-bookad-lbl{ display:block; font-family:"Inter",sans-serif; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--text-soft); margin-bottom:10px; text-align:center; }
.mb-bookad a{ text-decoration:none; color:inherit; display:block; }
.mb-bookad .mb-bookad-banner{ width:100%; height:auto !important; border-radius:6px; display:block; }
.mb-bookad .mb-bookcard{ display:grid; grid-template-columns:110px 1fr; gap:18px; align-items:center; }
.mb-bookad .mb-bookcard img{ width:110px; height:auto !important; border-radius:3px; box-shadow:0 6px 16px rgba(15,41,66,.22); }
.mb-bookad .mb-bookcard strong{ display:block; font-family:"Lora",Georgia,serif; font-size:1.15rem; color:var(--navy-dark); line-height:1.25; margin-bottom:6px; }
.mb-bookad .mb-bookcard .d{ display:block; color:var(--text-soft); font-size:.95rem; line-height:1.45; }
.mb-bookad .mb-bookcard .go{ display:inline-block; margin-top:12px; background:var(--gold); color:var(--navy-dark); font-weight:700; padding:8px 16px; border-radius:6px; font-size:.9rem; }
.mb-bookad a:hover .go{ filter:brightness(1.05); }
@media (max-width:520px){ .mb-bookad .mb-bookcard{ grid-template-columns:84px 1fr; gap:14px; } .mb-bookad .mb-bookcard img{ width:84px; } }