@media (min-width:1441px){
html{background:#fff}
body{width:1440px!important;max-width:1440px!important;margin:0 auto!important;zoom:1!important;background:#fff;box-shadow:none}
.hero{width:100vw;margin-left:calc((1440px - 100vw)/2);box-shadow:none;clip-path:none}
.hero-art__diamond{left:calc((100vw - 1440px)/2 + 585px)}
.hero-art__glow--one{left:calc((100vw - 1440px)/2 - 325px)}
.hero-art__glow--two{left:calc((100vw - 1440px)/2 - 160px)}
.site-header{padding-left:calc((100vw - 1440px)/2 + var(--page-pad));padding-right:calc((100vw - 1440px)/2 + var(--page-pad))}
.hero-copy{left:calc((100vw - 1440px)/2 + 136px)}
.hero-person{left:calc((100vw - 1440px)/2 + 537px)}
.agenda::after{left:50%!important;right:auto!important;width:100vw!important;transform:translateX(-50%)}
.results{width:100vw;margin-left:calc((1440px - 100vw)/2);box-shadow:none;clip-path:none}
.results-inner{padding-left:calc((100vw - 1440px)/2 + 176px);padding-right:calc((100vw - 1440px)/2 + 176px)}
.feed{width:100vw;margin-left:calc((1440px - 100vw)/2);padding-left:calc((100vw - 1440px)/2 + 72px);padding-right:calc((100vw - 1440px)/2 + 72px);box-shadow:none;clip-path:none}
.participate{width:100vw;margin-left:calc((1440px - 100vw)/2)}
.participate-bg{left:0;width:100vw;height:100%;object-fit:cover}
.participate-grid{width:1311px;margin-left:auto;margin-right:auto}
.footer-main{width:100vw;margin-left:calc((1440px - 100vw)/2);padding-left:calc((100vw - 1440px)/2 + var(--page-pad));padding-right:calc((100vw - 1440px)/2 + var(--page-pad));border:0;border-top:1px solid rgba(0,0,0,.08);background:#fff}
.footer-bottom{width:100vw;margin-left:calc((1440px - 100vw)/2);padding-left:calc((100vw - 1440px)/2 + var(--page-pad));padding-right:calc((100vw - 1440px)/2 + var(--page-pad))}
}

@media (hover:hover) and (pointer:fine){
.proposal-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}
.proposal-card::after{content:"›";position:absolute;left:24px;bottom:24px;width:48px;height:48px;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;font-size:31px;font-weight:300;line-height:1;opacity:0;transform:translateY(12px);transition:opacity .24s ease,transform .24s ease}
.proposal-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(36,69,69,.18)}
.proposal-card:hover::after{opacity:1;transform:translateY(0)}
.proposal-card:hover h3,.proposal-card:hover p{transform:translateY(-58px)}
.proposal-card h3,.proposal-card p{transition:transform .28s ease}
}


/* Banner social reconstruído com as artes originais do Figma */
.social-banner.social-banner--layered{
 position:relative;display:block;min-height:0;aspect-ratio:1312/255;
 margin:92px 64px 70px;padding:0;overflow:hidden;border-radius:20px;background:none
}
.social-banner__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-banner__title-art{position:absolute;z-index:1;left:23%;top:16%;width:35%;height:auto}
.social-banner__content{position:absolute;z-index:1;left:59%;top:27%;width:37%;padding:0}
.social-banner__content h2{margin:0 0 28px;color:var(--ink);font-size:32px;line-height:1.08}
.social-banner__content nav{display:flex;flex-wrap:nowrap;gap:14px}
.social-banner__content nav a{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;color:#fff;background:var(--blue);border-radius:50%;font-size:18px;font-weight:800;text-decoration:none;transition:transform .2s ease}
@media(hover:hover) and (pointer:fine){.social-banner__content nav a:hover{transform:translateY(-3px)}}
@media(max-width:900px){
 .social-banner.social-banner--layered{aspect-ratio:auto;min-height:620px;margin:70px 9%;background:#FFE700}
 .social-banner__background{height:310px;object-fit:cover;object-position:left center}
 .social-banner__title-art{left:8%;top:260px;width:76%;max-width:453px}
 .social-banner__content{left:8%;right:8%;top:auto;bottom:48px;width:auto}
 .social-banner__content h2{font-size:30px}
}
@media(max-width:620px){
 .social-banner.social-banner--layered{min-height:570px;margin:55px 20px}
 .social-banner__background{height:250px}
 .social-banner__title-art{top:218px;width:84%}
 .social-banner__content{bottom:34px}
 .social-banner__content h2{font-size:25px;margin-bottom:20px}
 .social-banner__content nav{gap:8px}
 .social-banner__content nav a{width:39px;height:39px;flex-basis:39px;font-size:15px}
}
