:root{
  --rag-navy:#063058;
  --rag-navy-2:#0a3d68;
  --rag-red:#e84024;
  --rag-gold:#f0b600;
  --rag-bg:#ffffff;
  --rag-soft:#f5f7fa;
  --rag-card:#ffffff;
  --rag-text:#111827;
  --rag-muted:#5b6472;
  --rag-border:#e5e7eb;
  --rag-shadow:0 18px 46px rgba(6,48,88,.10);
}
html,body{background:var(--rag-bg)!important;color:var(--rag-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;}
body:not(.auth-body){background:linear-gradient(180deg,#fff 0%,#fff 170px,var(--rag-soft) 171px,#fff 100%)!important;}
.app-shell{background:transparent!important;}
.scraaps-topbar{background:var(--rag-navy)!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;position:sticky!important;top:0!important;z-index:30!important;}
.scraaps-topline{height:70px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;max-width:1200px!important;margin:0 auto!important;}
.scraaps-logo{width:auto!important;height:auto!important;display:flex!important;align-items:center!important;min-width:0!important;}
.scraaps-logo img{width:236px!important;max-width:58vw!important;height:auto!important;object-fit:contain!important;filter:none!important;}
.scraaps-top-actions{gap:10px!important;}
.scraaps-round-icon,.scraaps-avatar-btn{background:rgba(255,255,255,.08)!important;border:0!important;color:#fff!important;box-shadow:none!important;}
.scraaps-round-icon:hover,.scraaps-avatar-btn:hover{background:rgba(255,255,255,.14)!important;}
.scraaps-round-icon b{background:var(--rag-red)!important;color:#fff!important;}

.rag-category-nav{height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:26px!important;max-width:1200px!important;margin:0 auto!important;padding:0 18px!important;border-top:1px solid rgba(255,255,255,.08)!important;overflow:auto!important;}
.rag-category-nav a{color:#fff!important;text-decoration:none!important;font-weight:950!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.25px!important;white-space:nowrap!important;position:relative!important;padding:13px 0 12px!important;}
.rag-category-nav a.active::after,.rag-category-nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--rag-gold);}

.scraaps-global-search{max-width:1200px!important;margin:0 auto!important;padding:0 18px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.scraaps-global-search input{background:#fff!important;color:var(--rag-text)!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;box-shadow:0 10px 26px rgba(0,0,0,.08)!important;}
.scraaps-global-search svg{color:var(--rag-navy)!important;}
.scraaps-global-search button{background:var(--rag-red)!important;color:#fff!important;}
.container{max-width:980px!important;margin:0 auto!important;padding-left:18px!important;padding-right:18px!important;}
.home-container{padding-top:24px!important;padding-bottom:110px!important;}
.home-feed-list{gap:22px!important;}
.home-section-head strong,.page-title,.form-card h1,.section-title{color:var(--rag-text)!important;letter-spacing:-.4px!important;}
.feed-card,.form-card,.card,.home-welcome-card,.community-showcase-card,.news-reader-card,.rag-news-card{background:var(--rag-card)!important;border:1px solid var(--rag-border)!important;border-radius:18px!important;box-shadow:none!important;color:var(--rag-text)!important;overflow:hidden!important;}
.feed-card{padding:0!important;}
.feed-head,.feed-header{padding:14px 16px!important;border-bottom:1px solid #f0f2f5!important;}
.mini-avatar,.comment-avatar,.scraaps-avatar-btn{border-radius:999px!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(6,48,88,.12)!important;}
.feed-author-name,.post-meta b,.feed-title{color:var(--rag-text)!important;}
.muted,.feed-time,.feed-sub,.feed-link-top{color:var(--rag-muted)!important;}
.feed-badge,.rag-category-pill{display:inline-flex!important;align-items:center!important;width:max-content!important;border-radius:999px!important;background:rgba(232,64,36,.10)!important;color:var(--rag-red)!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.4px!important;}
.feed-title{padding:0 16px!important;margin:16px 0 8px!important;font-size:24px!important;line-height:1.05!important;font-weight:950!important;}
.message,.feed-photo-caption,.news-link-title-card,.feed-link-card{font-size:16px!important;line-height:1.55!important;color:var(--rag-text)!important;}
.message{padding:0 16px 18px!important;}
.news-link-media,.portrait-frame,.media-frame{border-radius:0!important;background:#f2f4f7!important;border:0!important;box-shadow:none!important;}
.news-link-media img,.portrait-frame img,.media-frame img{width:100%!important;height:100%!important;object-fit:cover!important;}
.news-link-title-card{margin:0!important;padding:16px!important;border:0!important;border-top:1px solid var(--rag-border)!important;border-radius:0!important;background:#fff!important;}
.news-link-title-card small{color:var(--rag-red)!important;font-weight:950!important;}
.news-link-title-card strong{font-size:22px!important;line-height:1.05!important;color:var(--rag-red)!important;letter-spacing:-.5px!important;}
.feed-action-row{border-top:1px solid var(--rag-border)!important;background:#fff!important;padding:8px 10px!important;}
.feed-action{border-radius:12px!important;color:#1f2937!important;background:transparent!important;}
.feed-action svg{color:var(--rag-navy)!important;}
.feed-love-toggle.is-loved svg,.feed-love-toggle.is-loved span,.feed-love-toggle.is-loved b{color:var(--rag-red)!important;}
.feed-share-button svg{color:var(--rag-red)!important;}
.feed-comments-box{background:#fff!important;border-top:1px solid var(--rag-border)!important;}
.feed-comment-bubble{background:#f6f7f9!important;color:var(--rag-text)!important;border:1px solid #eef0f3!important;}
.feed-comment-form input{background:#f6f7f9!important;border:1px solid var(--rag-border)!important;color:var(--rag-text)!important;}
.feed-comment-form button,.btn-gradient,.btn.btn-gradient{background:var(--rag-red)!important;color:#fff!important;border:0!important;box-shadow:none!important;}
.btn,.btn-secondary{border-radius:12px!important;font-weight:900!important;}
.bottom-nav{background:#fff!important;border-top:1px solid var(--rag-border)!important;box-shadow:0 -10px 28px rgba(6,48,88,.08)!important;}
.bottom-nav .nav-item{color:#667085!important;}
.bottom-nav .nav-item.active,.bottom-nav .nav-item:hover{color:var(--rag-red)!important;}
.nav-create-clean .nav-plus{background:var(--rag-red)!important;color:#fff!important;box-shadow:0 10px 26px rgba(232,64,36,.28)!important;}
.quick-menu-panel{background:#fff!important;border-radius:26px 26px 0 0!important;border:1px solid var(--rag-border)!important;box-shadow:0 -20px 60px rgba(6,48,88,.18)!important;}
.quick-menu-head strong{color:var(--rag-text)!important;}
.quick-menu-grid a{background:#fff!important;border:1px solid var(--rag-border)!important;color:var(--rag-text)!important;box-shadow:none!important;border-radius:18px!important;}
.quick-icon{background:rgba(232,64,36,.10)!important;color:var(--rag-red)!important;}
.app-signature{color:#8b95a5!important;}
/* Notícias */
.rag-news-hero{padding:22px 0 8px!important;border-bottom:1px solid var(--rag-border)!important;margin-bottom:22px!important;}
.rag-news-hero h1{font-size:30px!important;line-height:1.03!important;margin:0 0 8px!important;color:var(--rag-text)!important;letter-spacing:-.9px!important;}
.rag-news-hero p{margin:0;color:var(--rag-muted)!important;font-size:15px!important;}
.rag-news-card-link{display:block;text-decoration:none!important;color:inherit!important;}
.rag-news-card .rag-news-cover{aspect-ratio:1080/1450;background:#eef1f5;overflow:hidden;}
.rag-news-card .rag-news-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.rag-news-card .rag-news-body{padding:16px;}
.rag-news-card h2{margin:10px 0 8px;font-size:25px;line-height:1.04;letter-spacing:-.6px;color:var(--rag-red);}
.rag-news-card p{margin:0;color:#4b5563;line-height:1.42;font-size:15px;}
.rag-news-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b7280;font-size:13px;font-weight:700;}
.news-reader-card{padding:0;margin:18px 0 24px;}
.news-reader-cover{aspect-ratio:1080/1450;background:#eef1f5;overflow:hidden;}
.news-reader-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.news-reader-body{padding:18px;}
.news-reader-body h1{font-size:34px;line-height:1.02;letter-spacing:-1px;margin:10px 0;color:var(--rag-red);}
.news-reader-subtitle{font-size:18px;line-height:1.35;color:#374151;margin:0 0 12px;}
.news-reader-content{font-size:17px;line-height:1.7;color:var(--rag-text);}
.news-reader-content p{margin:0 0 18px;}
.news-limit-card{padding:24px!important;text-align:center!important;}
.news-limit-card h1{color:var(--rag-red)!important;margin:0 0 10px!important;}
.news-limit-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px;}
.form-card input,.form-card textarea,.form-card select,.select{border:1px solid var(--rag-border)!important;border-radius:12px!important;background:#fff!important;color:var(--rag-text)!important;box-shadow:none!important;}
.form-card label{color:var(--rag-text)!important;font-weight:900!important;}
.form-help{display:block;color:var(--rag-muted);font-size:12px;line-height:1.35;margin-top:6px;}
/* Login e cadastro */
body.auth-body{background:linear-gradient(180deg,var(--rag-navy) 0%,#073b67 100%)!important;}
.auth-logo-wrap img,.login-brand-logo-slot img{content:url('../img/logo-rede-agora.svg')!important;}
body.auth-body .btn-gradient{background:var(--rag-red)!important;color:#fff!important;}
body.auth-body .login-fixed-container .btn-gradient{background:var(--rag-red)!important;color:#fff!important;}
body.auth-body .login-fixed-container .form-group input:focus{border-color:rgba(240,182,0,.8)!important;box-shadow:0 0 0 3px rgba(240,182,0,.18)!important;}
.pwa-install-btn img{content:url('../img/icone-rede-agora.svg')!important;}
@media (min-width:880px){
  .home-container{max-width:760px!important;}
  .scraaps-topline{height:76px!important;}
  .scraaps-logo img{width:280px!important;}
  .rag-news-card-link{display:grid!important;grid-template-columns:250px 1fr!important;align-items:stretch!important;}
  .rag-news-card .rag-news-cover{height:336px!important;aspect-ratio:auto!important;}
}
@media (max-width:520px){
  .scraaps-logo img{width:208px!important;}
  .scraaps-topline{height:64px!important;padding-left:14px!important;padding-right:14px!important;}
  .container{padding-left:14px!important;padding-right:14px!important;}
  .news-reader-body h1{font-size:30px;}
}

/* ===== Maracanaú Agora header refresh ===== */
.maracanau-topbar{overflow:visible!important;}
.maracanau-topline{position:relative!important;justify-content:center!important;gap:14px!important;}
.maracanau-logo{flex:1 1 auto!important;justify-content:center!important;min-width:0!important;}
.maracanau-logo img{width:248px!important;max-width:58vw!important;height:auto!important;display:block!important;}
.ma-header-icon{appearance:none;border:0;background:transparent;color:#fff;width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;cursor:pointer;transition:background .18s ease, transform .18s ease;}
.ma-header-icon:hover,.ma-header-icon:focus-visible{background:rgba(255,255,255,.10);outline:0;}
.ma-header-icon svg{width:23px;height:23px;display:block;}
.ma-search-panel{max-width:1200px;margin:0 auto;padding:0 18px 16px;}
.ma-search-form{display:flex;align-items:center;gap:10px;}
.ma-search-field-wrap{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 16px;min-height:52px;box-shadow:0 12px 28px rgba(2,17,34,.14);}
.ma-search-field-wrap svg{width:18px;height:18px;color:var(--rag-navy);flex:0 0 18px;}
.ma-search-field-wrap input{flex:1;border:0;background:transparent;padding:0;height:44px;font-size:15px;color:var(--rag-text);outline:0;}
.ma-search-submit,.ma-search-close{appearance:none;border:0;border-radius:999px;font-weight:900;padding:0 18px;height:52px;cursor:pointer;}
.ma-search-submit{background:var(--rag-red);color:#fff;box-shadow:0 10px 22px rgba(232,64,36,.28);}
.ma-search-close{background:rgba(255,255,255,.12);color:#fff;}
.ma-drawer-backdrop{position:fixed;inset:0;background:rgba(2,12,27,.52);backdrop-filter:blur(2px);z-index:45;opacity:0;transition:opacity .2s ease;}
.ma-drawer-backdrop.is-open{opacity:1;}
.ma-drawer{position:fixed;left:0;top:0;bottom:0;width:min(88vw,360px);background:#fff;border-right:1px solid var(--rag-border);box-shadow:0 20px 50px rgba(4,17,34,.24);z-index:46;transform:translateX(-105%);transition:transform .22s ease;display:flex;flex-direction:column;}
.ma-drawer.is-open{transform:translateX(0);}
.ma-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 16px;background:var(--rag-navy);color:#fff;}
.ma-drawer-head small{display:block;font-size:12px;letter-spacing:.3px;text-transform:uppercase;opacity:.72;margin-bottom:4px;}
.ma-drawer-head strong{font-size:22px;line-height:1.05;display:block;}
.ma-drawer-close{appearance:none;border:0;background:rgba(255,255,255,.10);color:#fff;width:38px;height:38px;border-radius:999px;font-size:28px;line-height:1;cursor:pointer;}
.ma-drawer-user{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--rag-border);}
.ma-drawer-user strong{display:block;font-size:15px;color:var(--rag-text);}
.ma-drawer-user span{display:block;color:var(--rag-muted);font-size:13px;}
.ma-drawer-nav{display:flex;flex-direction:column;padding:10px 12px;gap:4px;}
.ma-drawer-nav a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--rag-text);font-weight:800;padding:13px 12px;border-radius:14px;}
.ma-drawer-nav a:hover{background:var(--rag-soft);}
.ma-drawer-nav b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--rag-red);color:#fff;font-size:12px;}
.ma-drawer-section{padding:6px 18px 18px;display:flex;flex-direction:column;gap:12px;}
.ma-drawer-section>span{font-size:13px;color:var(--rag-muted);font-weight:900;text-transform:uppercase;letter-spacing:.35px;}
.ma-drawer-tags{display:flex;flex-wrap:wrap;gap:10px;}
.ma-drawer-tags a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(232,64,36,.08);color:var(--rag-red);text-decoration:none;font-size:13px;font-weight:900;}
@media (max-width:860px){
  .rag-category-nav{justify-content:flex-start!important;gap:20px!important;}
  .ma-search-form{flex-wrap:wrap;}
  .ma-search-field-wrap{width:100%;}
  .ma-search-submit,.ma-search-close{height:44px;padding:0 16px;}
}
@media (max-width:520px){
  .maracanau-topline{padding-left:12px!important;padding-right:12px!important;height:68px!important;}
  .ma-header-icon{width:38px;height:38px;flex-basis:38px;}
  .maracanau-logo img{width:216px!important;max-width:55vw!important;}
  .ma-search-panel{padding:0 12px 12px;}
}
.auth-logo-wrap img,.login-brand-logo-slot img{content:url('../img/logo-maracanau-agora.png')!important;max-width:260px!important;height:auto!important;}


/* ===== Fase 2 — notícia viva, denúncias e participação local ===== */
.ma-checkbox-line{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-weight:800;color:var(--rag-text);}
.ma-checkbox-line input{width:18px;height:18px;accent-color:var(--rag-red);}
.ma-status-filters{display:flex;gap:10px;overflow:auto;padding:0 0 14px;margin-bottom:12px;}
.ma-status-filters a{white-space:nowrap;text-decoration:none;border:1px solid var(--rag-border);background:#fff;color:var(--rag-text);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900;}
.ma-status-filters a.active,.ma-status-filters a:hover{background:var(--rag-red);color:#fff;border-color:var(--rag-red);}
.ma-occurrence-card{overflow:hidden!important;}
.ma-occurrence-media{display:block;aspect-ratio:1080/1450;background:#eef1f5;overflow:hidden;}
.ma-occurrence-media img{width:100%;height:100%;object-fit:cover;display:block;}
.ma-occurrence-body{padding:16px;}
.ma-occurrence-body h2{margin:10px 0 8px;font-size:24px;line-height:1.05;color:var(--rag-red);}
.ma-occurrence-body h2 a{color:inherit;text-decoration:none;}
.ma-occurrence-body p{margin:0 0 10px;color:#4b5563;line-height:1.45;}
.ma-occurrence-body small{display:block;color:var(--rag-muted);font-weight:800;}
.ma-occurrence-reader-cover{aspect-ratio:auto!important;max-height:620px;}
.ma-occurrence-reader-cover img{object-fit:cover!important;}
.ma-author-card,.ma-poll-card,.ma-case-card,.ma-timeline-card{border:1px solid var(--rag-border);background:#fff;border-radius:18px;padding:16px;margin:18px 0;box-shadow:none;}
.ma-author-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.ma-author-line{display:flex;align-items:center;gap:12px;}
.ma-author-line strong,.ma-case-card strong{display:block;color:var(--rag-text);font-weight:950;}
.ma-author-line small{display:block;color:var(--rag-muted);font-size:13px;font-weight:700;}
.ma-case-card span{display:block;color:var(--rag-red);font-weight:950;margin-top:4px;}
.ma-case-card p{margin:8px 0 0;color:var(--rag-muted);line-height:1.45;}
.ma-cobrar-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.ma-poll-card h2,.ma-timeline-card h2{margin:10px 0 14px;color:var(--rag-text);font-size:24px;line-height:1.08;}
.ma-poll-options{display:flex;flex-direction:column;gap:10px;}
.ma-poll-option{position:relative;overflow:hidden;border:1px solid var(--rag-border);background:#fff;border-radius:14px;min-height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;color:var(--rag-text);}
.ma-poll-option input{position:relative;z-index:2;accent-color:var(--rag-red);}
.ma-poll-option span,.ma-poll-option b{position:relative;z-index:2;}
.ma-poll-option i{position:absolute;left:0;top:0;bottom:0;background:rgba(232,64,36,.12);display:block;z-index:1;transition:width .2s ease;}
.ma-poll-option.is-voted{border-color:rgba(232,64,36,.55);box-shadow:0 0 0 3px rgba(232,64,36,.08);}
.ma-poll-card small{display:block;margin-top:10px;color:var(--rag-muted);font-weight:800;}
.ma-section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;}
.ma-update-form{display:grid;gap:10px;margin:0 0 18px;}
.ma-update-form input,.ma-update-form textarea,.ma-update-form select{border:1px solid var(--rag-border);border-radius:12px;padding:12px;background:#fff;color:var(--rag-text);}
.ma-timeline-list{display:flex;flex-direction:column;gap:12px;}
.ma-timeline-item{position:relative;border-left:3px solid var(--rag-red);padding:2px 0 4px 14px;}
.ma-timeline-item span{display:inline-flex;border-radius:999px;background:rgba(232,64,36,.10);color:var(--rag-red);font-size:12px;font-weight:950;padding:5px 9px;margin-bottom:6px;}
.ma-timeline-item strong{display:block;color:var(--rag-text);font-size:16px;margin-bottom:4px;}
.ma-timeline-item p{margin:0 0 5px;color:#4b5563;line-height:1.45;}
.ma-timeline-item small{color:var(--rag-muted);font-weight:800;}
.ma-admin-occurrence h2{margin:10px 0;color:var(--rag-red);line-height:1.08;}
.ma-admin-occurrence-img{width:100%;max-height:460px;object-fit:cover;border-radius:16px;border:1px solid var(--rag-border);}
.ma-admin-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px;}
.ma-admin-row .select{min-width:220px;}
.rag-search-news-card{margin-bottom:14px;}
@media (max-width:560px){
  .ma-cobrar-card,.ma-author-card{align-items:flex-start;flex-direction:column;}
  .ma-admin-row{align-items:stretch;flex-direction:column;}
  .ma-admin-row .select{min-width:0;width:100%;}
}