/* Paleta verificada no CSS oficial de noticiaboabahia.com.br. */
:root { --green:#972FFF; --green2:#890aa1; --mint:#f1e4ff; --ink:#191c20; --muted:#7A7A7A; }
body { background:#faf8fd; color:#191c20; }
.intro h1 span,.eyebrow { color:#972FFF; }
.lead { color:#64616b; }
.platform-switch { background:#f1e9fa; border-color:#e5d9f2; }
.platform { color:#75667e; }
.platform.active { background:#972FFF; color:#fff; box-shadow:0 8px 22px #972fff20; }
.platform { display:inline-flex; align-items:center; justify-content:center; gap:9px; }
.platform-icon { width:18px; height:20px; flex:none; display:block; }
.platform.active { --platform-eye:#972FFF; }
.feature-line { color:#83798c; }
.brand { filter:none; }
.status,.app-header { background:#fff; color:#191c20; }
.icon-btn { color:#890aa1; background:#f7f1fc; border-radius:12px; }
.app,.screen { background:#fff; }
.chips { border-color:#eee7f5; }
.chips button { background:#f5effb; color:#694a82; }
.chips button.active,.share { background:#972FFF; color:#fff; }
.section-label span { color:#972FFF; }
.hero:after { background:linear-gradient(transparent,#21112dea); }
.hero-copy span,.modal-body>span { background:#972FFF; color:white; }
.tabbar button.active { color:#972FFF; }
.tabbar { border-color:#eee7f5; }
.drawer { background:#972FFF; }
.drawer h3 { color:white; }
.drawer small { color:#f1e4ff; }
.pix-ad { background:#f4eafa; color:#35134e; }
.pix-ad span { color:#890aa1; }
.pix-ad small { color:#786580; }
.pix-ad b { border-color:#d9c1ed; }
.toast { background:#541386; }
footer { border-color:#e7dfef; color:#7d7089; }
footer strong { color:#972FFF; }
.ad img { object-fit:contain; height:auto; }
.chips, .chipscroll { cursor:grab; user-select:none; }
.chips button, .chipscroll button { cursor:inherit; flex-shrink:0; }
.chips.dragging, .chipscroll.dragging { cursor:grabbing; scroll-behavior:auto; }
#searchBtn { display:grid; place-items:center; padding:0; line-height:1; flex-shrink:0; }
#searchBtn svg { display:block; }
.highlights { position:relative; margin:0 14px; border-radius:20px; overflow:hidden; }
.highlight-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; cursor:grab; }
.highlight-track::-webkit-scrollbar { display:none; }
.highlight-track.dragging { scroll-snap-type:none; cursor:grabbing; }
.highlight-slide.hero { flex:0 0 100%; min-width:0; margin:0; scroll-snap-align:start; border-radius:0; }
.highlight-slide:after { pointer-events:none; }
.highlight-open { display:block; width:100%; height:100%; padding:0; border:0; background:transparent; text-align:left; color:white; cursor:inherit; user-select:none; font:inherit; }
.highlight-open img { pointer-events:none; }
.highlight-slide .hero-copy { bottom:18px; }
.highlight-slide .hero-copy h2 { font-size:22px; }
.highlight-dots { position:absolute; z-index:4; top:10px; right:10px; display:flex; gap:3px; background:#19102055; border-radius:20px; padding:3px; }
.highlight-dots button { width:22px; height:22px; padding:6px; border:0; background:transparent; cursor:pointer; }
.highlight-dots button:after { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#ffffff66; }
.highlight-dots button[aria-current=true]:after { background:white; }
.highlight-arrow { position:absolute; z-index:4; top:38%; width:32px; height:32px; border:1px solid #ffffff99; border-radius:50%; background:#20122b66; color:white; font:26px/1 Arial,sans-serif; display:grid; place-items:center; padding:0 0 3px; cursor:pointer; }
.highlight-arrow.previous { left:8px; }
.highlight-arrow.next { right:8px; }
.editorial-links { overflow-y:auto; max-height:calc(100% - 220px); padding-bottom:16px; }
.editorial-links button { display:block; width:100%; text-align:left; border:0; background:transparent; color:white; padding:10px 0; font:inherit; cursor:pointer; }
.drawer small { background:#972FFF; }
#articleSource { display:block; color:#890aa1; font-weight:700; margin:16px 0; }
.app.reading > :not(.article-page):not(.toast) { display:none; }
.article-page { height:100%; background:white; color:#191c20; display:flex; flex-direction:column; }
.article-page[hidden] { display:none; }
.reading-header { min-height:62px; display:flex; align-items:center; justify-content:space-between; padding:8px 14px; border-bottom:1px solid #eee7f5; }
.reading-header img { width:108px; max-height:42px; object-fit:contain; }
.reading-header button { display:flex; gap:6px; align-items:center; border:0; background:#f7f1fc; color:#890aa1; border-radius:12px; padding:10px; cursor:pointer; font-size:18px; }
.reading-back span { font:600 12px 'DM Sans',sans-serif; }
.reading-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-bottom:24px; }
.reading-photo { width:100%; max-height:270px; object-fit:cover; display:block; }
.reading-body { padding:22px 20px; }
.reading-category { display:inline-block; background:#972FFF; color:white; font-size:10px; font-weight:700; border-radius:7px; padding:6px 10px; }
.reading-body h1 { font:700 28px/1.08 Newsreader,serif; letter-spacing:-.5px; margin:14px 0; outline:none; }
.reading-byline { color:#7a7a7a; font-size:10px; padding-bottom:16px; border-bottom:1px solid #eee7f5; }
.reading-content { font-size:14px; line-height:1.75; color:#4f5157; overflow-wrap:anywhere; }
.reading-content h2,.reading-content h3 { color:#191c20; font-family:Newsreader,serif; line-height:1.2; }
.reading-source { display:block; padding:15px 0; color:#890aa1; font-size:12px; font-weight:700; }
#chips { display:none; }
.screen { height:calc(100% - 120px); }
.drawer { display:flex; flex-direction:column; padding:65px 26px 24px; }
.drawer>img { flex:none; align-self:flex-start; }
.drawer h3 { flex:none; margin:12px 0 14px; }
.drawer .editorial-links { flex:1; min-height:0; max-height:none; scrollbar-width:none; overscroll-behavior:contain; }
.drawer .editorial-links::-webkit-scrollbar { display:none; }
.drawer small { position:static; flex:none; margin-top:12px; font-size:9px; }
.drawer-socials { flex:none; display:flex; align-items:center; gap:12px; margin-top:16px; }
.drawer-socials a { display:grid; place-items:center; width:30px; height:30px; border-radius:8px; color:white; text-decoration:none; }
.drawer-socials a:hover,.drawer-socials a:focus-visible { background:#ffffff25; outline:2px solid #ffffff80; }
.drawer-socials svg { display:block; width:20px; height:20px; }
.card-share,.saved-share,.hero-share { display:inline-grid; place-items:center; width:30px; height:30px; padding:5px; border:0; border-radius:9px; background:#f5effb; color:#890aa1; cursor:pointer; }
.card-share { margin:5px 0 0 8px; vertical-align:middle; }
.card-share svg,.saved-share svg,.hero-share svg,.reading-save svg,.reading-share svg { width:20px; height:20px; display:block; }
.hero-share { position:absolute; z-index:5; right:12px; bottom:12px; background:#ffffffea; }
.highlight-slide .hero-copy { right:48px; }
.reading-header { gap:7px; }
.reading-header img { min-width:0; width:85px; flex:1; }
.reading-header .reading-save,.reading-header .reading-share { padding:9px; flex:none; }
.reading-save.is-saved { color:#972FFF; background:#ead6ff; }
.reading-save.is-saved svg { fill:currentColor; }
.saved-view { padding:22px 16px; }
.saved-story { border-bottom:1px solid #eee7f5; padding:14px 0; }
.saved-open { border:0; background:none; padding:0; width:100%; display:flex; gap:12px; text-align:left; color:#191c20; cursor:pointer; }
.saved-open img { width:84px; height:76px; object-fit:cover; border-radius:12px; }
.saved-open small { color:#890aa1; font-size:9px; text-transform:uppercase; }
.saved-open strong { display:block; font:600 18px/1.1 Newsreader,serif; margin-top:5px; }
.saved-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:8px; }
.saved-remove { color:#890aa1; background:none; border:0; font-size:11px; cursor:pointer; }
#profileView { padding:22px 18px; }
.profile-greeting { background:#f6effd; border-radius:20px; padding:20px; margin-bottom:22px; }
.reader-avatar { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#972FFF; color:white; font-size:24px; font-weight:700; }
.profile-greeting h2 { margin:14px 0 6px; font:600 28px/1.1 Newsreader,serif; }
.profile-greeting p,.reader-local { font-size:11px; color:#7a7a7a; line-height:1.6; }
#readerForm label { display:block; font-size:12px; font-weight:600; margin:0 0 16px; }
#readerForm input,#readerForm select { display:block; width:100%; padding:12px; background:white; border:1px solid #ded2e9; border-radius:10px; margin-top:7px; color:#191c20; font:inherit; }
.reader-primary,.copy-news { width:100%; padding:13px; border:0; border-radius:12px; background:#972FFF; color:white; font-weight:700; cursor:pointer; }
.reader-topic,.reader-saved { display:block; border:0; background:none; color:#890aa1; padding:15px 0; text-align:left; font-size:12px; cursor:pointer; }
.large-reading .reading-content { font-size:18px; }
.large-reading .reading-body h1 { font-size:32px; }
.share-options,.app.reading>.share-options { position:absolute; inset:0; display:flex; align-items:flex-end; background:#19102077; z-index:80; }
.share-box { width:100%; max-height:90%; overflow-y:auto; background:white; padding:26px 20px 30px; border-radius:24px 24px 0 0; position:relative; }
.share-box h2 { font:600 25px Newsreader,serif; margin:8px 20px 12px 0; }
.share-box p { font-size:12px; color:#6b626e; }
.share-close { position:absolute; right:15px; top:14px; background:#f5effb; color:#890aa1; border:0; border-radius:50%; width:30px; height:30px; font-size:22px; cursor:pointer; }
.share-destinations { display:flex; gap:10px; margin:20px 0; }
.share-destinations a { flex:1; text-align:center; font-size:11px; color:#890aa1; border:1px solid #ead9f6; padding:12px 4px; border-radius:10px; text-decoration:none; }
.share-box label { font-size:11px; color:#6b626e; }
.share-box input { display:block; width:100%; margin:8px 0 15px; padding:10px; border:1px solid #ded2e9; border-radius:9px; }
.app.reading>.share-options.share-options { display:flex; }