.topbar .live-weather{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700}.live-weather>span:first-child{color:#ffbd35;font-size:18px}.topbar-date{margin-right:auto;margin-left:22px;opacity:.75}.instagram-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:20px;overflow:hidden}.instagram-copy{position:relative;z-index:1;min-width:0}.instagram-card h2{font-size:clamp(25px,2.4vw,36px)}.instagram-phone{display:block;width:190px;padding:7px;background:#17251f;border:2px solid #526156;border-radius:29px;box-shadow:0 17px 30px #49341d30;transform:rotate(5deg);transition:transform .2s}.instagram-phone:hover{transform:rotate(0)}.phone-screen{overflow:hidden;border-radius:21px;background:#fff;color:#15231c;padding:17px 10px 12px}.phone-handle{display:flex;align-items:center;gap:5px;font:700 10px Montserrat,Arial,sans-serif;padding-bottom:15px}.phone-handle svg{width:15px;height:15px}.phone-profile{display:flex;align-items:center;gap:7px;margin-bottom:12px}.phone-profile img{border-radius:50%;object-fit:cover;border:2px solid #e8bf68;padding:2px;width:48px;height:48px}.phone-profile strong{font:700 10px Montserrat,Arial,sans-serif}.phone-profile small{display:block;font-size:9px;line-height:1.4;margin-top:4px}.phone-follow{display:block;text-align:center;background:#edf1ed;border-radius:5px;font-size:10px;font-weight:700;padding:7px;margin-bottom:12px}.phone-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.phone-posts img{width:100%;height:82px;object-fit:cover;display:block}.phone-caption{display:block;font-size:8px;text-align:center;margin-top:12px;color:#687368}.instagram-copy p{font-size:13px}.instagram-copy .button{white-space:nowrap}
@media(min-width:761px) and (max-width:1100px){.social-grid{grid-template-columns:1fr}.instagram-card{grid-template-columns:1fr 210px;padding:35px 55px}.instagram-phone{width:210px}}
@media(max-width:760px){.topbar-date{margin-left:auto;margin-right:0;font-size:8px}.topbar .shell{gap:8px}.instagram-card{grid-template-columns:minmax(0,1fr) 170px;gap:15px}.instagram-phone{width:170px}.phone-posts img{height:72px}.instagram-card h2{font-size:26px}}
@media(max-width:480px){.instagram-card{grid-template-columns:1fr;padding:28px;gap:28px}.instagram-phone{width:210px;margin:0 auto;transform:rotate(3deg)}.phone-posts img{height:90px}.instagram-card h2{font-size:32px}.topbar-date{max-width:120px;text-align:right}.topbar .live-weather{font-size:10px}}
@media(prefers-reduced-motion:reduce){.instagram-phone{transition:none;transform:none}}

/* Only the decorative city layer is blurred; copy and phone remain crisp. */
.instagram-card{position:relative;isolation:isolate;background:#eadcc8;padding-bottom:48px}
.instagram-card::before{content:"";position:absolute;inset:-15px;z-index:-2;background:url('/assets/images/cuiaba-ponte-sergio-motta.jpg') center 48%/cover no-repeat;filter:blur(4px) saturate(.65);pointer-events:none}
.instagram-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(234,220,200,.96) 0%,rgba(234,220,200,.88) 40%,rgba(234,220,200,.57) 100%);pointer-events:none}
.instagram-card .instagram-phone{position:relative;z-index:1}
.city-photo-credit{position:absolute;left:38px;bottom:12px;font-size:9px;line-height:1.4;color:#435046;z-index:2}
.city-photo-credit a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){.instagram-card{padding-bottom:48px}.instagram-card::after{background:linear-gradient(180deg,rgba(234,220,200,.96),rgba(234,220,200,.82) 45%,rgba(234,220,200,.56))}.city-photo-credit{left:28px;right:28px;font-size:8px}}