* { box-sizing: border-box; }
html, body, div, span, h1, h2, p, a, img, form, label, input, textarea, select, button { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
body { background-color:#16191c; background-image:linear-gradient(rgba(14,17,20,.84), rgba(14,17,20,.84)), url('imgs/bg-b.jpg'); background-repeat:repeat; font-family: Verdana, Arial, sans-serif; font-size: 14px; }
a { color: inherit; }
button { cursor: pointer; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
#page { width: min(1040px, calc(100% - 32px)); margin: 0 auto; padding: 30px 0; }
#header { position: relative; width: 747px; height: 155px; margin: 0 0 0 16px; }
#logo a { display:block; position:absolute; top:0; left:0; width:177px; height:130px; overflow:hidden; background:url('imgs/muraldedourados.png') no-repeat; }
#logo a::after { content:""; position:absolute; inset:-18px -78px; background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.05) 47%,rgba(255,247,208,.45) 50%,rgba(255,255,255,.08) 53%,transparent 58%); transform:translateX(-145%); animation:chalkboard-glint 8s ease-in-out infinite; pointer-events:none; }
#logo span { display:none; }
#navbar { position:absolute; z-index:20; top:-25px; right:0; width:390px; color:#bdbdbd; font:11px/16px Tahoma, Verdana, Arial, sans-serif; text-align:right; }
#navbar a { color:#e4e4e4; padding:5px; text-decoration:none; }
#navbar a:hover { color:#fff; background:#333; }
#navbar .contact-whatsapp { display:inline-flex; align-items:center; gap:3px; color:#86eaa7; }
#navbar .contact-whatsapp img { width:15px; height:15px; }
#social-share { position:absolute; top:48px; left:534px; display:flex; align-items:center; gap:9px; height:23px; }
.social-icon { display:flex; align-items:center; justify-content:center; width:23px; height:23px; border-radius:50%; background:transparent; }
.social-icon img { display:block; width:23px; height:23px; }
.social-icon.tiktok { background:transparent; }
.social-icon.tiktok img { width:23px; height:23px; }
#compartilhar-whatsapp { position:absolute; top:80px; left:460px; display:flex; align-items:center; justify-content:center; width:248px; height:40px; gap:7px; padding:0; border:1px solid #198b3a; border-radius:4px; background:#25d366; box-shadow:inset 0 1px rgba(255,255,255,.35); color:#fff; font:bold 14px/36px Tahoma, Verdana, Arial, sans-serif; white-space:nowrap; }
#compartilhar-whatsapp:hover { background:#1fbd5a; }
#compartilhar-whatsapp img { display:block; width:22px; height:22px; }
#anuncie-conosco { position:absolute; top:124px; right:0; display:flex; align-items:center; justify-content:center; min-width:176px; height:28px; padding:0 9px; border:1px solid #e4bd66; border-radius:3px; background:linear-gradient(#b7772c,#754014); box-shadow:inset 0 1px rgba(255,244,202,.48),0 1px 2px rgba(0,0,0,.3); color:#fffaf0; font:bold 12px/28px Tahoma, Verdana, Arial, sans-serif; text-align:center; text-decoration:none; overflow:visible; isolation:isolate; }
#anuncie-conosco:hover { background:linear-gradient(#ca8a39,#864d1b); }
#anuncie-conosco img { position:absolute; left:9px; width:18px; height:18px; }
#anuncie-conosco::after { content:""; position:absolute; z-index:-1; inset:-5px; border:1px solid rgba(255,230,132,.92); border-radius:5px; box-shadow:0 0 0 1px rgba(104,69,4,.75),0 0 9px rgba(255,204,66,.92),0 0 20px rgba(220,153,20,.56); animation:add-button-glow 2.8s ease-in-out infinite; pointer-events:none; }
#adicionar { position:absolute; top:80px; left:200px; display:block; width:248px; height:40px; overflow:visible; isolation:isolate; }
#adicionar img { position:relative; z-index:1; display:block; max-width:none; }
#adicionar:hover img { filter:brightness(1.11); }
#install-app { position:absolute; top:124px; left:200px; min-width:150px; height:24px; padding:0; border:0; background:transparent; color:#fff; font:11px/24px Tahoma,Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; text-shadow:0 1px 2px rgba(0,0,0,.7); }
#install-app:hover { color:#f2cf74; }
#site-intro { display:none; }
#categories { position:relative; display:flex; justify-content:center; align-items:center; width:780px; gap:8px; padding:5px 0 8px; color:#e0ddd7; font:12px/12px Tahoma, Verdana, Arial, sans-serif; text-align:center; white-space:nowrap; }
#categories > a, #category-toggle { display:flex; align-items:center; justify-content:center; min-height:30px; padding:6px 12px; border:1px solid rgba(220,207,178,.42); border-radius:15px; background:rgba(0,0,0,.22); color:#eee9df; font:inherit; text-decoration:none; }
#categories > a:hover, #categories > a.active, #category-toggle:hover, #category-toggle[aria-expanded="true"] { border-color:#d8b65e; background:linear-gradient(#76511e,#4c3210); color:#fff; }
#categories-menu { position:absolute; z-index:30; top:42px; left:50%; display:grid; grid-template-columns:repeat(3,max-content); gap:6px; width:max-content; max-width:min(490px, calc(100% - 20px)); padding:10px; border:1px solid #b58c38; border-radius:8px; background:#17191b; box-shadow:0 8px 18px rgba(0,0,0,.48); transform:translateX(-50%); }
#categories-menu[hidden] { display:none !important; }
#categories-menu a { padding:7px 9px; border:1px solid rgba(220,207,178,.35); border-radius:14px; color:#eee9df; font:11px/14px Tahoma,Arial,sans-serif; text-decoration:none; white-space:nowrap; }
#categories-menu a:hover, #categories-menu a.active { border-color:#d8b65e; background:#5a3d14; color:#fff; }
.visit-counters { display:flex; justify-content:center; width:780px; gap:8px; padding:0 0 12px; color:#ded9d0; font:11px/16px Tahoma, Verdana, Arial, sans-serif; }
.visit-counters span { padding:1px 7px; border:1px solid #c89b45; border-radius:14px; background:linear-gradient(#76511e,#4c3210); text-align:center; }
.visit-counters strong { color:#fff; }
#fpes { display:flex; align-items:center; height:18px; overflow:hidden; border:1px solid #c89b45; border-radius:14px; background:#fff; }
#fpes-q { width:140px; height:16px; padding:0 9px; outline:none; border:0; background:#fff; color:#222; font:10px/16px Arial,sans-serif; text-align:center; }
.banner-row { display:flex; justify-content:center; gap:10px; width:100%; margin:0 0 12px; }
.banner-slot { display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px dashed #a69780; border-radius:10px; background:rgba(255,255,255,.54); color:#766d61; font-family:Tahoma, Verdana, Arial, sans-serif; text-align:center; text-decoration:none; transition:background .15s ease; }
.banner-slot:hover { background:#fff8e7; color:#5a9d0a; }
.banner-slot b { display:block; margin-bottom:3px; color:#5a9d0a; font-size:13px; text-transform:uppercase; }
.banner-slot span { font-size:11px; }
.banner-slot { position:relative; }
.banner-whatsapp { position:absolute; right:23px; top:50%; width:23px; height:23px; transform:translateY(-50%); }
.banner-row-small { display:block; }
.banner-row-small .banner-small { display:flex; width:min(780px, 100%); height:73px; margin:0 0 5px; border:0; background:rgba(255,255,255,.88) url('imgs/box-mural.png') no-repeat; }
#top-advertise { overflow:visible; border:1px solid #ceb157; border-radius:10px; background:linear-gradient(90deg,#f7f0d7,#e9d79b); box-shadow:0 1px 4px rgba(0,0,0,.35); }
#top-advertise::before, #top-advertise::after { content:""; position:absolute; top:25px; z-index:1; width:31px; height:18px; border:1px solid rgba(132,94,28,.36); background:#f2cf74; box-shadow:0 1px 2px rgba(0,0,0,.25); }
#top-advertise::before { left:-12px; transform:rotate(-5deg); }
#top-advertise::after { right:-12px; transform:rotate(5deg); }
#top-advertise b { color:#4f850b; }
#top-advertise span { color:#5d5140; }
#header-advertise { display:none; }
.banner-medium { width:245px; height:108px; }
.banner-large { width:245px; height:165px; }
#content-layout, #main-column, #mural { width:100%; }
.mural-item { position:relative; display:block; width:100%; height:73px; margin-bottom:7px; overflow:visible; border:1px solid #d4d1cb; border-radius:8px; background:linear-gradient(180deg,#fbfaf9 0%,#f3f2ef 100%); box-shadow:0 2px 3px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.92); }
.mural-item:not(.sponsored-item)::before, .mural-item:not(.sponsored-item)::after { content:""; position:absolute; top:22px; z-index:2; width:31px; height:18px; border:1px solid rgba(132,94,28,.34); background:linear-gradient(90deg,#f8dc83,#e8bd52); box-shadow:0 1px 2px rgba(0,0,0,.24); }
.mural-item:not(.sponsored-item)::before { left:-17px; transform:rotate(-4deg); }
.mural-item:not(.sponsored-item)::after { right:-17px; transform:rotate(4deg); }
.mural-item .cg { position:absolute; top:8px; right:60px; width:280px; height:12px; overflow:hidden; color:#9e9485; font:11px/12px Tahoma, Verdana, Arial, sans-serif; text-align:right; white-space:nowrap; }
.mural-item .txt { position:absolute; top:25px; left:40px; right:142px; height:25px; overflow:hidden; color:#000; font:12px/14px Tahoma, Verdana, Arial, sans-serif; }
.mural-item strong { font-weight:bold; }
.ad-whatsapp { position:absolute; top:31px; right:58px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#25d366; box-shadow:0 1px 2px rgba(0,0,0,.25); }
.ad-whatsapp:hover { background:#1fbd5a; transform:scale(1.06); }
.ad-whatsapp img { width:23px; height:23px; }
.ad-link { position:absolute; top:31px; right:94px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:#587aab; box-shadow:0 1px 2px rgba(0,0,0,.25); }
.ad-link:hover { background:#44668f; transform:scale(1.06); }
.ad-link img { width:17px; height:17px; }
.read-more { position:absolute; right:130px; bottom:5px; padding:0; border-bottom:1px solid #5a9d0a; background:transparent; color:#4f850b; font:10px/12px Tahoma,Arial,sans-serif; }
.read-more:hover { color:#222; }
#carregar-mais { display:block; width:100%; height:40px; margin:0 0 20px; background:none; color:#666; font:20px/40px Tahoma, Verdana, Arial, sans-serif; text-align:center; }
#carregar-mais[hidden] { display:none; }
#carregar-mais.loading { color:#888; font-size:14px; }
#modal { width:400px; padding:24px; border:1px solid #777; box-shadow:0 5px 28px rgba(0,0,0,.35); font:13px Tahoma,Arial,sans-serif; }
#modal::backdrop { background:rgba(0,0,0,.28); }
#modal h2 { margin-bottom:15px; font-size:20px; }
#modal .expiry-note { margin:-7px 0 11px; color:#71695f; font-size:12px; }
#modal label { display:block; margin:10px 0 3px; }
#modal input, #modal textarea, #modal select { width:100%; margin-top:4px; padding:7px; border:1px solid #aaa; }
#modal textarea { height:90px; resize:vertical; }
#modal .use-last-ad { width:100%; margin:0 0 6px; padding:7px 8px; border:1px solid #ceb157; background:#f7f0d7; color:#5b4017; font-weight:bold; text-align:left; }
#modal .use-last-ad:hover { background:#e9d79b; }
#modal form > button { margin-top:13px; padding:8px 12px; background:#5a9d0a; color:#fff; font-weight:bold; }
#modal .close { position:absolute; top:5px; right:8px; background:none; color:#555; font:25px Arial,sans-serif; }
#ad-details { position:fixed; inset:0; box-sizing:border-box; width:min(500px, calc(100% - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:28px 30px; overflow:auto; border:1px solid #ceb157; background:linear-gradient(90deg,#f7f0d7,#e9d79b); box-shadow:0 9px 36px rgba(0,0,0,.45); font:14px/1.5 Tahoma,Arial,sans-serif; }
#ad-details::backdrop { background:rgba(29,23,15,.5); }
#ad-details h2 { margin:0 24px 7px 0; color:#5b4017; font-size:21px; }
#ad-details-meta { margin-bottom:15px; color:#6d604b; font-size:11px; }
#ad-details-text { white-space:pre-wrap; color:#211b13; }
#ad-details .close { position:absolute; top:5px; right:8px; background:none; color:#555; font:25px Arial,sans-serif; }
#welcome-popup { position:relative; width:420px; padding:0; overflow:visible; border:1px solid #ceb157; border-radius:0; background:linear-gradient(90deg,#f7f0d7,#e9d79b); box-shadow:0 9px 36px rgba(0,0,0,.45); font:14px/1.4 Tahoma, Arial, sans-serif; }
#welcome-popup::backdrop { background:rgba(29,23,15,.5); }
#welcome-popup::before, #welcome-popup::after { content:""; position:absolute; top:52px; z-index:2; width:38px; height:21px; border:1px solid rgba(132,94,28,.36); background:#f2cf74; box-shadow:0 1px 2px rgba(0,0,0,.25); }
#welcome-popup::before { left:-17px; transform:rotate(-5deg); }
#welcome-popup::after { right:-17px; transform:rotate(5deg); }
#welcome-popup .popup-content { padding:28px 30px 30px; background:linear-gradient(90deg,#f7f0d7,#e9d79b); }
#welcome-popup .popup-label { margin-bottom:6px; color:#4f850b; font-size:11px; font-weight:bold; letter-spacing:.07em; text-transform:uppercase; }
#welcome-popup h2 { margin-bottom:8px; color:#5b4017; font-size:24px; }
#welcome-popup .close { position:absolute; top:6px; right:9px; background:none; color:#555; font:25px Arial,sans-serif; }
.banner-slot.has-banner { background-position:center; background-size:cover; border:0; }
.banner-slot.has-banner b, .banner-slot.has-banner span { display:none; }
.banner-slot.has-banner .banner-whatsapp { z-index:1; filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.sponsored-item { overflow:hidden; margin-bottom:7px; border:1px solid #ceb157; background-color:#e5d08b; background-position:center; background-size:cover; box-shadow:0 1px 4px rgba(0,0,0,.4); color:#fff; text-decoration:none; }
.sponsored-item.available-slot { background:linear-gradient(90deg,#f7f0d7,#e9d79b); color:#5b4017; }
.sponsored-item.available-slot::before { background:linear-gradient(90deg,rgba(250,247,224,.18),rgba(118,84,21,.1)); }
.sponsored-item.available-slot .sponsor-company { color:#4f850b; text-shadow:none; }
.sponsored-item.available-slot .sponsor-caption { color:#5d5140; text-shadow:none; }
.sponsored-item::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(26,31,14,.4),rgba(75,49,13,.08)); pointer-events:none; }
.sponsor-badge, .sponsor-company, .sponsor-caption, .sponsor-tape, .sponsored-whatsapp { position:absolute; z-index:1; }
.sponsor-badge { top:9px; left:48px; padding:2px 7px; background:#7a3b12; color:#fff7d0; font:700 10px/12px Tahoma,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.sponsor-company { top:29px; left:48px; max-width:calc(100% - 155px); overflow:hidden; color:#fff; font:700 17px/20px Tahoma,Arial,sans-serif; letter-spacing:.01em; text-shadow:0 1px 2px #111; white-space:nowrap; text-transform:uppercase; }
.sponsor-caption { top:51px; left:48px; color:#fffdf2; font:11px/13px Tahoma,Arial,sans-serif; text-shadow:0 1px 2px #111; }
.sponsor-tape { top:24px; width:31px; height:18px; background:#f2ba55; border:1px solid rgba(115,76,20,.3); box-shadow:0 1px 2px rgba(0,0,0,.2); transform:rotate(-5deg); }
.sponsor-tape-left { left:-11px; }
.sponsor-tape-right { right:-11px; transform:rotate(5deg); }
.sponsored-whatsapp { top:22px; right:72px; }
.empty-mural { display:block; padding:28px; color:#ddd4c5; text-align:center; }
.popup-contact { display:inline-flex; align-items:center; gap:6px; margin-top:18px; padding:8px 10px; border-radius:3px; background:#25d366; color:#fff; font-weight:bold; text-decoration:none; }
.popup-contact img { width:20px; height:20px; }
@keyframes chalkboard-glint { 0%,62%,100% { transform:translateX(-145%); opacity:0; } 68% { opacity:1; } 82% { transform:translateX(145%); opacity:1; } 88% { opacity:0; } }
@keyframes add-button-glow { 0%,100% { opacity:.54; box-shadow:0 0 0 1px rgba(104,69,4,.75),0 0 7px rgba(255,204,66,.72),0 0 14px rgba(220,153,20,.38); } 50% { opacity:1; box-shadow:0 0 0 1px rgba(138,91,5,.95),0 0 13px rgba(255,226,107,1),0 0 28px rgba(240,168,30,.78); } }
/* DESKTOP — preserva a composição histórica em telas largas. */
@media (min-width: 821px) {
  #page { width:min(1040px, calc(100% - 32px)); padding:30px 0; }
  #header { width:747px; height:155px; margin-left:16px; }
  #header-advertise { display:none; }
  #logo a { top:0; left:0; transform:none; }
  #navbar { top:-25px; right:0; left:auto; width:390px; text-align:right; }
  #social-share { top:48px; right:auto; left:534px; }
  #compartilhar-whatsapp { top:80px; right:auto; left:460px; width:248px; height:40px; }
  #adicionar { top:80px; right:auto; left:200px; width:248px; transform:none; }
  #anuncie-conosco { top:124px; right:0; left:auto; }
  #install-app { top:124px; left:200px; }
  #categories, .visit-counters { width:780px; white-space:nowrap; }
  .banner-row-small .banner-small { width:min(780px, 100%); }
  .mural-item { height:73px; }
}
/* CELULAR — empilha controles e amplia as áreas de toque. */
@media (max-width: 820px) {
  #page { width:calc(100% - 20px); padding-top:20px; }
  #header { width:100%; height:420px; margin-left:0; }
  #header-advertise { position:absolute; top:0; left:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:100%; height:102px; overflow:visible; box-sizing:border-box; padding:9px 48px; border:1px solid #b98829; background:#10100f url('imgs/cb-solucoes-ia-banner.png') center/cover no-repeat; box-shadow:0 1px 4px rgba(0,0,0,.55); color:#fff; text-decoration:none; text-shadow:0 1px 3px rgba(0,0,0,.9); }
  #header-advertise::before, #header-advertise::after { content:""; position:absolute; top:42px; z-index:1; width:31px; height:18px; border:1px solid rgba(132,94,28,.36); background:#f2cf74; box-shadow:0 1px 2px rgba(0,0,0,.25); }
  #header-advertise::before { left:-12px; transform:rotate(-5deg); }
  #header-advertise::after { right:-12px; transform:rotate(5deg); }
  #header-advertise strong { color:#f4cf72; font:bold 18px/20px Tahoma,Arial,sans-serif; letter-spacing:.2px; }
  #header-advertise .cb-slogan { margin-top:1px; color:#fff; font:italic 12px/15px Tahoma,Arial,sans-serif; }
  #header-advertise .cb-services { margin-top:3px; color:#e7d7b6; font:9px/12px Tahoma,Arial,sans-serif; }
  #header-advertise .cb-contact { display:flex; align-items:center; gap:4px; margin-top:4px; color:#fff; font:bold 11px/14px Tahoma,Arial,sans-serif; }
  #header-advertise .cb-contact img { width:18px; height:18px; }
  #logo a { top:136px; left:0; transform:scale(.9); transform-origin:top left; }
  #navbar { display:none; }
  #navbar a { padding:3px 0; font-size:10px; }
  #social-share { top:178px; right:44px; left:auto; gap:9px; }
  .social-icon, .social-icon img { width:21px; height:21px; }
  .social-icon.tiktok img { width:14px; height:14px; }
  #compartilhar-whatsapp { top:136px; right:0; left:auto; box-sizing:border-box; width:188px; height:29px; font-size:11px; line-height:27px; }
  #compartilhar-whatsapp img { width:19px; height:19px; }
  #adicionar { top:366px; right:auto; left:50%; width:248px; transform:translateX(-50%) scale(.8); transform-origin:top center; }
  #anuncie-conosco { top:212px; right:0; box-sizing:border-box; min-width:0; width:188px; height:29px; font-size:11px; line-height:29px; }
  #install-app { top:298px; right:0; left:auto; min-width:170px; height:24px; font-size:11px; line-height:24px; text-align:center; }
  #site-intro { position:absolute; top:282px; left:14px; right:14px; display:block; color:#eee9df; font:10px/14px Tahoma,Arial,sans-serif; text-align:center; text-shadow:0 1px 2px rgba(0,0,0,.8); }
  #site-intro span, #site-intro em { display:block; }
  #site-intro em { color:#e6c778; font-style:normal; }
  #categories { width:100%; gap:8px; padding:7px 0 12px; font-size:11px; line-height:16px; white-space:normal; }
  #categories > a, #category-toggle { min-height:34px; padding:7px 14px; }
  #categories-menu { grid-template-columns:repeat(2,max-content); max-width:calc(100% - 12px); }
  .visit-counters { display:grid; grid-template-columns:minmax(94px,1fr) minmax(105px,1.15fr) minmax(94px,1fr); align-items:center; width:100%; gap:5px; padding-bottom:14px; }
  .visit-counters span { padding:6px 5px; border-color:#c89b45; border-radius:15px; background:linear-gradient(#76511e,#4c3210); color:#fff7e2; font-size:9px; white-space:nowrap; }
  .visit-counters span:first-child { grid-column:1; grid-row:1; }
  #visits-cycle-day { grid-column:3; grid-row:1; text-align:right; }
  #fpes { grid-column:2; grid-row:1; width:100%; height:29px; border-color:#c89b45; border-radius:15px; background:#fff; }
  #fpes-q { width:100%; height:27px; padding:0 8px; background:#fff; font-size:12px; text-align:center; }
  .mural-item { height:73px; background-size:100% 73px; }
  .mural-item .cg { top:7px; right:42px; width:55%; font-size:10px; }
  .mural-item .txt { top:24px; left:29px; right:92px; height:22px; font-size:11px; line-height:14px; }
  .ad-whatsapp { top:28px; right:24px; width:27px; height:27px; }
  .ad-link { top:28px; right:58px; width:27px; height:27px; }
  .read-more { right:94px; bottom:5px; font-size:10px; }
  .sponsor-badge { top:10px; left:35px; }
  .sponsor-company { top:34px; left:35px; max-width:calc(100% - 80px); font-size:14px; }
  .sponsor-caption { top:56px; left:35px; right:45px; font-size:10px; }
  .sponsored-whatsapp { top:50px; right:24px; }
  #welcome-popup, #modal { width:calc(100% - 28px); }
}
/* TABLET — mesma hierarquia do celular, com dimensões intermediárias. */
@media (min-width: 560px) and (max-width: 820px) {
  #header { height:430px; }
  #header-advertise { height:90px; padding-top:7px; padding-bottom:7px; }
  #logo a { top:132px; left:2%; transform:scale(.98); }
  #navbar { display:none; }
  #compartilhar-whatsapp { top:132px; box-sizing:border-box; width:208px; height:31px; font-size:12px; }
  #adicionar { top:374px; transform:translateX(-50%) scale(.9); }
  #anuncie-conosco { top:212px; box-sizing:border-box; min-width:0; width:208px; height:31px; font-size:12px; line-height:31px; }
  #install-app { top:300px; min-width:190px; font-size:11px; }
  #social-share { top:178px; right:54px; }
  #categories { font-size:12px; }
  .mural-item { height:73px; }
  .mural-item .txt { top:24px; }
  .ad-whatsapp { top:28px; }
}
@media (max-width: 380px) {
  #header { height:414px; }
  #logo a { top:140px; left:0; transform:scale(.8); }
  #compartilhar-whatsapp { width:160px; font-size:10px; }
  #adicionar { transform:scale(.74); }
  #anuncie-conosco { min-width:160px; }
}
@media (prefers-reduced-motion: reduce) {
  #logo a::after, #anuncie-conosco::after { animation:none; }
}
#social-share #install-app { position:static; display:flex; align-items:center; justify-content:center; min-width:0; width:23px; height:23px; padding:0; border:1px solid rgba(255,255,255,.42); border-radius:50%; background:rgba(0,0,0,.42); color:#fff; font-size:0; line-height:1; text-decoration:none; text-shadow:none; }
#social-share #install-app::before { content:"⇩"; font:20px/18px Arial,sans-serif; }
#social-share #install-app:hover { border-color:#f2cf74; color:#f2cf74; }
#social-share #install-app[hidden] { display:none !important; }

/* TESTE DE LAYOUT — mural em grade, inspirado na referência enviada. */
body { background:#202425; background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(145deg,#252a2a,#171b1c); background-size:5px 5px,auto; color:#f4f0e8; }
#page { width:min(1240px,calc(100% - 32px)); padding:18px 0 42px; }
#header { width:100%; height:116px; margin:0; border-bottom:1px solid rgba(244,225,181,.2); }
#header-advertise, #social-share, #compartilhar-whatsapp, #anuncie-conosco, #install-app, #site-intro { display:none !important; }
#logo a { top:8px; left:8px; width:177px; height:100px; transform:scale(.78); transform-origin:top left; }
#adicionar { top:27px; right:10px; left:auto; width:205px; height:52px; transform:none; overflow:visible; }
#adicionar img { display:none; }
#adicionar::before { content:"＋  COLAR ANÚNCIO"; display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:11px; background:linear-gradient(135deg,#d9342c,#a91f1d); box-shadow:0 8px 18px rgba(0,0,0,.25); color:#fff; font:700 15px/1 Arial,sans-serif; letter-spacing:.01em; }
#adicionar:hover::before { background:linear-gradient(135deg,#ec443a,#bc2621); }
#categories { width:100%; min-height:54px; padding:10px 220px 10px 185px; gap:9px; justify-content:flex-start; text-align:left; }
#categories > a, #category-toggle { display:flex; align-items:center; justify-content:center; min-height:34px; padding:8px 14px; border:1px solid rgba(245,237,220,.26); border-radius:9px; background:#2a3030; color:#f5f1ea; font:600 12px/14px Arial,sans-serif; }
#categories > a:hover, #categories > a.active, #category-toggle:hover, #category-toggle[aria-expanded="true"] { border-color:#d9342c; background:#d9342c; color:#fff; }
#categories-menu { top:47px; left:230px; transform:none; border-color:#4f5957; border-radius:10px; background:#272d2d; }
#categories-menu a { padding:7px 9px; border:1px solid rgba(220,207,178,.35); border-radius:7px; color:#eee9df; font:11px/14px Tahoma,Arial,sans-serif; text-decoration:none; white-space:nowrap; }
#categories-menu a:hover, #categories-menu a.active { border-color:#d8b65e; background:#5a3d14; color:#fff; }
.visit-counters { display:grid; grid-template-columns:minmax(130px,max-content) minmax(280px,1fr) minmax(130px,max-content); align-items:center; width:100%; gap:12px; padding:4px 0 18px; }
.visit-counters span { padding:10px 14px; border:1px solid rgba(245,237,220,.24); border-radius:9px; background:#2a3030; color:#f4f0e8; font:12px/16px Arial,sans-serif; }
#visits-cycle-day { text-align:center; }
#fpes { display:flex; align-items:center; height:38px; overflow:hidden; border:1px solid rgba(245,237,220,.32); border-radius:10px; background:#f8f7f4; }
#fpes-q { width:100%; height:36px; padding:0 16px; outline:none; border:0; background:#fff; color:#222; font:15px/36px Arial,sans-serif; text-align:left; }
.banner-row { display:flex; justify-content:center; gap:10px; width:100%; margin:0 0 22px; }
.banner-row-small .banner-small, #top-advertise { display:flex; width:100%; height:92px; margin:0; border:1px solid #e2c676; border-radius:10px; background:linear-gradient(105deg,#f9edbf,#e9cd78); box-shadow:0 7px 17px rgba(0,0,0,.23); }
#top-advertise::before, #top-advertise::after { top:34px; }
#top-advertise b { margin:0 0 5px; color:#a92220; font:700 20px/24px Arial,sans-serif; }
#top-advertise span { color:#1e2524; font:16px/20px Arial,sans-serif; }
#content-layout, #main-column { width:100%; }
#mural { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:start; }
.mural-item { position:relative; display:block; width:100%; height:210px; margin:0; overflow:visible; border:0; border-radius:2px; background:repeating-linear-gradient(180deg,#fcfbf8 0,#fcfbf8 27px,#e6e3dc 28px,#fcfbf8 29px); box-shadow:0 7px 13px rgba(0,0,0,.3); transform:rotate(var(--card-angle,0deg)); }
.mural-item:nth-child(4n+2) { --card-angle:-.7deg; }
.mural-item:nth-child(4n+3) { --card-angle:.6deg; }
.mural-item:nth-child(4n+4) { --card-angle:-.35deg; }
.mural-item:not(.sponsored-item)::before, .mural-item:not(.sponsored-item)::after { content:""; position:absolute; top:-9px; z-index:2; width:65px; height:18px; border:0; background:linear-gradient(90deg,#efd485,#d7b768); box-shadow:0 2px 3px rgba(0,0,0,.18); }
.mural-item:not(.sponsored-item)::before { left:50%; transform:translateX(-50%) rotate(-2deg); }
.mural-item:not(.sponsored-item)::after { display:none; }
.mural-item .cg { position:absolute; top:16px; right:13px; width:calc(100% - 26px); height:14px; overflow:hidden; color:#7b7a75; font:10px/14px Arial,sans-serif; text-align:center; white-space:nowrap; }
.mural-item .txt { position:absolute; top:48px; right:17px; left:17px; height:112px; overflow:hidden; color:#171717; font:15px/20px Arial,sans-serif; text-align:center; }
.mural-item .txt strong { display:block; margin-bottom:6px; color:#b52621; font-size:18px; line-height:21px; text-transform:uppercase; }
.ad-whatsapp { position:absolute; top:auto; right:50%; bottom:13px; display:flex; align-items:center; justify-content:center; width:33px; height:33px; border-radius:50%; background:#25d366; box-shadow:0 1px 2px rgba(0,0,0,.25); transform:translateX(50%); }
.ad-whatsapp:hover { background:#1fbd5a; transform:translateX(50%) scale(1.06); }
.ad-link { position:absolute; top:auto; right:calc(50% + 28px); bottom:14px; display:flex; align-items:center; justify-content:center; width:31px; height:31px; border-radius:50%; background:#587aab; box-shadow:0 1px 2px rgba(0,0,0,.25); }
.read-more { position:absolute; right:50%; bottom:4px; padding:0; border-bottom:1px solid #9f2c25; background:transparent; color:#9f2c25; font:10px/12px Tahoma,Arial,sans-serif; transform:translateX(50%); }
.sponsored-item { overflow:hidden; grid-column:1 / -1; height:112px; margin:0; border:1px dashed #c47b45; border-radius:10px; background:linear-gradient(105deg,#fff4cf,#eed492); box-shadow:0 6px 14px rgba(0,0,0,.23); color:#fff; text-decoration:none; transform:none !important; }
.sponsored-item::before { content:""; position:absolute; inset:0; background:transparent; pointer-events:none; }
.sponsor-badge, .sponsor-company, .sponsor-caption, .sponsor-tape, .sponsored-whatsapp { position:absolute; z-index:1; }
.sponsor-badge { top:18px; left:50%; padding:0; background:none; color:#b52621; font:700 19px/23px Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; transform:translateX(-50%); white-space:nowrap; }
.sponsor-company { top:48px; left:50%; max-width:none; width:100%; overflow:hidden; color:#1c2523; font:700 18px/22px Arial,sans-serif; letter-spacing:.01em; text-align:center; text-shadow:none; white-space:nowrap; text-transform:uppercase; transform:translateX(-50%); }
.sponsor-caption { top:74px; left:0; width:100%; color:#37322a; font:14px/18px Arial,sans-serif; text-align:center; text-shadow:none; }
.sponsor-tape { top:-8px; width:55px; height:18px; background:#ecd084; border:1px solid rgba(115,76,20,.3); box-shadow:0 1px 2px rgba(0,0,0,.2); transform:rotate(-5deg); }
.sponsor-tape-left { left:-14px; transform:rotate(-35deg); }
.sponsor-tape-right { right:-14px; transform:rotate(35deg); }
.sponsored-whatsapp { top:66px; right:calc(50% - 118px); }
#carregar-mais { display:block; width:220px; height:40px; margin:28px auto 0; border-radius:9px; background:#d9342c; color:#fff; font:700 14px/40px Arial,sans-serif; text-align:center; }

@media (max-width:820px) {
  #page { width:calc(100% - 20px); padding-top:10px; }
  #header { height:92px; }
  #logo a { top:3px; left:0; transform:scale(.62); }
  #adicionar { top:22px; right:0; width:148px; height:42px; }
  #adicionar::before { border-radius:8px; font-size:11px; }
  #categories { min-height:50px; padding:8px 0; gap:7px; justify-content:center; }
  #categories > a, #category-toggle { min-height:31px; padding:7px 11px; font-size:11px; }
  #categories-menu { top:46px; left:50%; transform:translateX(-50%); }
  .visit-counters { grid-template-columns:minmax(86px,1fr) minmax(115px,1.4fr) minmax(86px,1fr); gap:5px; padding:4px 0 15px; }
  .visit-counters span { padding:7px 4px; border-radius:8px; font-size:9px; white-space:normal; }
  #fpes { height:32px; border-radius:8px; }
  #fpes-q { height:30px; font-size:12px; text-align:center; }
  .banner-row-small .banner-small, #top-advertise { height:76px; }
  #top-advertise b { font-size:16px; line-height:20px; }
  #top-advertise span { font-size:12px; }
  #mural { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 12px; }
  .mural-item { height:190px; }
  .mural-item .cg { top:13px; font-size:9px; }
  .mural-item .txt { top:42px; right:12px; left:12px; height:106px; font-size:12px; line-height:17px; }
  .mural-item .txt strong { margin-bottom:4px; font-size:14px; line-height:18px; }
  .ad-whatsapp { bottom:11px; width:30px; height:30px; }
  .ad-link { bottom:11px; right:calc(50% + 26px); width:29px; height:29px; }
  .sponsored-item { grid-column:1 / -1; height:96px; }
  .sponsor-badge { top:14px; font-size:15px; }
  .sponsor-company { top:39px; font-size:14px; }
  .sponsor-caption { top:60px; font-size:11px; }
  .sponsored-whatsapp { top:54px; right:calc(50% - 98px); }
}

/* Interface Mural 2026 — mobile-first, mantendo os recursos funcionais existentes. */
:root { --md-ink:#050b0e; --md-panel:#0c1519; --md-gold:#f5ae16; --md-gold-deep:#c97900; --md-line:rgba(245,174,22,.42); --md-text:#f7f6f2; --md-muted:#c3c7c7; --md-green:#16c86b; }
body { background:#020506; color:var(--md-text); font-family:Arial,Helvetica,sans-serif; }
#page { display:flex; flex-direction:column; width:min(100% - 24px,1180px); min-height:100vh; margin:0 auto; padding:0 0 42px; }
#header { order:1; position:relative; isolation:isolate; width:100%; height:512px; overflow:hidden; border:1px solid rgba(245,174,22,.35); border-radius:0 0 24px 24px; background:linear-gradient(90deg,rgba(1,8,12,.97) 0%,rgba(1,8,12,.7) 45%,rgba(1,8,12,.12) 100%),url('../assets/imgs/hero-dourados.png') center/cover no-repeat; box-shadow:inset 0 -80px 80px rgba(0,0,0,.64); }
#header::after { content:""; position:absolute; inset:auto 0 0; z-index:-1; height:38%; background:linear-gradient(transparent,#030708); pointer-events:none; }
#header-advertise { display:none !important; }
#logo { position:absolute; z-index:2; top:28px; left:28px; width:190px; height:62px; margin:0; }
#logo a { position:relative; display:block; width:100%; height:100%; background:none !important; transform:none !important; text-decoration:none; }
#logo a span { display:none; }
#logo a::before { content:"●  mural"; display:block; color:#f8f8f4; font:800 34px/34px Arial,sans-serif; letter-spacing:-1.8px; }
#logo a::after { content:"de Dourados"; display:block; margin-left:44px; color:var(--md-gold); font:700 17px/19px Arial,sans-serif; }
#site-intro { position:absolute; z-index:2; top:116px; left:28px; display:flex !important; flex-direction:column; width:min(480px,61%); margin:0; color:#fff; }
#site-intro strong { font:800 clamp(34px,5vw,60px)/.98 Arial,sans-serif; letter-spacing:-2px; }
#site-intro em { display:block; color:var(--md-gold); font-style:normal; }
#site-intro span { margin-top:16px; max-width:350px; color:#e1e3e3; font:400 18px/1.35 Arial,sans-serif; }
#adicionar { position:absolute; z-index:2; right:28px; bottom:37px; left:auto; display:flex; align-items:center; width:278px; height:84px; overflow:hidden; border:1px solid var(--md-gold); border-radius:18px; background:linear-gradient(135deg,#f6b223,#c87800); box-shadow:0 12px 30px rgba(0,0,0,.35); text-decoration:none; transform:none; }
#adicionar img { display:none; }
#adicionar::before { content:"✈  COLE NO MURAL"; display:flex; align-items:center; width:100%; height:100%; padding-left:25px; border:0; border-radius:0; background:none; color:#111; font:800 21px/1 Arial,sans-serif; letter-spacing:-.8px; }
#adicionar::after { content:"Publique seu anúncio agora  ›"; position:absolute; bottom:15px; left:63px; color:#241902; font:500 13px/1 Arial,sans-serif; }
#anuncie-conosco { position:absolute; z-index:2; right:326px; bottom:37px; display:flex !important; align-items:center; justify-content:center; gap:12px; width:278px; height:84px; border:1px solid var(--md-gold); border-radius:18px; background:rgba(3,10,13,.74); box-shadow:0 10px 28px rgba(0,0,0,.27); color:#f7f5ef; font:700 18px/1 Arial,sans-serif; text-decoration:none; }
#anuncie-conosco img { width:28px; height:28px; }
#compartilhar-whatsapp { position:absolute; z-index:2; right:28px; bottom:145px; display:flex !important; align-items:center; justify-content:center; gap:10px; width:278px; height:54px; border:0; border-radius:13px; background:linear-gradient(135deg,#18c86a,#0ba653); color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.28); font:700 15px/1 Arial,sans-serif; }
#social-share { position:absolute; z-index:2; right:326px; bottom:151px; display:flex !important; align-items:center; justify-content:center; gap:13px; width:278px; }
#social-share .social-icon { width:37px; height:37px; border:0; border-radius:50%; background:#111; padding:0; }
#social-share .social-icon img { width:37px; height:37px; }
#install-app { position:absolute; z-index:2; right:30px; bottom:210px; display:block !important; width:28px; height:28px; overflow:hidden; padding:0; border:0; background:transparent; color:transparent; }
#install-app::before { content:"⇩"; display:grid; place-items:center; width:26px; height:26px; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; font:700 19px/23px Arial,sans-serif; }
.visit-counters { order:2; display:flex; align-items:center; justify-content:center; width:min(100% - 36px,930px); margin:18px auto 0; padding:0; gap:0; }
.visit-counters > span { display:none; }
#fpes { width:100%; height:66px; overflow:hidden; border:1px solid rgba(255,255,255,.32); border-radius:16px; background:rgba(4,12,16,.9); }
#fpes::before { content:"⌕"; width:56px; color:#eef0ef; font:42px/58px Arial,sans-serif; text-align:center; }
#fpes-q { height:64px; padding:0 10px; background:transparent; color:#f5f6f6; font:18px/64px Arial,sans-serif; text-align:left; }
#fpes-q::placeholder { color:#aeb4b5; }
#fpes button { width:143px; height:100%; border:0; border-radius:14px; background:linear-gradient(135deg,#ffbf29,#d99008); color:#151008; font:800 19px/1 Arial,sans-serif; }
.banner-row { order:3; width:min(100% - 36px,930px); margin:18px auto 0; }
.banner-row-small .banner-small, #top-advertise { position:relative; display:flex; width:100%; height:142px; overflow:hidden; border:1px solid var(--md-gold); border-radius:17px; background:linear-gradient(108deg,rgba(14,19,19,.96),rgba(4,11,13,.94)),url('../assets/imgs/hero-dourados.png') center/cover; box-shadow:0 13px 28px rgba(0,0,0,.36); }
#top-advertise::before { content:"⌁"; top:31px; left:42px; width:auto; height:auto; background:none; color:var(--md-gold); font:78px/72px Arial,sans-serif; transform:rotate(-16deg); box-shadow:none; }
#top-advertise::after { content:""; top:18px; right:34px; width:80px; height:80px; border:2px solid rgba(245,174,22,.48); border-radius:50%; background:none; box-shadow:none; }
#top-advertise b { margin-left:164px; color:#f9f8f5; font:800 30px/34px Arial,sans-serif; text-transform:uppercase; }
#top-advertise span { margin:7px 155px 0 164px; color:#ffd04c; font:400 19px/25px Arial,sans-serif; }
#top-advertise .banner-whatsapp { position:absolute; right:49px; bottom:29px; width:31px; height:31px; }
#categories { order:4; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:min(100% - 36px,930px); min-height:0; margin:20px auto 0; padding:0; gap:10px; text-align:center; }
#categories > a, #category-toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:97px; padding:9px 4px; border:1px solid rgba(237,241,240,.12); border-radius:15px; background:linear-gradient(145deg,rgba(12,24,28,.95),rgba(3,10,13,.96)); color:#f4f4ef; font:600 28px/28px Arial,sans-serif; text-decoration:none; box-shadow:0 8px 15px rgba(0,0,0,.17); }
#categories > a span, #category-toggle span { font:500 13px/16px Arial,sans-serif; }
#categories > a:nth-child(2) { color:#18d377; } #categories > a:nth-child(3) { color:#ff781f; } #categories > a:nth-child(4) { color:#4388ff; } #categories > a:nth-child(5) { color:#2c75fa; } #categories > a:nth-child(6) { color:#f83563; } #categories > a:nth-child(7) { color:#a03fff; } #categories > a:nth-child(8) { color:#ff781f; } #categories > a:nth-child(9) { color:#ffbd20; } #categories > a:nth-child(10) { color:#23d980; }
#categories > a.active, #categories > a:hover, #category-toggle:hover, #category-toggle[aria-expanded="true"] { border-color:var(--md-gold); background:linear-gradient(145deg,#3f2b06,#17150e); color:#fff; }
#categories-menu { z-index:20; top:auto; right:0; left:0; display:flex; flex-wrap:wrap; justify-content:center; width:auto; margin-top:106px; padding:12px; border:1px solid var(--md-line); border-radius:15px; background:#10191c; transform:none; }
#categories-menu[hidden] { display:none !important; }
#categories-menu a { padding:9px 11px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#fff; font:13px/1 Arial,sans-serif; }
#quick-actions { order:5; display:grid; grid-template-columns:1fr 1fr; gap:14px; width:min(100% - 36px,930px); margin:20px auto 24px; }
#quick-actions a { display:flex; align-items:center; justify-content:center; gap:11px; height:70px; border:1px solid rgba(237,241,240,.16); border-radius:16px; background:linear-gradient(145deg,#0d171c,#060c0f); color:#f7f6f2; font:700 18px/1 Arial,sans-serif; text-decoration:none; }
#quick-actions span { color:var(--md-gold); font-size:31px; } #quick-actions .quick-tevi span { color:#f23561; }
#content-layout { order:6; width:min(100% - 36px,930px); }
#main-column { width:100%; }
#mural { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mural-item { height:238px; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:linear-gradient(160deg,#101a1e,#061014); box-shadow:0 12px 21px rgba(0,0,0,.28); transform:none !important; }
.mural-item:not(.sponsored-item)::before { top:0; left:50%; width:64px; height:15px; border:0; background:rgba(245,174,22,.48); box-shadow:none; transform:translateX(-50%) rotate(-2deg); }
.mural-item .cg { top:20px; right:15px; width:calc(100% - 30px); color:#acb5b6; font:11px/15px Arial,sans-serif; }
.mural-item .txt { top:56px; right:17px; left:17px; height:120px; color:#f5f5f2; font:14px/19px Arial,sans-serif; }
.mural-item .txt strong { color:var(--md-gold); font-size:18px; line-height:21px; }
.ad-whatsapp { right:20px; bottom:18px; width:40px; height:40px; transform:none; }.ad-whatsapp:hover { transform:scale(1.06); }
.ad-link { right:68px; bottom:19px; width:38px; height:38px; }.read-more { right:20px; bottom:66px; color:#ffd55d; border-color:#ffd55d; transform:none; }
.sponsored-item { grid-column:1 / -1; height:134px; border-color:var(--md-gold); border-style:solid; background:linear-gradient(105deg,#1e1810,#583500); }
.sponsor-badge { top:19px; color:#ffce45; font-size:20px; }.sponsor-company { top:52px; color:#fff4d6; font-size:21px; }.sponsor-caption { top:82px; color:#ffe3a5; font-size:15px; }.sponsored-whatsapp { top:66px; right:calc(50% - 145px); }
#carregar-mais { border-radius:999px; background:linear-gradient(135deg,#f2ad19,#cf7900); }
dialog { border:1px solid var(--md-gold); border-radius:20px; background:linear-gradient(150deg,#10191d,#050b0e); color:#f7f6f1; box-shadow:0 18px 60px rgba(0,0,0,.68); }
dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(4px); }
#welcome-popup { width:min(92vw,480px); padding:0; overflow:hidden; }
#welcome-popup .popup-content { padding:42px 31px 32px; background:radial-gradient(circle at top right,rgba(245,174,22,.24),transparent 38%),linear-gradient(145deg,#0c171b,#03090c); }
#welcome-popup .popup-label { color:var(--md-gold); font:700 13px/1 Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
#welcome-popup h2 { color:#fff; font:800 29px/34px Arial,sans-serif; } #welcome-popup p { color:#d7dddd; font-size:16px; line-height:1.5; }
#welcome-popup .popup-contact { border-radius:11px; background:linear-gradient(135deg,#18c86a,#0ba653); color:#fff; }

@media (max-width:820px) {
  #page { width:100%; padding-bottom:26px; }
  #header { height:490px; border-right:0; border-left:0; border-radius:0; background-position:57% center; }
  #header::before { content:"☰"; position:absolute; top:27px; left:21px; color:#fff; font:37px/37px Arial,sans-serif; }
  #logo { top:29px; left:68px; width:146px; height:50px; }
  #logo a::before { font-size:29px; line-height:29px; } #logo a::after { margin-left:38px; font-size:14px; }
  #site-intro { top:111px; left:22px; width:71%; } #site-intro strong { font-size:42px; letter-spacing:-1.5px; } #site-intro span { margin-top:13px; font-size:16px; }
  #compartilhar-whatsapp { right:18px; bottom:26px; width:calc(50% - 25px); height:58px; border-radius:15px; font-size:12px; }
  #compartilhar-whatsapp img { width:20px; height:20px; }
  #anuncie-conosco { right:auto; bottom:26px; left:18px; width:calc(50% - 25px); height:58px; border-radius:15px; font-size:12px; }
  #anuncie-conosco img { width:20px; height:20px; }
  #social-share { right:18px; bottom:92px; width:calc(50% - 25px); gap:9px; } #social-share .social-icon,#social-share .social-icon img { width:29px; height:29px; }
  #adicionar { right:18px; bottom:133px; width:calc(50% - 25px); height:90px; border-radius:16px; } #adicionar::before { padding:0 10px; font-size:15px; text-align:center; } #adicionar::after { right:8px; bottom:15px; left:8px; font-size:10px; text-align:center; }
  #install-app { right:18px; bottom:235px; }
  .visit-counters { width:calc(100% - 32px); margin-top:16px; } #fpes { height:54px; border-radius:13px; } #fpes::before { width:42px; font-size:33px; line-height:50px; } #fpes-q { height:52px; font-size:15px; line-height:52px; } #fpes button { width:89px; border-radius:11px; font-size:15px; }
  .banner-row { width:calc(100% - 32px); margin-top:14px; }.banner-row-small .banner-small,#top-advertise { height:118px; border-radius:15px; } #top-advertise::before { top:29px; left:16px; font-size:57px; } #top-advertise::after { top:18px; right:22px; width:61px; height:61px; } #top-advertise b { margin-left:93px; font-size:21px; line-height:25px; } #top-advertise span { margin:5px 87px 0 93px; font-size:14px; line-height:18px; } #top-advertise .banner-whatsapp { right:37px; bottom:20px; width:25px; height:25px; }
  #categories { width:calc(100% - 32px); margin-top:15px; gap:7px; } #categories > a,#category-toggle { min-height:79px; border-radius:13px; font-size:24px; line-height:24px; } #categories > a span,#category-toggle span { font-size:11px; line-height:13px; }
  #quick-actions,#content-layout { width:calc(100% - 32px); } #quick-actions { gap:10px; margin:16px auto 19px; } #quick-actions a { height:61px; border-radius:14px; font-size:15px; } #quick-actions span { font-size:25px; }
  #mural { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.mural-item { height:205px; border-radius:12px; }.mural-item .cg { top:16px; right:9px; width:calc(100% - 18px); font-size:9px; line-height:13px; }.mural-item .txt { top:44px; right:11px; left:11px; height:108px; font-size:12px; line-height:16px; }.mural-item .txt strong { font-size:15px; line-height:18px; }.ad-whatsapp { right:13px; bottom:13px; width:35px; height:35px; }.ad-link { right:54px; bottom:14px; width:33px; height:33px; }.read-more { right:12px; bottom:54px; font-size:10px; }.sponsored-item { height:112px; }.sponsor-badge { top:15px; font-size:16px; }.sponsor-company { top:43px; font-size:16px; }.sponsor-caption { top:67px; font-size:12px; }.sponsored-whatsapp { top:56px; right:calc(50% - 105px); }
}

/* Ajuste de empilhamento: ações do topo não disputam espaço com o título no celular. */
@media (max-width:820px) {
  #header { height:610px; background-position:60% center; }
  #site-intro { top:112px; width:64%; }
  #site-intro strong { font-size:39px; line-height:1.02; }
  #site-intro span { max-width:245px; font-size:15px; }
  #adicionar { top:354px; right:18px; bottom:auto; left:18px; width:calc(100% - 36px); height:82px; }
  #adicionar::before { justify-content:center; padding:0; font-size:18px; }
  #adicionar::after { font-size:11px; }
  #compartilhar-whatsapp { top:455px; right:auto; bottom:auto; left:18px; width:calc(50% - 25px); }
  #anuncie-conosco { top:455px; right:18px; bottom:auto; left:auto; width:calc(50% - 25px); }
  #social-share { top:530px; right:0; bottom:auto; left:0; width:100%; }
  #install-app { display:none !important; }
}

/* Cabeçalho final mobile: anúncio, mensagem e lousa têm áreas próprias. */
@media (max-width:820px) {
  #header { height:566px; }
  #header::before { content:none; }
  #header-advertise { position:absolute; z-index:4; top:16px; right:-1px; left:-1px; display:flex !important; flex-direction:column; align-items:flex-start; justify-content:center; height:103px; padding:13px 36px; overflow:hidden; border:1px solid var(--md-gold); border-radius:0; background:linear-gradient(108deg,rgba(13,18,17,.96),rgba(28,19,6,.84)); box-shadow:0 10px 24px rgba(0,0,0,.32); color:#fff; text-decoration:none; }
  #header-advertise::before,#header-advertise::after { content:""; position:absolute; top:42px; width:70px; height:21px; background:linear-gradient(90deg,#d4a238,#f3cc6e); box-shadow:0 2px 4px rgba(0,0,0,.24); } #header-advertise::before { left:-18px; transform:rotate(-11deg); } #header-advertise::after { right:-18px; transform:rotate(11deg); }
  #header-advertise strong { position:relative; z-index:1; color:#ffd458; font:800 20px/24px Arial,sans-serif; } #header-advertise .cb-slogan { position:relative; z-index:1; margin-top:3px; color:#fff; font:600 14px/18px Arial,sans-serif; } #header-advertise .cb-services { display:none; } #header-advertise .cb-contact { position:absolute; z-index:1; bottom:13px; left:18px; display:flex; gap:5px; align-items:center; color:#fff; font:700 12px/14px Arial,sans-serif; }
  #logo { top:150px; right:17px; left:auto; width:146px; height:115px; } #logo a { background:url('imgs/muraldedourados.png') center/contain no-repeat !important; } #logo a::before,#logo a::after { content:none; }
  #site-intro { top:151px; left:22px; width:calc(100% - 184px); } #site-intro strong { font-size:32px; line-height:1.03; letter-spacing:-1.3px; } #site-intro span { max-width:170px; margin-top:11px; font-size:14px; line-height:1.32; }
  #adicionar { top:345px; } #compartilhar-whatsapp,#anuncie-conosco { top:447px; }
  #compartilhar-whatsapp { gap:5px; padding:0 6px; font-size:10.5px; white-space:nowrap; } #compartilhar-whatsapp img { width:17px; height:17px; }
  #social-share { top:514px; }
  #social-share #install-app { position:static; display:grid !important; place-items:center; width:29px; height:29px; padding:0; border:1px solid rgba(255,255,255,.52); border-radius:50%; background:transparent; color:transparent; }
  #social-share #install-app::before { content:"⇩"; display:grid; place-items:center; width:100%; height:100%; color:#fff; font:700 19px/25px Arial,sans-serif; }
  #top-advertise .banner-whatsapp { right:18px; bottom:17px; }
  #categories { grid-template-columns:repeat(5,minmax(0,1fr)); }
  #categories > a:nth-child(2) { color:#18d377; } #categories > a:nth-child(3) { color:#ff781f; } #categories > a:nth-child(4) { color:#4388ff; } #categories > a:nth-child(5) { color:#ffbd20; } #categories > a:nth-child(6) { color:#2c75fa; } #categories > a:nth-child(7) { color:#23d980; } #categories > a:nth-child(8) { color:#ff781f; } #categories > a:nth-child(9) { color:#ffbd20; }
}

/* Fitas discretas: a mesma linguagem visual de papel preso a um mural. */
#header-advertise::before, #header-advertise::after { top:42px; width:31px; height:18px; border:1px solid rgba(132,94,28,.36); background:linear-gradient(90deg,#e0b752,#f2cf74); box-shadow:0 1px 2px rgba(0,0,0,.25); }
#header-advertise::before { left:-12px; transform:rotate(-5deg); } #header-advertise::after { right:-12px; transform:rotate(5deg); }
#top-advertise::before, #top-advertise::after { content:""; position:absolute; top:50%; z-index:2; width:31px; height:18px; border:1px solid rgba(132,94,28,.36); background:linear-gradient(90deg,#e0b752,#f2cf74); box-shadow:0 1px 2px rgba(0,0,0,.25); }
#top-advertise::before { left:-12px; color:transparent; font-size:0; transform:translateY(-50%) rotate(-5deg); } #top-advertise::after { right:-12px; border-radius:0; transform:translateY(-50%) rotate(5deg); }
#top-advertise b { margin-right:46px; margin-left:46px; text-align:center; } #top-advertise span { margin-right:46px; margin-left:46px; text-align:center; }
.sponsor-tape { top:50%; width:31px; height:18px; border:1px solid rgba(132,94,28,.36); background:linear-gradient(90deg,#e0b752,#f2cf74); box-shadow:0 1px 2px rgba(0,0,0,.25); }
.sponsor-tape-left { left:-12px; transform:translateY(-50%) rotate(-5deg); } .sponsor-tape-right { right:-12px; transform:translateY(-50%) rotate(5deg); }
.mural-item:not(.sponsored-item)::before { top:-9px; left:50%; width:58px; height:17px; border:1px solid rgba(132,94,28,.28); background:linear-gradient(90deg,#e0b752,#f2cf74); box-shadow:0 1px 2px rgba(0,0,0,.24); transform:translateX(-50%) rotate(-2deg); }
.ad-category { position:absolute; z-index:1; top:36px; left:50%; max-width:calc(100% - 34px); padding:3px 8px; overflow:hidden; border:1px solid rgba(245,174,22,.42); border-radius:999px; background:rgba(245,174,22,.14); color:#ffd35b; font:700 10px/12px Arial,sans-serif; letter-spacing:.02em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; transform:translateX(-50%); }
.mural-item .txt { top:63px; height:112px; }
@media (max-width:820px) { .mural-item .txt { top:61px; height:96px; } .ad-category { top:34px; padding:2px 7px; font-size:8px; line-height:11px; } }

/* Cartões: título compacto em uma linha e ações alinhadas na mesma base. */
.mural-item .txt strong { display:block; overflow:hidden; margin-bottom:5px; font-size:16px; line-height:19px; text-overflow:ellipsis; white-space:nowrap; }
.ad-link { right:auto; left:20px; bottom:19px; }
.read-more { right:auto; bottom:31px; left:50%; transform:translateX(-50%); }
@media (max-width:820px) {
  .mural-item .txt strong { margin-bottom:3px; font-size:12px; line-height:16px; }
  .ad-link { right:auto; left:13px; bottom:14px; }
  .read-more { right:auto; bottom:25px; left:50%; transform:translateX(-50%); }
}

/* Ações principais: contorno dourado estático, sem animação. */
#quick-actions .quick-tevi, #quick-actions .quick-community { border:1.5px solid var(--md-gold); box-shadow:inset 0 0 0 1px rgba(255,213,93,.12); }

/* Espaços publicitários: imagem ocupa o cartão inteiro; contato permanece na base. */
#header-advertise .header-banner-whatsapp { position:absolute; z-index:2; right:18px; bottom:14px; width:28px; height:28px; filter:drop-shadow(0 1px 2px rgba(0,0,0,.55)); }
#header-advertise.has-banner { background-position:center; background-size:cover; }
#header-advertise.has-banner strong, #header-advertise.has-banner .cb-slogan { display:none; }
.sponsored-item:not(.available-slot) { background-position:center; background-size:cover; }
.sponsored-item:not(.available-slot)::before { display:none; }
.sponsored-item:not(.available-slot) .sponsor-badge, .sponsored-item:not(.available-slot) .sponsor-company, .sponsored-item:not(.available-slot) .sponsor-caption { display:none; }
.sponsored-whatsapp { top:auto; right:20px; bottom:18px; }
@media (max-width:820px) {
  #header-advertise .header-banner-whatsapp { right:14px; bottom:12px; width:26px; height:26px; }
  .sponsored-whatsapp { top:auto; right:13px; bottom:13px; width:35px; height:35px; }
}

/* Busca seguida de uma única faixa compacta de visitas, em toda a largura. */
.visit-counters { display:flex; flex-direction:column; align-items:center; width:min(100% - 36px,930px); margin:18px auto 0; padding:0; gap:8px; }
.visit-counters > span { display:none; }
#fpes { width:100%; }
.visit-summary { display:grid; grid-template-columns:1fr 1fr; width:100%; overflow:hidden; border:1px solid rgba(245,174,22,.42); border-radius:999px; background:rgba(8,16,19,.88); color:#f7f6f2; }
.visit-summary span { padding:8px 12px; color:#eceae3; font:600 12px/16px Arial,sans-serif; text-align:center; white-space:nowrap; }
.visit-summary span + span { border-left:1px solid rgba(245,174,22,.35); }
.visit-summary strong { color:#ffd45a; }
@media (max-width:820px) {
  .visit-counters { width:calc(100% - 32px); margin-top:16px; gap:7px; }
  .visit-summary span { padding:7px 5px; font-size:10px; line-height:14px; }
}

/* Anúncios comuns: contato mais discreto; patrocinados mantêm o tamanho atual. */
.mural-item:not(.sponsored-item) .ad-whatsapp { width:34px; height:34px; }
.mural-item:not(.sponsored-item) .ad-whatsapp img { width:21px; height:21px; }
@media (max-width:820px) {
  .mural-item:not(.sponsored-item) .ad-whatsapp { width:29px; height:29px; }
  .mural-item:not(.sponsored-item) .ad-whatsapp img { width:18px; height:18px; }
}

/* Cada categoria tem uma cor própria no seletor e no contorno do anúncio. */
#categories [data-category="comprar"], .category-comprar { --category-color:#22c55e; }
#categories [data-category="vender"], .category-vender { --category-color:#f97316; }
#categories [data-category="prestadores"], .category-prestadores { --category-color:#2d7ff9; }
#categories [data-category="busco_emprego"], .category-busco_emprego { --category-color:#f5c518; }
#categories [data-category="ofereco_emprego"], .category-ofereco_emprego { --category-color:#8b5cf6; }
#categories [data-category="delivery"], .category-delivery { --category-color:#22d3ee; }
#categories [data-category="eventos"], .category-eventos { --category-color:#ef4444; }
#categories [data-category="promocoes"], .category-promocoes { --category-color:#ec4899; }
#categories [data-category="tevi"], .category-tevi { --category-color:#f43f5e; }
#categories [data-category="pets"], .category-pets { --category-color:#a855f7; }
#categories [data-category="doacoes"], .category-doacoes { --category-color:#14b8a6; }
#categories [data-category="terapia"], .category-terapia { --category-color:#b784f5; }
#categories [data-category="diversos"], .category-diversos { --category-color:#94a3b8; }
#categories [data-category] { color:var(--category-color, #f4f4ef); }
.mural-item[class*="category-"] { border-color:var(--category-color, rgba(255,255,255,.16)); box-shadow:0 0 0 1px color-mix(in srgb,var(--category-color) 26%,transparent),0 12px 21px rgba(0,0,0,.28); }
.mural-item[class*="category-"] .ad-category { border-color:color-mix(in srgb,var(--category-color) 56%,transparent); background:color-mix(in srgb,var(--category-color) 16%,transparent); color:var(--category-color); }