/* Exclusive to the Home dengue panel; photograph stays inside its rounded frame. */
#cidade{position:relative;isolation:isolate;background:#111;scroll-margin-top:120px;box-shadow:0 18px 40px #11111112}
#cidade .dengue-background{position:absolute;inset:0 13%;z-index:-2;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
#cidade .dengue-background img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(1);opacity:.64}
#cidade:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,12,.88),rgba(10,10,12,.25) 46%,rgba(10,10,12,.89) 73%),linear-gradient(0deg,rgba(10,10,12,.68),transparent 60%);pointer-events:none}
#cidade .dengue-number strong{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px #0006}
#cidade .dengue-number>p,#cidade .prevention-symbols span{color:#eee}
#cidade .dengue-number>.visual-icon{background:#f0192424;border:1px solid #ff728444;color:#ff7481}
#cidade .dengue-copy{position:relative}
#cidade .source-note{color:#d0d0d3;max-width:440px}
#cidade .source-link{color:#ededf0;text-underline-offset:4px}
#cidade a:hover{color:#ff8490}
@media(max-width:740px){
 #cidade .dengue-background{height:360px;inset:0 0 auto;mask-image:linear-gradient(#000 60%,transparent)}
 #cidade .dengue-background img{object-position:50% top;object-fit:cover}
 #cidade:before{background:linear-gradient(180deg,rgba(10,10,12,.55),rgba(10,10,12,.65) 40%,rgba(10,10,12,.94) 70%)}
 #cidade .dengue-number{padding-top:12px}
 #cidade .stat-period{font-size:10px;letter-spacing:.06em}
 #cidade .dengue-number strong{font-size:clamp(64px,20vw,90px)}
 #cidade .prevention-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}