*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#252329;background:#fff;font-size:14px}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1120px,92%);margin:auto}.site-header{height:82px;background:#0b0b0c;color:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid #ffffff18}.header-inner{height:100%;display:flex;align-items:center;gap:22px}.brand{margin-right:auto}.brand img{width:150px;max-height:58px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:18px}.main-nav a{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.main-nav a:hover{color:var(--accent)}.header-actions{display:flex;gap:8px;align-items:center}.transparency-btn,.donate-btn{font-size:10px;font-weight:900;text-transform:uppercase;padding:10px 14px;border-radius:4px}.transparency-btn{background:#31bf60}.donate-btn{background:var(--primary)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{background:#111}.hero-stage{height:510px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:.6s}.hero-slide.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.68) 42%,rgba(0,0,0,.35) 100%)}.hero-copy{position:relative;z-index:2;color:#fff;padding-top:145px;max-width:760px}.hero-kicker{color:var(--accent);font-size:32px!important;font-weight:900;text-transform:uppercase;margin:0 0 6px}.hero-copy h1{font-size:34px;line-height:1.1;text-transform:uppercase;max-width:740px;margin:0 0 7px;font-weight:900}.hero-copy p{font-size:16px;font-weight:700;max-width:700px;line-height:1.5}.pill-btn{display:inline-block;border-radius:20px;padding:10px 18px;font-size:11px;font-weight:900;text-transform:uppercase}.pill-btn.yellow{background:#f1b613;color:#fff}.pill-btn.orange{background:var(--primary);color:#fff}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:transparent;color:var(--primary);border:0;font-size:34px}.slide-arrow.prev{left:14px}.slide-arrow.next{right:14px}.action-strip{background:var(--primary);height:112px;position:relative}.action-strip:after,.about-section:after,.video-section:after,.locations-section:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:45px;background:inherit;clip-path:ellipse(58% 40% at 50% 0)}.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;top:-22px;z-index:4}.action-cards>a{background:#fff;min-height:126px;border-radius:7px;padding:21px 25px;text-align:center;box-shadow:0 8px 18px #00000018}.action-icon{display:block;color:var(--primary);font-size:24px}.action-cards h3{color:var(--primary);text-transform:uppercase;font-size:12px;margin:5px}.action-cards p{font-size:9px;line-height:1.45;color:#555}.section{padding:82px 0}.about-section{position:relative;background:#f1eeee;padding-top:105px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.overline,.section-heading span{color:var(--primary);font-size:13px;font-weight:800;text-transform:uppercase}.about-grid h2,.section-heading h2{font-size:28px;text-transform:uppercase;margin:3px 0 18px;font-weight:900}.about-grid p{line-height:1.8;color:#59555d}.about-art{height:280px;position:relative}.about-art img{position:absolute;inset:8px 18px 8px 35px;width:calc(100% - 53px);height:calc(100% - 16px);object-fit:cover;clip-path:polygon(20% 0,88% 4%,100% 45%,83% 100%,26% 94%,0 58%)}.shape{position:absolute;border-radius:50%;background:var(--primary)}.shape-a{width:230px;height:230px;right:15px;top:20px}.shape-b{width:160px;height:160px;left:5px;bottom:0;background:#ff7f42}.section-heading{text-align:center;margin-bottom:34px}.section-heading span{display:inline-block}.section-heading h2{font-size:22px;margin:2px}.section-heading h2:after{content:"";display:block;width:340px;max-width:90%;border-top:2px dotted #2e2e2e;margin:6px auto 0}.section-heading.light{color:#fff}.section-heading.light h2:after{border-color:#fff}.section-heading.left{text-align:left}.section-heading.left h2:after{margin-left:0}.news-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;max-width:830px;margin:auto}.news-feature{position:relative;border:4px solid #111;border-radius:7px;overflow:hidden;min-height:300px}.news-feature img{width:100%;height:100%;object-fit:cover}.news-caption{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,#000c);color:#fff}.news-caption small{background:var(--primary);padding:4px 7px}.news-caption h3{font-size:19px;margin:7px 0}.news-side{display:flex;flex-direction:column;gap:9px}.news-side article{display:grid;grid-template-columns:95px 1fr;gap:10px;align-items:start}.news-side img{width:95px;height:63px;object-fit:cover}.news-side small{font-size:8px;color:#888}.news-side h4{font-size:10px;line-height:1.25;margin:3px 0;text-transform:uppercase}.mini-btn{align-self:flex-end;background:var(--primary);color:#fff;padding:8px 13px;border-radius:13px;font-size:9px;font-weight:800;text-transform:uppercase}.empty-state{padding:50px;background:#f5f5f5;text-align:center}.video-section{background:#060607;color:#fff;padding:65px 0 90px;position:relative}.video-frame{max-width:930px;margin:auto;background:#19191d;padding:12px;border:1px solid #393939}.video-poster{height:345px;background:linear-gradient(#0007,#0007),url('../img/community.svg') center/cover;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center}.play{width:58px;height:58px;border-radius:50%;background:#ff003c;display:grid;place-items:center;font-size:24px;padding-left:4px}.video-poster strong{font-size:20px;text-transform:uppercase}.video-thumbs{max-width:930px;margin:8px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.video-thumbs div{height:64px;background:linear-gradient(135deg,#302f35,#777)}.center-copy{text-align:center;max-width:840px;margin:-20px auto 25px;font-size:11px}.compact-form{display:grid;grid-template-columns:2fr 2fr 1.2fr 1.5fr auto;gap:7px}.compact-form input,.compact-form select,.newsletter-band input{border:1px solid #ddd;background:#efefef;padding:11px;border-radius:4px;font:inherit;font-size:11px}.compact-form button,.newsletter-band button{background:var(--primary);border:0;color:#fff;font-weight:900;text-transform:uppercase;border-radius:15px;padding:9px 18px;font-size:10px}.donation-section{position:relative;color:#fff;text-align:center;padding:70px 0;background:url('../img/community.svg') center/cover}.donation-overlay{position:absolute;inset:0;background:rgba(25,30,42,.83)}.donation-section .container{position:relative}.donation-section p{font-size:19px}.donation-section p strong{color:var(--primary)}.donation-section h2{font-size:12px;font-weight:500}.donation-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:25px auto 0;gap:4px}.donation-grid a{background:#303645;padding:20px;color:#fff}.donation-grid a.featured{background:var(--primary)}.donation-grid small{display:block;text-transform:uppercase}.donation-grid strong{display:block;font-size:29px}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:880px;margin:auto;border:1px solid #eee}.numbers-grid article{padding:32px 15px;text-align:center;border-right:1px solid #eee}.numbers-grid article:last-child{border-right:0}.numbers-grid strong{display:block;color:var(--primary);font-size:31px}.numbers-grid span{text-transform:uppercase;font-size:10px;font-weight:700}.locations-section{position:relative;background:linear-gradient(#202533dd,#202533dd),url('../img/community.svg') center/cover;padding:65px 0 95px;color:#fff}.locations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:850px;margin:auto}.locations-grid article{text-align:center;padding:42px 15px;background:#0005;border:1px solid #ffffff33}.locations-grid h3{text-transform:uppercase;font-size:14px}.locations-grid p{font-size:10px}.locations-grid a{display:inline-block;background:var(--primary);border-radius:12px;padding:6px 12px;font-size:9px;font-weight:800;text-transform:uppercase}.faq-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:center}.faq details{border:1px solid #e6e6e6;margin-bottom:7px;padding:12px}.faq summary{cursor:pointer;color:var(--primary);font-size:11px;font-weight:700}.faq p{font-size:11px;line-height:1.5}.faq-graphic{display:flex;align-items:center;justify-content:center;gap:2px}.faq-graphic span{width:82px;height:82px;border-radius:25px 25px 25px 6px;color:#fff;display:grid;place-items:center;font-size:48px;font-weight:900;background:#19a9e8}.faq-graphic span:nth-child(2){background:#f04532;transform:translateY(-28px)}.faq-graphic span:nth-child(3){background:#9abf18}.newsletter-band{background:var(--primary);color:#fff;padding:25px 0}.newsletter-band .container{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:35px}.newsletter-band strong{text-transform:uppercase;font-size:18px}.newsletter-band p{font-size:10px;margin:4px 0}.newsletter-band form{display:grid;grid-template-columns:1fr 1.4fr auto;gap:7px}.newsletter-band input{background:#fff}.newsletter-band button{background:#111}.partners-section{background:#f0eeee;padding:42px 0}.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.partners-grid article{height:86px;background:#fff;border:1px solid #e2e2e2;display:grid;place-items:center;padding:10px}.partners-grid img{max-height:62px}.partners-grid span{font-size:9px;color:#999}.footer{background:var(--primary);color:#fff;padding-top:45px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:35px}.footer-brand img{max-width:170px;max-height:75px;object-fit:contain}.footer p,.footer a{font-size:10px;line-height:1.7;color:#fff}.footer h4{text-transform:uppercase;font-size:12px;margin-top:0}.footer a{display:block}.social-row{display:flex;gap:6px}.social-row a{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--primary);display:grid;place-items:center;font-weight:900}.footer-donate{margin-top:12px!important;background:#fff;color:var(--primary)!important;padding:8px 12px;border-radius:14px;text-align:center;font-weight:800}.footer-bottom{margin-top:35px;background:#d73b0e;padding:14px 0;text-align:center;font-size:9px}.page-hero{background:linear-gradient(90deg,#111,#26262a);color:#fff;padding:72px 0;text-align:center;border-bottom:5px solid var(--primary)}.page-hero h1{text-transform:uppercase;font-size:38px}.content{max-width:900px;margin:auto;line-height:1.8}.content h2{color:var(--primary)}.form-card{background:#fff;border:1px solid #ddd;padding:28px;border-radius:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px}.field textarea{min-height:130px}.field button{background:var(--primary);color:#fff;border:0;border-radius:4px;padding:12px;font-weight:800}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:45px}.flash{padding:13px;text-align:center;font-weight:700}.flash.success{background:#d8f6df;color:#165d27}.flash.error{background:#ffe0e0;color:#8a1616}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0b0b0c;padding:22px;flex-direction:column}.main-nav.open{display:flex}.menu-toggle{display:block}.header-actions .transparency-btn{display:none}.hero-stage{height:470px}.action-strip{height:auto;padding-bottom:30px}.action-cards,.about-grid,.news-layout,.faq-grid,.newsletter-band .container,.contact-grid{grid-template-columns:1fr}.action-cards{top:-18px}.compact-form{grid-template-columns:1fr 1fr}.donation-grid,.numbers-grid{grid-template-columns:1fr 1fr}.locations-grid{grid-template-columns:1fr}.partners-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.about-art{order:-1}.newsletter-band form{grid-template-columns:1fr}.hero-copy{padding-top:120px}}
@media(max-width:560px){.site-header{height:70px}.brand img{width:120px}.main-nav{top:70px}.donate-btn{padding:8px;font-size:9px}.hero-stage{height:430px}.hero-copy{padding-top:95px}.hero-kicker{font-size:23px!important}.hero-copy h1{font-size:27px}.hero-copy p{font-size:13px}.action-cards,.donation-grid,.numbers-grid,.footer-grid,.partners-grid{grid-template-columns:1fr}.section{padding:58px 0}.compact-form{grid-template-columns:1fr}.video-poster{height:230px}.video-thumbs{grid-template-columns:repeat(3,1fr)}.newsletter-band .container{gap:15px}.faq-graphic{display:none}.numbers-grid article{border-right:0;border-bottom:1px solid #eee}.footer-grid{gap:15px}}
.units-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.unit-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eee}.unit-card>img{width:100%;height:220px;object-fit:cover}.unit-card>div{padding:24px}.unit-card small{color:var(--primary);font-weight:800;text-transform:uppercase}.unit-cover{min-height:430px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;padding:80px 0}.unit-cover h1{font-size:clamp(42px,7vw,84px);margin:8px 0}.unit-cover span{color:var(--accent);font-weight:900;text-transform:uppercase}.unit-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:45px}.unit-sidebar{display:flex;flex-direction:column;gap:20px}.unit-info-card,.president-card{padding:24px;background:#f5f5f5;border-radius:14px}.president-card img{width:110px;height:110px;border-radius:50%;object-fit:cover}.unit-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.unit-gallery img{width:100%;height:190px;object-fit:cover;border-radius:10px}.unit-videos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.unit-videos iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.unit-map iframe,.unit-map>iframe{width:100%!important;height:450px!important;border:0}.center{text-align:center;margin-top:28px}@media(max-width:850px){.units-public-grid,.unit-content-grid,.unit-videos{grid-template-columns:1fr}.unit-gallery{grid-template-columns:1fr 1fr}}
/* Slider profissional */
.hero-stage{height:560px;isolation:isolate}.hero-slide{overflow:hidden;visibility:hidden;transition:opacity .85s cubic-bezier(.22,1,.36,1),visibility .85s}.hero-slide.active{visibility:visible}.hero-bg{position:absolute;inset:-3%;background-position:center;background-size:cover;transform:scale(1.07);transition:transform 7s linear}.hero-slide.active .hero-bg{transform:scale(1)}.hero-overlay{background:linear-gradient(90deg,rgba(5,5,8,.92) 0%,rgba(5,5,8,.72) 43%,rgba(5,5,8,.26) 76%,rgba(5,5,8,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 55%)}.hero-copy{padding-top:135px;max-width:820px}.hero-copy>*{opacity:0;transform:translateY(22px)}.hero-slide.active .hero-kicker{animation:heroReveal .65s .12s forwards}.hero-slide.active h1{animation:heroReveal .7s .22s forwards}.hero-slide.active .hero-description{animation:heroReveal .7s .34s forwards}.hero-slide.active .hero-buttons{animation:heroReveal .7s .46s forwards}@keyframes heroReveal{to{opacity:1;transform:none}}.hero-kicker{font-size:14px!important;letter-spacing:.16em;margin-bottom:12px;max-width:720px}.hero-copy h1{font-size:clamp(38px,5vw,68px);letter-spacing:-.035em;line-height:.98;margin-bottom:18px}.hero-description{font-size:16px;line-height:1.7;max-width:690px;color:#f2f2f2}.hero-description p{font-size:inherit;font-weight:500;margin:0 0 10px}.hero-description h3{margin:0 0 8px}.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-button{display:inline-flex;align-items:center;gap:16px;min-height:46px;padding:0 18px 0 21px;border-radius:999px;background:var(--button-bg);color:var(--button-text);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;box-shadow:0 10px 26px rgba(0,0,0,.2);transition:transform .25s,box-shadow .25s,filter .25s}.hero-button b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);font-size:15px;transition:transform .25s}.hero-button:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(0,0,0,.32);filter:brightness(1.05)}.hero-button:hover b{transform:translateX(3px)}.slide-arrow{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(8,8,10,.28);backdrop-filter:blur(8px);color:#fff;font-size:29px;line-height:1;transition:.25s;cursor:pointer}.slide-arrow:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.06)}.slide-arrow.prev{left:28px}.slide-arrow.next{right:28px}.hero-dots{position:absolute;z-index:6;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.45);transition:.3s;cursor:pointer}.hero-dot.active{width:30px;background:#fff}.hero-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.15)}.hero-progress span{display:block;height:100%;width:0;background:var(--accent)}.hero-stage:not(.paused) .hero-progress span{animation:heroProgress 6.5s linear forwards}@keyframes heroProgress{to{width:100%}}@media(max-width:900px){.hero-stage{height:510px}.hero-copy{padding-top:125px}.slide-arrow{width:40px;height:40px}.slide-arrow.prev{left:10px}.slide-arrow.next{right:10px}}@media(max-width:560px){.hero-stage{height:500px}.hero-copy{padding-top:100px;padding-left:24px;padding-right:24px}.hero-copy h1{font-size:38px}.hero-description{font-size:14px;max-height:112px;overflow:hidden}.hero-buttons{gap:8px}.hero-button{min-height:42px;padding:0 14px;font-size:10px}.slide-arrow{display:none}.hero-dots{bottom:22px}}
/* Correção v2.5: imagem do slide sempre atrás do conteúdo */
.hero-bg{z-index:0;background-repeat:no-repeat}.hero-overlay{z-index:1}.hero-copy{z-index:2}
/* Galeria profissional de vídeos */
.video-gallery-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px;align-items:start}.video-feature-card,.video-small-card{appearance:none;border:0;padding:0;text-align:left;color:#fff;cursor:pointer}.video-feature-card{position:relative;width:100%;min-height:470px;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 24px 60px rgba(0,0,0,.28);transition:transform .3s,box-shadow .3s}.video-feature-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px rgba(0,0,0,.38)}.video-feature-copy{position:absolute;left:30px;right:30px;bottom:28px;display:flex;flex-direction:column;gap:7px}.video-feature-copy small{color:var(--accent);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.video-feature-copy strong{font-size:clamp(23px,3vw,38px);line-height:1.08}.video-feature-copy em{max-width:720px;font-style:normal;font-size:13px;line-height:1.55;color:#e9e9e9}.video-play{position:absolute;inset:0;display:grid;place-items:center}.video-play i,.video-small-poster i{display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.94);color:var(--primary);font-style:normal;box-shadow:0 10px 35px rgba(0,0,0,.35);transition:.3s}.video-play i{width:78px;height:78px;font-size:24px;padding-left:5px}.video-feature-card:hover .video-play i,.video-small-card:hover i{transform:scale(1.1);background:var(--primary);color:#fff}.video-small-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.video-small-card{background:#18181b;border-radius:12px;overflow:hidden;transition:transform .25s}.video-small-card:hover{transform:translateY(-3px)}.video-small-poster{height:128px;background-size:cover;background-position:center;display:grid;place-items:center}.video-small-poster i{width:43px;height:43px;font-size:14px;padding-left:3px}.video-small-card strong{display:block;padding:12px 13px 14px;font-size:12px;line-height:1.35}.video-empty{padding:50px;border:1px dashed rgba(255,255,255,.3);color:#ddd;text-align:center;border-radius:12px}.video-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.92);backdrop-filter:blur(8px)}.video-modal.open{display:flex}.video-modal-dialog{width:min(1100px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column}.video-modal-player{width:100%;aspect-ratio:16/9;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.65)}.video-modal-player iframe,.video-modal-player video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}.video-modal-dialog h3{margin:14px 0 0;color:#fff;font-size:17px}.video-modal-close{position:fixed;right:24px;top:18px;width:45px;height:45px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(0,0,0,.4);color:#fff;font-size:30px;cursor:pointer;z-index:2}.video-modal-close:hover{background:var(--primary)}body.video-modal-open{overflow:hidden}@media(max-width:900px){.video-gallery-layout{grid-template-columns:1fr}.video-feature-card{min-height:390px}.video-small-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.video-feature-card{min-height:330px;border-radius:12px}.video-feature-copy{left:20px;right:20px;bottom:20px}.video-feature-copy em{display:none}.video-play i{width:62px;height:62px}.video-small-grid{grid-template-columns:1fr 1fr}.video-small-poster{height:105px}.video-modal{padding:10px}.video-modal-dialog{width:100%;max-height:100vh}.video-modal-close{right:10px;top:10px}}
/* Notícias: slide com 6 destaques + 4 cards laterais */
.news-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:22px;max-width:1080px;margin:0 auto}.news-slider{position:relative;min-height:430px;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 18px 45px #00000020}.news-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .55s ease,transform 1.2s ease,visibility .55s}.news-slide.active{opacity:1;visibility:visible;transform:scale(1)}.news-slide>a{display:block;height:100%}.news-slide img{width:100%;height:100%;object-fit:cover}.news-slide-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.22) 62%,rgba(0,0,0,.05) 100%)}.news-slide-copy{position:absolute;left:0;right:0;bottom:0;padding:34px;color:#fff}.news-slide-copy small,.news-card-image span{display:inline-block;background:var(--primary);color:#fff;border-radius:3px;padding:5px 9px;font-size:9px;font-weight:900;text-transform:uppercase}.news-slide-copy h3{font-size:27px;line-height:1.16;margin:10px 0 7px;text-transform:uppercase;max-width:90%}.news-slide-copy time{font-size:10px;opacity:.85}.news-arrow{position:absolute;top:50%;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff75;background:#0008;color:#fff;font-size:28px;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer;transition:.2s}.news-arrow:hover{background:var(--primary);border-color:var(--primary)}.news-prev{left:14px}.news-next{right:14px}.news-dots{position:absolute;right:22px;bottom:22px;z-index:6;display:flex;gap:6px}.news-dot{width:8px;height:8px;border:0;border-radius:50%;background:#ffffff70;padding:0;cursor:pointer;transition:.2s}.news-dot.active{width:24px;border-radius:8px;background:var(--primary)}.news-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:stretch}.news-card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #ececec;box-shadow:0 10px 26px #0000000c;transition:transform .25s ease,box-shadow .25s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 34px #0000001a}.news-card>a{display:flex;flex-direction:column;height:100%}.news-card-image{height:138px;position:relative;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.news-card:hover img{transform:scale(1.055)}.news-card-image span{position:absolute;left:9px;bottom:9px;font-size:7px;padding:4px 6px}.news-card-body{padding:13px 13px 15px}.news-card-body time{font-size:8px;color:#8d8d8d}.news-card-body h4{font-size:11px;line-height:1.35;text-transform:uppercase;margin:6px 0 0}.news-more{text-align:right;max-width:1080px;margin:18px auto 0}.news-card-placeholder{grid-column:1/-1;padding:35px;background:#f5f5f5;border-radius:10px;text-align:center;font-size:11px}
@media(max-width:900px){.news-showcase{grid-template-columns:1fr}.news-slider{min-height:390px}.news-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.news-slider{min-height:330px}.news-slide-copy{padding:22px}.news-slide-copy h3{font-size:20px;max-width:100%}.news-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.news-card-image{height:105px}.news-card-body{padding:10px}.news-card-body h4{font-size:9px}.news-arrow{width:34px;height:34px}.news-dots{right:14px;bottom:14px}}
/* Galeria e página individual das unidades */
.unit-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:42px 0 20px}.unit-section-heading small{display:block;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.unit-section-heading h2{margin:0;font-size:clamp(28px,4vw,44px);line-height:1}.unit-section-heading>span{font-weight:800;color:#777}.unit-gallery-item{position:relative;padding:0;border:0;background:none;cursor:pointer;overflow:hidden;border-radius:12px;aspect-ratio:4/3}.unit-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease}.unit-gallery-item:hover img{transform:scale(1.06);filter:brightness(.72)}.unit-gallery-zoom{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);font-size:30px;font-weight:300;transform:translate(-50%,-35%) scale(.75);opacity:0;transition:.3s}.unit-gallery-item:hover .unit-gallery-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.unit-gallery-modal{position:fixed;inset:0;z-index:99999;background:rgba(5,5,5,.96);display:none;grid-template-columns:80px minmax(0,1fr) 80px;grid-template-rows:minmax(0,1fr) 102px;align-items:center;padding:28px;color:#fff}.unit-gallery-modal.is-open{display:grid}.unit-gallery-stage{grid-column:2;grid-row:1;margin:0;height:calc(100vh - 170px);display:flex;flex-direction:column;align-items:center;justify-content:center}.unit-gallery-stage>img{display:block;max-width:100%;max-height:calc(100% - 52px);width:auto;height:auto;object-fit:contain;border-radius:4px}.unit-gallery-stage figcaption{width:min(100%,1100px);display:flex;justify-content:space-between;gap:24px;padding-top:14px;font-size:14px}.unit-gallery-counter{color:#aaa}.unit-gallery-caption{text-align:right}.unit-gallery-close,.unit-gallery-prev,.unit-gallery-next{position:relative;z-index:2;border:0;color:#fff;background:rgba(255,255,255,.1);cursor:pointer;transition:.2s}.unit-gallery-close{position:absolute;right:24px;top:20px;width:48px;height:48px;border-radius:50%;font-size:34px}.unit-gallery-prev,.unit-gallery-next{width:56px;height:70px;border-radius:10px;font-size:52px;line-height:1}.unit-gallery-prev{grid-column:1;grid-row:1}.unit-gallery-next{grid-column:3;grid-row:1}.unit-gallery-close:hover,.unit-gallery-prev:hover,.unit-gallery-next:hover{background:var(--primary)}.unit-gallery-thumbs{grid-column:1/4;grid-row:2;display:flex;justify-content:center;gap:9px;overflow-x:auto;padding:10px 0}.unit-gallery-thumbs button{flex:0 0 96px;height:70px;padding:3px;border:2px solid transparent;background:transparent;border-radius:7px;cursor:pointer;opacity:.55}.unit-gallery-thumbs button.is-active{border-color:var(--accent);opacity:1}.unit-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}body.unit-gallery-open{overflow:hidden}
.unit-location-section{padding:70px 0;background:#f4f4f4}.unit-map-frame{overflow:hidden;border-radius:18px;background:#ddd;box-shadow:0 14px 40px rgba(0,0,0,.1)}.unit-map-frame iframe{display:block;width:100%;height:500px;border:0}.unit-map-link{display:inline-flex;margin-top:18px;padding:12px 18px;border-radius:8px;background:#111;color:#fff;font-weight:800;text-decoration:none}.unit-map-link:hover{background:var(--primary)}
.other-units-section{background:#fff}.other-units-title{margin-top:0}.other-units-title>a{font-weight:800;color:var(--primary)}.other-units-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.other-unit-card{display:block;color:#171717;text-decoration:none;border:1px solid #e8e8e8;border-radius:16px;overflow:hidden;background:#fff;transition:transform .28s ease,box-shadow .28s ease}.other-unit-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.12)}.other-unit-image{position:relative;height:220px;overflow:hidden;background:#eee}.other-unit-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.other-unit-card:hover .other-unit-image img{transform:scale(1.05)}.other-unit-image span{position:absolute;left:16px;bottom:16px;padding:7px 10px;border-radius:6px;background:var(--primary);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}.other-unit-content{padding:22px}.other-unit-content h3{font-size:22px;margin:0 0 8px}.other-unit-content p{min-height:42px;margin:0 0 18px;color:#666}.other-unit-content strong{display:flex;align-items:center;justify-content:space-between;color:var(--primary)}.other-unit-content strong span{font-size:22px}.field-help{display:block;margin-top:7px;color:#777;font-size:12px}
@media(max-width:900px){.other-units-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-gallery-modal{grid-template-columns:52px minmax(0,1fr) 52px;padding:16px}.unit-gallery-prev,.unit-gallery-next{width:44px;height:58px;font-size:42px}}
@media(max-width:620px){.unit-section-heading{align-items:flex-start;flex-direction:column}.unit-gallery{grid-template-columns:1fr 1fr}.unit-gallery img{height:145px}.other-units-grid{grid-template-columns:1fr}.unit-gallery-modal{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 80px;padding:60px 10px 10px}.unit-gallery-stage{grid-column:1;grid-row:1;height:calc(100vh - 160px)}.unit-gallery-prev,.unit-gallery-next{position:absolute;top:50%;transform:translateY(-50%)}.unit-gallery-prev{left:8px}.unit-gallery-next{right:8px}.unit-gallery-thumbs{grid-column:1;grid-row:2;justify-content:flex-start}.unit-gallery-thumbs button{flex-basis:78px;height:58px}.unit-map-frame iframe{height:390px}}
/* Página institucional */
.home-institutional-description{font-size:1.08rem;line-height:1.75;color:#444;margin:18px 0 28px}
.institutional-hero{min-height:520px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;padding:110px 0 75px}
.institutional-hero h1{font-size:clamp(2.7rem,6vw,5.5rem);max-width:850px;margin:10px 0 18px;line-height:.96}
.institutional-hero p{font-size:1.18rem;line-height:1.7;max-width:760px;margin:0}
.institutional-content-grid{max-width:1120px}
.institutional-block{padding:25px 0 55px}.institutional-block h2,.institutional-gallery-section h2,.institutional-videos-section h2{font-size:clamp(2rem,4vw,3.5rem);margin:8px 0 25px}
.institutional-block .content{font-size:1.08rem;line-height:1.85;color:#353535}.institutional-block .content p{margin-bottom:18px}
.institutional-three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:10px 0 55px}
.institutional-three article{background:#111;color:#fff;padding:35px;border-radius:24px;min-height:320px;position:relative;overflow:hidden}.institutional-three article:nth-child(2){background:var(--primary,#ff4a18)}.institutional-three article:nth-child(3){background:#f2cf00;color:#161616}
.institutional-three h2{font-size:2rem;margin:28px 0 16px}.institutional-three .content{line-height:1.7}.institutional-icon{font-size:3.2rem;font-weight:900;opacity:.25}
.institutional-gallery-section{background:#f4f4f1}.institutional-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.institutional-photo{border:0;background:none;padding:0;cursor:pointer;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:1/1}.institutional-photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.institutional-photo:hover img{transform:scale(1.06)}.institutional-photo span{position:absolute;left:0;right:0;bottom:0;padding:34px 15px 15px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;text-align:left;font-weight:700}
.institutional-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.institutional-video-card{border:0;background:#fff;text-align:left;padding:0;cursor:pointer;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.08)}.institutional-video-card>div{aspect-ratio:16/9;position:relative}.institutional-video-card img{width:100%;height:100%;object-fit:cover}.institutional-video-card h3{font-size:1.25rem;margin:18px 20px 8px}.institutional-video-card p{margin:0 20px 22px;color:#666;line-height:1.55}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--primary,#ff4a18);color:#fff;display:grid;place-items:center;font-size:1.5rem}
.institutional-modal{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9999;display:none;align-items:center;justify-content:center;padding:30px}.institutional-modal.open{display:flex}.institutional-modal figure{margin:0;max-width:min(1100px,88vw);text-align:center;color:#fff}.institutional-modal figure img{max-width:100%;max-height:82vh;object-fit:contain}.institutional-modal figcaption{padding-top:12px}.modal-close,.modal-prev,.modal-next{position:absolute;border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;border-radius:50%;width:50px;height:50px;font-size:2rem}.modal-close{right:25px;top:25px}.modal-prev{left:25px;top:50%}.modal-next{right:25px;top:50%}.video-modal-box{width:min(1100px,92vw);aspect-ratio:16/9}.video-modal-box iframe,.video-modal-box video{width:100%;height:100%;border:0;background:#000}.modal-open{overflow:hidden}
@media(max-width:900px){.institutional-three{grid-template-columns:1fr}.institutional-gallery{grid-template-columns:repeat(2,1fr)}.institutional-video-grid{grid-template-columns:1fr}.institutional-hero{min-height:430px}.modal-prev{left:8px}.modal-next{right:8px}}
/* Página de notícia: resumo, vídeo e galeria */
.news-page-summary{max-width:850px;font-size:1.12rem;line-height:1.65;opacity:.92}.news-article-container{max-width:920px}.news-cover{margin:0 0 18px}.news-cover .cover{width:100%;max-height:560px;object-fit:cover;border-radius:12px}.news-cover figcaption{text-align:right;color:#777;font-size:12px;padding-top:7px}.article-meta{padding:14px 0 24px;border-bottom:1px solid #e8e8e8;color:#777}.article-body{font-size:1.08rem;line-height:1.85}.news-video,.news-gallery-section{margin-top:48px}.news-video h2,.news-gallery-section h2{font-size:2rem}.news-video>div{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.news-video iframe{width:100%;height:100%;border:0}.news-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.news-gallery-photo{position:relative;border:0;padding:0;background:none;cursor:pointer;aspect-ratio:4/3;overflow:hidden;border-radius:12px}.news-gallery-photo img{width:100%;height:100%;object-fit:cover;transition:.35s}.news-gallery-photo span{position:absolute;inset:auto 12px 12px auto;background:#000b;color:#fff;padding:7px 10px;border-radius:6px;font-size:11px}.news-gallery-photo:hover img{transform:scale(1.06)}.news-gallery-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;padding:30px 90px}.news-gallery-modal.open{display:flex}.news-gallery-modal figure{margin:0;text-align:center;color:#fff}.news-gallery-modal img{max-width:100%;max-height:84vh;object-fit:contain}.news-gallery-modal figcaption{padding-top:12px}.news-gallery-close,.news-gallery-prev,.news-gallery-next{position:absolute;border:0;color:#fff;background:#ffffff1f;cursor:pointer;width:54px;height:54px;border-radius:50%;font-size:38px}.news-gallery-close{right:24px;top:22px}.news-gallery-prev{left:24px}.news-gallery-next{right:24px}.news-gallery-close:hover,.news-gallery-prev:hover,.news-gallery-next:hover{background:var(--primary)}@media(max-width:700px){.news-gallery-grid{grid-template-columns:repeat(2,1fr)}.news-gallery-modal{padding:70px 12px}.news-gallery-prev{left:6px}.news-gallery-next{right:6px}.news-gallery-close{right:10px;top:10px}}
/* Arquivo de notícias: 36 itens, quatro cards por linha */
.news-archive-section{background:#f7f7f8}.news-list-hero p{margin:8px 0 0;opacity:.8}.news-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.news-archive-card{min-width:0;background:#fff;border:1px solid #ececef;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(20,20,24,.055);transition:transform .25s ease,box-shadow .25s ease}.news-archive-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(20,20,24,.13)}.news-archive-image{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#ececef}.news-archive-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.news-archive-card:hover .news-archive-image img{transform:scale(1.055)}.news-archive-image span{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:var(--primary);color:#fff;border-radius:4px;padding:6px 9px;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-archive-content{padding:17px 17px 19px;display:flex;flex-direction:column;flex:1}.news-archive-content time{font-size:10px;color:#85858b}.news-archive-content h2{font-size:15px;line-height:1.35;margin:8px 0 9px;text-transform:uppercase;font-weight:900}.news-archive-content h2 a:hover{color:var(--primary)}.news-archive-content p{font-size:11px;line-height:1.6;color:#66636b;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-archive-read{margin-top:auto;color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase}.news-archive-read span{font-size:16px;vertical-align:-1px}.professional-pagination{margin:42px 0 0;display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.professional-pagination a,.professional-pagination .pagination-ellipsis{min-width:39px;height:39px;padding:0 11px;border:1px solid #dedee2;border-radius:7px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.professional-pagination a:hover,.professional-pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}.professional-pagination .pagination-control{padding-inline:16px}.professional-pagination .pagination-ellipsis{border-color:transparent;background:transparent}.news-empty-state{text-align:center;padding:70px 20px;background:#fff;border-radius:12px}.news-empty-state h2{text-transform:uppercase}
/* Notícias relacionadas no final da matéria */
.related-news-section{padding:70px 0 85px;background:#f4f4f5;border-top:1px solid #e5e5e7}.related-news-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.related-news-heading span{display:block;color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase}.related-news-heading h2{margin:4px 0 0;font-size:27px;text-transform:uppercase}.related-news-heading>a{color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase}.related-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.related-news-card{background:#fff;border-radius:11px;overflow:hidden;border:1px solid #e8e8eb;box-shadow:0 8px 22px rgba(0,0,0,.05);transition:.25s}.related-news-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.11)}.related-news-image{display:block;aspect-ratio:16/10;position:relative;overflow:hidden;background:#ddd}.related-news-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.related-news-card:hover img{transform:scale(1.05)}.related-news-image span{position:absolute;left:10px;bottom:10px;background:var(--primary);color:#fff;border-radius:4px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase}.related-news-content{padding:15px}.related-news-content time{font-size:9px;color:#888}.related-news-content h3{font-size:13px;line-height:1.4;text-transform:uppercase;margin:7px 0}.related-news-content h3 a:hover{color:var(--primary)}.related-news-content p{font-size:10px;line-height:1.55;color:#68686e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:1000px){.news-archive-grid,.related-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.news-archive-grid,.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.related-news-heading{align-items:flex-start;flex-direction:column}.related-news-heading h2{font-size:22px}}
@media(max-width:430px){.news-archive-grid,.related-news-grid{grid-template-columns:1fr}.news-archive-content h2{font-size:14px}.professional-pagination .pagination-control{width:100%;order:2}}
/* Leitura das matérias importadas: parágrafos separados e texto justificado. */
.news-content,
.article-content,
.single-news-content,
.news-body,
.article-body {
text-align: justify;
text-justify: inter-word;
line-height: 1.75;
overflow-wrap: anywhere;
}
.news-content p,
.article-content p,
.single-news-content p,
.news-body p,
.article-body p {
margin: 0 0 1.25rem;
}
.news-content h2, .news-content h3, .news-content h4,
.article-content h2, .article-content h3, .article-content h4,
.single-news-content h2, .single-news-content h3, .single-news-content h4,
.news-body h2, .news-body h3, .news-body h4,
.article-body h2, .article-body h3, .article-body h4 {
margin: 1.75rem 0 .8rem;
text-align: left;
}
.news-content img,
.article-content img,
.single-news-content img,
.news-body img,
.article-body img {
display: block;
max-width: 100%;
height: auto;
margin: 1.25rem auto;
}
/* Página individual de notícia — cabeçalho editorial profissional */
.news-detail-hero{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 82% 12%, rgba(255,76,24,.16), transparent 30%),
linear-gradient(135deg,#0b0b0d 0%,#17171b 55%,#202025 100%);
color:#fff;
border-bottom:4px solid var(--primary);
}
.news-detail-hero:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,transparent 0 68%,rgba(255,255,255,.025) 68% 69%,transparent 69%);
pointer-events:none;
}
.news-detail-hero-inner{
position:relative;
max-width:980px;
padding:72px 0 64px;
}
.news-detail-eyebrow{
display:flex;
align-items:center;
gap:14px;
margin-bottom:20px;
color:#bbbcc2;
font-size:11px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
}
.news-detail-category{
display:inline-flex;
align-items:center;
min-height:29px;
padding:0 12px;
border-radius:999px;
background:var(--primary);
color:#fff;
font-size:10px;
font-weight:900;
}
.news-detail-eyebrow time:before{
content:"";
display:inline-block;
width:4px;
height:4px;
margin:0 11px 2px 0;
border-radius:50%;
background:var(--accent);
}
.news-detail-hero h1{
max-width:930px;
margin:0;
font-size:clamp(34px,4.5vw,58px);
line-height:1.07;
letter-spacing:-.035em;
text-transform:none;
font-weight:900;
text-wrap:balance;
}
.news-page-summary{
max-width:850px;
margin:24px 0 0;
color:#d8d8dc;
font-size:clamp(16px,1.65vw,21px);
line-height:1.6;
font-weight:400;
text-align:left;
text-wrap:pretty;
}
.news-detail-byline{
display:flex;
flex-wrap:wrap;
gap:9px 24px;
margin-top:28px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.12);
color:#aaaab1;
font-size:12px;
}
.news-detail-byline strong{color:#fff;font-weight:700}
.news-detail-article{padding-top:54px}
.news-article-container{max-width:920px}
.news-cover{
margin:0 0 34px;
overflow:hidden;
border-radius:16px;
background:#eee;
box-shadow:0 18px 50px rgba(18,18,24,.13);
}
.news-cover .cover{
width:100%;
max-height:none;
aspect-ratio:16/9;
object-fit:cover;
border-radius:0;
}
.news-cover figcaption{
padding:10px 14px;
background:#f5f5f6;
color:#6f7076;
text-align:left;
font-size:11px;
}
.article-body{
max-width:820px;
margin:0 auto;
color:#34343a;
font-size:17px;
line-height:1.9;
}
.article-body p:first-child:first-letter{
float:left;
margin:8px 8px 0 0;
color:var(--primary);
font-size:54px;
line-height:.78;
font-weight:900;
}
.article-body blockquote{
margin:34px 0;
padding:18px 24px;
border-left:4px solid var(--primary);
background:#f7f7f8;
color:#404047;
font-size:19px;
line-height:1.65;
}
@media(max-width:700px){
.news-detail-hero-inner{padding:48px 0 42px}
.news-detail-hero h1{font-size:34px;line-height:1.12}
.news-page-summary{font-size:16px;line-height:1.55}
.news-detail-byline{display:grid;gap:7px}
.news-detail-article{padding-top:30px}
.news-cover{border-radius:10px;margin-bottom:25px}
.article-body{font-size:16px;line-height:1.8;text-align:left}
}
/* Voluntariado */
.volunteer-section{background:linear-gradient(180deg,#fff 0%,#f6f6f7 100%)}
.volunteer-home-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(560px,1.5fr);gap:64px;align-items:start}
.volunteer-intro{position:sticky;top:100px;padding:18px 0}
.volunteer-intro h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:8px 0 28px}
.volunteer-intro p{color:#606169;line-height:1.75}
.volunteer-intro .volunteer-lead{color:#25262b;font-size:15px;font-weight:700;line-height:1.85}
.volunteer-form{padding:32px;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(15,16,22,.09);border:1px solid #ececef}
.volunteer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.volunteer-fields .field{display:flex;flex-direction:column;gap:7px}
.volunteer-fields .field.full{grid-column:1/-1}.volunteer-fields .field.wide{grid-column:span 1}.volunteer-fields .field.small{grid-column:span 1}
.volunteer-fields label{font-size:12px;font-weight:800;color:#303138}.volunteer-fields label b{color:var(--primary)}
.volunteer-fields input,.volunteer-fields select{width:100%;min-height:48px;padding:0 14px;border:1px solid #dfe0e5;border-radius:10px;background:#fafafa;color:#222;font:inherit;outline:none;transition:.2s}
.volunteer-fields input:focus,.volunteer-fields select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}
.privacy-check{display:flex;gap:10px;align-items:flex-start;margin:20px 0;color:#5d5e64;font-size:12px;line-height:1.5}.privacy-check input{margin-top:3px;accent-color:var(--primary)}
.volunteer-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--primary);color:#fff;font-weight:900;text-transform:uppercase;cursor:pointer}.volunteer-submit:hover{filter:brightness(.94);transform:translateY(-1px)}
.form-feedback{display:none;margin:0 0 14px;padding:12px 14px;border-radius:10px;font-size:13px;font-weight:700}.form-feedback.show{display:block}.form-feedback.success{background:#e9f8ee;color:#166534}.form-feedback.error{background:#fff0f0;color:#a91d1d}
.hp-field{position:absolute!important;left:-99999px!important}
.volunteer-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.25s}
.volunteer-modal.is-open{opacity:1;visibility:visible}.volunteer-modal-backdrop{position:absolute;inset:0;background:rgba(8,9,13,.78);backdrop-filter:blur(10px)}
.volunteer-modal-dialog{position:relative;z-index:1;width:min(900px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px;border-radius:24px;background:#f7f7f8;box-shadow:0 35px 100px rgba(0,0,0,.42)}
.volunteer-modal-dialog .volunteer-form{box-shadow:none;padding:25px}.volunteer-modal-heading{text-align:center;margin:0 auto 22px;max-width:650px}.volunteer-modal-heading span{color:var(--primary);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.volunteer-modal-heading h2{font-size:38px;margin:7px 0}.volunteer-modal-heading p{color:#666}
.volunteer-modal-close{position:absolute;top:16px;right:18px;width:40px;height:40px;border:0;border-radius:50%;background:#17181c;color:#fff;font-size:25px;cursor:pointer}.volunteer-modal-open{overflow:hidden}
@media(max-width:900px){.volunteer-home-grid{grid-template-columns:1fr;gap:28px}.volunteer-intro{position:static}.volunteer-modal{padding:10px}.volunteer-modal-dialog{padding:24px 16px;max-height:calc(100vh - 20px);border-radius:18px}}
@media(max-width:600px){.volunteer-form{padding:20px 16px}.volunteer-fields{grid-template-columns:1fr}.volunteer-fields .field.full,.volunteer-fields .field.wide,.volunteer-fields .field.small{grid-column:auto}.volunteer-modal-heading h2{font-size:30px}.volunteer-modal-dialog .volunteer-form{padding:18px 12px}}
/* Acessibilidade, leitor e compartilhamento das notícias */
.news-accessibility{max-width:820px;margin:0 auto 30px;padding:18px;border:1px solid #e7e7ea;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,20,28,.06)}
.news-reading-controls{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.text-size-controls{display:flex;align-items:center;gap:7px;white-space:nowrap}
.text-size-controls>span,.news-share>span{margin-right:4px;color:#676871;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.text-size-controls button{width:38px;height:38px;border:1px solid #dedee3;border-radius:9px;background:#f6f6f8;color:#25252b;font:800 13px Montserrat,Arial,sans-serif;cursor:pointer;transition:.2s}
.text-size-controls button:hover,.text-size-controls button:focus-visible{border-color:var(--primary);background:var(--primary);color:#fff;outline:none;transform:translateY(-1px)}
.article-reader{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:12px;background:#17181d;color:#fff}
.reader-play,.reader-stop{border:0;color:#fff;cursor:pointer;font:700 11px Montserrat,Arial,sans-serif}
.reader-play{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:var(--primary);white-space:nowrap}
.reader-play-icon{font-size:12px}.reader-stop{width:34px;height:34px;border-radius:8px;background:#34353d}
.reader-status{min-width:0}.reader-status>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:#bfc0c7;font-size:9px}.reader-status strong{color:#fff;font-weight:700}
.reader-progress{height:6px;overflow:hidden;border-radius:999px;background:#383942}.reader-progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s linear}
.news-share{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #ededf0}
.news-share a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;transition:transform .2s,box-shadow .2s}
.news-share a:hover,.news-share a:focus-visible{transform:translateY(-3px);box-shadow:0 7px 16px rgba(0,0,0,.18);outline:none}.news-share svg{width:18px;height:18px;fill:currentColor}
.share-facebook{background:#1877f2}.share-whatsapp{background:#25d366}.share-x{background:#000}.share-linkedin{background:#0a66c2}.share-telegram{background:#229ed9}
.article-body{font-size:var(--article-font-size,17px);transition:font-size .2s ease}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:900;width:48px;height:48px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.25);font-size:24px;font-weight:900;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(15px);transition:.25s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px)}
.donation-heading{max-width:820px;margin:0 auto 30px}.donation-heading h2{margin:0;font-size:40px;line-height:1.05;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.donation-heading h3{margin:10px 0 0;font-size:22px;line-height:1.2;font-weight:800;text-transform:uppercase}.donation-divider{display:block;width:110px;height:3px;margin:18px auto;background:var(--primary);border-radius:999px}.donation-heading p{max-width:690px;margin:0 auto;font-size:15px;line-height:1.7;color:#f4f4f4}
@media(max-width:850px){.news-reading-controls{grid-template-columns:1fr}.text-size-controls{justify-content:center}.article-reader{width:100%}}
@media(max-width:600px){.news-accessibility{padding:13px;border-radius:12px}.article-reader{grid-template-columns:auto 1fr auto;gap:8px;padding:8px}.reader-play{padding:8px}.reader-play #reader-action-label{display:none}.news-share{justify-content:center;flex-wrap:wrap}.news-share>span{width:100%;text-align:center;margin:0 0 3px}.news-share a{width:40px;height:40px}.back-to-top{right:14px;bottom:14px;width:44px;height:44px}.donation-heading h2{font-size:30px}.donation-heading h3{font-size:18px}.donation-heading p{font-size:13px}.donation-divider{width:82px;margin:14px auto}}
/* Nossos números por instituição */
.numbers-institutions-section{background:#f5f5f6}.number-institution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.number-institution-card{display:block;width:100%;padding:0;overflow:hidden;border:0;border-radius:18px;background:#17181c;color:#fff;text-align:left;cursor:pointer;box-shadow:0 16px 42px rgba(13,14,19,.14);transition:transform .25s,box-shadow .25s}.number-institution-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(13,14,19,.22)}.number-institution-photo{display:block;position:relative;aspect-ratio:16/9;overflow:hidden}.number-institution-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,24,28,.75),transparent 65%)}.number-institution-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.number-institution-card:hover img{transform:scale(1.06)}.number-institution-card-copy{display:block;padding:22px}.number-institution-card-copy small{display:block;color:var(--primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.number-institution-card-copy strong{display:block;margin:7px 0 20px;font-size:24px;line-height:1.15}.number-institution-card-copy em{display:flex;justify-content:space-between;align-items:center;color:#d8d8dc;font-size:12px;font-style:normal;font-weight:700}.number-institution-card-copy b{color:var(--primary);font-size:20px}.number-institution-modal{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.25s}.number-institution-modal.is-open{opacity:1;visibility:visible}.number-institution-backdrop{position:absolute;inset:0;background:rgba(7,8,12,.82);backdrop-filter:blur(9px)}.number-institution-dialog{position:relative;z-index:1;width:min(1040px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.45)}.number-watermark{position:absolute;inset:0;background-image:var(--number-watermark);background-repeat:no-repeat;background-position:center;background-size:70%;opacity:.055;filter:grayscale(1);pointer-events:none}.number-modal-content{position:relative;z-index:1;padding:42px}.number-institution-close{position:absolute;z-index:5;top:16px;right:17px;width:42px;height:42px;border:0;border-radius:50%;background:#17181c;color:#fff;font-size:25px;cursor:pointer}.number-modal-head{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:center;padding-bottom:30px;border-bottom:1px solid #e8e8eb}.number-modal-head img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.number-modal-head span{color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.number-modal-head h2{margin:7px 0 12px;font-size:clamp(32px,5vw,58px);line-height:1}.number-modal-head p{margin:0;color:#65666d;line-height:1.7}.number-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.number-modal-grid article{min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:24px;border:1px solid #e5e5e8;border-radius:16px;background:rgba(248,248,249,.92);text-align:center}.number-modal-grid strong{display:block;color:var(--primary);font-size:clamp(34px,4vw,54px);line-height:1;font-weight:900}.number-modal-grid span{display:block;margin-top:12px;color:#292a2f;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.number-modal-open{overflow:hidden}@media(max-width:900px){.number-institution-grid{grid-template-columns:repeat(2,1fr)}.number-modal-head{grid-template-columns:180px 1fr}.number-modal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.number-institution-grid{grid-template-columns:1fr}.number-institution-modal{padding:10px}.number-institution-dialog{max-height:calc(100vh - 20px);border-radius:18px}.number-modal-content{padding:58px 18px 24px}.number-modal-head{grid-template-columns:1fr;gap:18px}.number-modal-head img{max-height:210px}.number-modal-grid{grid-template-columns:1fr 1fr;gap:10px}.number-modal-grid article{min-height:120px;padding:16px}.number-modal-grid span{font-size:10px}}
/* v4.2 — alinhamento dos indicadores no modal Nossos números */
.number-modal-grid{align-items:stretch;grid-auto-rows:1fr}
.number-modal-grid article{height:100%;min-width:0;justify-content:center;align-items:center}
.number-modal-grid strong{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:58px;
white-space:nowrap;
overflow-wrap:normal;
word-break:normal;
font-size:clamp(28px,3.35vw,48px);
line-height:1;
font-variant-numeric:tabular-nums;
letter-spacing:-.035em;
}
.number-modal-grid span{
display:flex;
align-items:flex-start;
justify-content:center;
width:100%;
min-height:32px;
line-height:1.35;
text-align:center;
}
@media(max-width:900px){
.number-modal-grid strong{font-size:clamp(30px,5vw,46px)}
}
@media(max-width:600px){
.number-modal-grid strong{min-height:46px;font-size:clamp(24px,8vw,38px)}
.number-modal-grid span{min-height:28px}
}
/* v4.3 — imagens de Nossos Números sempre inteiras, sem recorte */
.number-institution-photo{
background:#f4f4f5;
display:flex;
align-items:center;
justify-content:center;
padding:10px;
}
.number-institution-photo img{
width:100%;
height:100%;
object-fit:contain;
object-position:center;
transform:none!important;
}
.number-institution-card:hover .number-institution-photo img{
transform:none!important;
}
.number-modal-head img{
object-fit:contain;
object-position:center;
background:#f4f4f5;
padding:8px;
}
/* Transparência hierárquica */
.transparency-hero span{color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}.transparency-section{background:#f5f5f6}.transparency-grid{display:grid;gap:28px}.transparency-category-card{position:relative;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(20,20,25,.08)}.transparency-category-card:before{content:"";position:absolute;inset:0;background-image:var(--transparency-watermark);background-repeat:no-repeat;background-position:90% 12%;background-size:38%;opacity:.035;filter:grayscale(1);pointer-events:none}.transparency-card-head{position:relative;display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:center;padding:30px;border-bottom:1px solid #ececef}.transparency-card-head img{width:100%;height:150px;object-fit:contain;background:#f6f6f7;border-radius:15px;padding:8px}.transparency-card-head small{color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.transparency-card-head h2{font-size:clamp(28px,4vw,46px);margin:6px 0 10px}.transparency-card-head p{margin:0;max-width:760px;color:#686970;line-height:1.65}.transparency-groups{position:relative;padding:20px 30px 30px}.transparency-groups details{border:1px solid #e8e8eb;border-radius:12px;margin-top:10px;background:rgba(255,255,255,.9);overflow:hidden}.transparency-groups summary{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;font-weight:900;cursor:pointer;list-style:none}.transparency-groups summary::-webkit-details-marker{display:none}.transparency-groups summary span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px}.transparency-doc-list{border-top:1px solid #ececef}.transparency-doc-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 18px;border-bottom:1px solid #f0f0f1;transition:.2s}.transparency-doc-list a:last-child{border-bottom:0}.transparency-doc-list a:hover{background:#faf5f3}.transparency-doc-list strong,.transparency-doc-list small{display:block}.transparency-doc-list small{margin-top:4px;color:#777}.transparency-doc-list b{font-size:22px;color:var(--primary)}.transparency-empty{padding:16px 18px;color:#777;margin:0}@media(max-width:700px){.transparency-card-head{grid-template-columns:1fr;padding:20px}.transparency-card-head img{height:180px}.transparency-groups{padding:10px 16px 20px}.transparency-doc-list a{align-items:flex-start}}
/* Diretoria institucional */
.institutional-board-section{background:#fff}.institutional-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.institutional-board-card{overflow:hidden;border:1px solid #e8e8eb;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(20,20,25,.06)}.institutional-board-photo{aspect-ratio:4/3;background:#f3f3f4}.institutional-board-photo img{width:100%;height:100%;object-fit:contain}.institutional-board-copy{padding:22px}.institutional-board-copy small{color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.institutional-board-copy h3{margin:7px 0 10px;font-size:24px}.institutional-board-copy p{color:#696a70;line-height:1.65}.institutional-board-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.institutional-board-links a{padding:8px 11px;border-radius:6px;background:#17181c;color:#fff;font-size:11px;font-weight:800}.institutional-board-links a:hover{background:var(--primary)}@media(max-width:900px){.institutional-board-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.institutional-board-grid{grid-template-columns:1fr}}
/* Vídeos: destaque na home e página completa */
.video-more{display:flex;justify-content:center;margin-top:24px}.video-more .mini-btn{background:var(--primary);color:#fff;border:0;padding:11px 20px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.videos-page-hero span{display:block;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.videos-page-hero p{max-width:650px;margin:12px auto 0;color:#ddd;font-size:13px}.videos-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.video-page-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.09);transition:transform .25s,box-shadow .25s}.video-page-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.14)}.video-page-card button{display:block;width:100%;padding:0;border:0;background:#fff;text-align:left;cursor:pointer}.video-page-poster{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background-size:cover;background-position:center}.video-page-poster i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary);font-style:normal;font-size:17px;padding-left:3px;box-shadow:0 10px 28px rgba(0,0,0,.28);transition:.25s}.video-page-card:hover .video-page-poster i{background:var(--primary);color:#fff;transform:scale(1.08)}.video-page-poster b{position:absolute;left:11px;top:11px;background:var(--accent);color:#111;border-radius:999px;padding:5px 9px;font-size:8px;letter-spacing:.08em}.video-page-copy{display:flex;flex-direction:column;gap:8px;padding:15px 16px 18px}.video-page-copy strong{font-size:14px;line-height:1.35;color:#171717}.video-page-copy small{font-size:10px;line-height:1.55;color:#6b6b6b}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:40px}.pagination a,.pagination span{min-width:36px;height:36px;padding:0 11px;border:1px solid #ddd;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:800}.pagination a.active,.pagination a:hover{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:1050px){.videos-page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.videos-page-grid{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:460px){.videos-page-grid{grid-template-columns:1fr}.video-page-copy strong{font-size:15px}}
/* Transparência: categorias em linha e botões de documento */
.transparency-accordion{display:grid;gap:12px}
.transparency-category-line{overflow:hidden;border:1px solid #e7e7ea;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(20,20,25,.05)}
.transparency-category-line>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px;padding:18px 22px;cursor:pointer;list-style:none}
.transparency-category-line>summary::-webkit-details-marker{display:none}
.transparency-category-line>summary div{min-width:0}
.transparency-category-line>summary small{display:block;margin-bottom:5px;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.transparency-category-line>summary strong{display:block;white-space:normal;font-size:clamp(18px,2.2vw,27px);line-height:1.15}
.transparency-category-line>summary>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:20px;font-weight:700;transition:.2s}
.transparency-category-line[open]>summary>span{transform:rotate(45deg)}
.transparency-category-content{padding:0 22px 22px;border-top:1px solid #ededf0}
.transparency-category-description{margin:18px 0;color:#666;line-height:1.65}
.transparency-doc-group{margin-top:18px}
.transparency-doc-group h3{margin:0 0 9px;font-size:14px}
.transparency-doc-list{display:grid;gap:8px;border:0}
.transparency-doc-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 14px;border:1px solid #ececef;border-radius:10px;background:#fafafa}
.transparency-doc-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#17181c;color:#fff;font-size:9px;font-weight:900}
.transparency-doc-info{min-width:0}
.transparency-doc-info strong,.transparency-doc-info small{display:block}
.transparency-doc-info strong{font-size:13px;line-height:1.35}
.transparency-doc-info small{margin-top:4px;color:#76777d;font-size:10px;line-height:1.4}
.transparency-doc-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.transparency-view-btn,.transparency-download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:7px;font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap}
.transparency-view-btn{border:1px solid #d8d8dc;background:#fff;color:#202126}
.transparency-download-btn{border:1px solid var(--primary);background:var(--primary);color:#fff}
.transparency-view-btn:hover{border-color:#202126}
.transparency-download-btn:hover{filter:brightness(.92);color:#fff}
@media(max-width:700px){.transparency-category-line>summary{min-height:70px;padding:15px}.transparency-category-content{padding:0 15px 16px}.transparency-doc-row{grid-template-columns:40px minmax(0,1fr);align-items:start}.transparency-doc-icon{width:38px;height:38px}.transparency-doc-actions{grid-column:1/-1;justify-content:stretch}.transparency-view-btn,.transparency-download-btn{flex:1}}
/* Cards de destaque com efeito de virada */
.action-cards{perspective:1400px}
.action-flip-card{height:190px;min-width:0;perspective:1200px;outline:none}
.action-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.2,1)}
.action-flip-card:hover .action-flip-inner,.action-flip-card:focus .action-flip-inner,.action-flip-card:focus-within .action-flip-inner{transform:rotateY(180deg)}
.action-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 24px;border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(12,12,14,.15);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.action-face h3{margin:8px 0 7px;text-transform:uppercase;font-size:14px;line-height:1.2}
.action-face p{margin:0;max-width:290px;font-size:10px;line-height:1.55;color:#666}
.action-back{transform:rotateY(180deg);background:linear-gradient(145deg,var(--primary),#d83a10);color:#fff}
.action-back:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 58%);pointer-events:none}
.action-back h3,.action-back p,.action-card-btn{position:relative;z-index:1}
.action-back h3{font-size:16px;color:#fff}
.action-back p{color:#fff;margin-bottom:15px}
.action-card-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:9px 16px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:#fff;color:var(--primary);font:800 9px/1 Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:transform .2s,box-shadow .2s}
.action-card-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.22)}
@media(max-width:900px){.action-flip-card{height:178px}}
@media(max-width:560px){.action-flip-card{height:184px}.action-face{padding:20px}.action-face p{font-size:10px}.action-flip-card:active .action-flip-inner{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.action-flip-inner{transition:none}}
/* v4.9 - cabeçalho compacto e transparente durante a rolagem */
.site-header{
position:sticky;
top:0;
z-index:1000;
transition:height .28s ease,background-color .28s ease,box-shadow .28s ease,border-color .28s ease,backdrop-filter .28s ease;
}
.site-header .header-inner,
.site-header .brand img,
.site-header .main-nav a,
.site-header .transparency-btn,
.site-header .donate-btn{
transition:all .28s ease;
}
.site-header.is-scrolled{
height:62px;
background:rgba(8,8,10,.78);
border-bottom-color:rgba(255,255,255,.10);
box-shadow:0 10px 28px rgba(0,0,0,.24);
-webkit-backdrop-filter:blur(12px) saturate(135%);
backdrop-filter:blur(12px) saturate(135%);
}
.site-header.is-scrolled .brand img{
width:112px;
max-height:42px;
}
.site-header.is-scrolled .header-inner{gap:17px}
.site-header.is-scrolled .main-nav{gap:15px}
.site-header.is-scrolled .main-nav a{font-size:10px}
.site-header.is-scrolled .transparency-btn,
.site-header.is-scrolled .donate-btn{padding:8px 12px;font-size:9px}
@media(max-width:900px){
.site-header.is-scrolled .main-nav{top:62px;background:rgba(8,8,10,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
}
@media(max-width:560px){
.site-header.is-scrolled{height:58px}
.site-header.is-scrolled .brand img{width:98px;max-height:38px}
.site-header.is-scrolled .main-nav{top:58px}
}
.developer-credit{white-space:normal}.developer-credit a,.developer-credit strong{font-weight:800}
/* v5.1 - correção definitiva do slide no mobile */
@media (max-width: 560px){
.hero-stage{
height:clamp(430px,72svh,520px);
min-height:430px;
}
.hero-slide{
background-position:center;
}
.hero-bg{
inset:0;
background-position:center;
transform:scale(1.025);
}
.hero-overlay{
background:linear-gradient(180deg,rgba(5,5,8,.42) 0%,rgba(5,5,8,.72) 35%,rgba(5,5,8,.94) 100%);
}
.hero-copy{
position:absolute;
left:0;
right:0;
bottom:46px;
padding:0 22px;
max-width:none;
}
.hero-kicker{
margin:0 0 8px;
font-size:10px!important;
line-height:1.25;
letter-spacing:.12em;
}
.hero-copy h1{
margin:0 0 10px;
max-width:100%;
font-size:clamp(25px,8vw,34px);
line-height:1.02;
letter-spacing:-.025em;
overflow-wrap:anywhere;
}
.hero-description{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
max-height:none;
margin:0;
font-size:12px;
line-height:1.45;
font-weight:500;
}
.hero-description p,
.hero-description div,
.hero-description span,
.hero-description strong,
.hero-description em,
.hero-description h1,
.hero-description h2,
.hero-description h3,
.hero-description h4,
.hero-description h5,
.hero-description h6{
margin:0;
font:inherit;
line-height:inherit;
color:inherit;
}
.hero-buttons{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
margin-top:14px;
max-width:100%;
}
.hero-button{
min-width:0;
min-height:36px;
padding:0 9px 0 12px;
gap:7px;
border-radius:18px;
font-size:8px;
line-height:1.15;
text-align:left;
box-shadow:0 7px 18px rgba(0,0,0,.22);
}
.hero-button span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.hero-button b{
flex:0 0 22px;
width:22px;
height:22px;
font-size:12px;
}
.hero-dots{
bottom:15px;
}
}
@media (max-width: 380px){
.hero-stage{height:445px;min-height:445px}
.hero-copy{bottom:42px;padding-left:18px;padding-right:18px}
.hero-copy h1{font-size:25px}
.hero-description{-webkit-line-clamp:2;font-size:11px}
.hero-buttons{grid-template-columns:1fr 1fr;margin-top:11px}
.hero-button{font-size:7.5px;padding-left:10px}
}
@media (max-height: 620px) and (max-width: 560px){
.hero-stage{height:410px;min-height:410px}
.hero-copy{bottom:38px}
.hero-copy h1{font-size:24px}
.hero-description{-webkit-line-clamp:2}
.hero-buttons{margin-top:10px}
}
/* v5.2 — slide mobile centralizado, grades móveis e fundos configuráveis */
.page-hero{background-image:linear-gradient(rgba(18,18,22,.82),rgba(18,18,22,.88)),var(--bg-page-top);background-size:cover;background-position:center}
.about-section{background-image:linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.90)),var(--bg-about);background-size:cover;background-position:center}
.news-section{background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),var(--bg-news);background-size:cover;background-position:center}
.video-section{background-image:linear-gradient(rgba(7,7,10,.88),rgba(7,7,10,.92)),var(--bg-videos);background-size:cover;background-position:center}
.volunteer-section{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),var(--bg-volunteer);background-size:cover;background-position:center}
.donation-section{background-image:linear-gradient(rgba(20,13,25,.78),rgba(20,13,25,.84)),var(--bg-donation)!important;background-size:cover!important;background-position:center!important}
.numbers-institutions-section{background-image:linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.93)),var(--bg-numbers);background-size:cover;background-position:center}
.locations-section{background-image:linear-gradient(rgba(17,13,22,.82),rgba(17,13,22,.88)),var(--bg-units);background-size:cover;background-position:center}
.faq-section{background-image:linear-gradient(rgba(255,255,255,.94),rgba(255,255,255,.94)),var(--bg-faq);background-size:cover;background-position:center}
.newsletter-band{background-image:linear-gradient(rgba(255,72,24,.88),rgba(255,72,24,.92)),var(--bg-newsletter);background-size:cover;background-position:center}
.partners-section{background-image:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.95)),var(--bg-partners);background-size:cover;background-position:center}
@media(max-width:560px){
.hero-stage{height:500px;min-height:500px}
.hero-slide{display:flex;align-items:center}
.hero-copy{padding:62px 26px 50px!important;margin:auto;text-align:center;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-kicker{font-size:10px!important;line-height:1.35;margin-bottom:8px;max-width:300px}
.hero-copy h1{font-size:clamp(27px,8vw,34px)!important;line-height:1.04;margin:0 0 12px;max-width:330px}
.hero-description{font-size:12px!important;line-height:1.45;max-width:315px;max-height:72px;margin:0 auto;overflow:hidden}
.hero-description p{margin-bottom:6px}
.hero-buttons{justify-content:center;width:100%;margin-top:16px;gap:7px}
.hero-button{min-height:38px;max-width:145px;padding:0 11px;font-size:8.5px;line-height:1.15;justify-content:center}
.hero-button b{width:22px;height:22px;font-size:12px}
.hero-dots{bottom:16px}
.number-institution-grid,.locations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.number-institution-card{min-width:0}
.number-institution-photo{height:118px!important}
.number-institution-card-copy{padding:12px!important}
.number-institution-card-copy strong{font-size:12px!important;line-height:1.2}
.number-institution-card-copy small,.number-institution-card-copy em{font-size:7px!important}
.locations-grid article{min-height:170px!important;padding:14px!important}
.locations-grid article h3{font-size:14px!important;line-height:1.2}
.locations-grid article p{font-size:9px!important;line-height:1.35}
.locations-grid article a{font-size:8px!important}
}
/* Rodapé v5.3: tipografia ampliada e organização legal */
.footer p,.footer a{font-size:12px;line-height:1.75}
.footer h4{font-size:13px;margin-bottom:10px}
.footer-bottom{padding:18px 0 14px;font-size:11px}
.footer-bottom-inner{display:flex;flex-direction:column;align-items:center;gap:9px}
.footer-legal{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:nowrap}
.footer-legal a{display:inline-flex;font-size:11px;font-weight:700;white-space:nowrap}
.developer-credit{font-size:11px;line-height:1.5;text-align:center}
.developer-credit a{display:inline;font-size:inherit;font-weight:800}
.footer-copyright{width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.22);font-size:11px;line-height:1.5;text-align:center;font-weight:600}
@media(max-width:560px){
.footer p,.footer a{font-size:12px;line-height:1.7}
.footer h4{font-size:13px}
.footer-bottom{padding:16px 0 13px}
.footer-bottom-inner{gap:8px}
.footer-legal{gap:16px;flex-direction:row;flex-wrap:nowrap;width:100%}
.footer-legal a{font-size:10px;justify-content:center;flex:1}
.developer-credit,.footer-copyright{font-size:10px}
}
/* Rodapé: contatos destacados e crédito visual do desenvolvedor */
.footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.footer-contact h4{width:100%}
.footer-contact-row{display:flex!important;align-items:flex-start;gap:10px;width:100%;margin:0 0 10px;padding:9px 10px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(0,0,0,.09);transition:.2s}
.footer-contact-row:hover{background:rgba(0,0,0,.18);transform:translateY(-1px)}
.footer-contact-row svg{flex:0 0 21px;width:21px;height:21px;margin-top:2px}
.footer-contact-row span{min-width:0;display:block}
.footer-contact-row small{display:block;font-size:8px;line-height:1.1;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.footer-contact-row strong{display:block;margin-top:3px;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.footer-phone{background:rgba(13,176,91,.18);border-color:rgba(255,255,255,.32)}
.footer-phone svg{color:#fff}
.developer-credit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.developer-credit a{display:inline-flex!important;align-items:center;justify-content:center}
.developer-credit img{display:block;max-width:135px;max-height:42px;width:auto;height:auto;object-fit:contain}
.developer-preview{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed #d5d5d8;border-radius:10px;background:#fafafa}
.developer-preview img{max-width:180px;max-height:70px;object-fit:contain}
@media(max-width:560px){.footer-contact-row{padding:10px}.footer-contact-row strong{font-size:12px}.developer-credit{flex-wrap:wrap}.developer-credit img{max-width:120px;max-height:38px}}
/* v5.7 — rodapé editorial e fundos configuráveis */
.footer{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 76%,#7d1700));color:#fff;padding-top:58px}
.footer-main{display:grid;grid-template-columns:1.15fr 1fr 1.25fr;gap:48px;align-items:start}
.footer h4{margin:0 0 18px;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.footer p,.footer a{font-size:12px;line-height:1.65}
.footer-brand img{max-width:190px;max-height:88px;object-fit:contain;margin-bottom:18px}
.footer-brand p{max-width:360px;margin:0 0 22px;color:rgba(255,255,255,.88)}
.footer-donate{display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:10px;row-gap:1px;min-height:60px;margin:0!important;padding:12px 18px!important;border:2px solid #fff;border-radius:12px!important;background:#fff!important;color:var(--primary)!important;box-shadow:0 14px 30px rgba(0,0,0,.18);text-align:left!important;transition:.25s}
.footer-donate:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.25)}
.footer-donate>span{font-size:24px;line-height:1}.footer-donate strong{font-size:13px;letter-spacing:.04em}.footer-donate small{flex-basis:100%;padding-left:35px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.footer-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
.footer-nav-grid a{position:relative;padding:7px 0 7px 15px;font-weight:650;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-nav-grid a:before{content:'›';position:absolute;left:0;font-weight:900}.footer-nav-grid a:hover{padding-left:19px;color:#fff}
.footer-legal{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.footer-legal a{font-size:10px;text-decoration:underline;text-underline-offset:3px;opacity:.86}
.footer-contact{min-width:0}.footer-contact-row{display:flex!important;align-items:center;gap:13px;width:100%;margin:0 0 10px;padding:12px 13px;border:1px solid rgba(255,255,255,.24);border-radius:11px;background:rgba(24,8,2,.13);transition:.2s}
.footer-contact-row:hover{background:rgba(24,8,2,.25);transform:translateY(-1px)}
.footer-contact-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.16);display:grid!important;place-items:center}.footer-contact-icon svg{width:21px;height:21px;margin:0!important}
.footer-contact-row>span:last-child{min-width:0}.footer-contact-row small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.footer-contact-row strong{display:block;margin-top:3px;font-size:13px;line-height:1.35;overflow-wrap:anywhere}
.footer-phone{background:rgba(12,135,75,.22);border-color:rgba(255,255,255,.34)}
.footer-bottom{margin-top:48px;padding:18px 0;background:rgba(65,11,0,.28);border-top:1px solid rgba(255,255,255,.18);text-align:left}
.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-copyright{font-size:11px;font-weight:600}
.developer-credit{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:40px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.developer-credit a{display:inline-flex!important;align-items:center}.developer-credit img{max-width:145px;max-height:44px;width:auto;height:auto;object-fit:contain}
/* Garante que fundos cadastrados apareçam sobre regras antigas com background shorthand. */
.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.about-section,.news-section,.video-section,.volunteer-section,.donation-section,.numbers-institutions-section,.locations-section,.faq-section,.newsletter-band,.partners-section{background-blend-mode:normal}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr;gap:36px}.footer-contact{grid-column:1/-1}.footer-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-contact h4{grid-column:1/-1}.footer-contact-row{margin:0}.footer-bottom-inner{align-items:center}}
@media(max-width:560px){.footer{padding-top:42px}.footer-main{grid-template-columns:1fr;gap:34px}.footer-contact{grid-column:auto;display:block}.footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{margin-top:38px}.footer-bottom-inner{flex-direction:column;align-items:stretch;text-align:center;gap:14px}.developer-credit{justify-content:center;flex-wrap:wrap}.footer-copyright{font-size:10px}.footer-donate{max-width:100%}.footer-contact-row{padding:11px 12px}.footer-contact-row strong{font-size:12px}}
/* v5.8 — página de contato completa */
.contact-page-section{background:#f6f6f4}
.contact-page-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:34px;align-items:stretch}
.contact-information-card,.contact-form-column{border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(21,21,21,.08);overflow:hidden}
.contact-information-card{padding:34px;border-top:5px solid var(--primary)}
.contact-feature-logo{display:flex;justify-content:center;align-items:center;min-height:125px;margin-bottom:20px;padding:15px;border-radius:14px;background:#fafafa}
.contact-feature-logo img{display:block;max-width:250px;max-height:115px;width:auto;height:auto;object-fit:contain}
.contact-feature-description{margin:0 0 26px;color:#555;font-size:14px;line-height:1.8;text-align:center}
.contact-data-list{display:grid;gap:11px}
.contact-data-item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #ececea;border-radius:13px;background:#fff;color:#222;transition:.22s}
.contact-data-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,#ddd);box-shadow:0 10px 22px rgba(0,0,0,.07)}
.contact-data-item.whatsapp{background:linear-gradient(135deg,#effcf4,#fff);border-color:#ccebd8}
.contact-data-icon{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--primary);color:#fff}
.contact-data-item.whatsapp .contact-data-icon{background:#18a957}
.contact-data-icon svg{width:23px;height:23px}
.contact-data-item span:last-child{min-width:0}.contact-data-item small{display:block;margin-bottom:3px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#777}.contact-data-item strong{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.contact-form-column{padding:36px}
.contact-form-heading{margin-bottom:24px}.contact-form-heading>span,.contact-map-heading>span{display:block;margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.14em}.contact-form-heading h2,.contact-map-heading h2{margin:0 0 9px;font-size:clamp(25px,3vw,38px);line-height:1.1}.contact-form-heading p{margin:0;color:#666;font-size:13px;line-height:1.65}
.contact-form-card{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.contact-form-card input,.contact-form-card textarea{background:#fafafa;border:1px solid #dededb;border-radius:10px}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent);outline:0}
.contact-submit-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:10px;background:var(--primary);color:#fff;font-weight:850;box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 24%,transparent)}.contact-submit-button span{font-size:20px}.contact-submit-button:hover{transform:translateY(-2px)}
.contact-map-section{margin-top:42px;padding:30px;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(21,21,21,.08)}
.contact-map-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.contact-map-heading h2{margin:0}.contact-map-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/6;min-height:320px;border-radius:15px;background:#e9e9e7}.contact-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.contact-map-link{display:inline-flex;margin-top:16px;font-size:12px;font-weight:850;color:var(--primary)}
.settings-subtitle{margin-top:8px;padding-top:18px;border-top:1px solid #e5e5e5}.settings-subtitle h3{margin:0 0 5px}
@media(max-width:900px){.contact-page-grid{grid-template-columns:1fr}.contact-map-frame{aspect-ratio:16/8}}
@media(max-width:560px){.contact-information-card,.contact-form-column{border-radius:14px}.contact-information-card,.contact-form-column{padding:22px}.contact-feature-logo{min-height:100px}.contact-feature-logo img{max-width:210px;max-height:92px}.contact-data-item{padding:11px;gap:11px}.contact-data-icon{flex-basis:39px;width:39px;height:39px}.contact-data-item strong{font-size:12px}.contact-map-section{margin-top:28px;padding:18px}.contact-map-frame{aspect-ratio:auto;min-height:310px}.contact-form-heading h2,.contact-map-heading h2{font-size:27px}}
/* v6.0 — rodapé dentro da largura do site e fundos somente em áreas escuras */
.footer{padding:0!important;background:var(--primary)!important;color:#fff;overflow:hidden}
.footer>.footer-main{width:min(1120px,92%)!important;max-width:1120px!important;margin:0 auto!important;padding:58px 0 46px!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(250px,.9fr) minmax(290px,1.1fr)!important;gap:42px!important;align-items:start!important}
.footer-brand,.footer-nav,.footer-contact{min-width:0}
.footer-brand img{max-width:180px!important;max-height:82px!important;margin:0 0 18px!important}
.footer-brand p{font-size:13px!important;line-height:1.7!important;margin-bottom:22px!important}
.footer h4{font-size:14px!important;margin-bottom:16px!important}
.footer-nav-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 20px!important}
.footer-nav-grid a{font-size:12px!important;padding:8px 0 8px 15px!important}
.footer-legal{display:flex!important;align-items:center!important;gap:18px!important;margin-top:20px!important;flex-wrap:nowrap!important}
.footer-legal a{font-size:10px!important;white-space:nowrap!important}
.footer-contact{display:block!important}
.footer-contact-row{width:100%!important;margin:0 0 9px!important;padding:11px 12px!important;border-radius:10px!important;background:rgba(0,0,0,.13)!important}
.footer-contact-row.footer-phone{background:rgba(8,125,68,.30)!important}
.footer-contact-icon{flex:0 0 40px!important;width:40px!important;height:40px!important}
.footer-contact-row small{font-size:9px!important}.footer-contact-row strong{font-size:13px!important}
.footer-bottom{width:100%!important;margin:0!important;padding:0!important;background:rgba(48,8,0,.28)!important;border-top:1px solid rgba(255,255,255,.18)!important}
.footer-bottom>.footer-bottom-inner{width:min(1120px,92%)!important;max-width:1120px!important;margin:0 auto!important;min-height:72px!important;padding:14px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;text-align:left!important}
.footer-copyright{font-size:11px!important;line-height:1.35!important;white-space:nowrap!important}
.developer-credit{margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important;text-align:right!important}
.developer-credit img{max-width:130px!important;max-height:38px!important}
/* Seções claras nunca recebem imagem de fundo cadastrada. */
.about-section,.news-section,.volunteer-section,.numbers-institutions-section,.faq-section,.newsletter-band,.partners-section{background-image:none!important}
@media(max-width:900px){
.footer>.footer-main{grid-template-columns:1fr 1fr!important;gap:34px!important}
.footer-contact{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.footer-contact h4{grid-column:1/-1!important}.footer-contact-row{margin:0!important}
}
@media(max-width:620px){
.footer>.footer-main{width:min(1120px,90%)!important;grid-template-columns:1fr!important;padding:42px 0 34px!important;gap:30px!important}
.footer-contact{grid-column:auto!important;display:block!important}
.footer-contact-row{margin-bottom:9px!important}
.footer-bottom>.footer-bottom-inner{width:90%!important;min-height:62px!important;gap:8px!important;padding:10px 0!important}
.footer-copyright{font-size:8.5px!important;white-space:normal!important;max-width:58%!important}
.developer-credit{font-size:8px!important;gap:6px!important;max-width:42%!important}
.developer-credit img{max-width:78px!important;max-height:28px!important}
.footer-legal{gap:12px!important}.footer-legal a{font-size:9px!important}
}
/* v6.1 — rodapé profissional reconstruído */
.footer.footer-v61{padding:0!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 94%,#6b1705),var(--primary))!important;color:#fff;overflow:hidden}
.footer-v61 .footer-shell{width:min(1120px,92%)!important;max-width:1120px!important;margin:0 auto!important;padding:0!important}
.footer-v61 .footer-top-grid{display:grid!important;grid-template-columns:minmax(250px,1.05fr) minmax(260px,.9fr) minmax(330px,1.15fr)!important;gap:54px!important;align-items:start!important;padding:58px 0 46px!important}
.footer-v61 h4{margin:0 0 20px!important;font-size:13px!important;line-height:1!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#fff!important}
.footer-v61 .footer-logo{width:auto!important;max-width:185px!important;max-height:78px!important;margin:0 0 18px!important;object-fit:contain!important}
.footer-v61 .footer-brand p{max-width:330px!important;margin:0 0 24px!important;font-size:12px!important;line-height:1.75!important;color:rgba(255,255,255,.82)!important}
.footer-v61 .footer-donate{display:grid!important;grid-template-columns:34px 1fr 24px!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:330px!important;min-height:66px!important;margin:0!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:12px!important;background:#fff!important;color:var(--primary)!important;box-shadow:0 14px 34px rgba(60,10,0,.22)!important;text-align:left!important}
.footer-v61 .footer-donate:hover{transform:translateY(-2px)!important;box-shadow:0 18px 40px rgba(60,10,0,.3)!important}
.footer-v61 .footer-donate-heart{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:9px!important;background:color-mix(in srgb,var(--primary) 10%,#fff)!important;font-size:18px!important}
.footer-v61 .footer-donate strong{display:block!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.04em!important}
.footer-v61 .footer-donate small{display:block!important;margin-top:3px!important;padding:0!important;font-size:8px!important;line-height:1.3!important;letter-spacing:.08em!important;text-transform:uppercase!important;opacity:.75!important}
.footer-v61 .footer-donate-arrow{font-size:18px!important;font-weight:900!important}
.footer-v61 .footer-nav-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 22px!important}
.footer-v61 .footer-nav-grid a{position:relative!important;display:block!important;padding:9px 0 9px 13px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important;color:rgba(255,255,255,.9)!important;transition:.2s!important}
.footer-v61 .footer-nav-grid a:before{content:'›'!important;position:absolute!important;left:0!important;top:8px!important;color:#fff!important;font-weight:900!important}
.footer-v61 .footer-nav-grid a:hover{padding-left:17px!important;color:#fff!important}
.footer-v61 .footer-legal{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:nowrap!important;margin:20px 0 0!important;padding:0!important}
.footer-v61 .footer-legal a{font-size:9px!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;color:rgba(255,255,255,.78)!important;text-decoration:underline!important;text-underline-offset:4px!important}
.footer-v61 .footer-contact-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.footer-v61 .footer-contact-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:66px!important;width:100%!important;margin:0!important;padding:10px 11px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:11px!important;background:rgba(71,15,4,.22)!important;color:#fff!important;box-shadow:none!important;transition:.2s!important}
.footer-v61 .footer-contact-row:hover{transform:translateY(-2px)!important;background:rgba(71,15,4,.34)!important;border-color:rgba(255,255,255,.34)!important}
.footer-v61 .footer-contact-row.footer-phone{background:rgba(12,129,72,.22)!important}
.footer-v61 .footer-contact-icon{display:grid!important;place-items:center!important;flex:none!important;width:36px!important;height:36px!important;border-radius:9px!important;background:rgba(255,255,255,.14)!important}
.footer-v61 .footer-contact-icon svg{width:19px!important;height:19px!important;margin:0!important}
.footer-v61 .footer-contact-row span{min-width:0!important}
.footer-v61 .footer-contact-row small{display:block!important;margin:0 0 3px!important;font-size:7px!important;line-height:1!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;opacity:.7!important}
.footer-v61 .footer-contact-row strong{display:block!important;margin:0!important;font-size:10.5px!important;line-height:1.35!important;font-weight:750!important;overflow-wrap:anywhere!important}
.footer-v61 .footer-contact-row>b{font-size:12px!important;opacity:.7!important}
.footer-v61 .footer-bottom{width:100%!important;margin:0!important;padding:0!important;background:rgba(59,10,0,.32)!important;border-top:1px solid rgba(255,255,255,.16)!important}
.footer-v61 .footer-bottom-inner{width:min(1120px,92%)!important;max-width:1120px!important;min-height:68px!important;margin:0 auto!important;padding:12px 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;text-align:left!important}
.footer-v61 .footer-copyright{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;font-size:10px!important;line-height:1.3!important;font-weight:650!important;white-space:nowrap!important;text-align:left!important}
.footer-v61 .developer-credit{margin-left:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:auto!important;font-size:8px!important;line-height:1!important;font-weight:850!important;letter-spacing:.08em!important;white-space:nowrap!important;text-align:right!important}
.footer-v61 .developer-credit img{display:block!important;width:auto!important;max-width:115px!important;max-height:30px!important;object-fit:contain!important}
@media(max-width:940px){
.footer-v61 .footer-top-grid{grid-template-columns:1fr 1fr!important;gap:38px!important}
.footer-v61 .footer-contact{grid-column:1/-1!important}
.footer-v61 .footer-contact-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
.footer-v61 .footer-shell{width:90%!important}
.footer-v61 .footer-top-grid{grid-template-columns:1fr!important;gap:30px!important;padding:42px 0 34px!important}
.footer-v61 .footer-brand{text-align:center!important}
.footer-v61 .footer-logo{margin-left:auto!important;margin-right:auto!important}
.footer-v61 .footer-brand p{margin-left:auto!important;margin-right:auto!important}
.footer-v61 .footer-donate{margin-left:auto!important;margin-right:auto!important}
.footer-v61 .footer-nav-grid{grid-template-columns:1fr 1fr!important}
.footer-v61 .footer-legal{justify-content:center!important;gap:14px!important}
.footer-v61 .footer-contact{grid-column:auto!important}
.footer-v61 .footer-contact-list{grid-template-columns:1fr!important}
.footer-v61 .footer-contact-row{min-height:62px!important}
.footer-v61 .footer-bottom-inner{width:90%!important;min-height:60px!important;padding:10px 0!important;gap:10px!important}
.footer-v61 .footer-copyright{max-width:58%!important;font-size:8px!important;white-space:normal!important}
.footer-v61 .developer-credit{max-width:42%!important;font-size:7px!important;gap:6px!important}
.footer-v61 .developer-credit img{max-width:72px!important;max-height:24px!important}
}
/* v6.2 — página de contato reconstruída e isolada */
.contact-v62-hero .container>span{display:block;margin-bottom:8px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.16em}
.contact-v62{padding:70px 0;background:#f4f4f2}
.contact-v62 *{box-sizing:border-box}
.contact-v62-layout{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:30px;align-items:stretch}
.contact-v62-info,.contact-v62-form-wrap,.contact-v62-map{background:#fff;border:1px solid #e9e9e5;border-radius:18px;box-shadow:0 18px 45px rgba(20,20,20,.07)}
.contact-v62-info{padding:30px;display:flex;flex-direction:column;gap:26px;border-top:5px solid var(--primary)}
.contact-v62-brand{text-align:center}
.contact-v62-brand img{width:auto;max-width:240px;height:auto;max-height:120px;object-fit:contain;margin:0 auto 20px}
.contact-v62-brand p{margin:0;color:#5f5f5b;font-size:14px;line-height:1.75}
.contact-v62-items{display:grid;gap:11px;margin-top:auto}
.contact-v62-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;min-height:72px;padding:12px 14px;border:1px solid #e8e8e4;border-radius:12px;background:#fafaf9;transition:transform .2s,box-shadow .2s,border-color .2s}
.contact-v62-item:hover{transform:translateY(-2px);border-color:#ffc1ad;box-shadow:0 10px 25px rgba(20,20,20,.08)}
.contact-v62-whatsapp{background:#f2fbf5;border-color:#d7eddd}
.contact-v62-icon{width:46px;height:46px;border-radius:11px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:21px;font-weight:900}
.contact-v62-whatsapp .contact-v62-icon{background:#1fa85b}
.contact-v62-item small{display:block;margin-bottom:4px;color:#777;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.contact-v62-item strong{display:block;color:#222;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.contact-v62-form-wrap{padding:34px}
.contact-v62-heading{margin-bottom:25px}
.contact-v62-heading>span,.contact-v62-map header span{display:block;margin-bottom:7px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.15em}
.contact-v62-heading h2,.contact-v62-map h2{margin:0 0 9px;font-size:clamp(27px,3vw,39px);line-height:1.08}
.contact-v62-heading p{margin:0;color:#666;font-size:13px;line-height:1.6}
.contact-v62-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-v62-field{min-width:0}
.contact-v62-field label{display:block;margin:0 0 7px;color:#30302e;font-size:11px;font-weight:800}
.contact-v62-field input,.contact-v62-field textarea{display:block;width:100%;min-width:0;padding:13px 14px;border:1px solid #dcdcd8;border-radius:9px;background:#fafafa;color:#222;font:inherit;outline:none;transition:border-color .2s,box-shadow .2s}
.contact-v62-field input{height:48px}
.contact-v62-field textarea{resize:vertical;min-height:160px}
.contact-v62-field input:focus,.contact-v62-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,75,22,.12)}
.contact-v62-full{grid-column:1/-1}
.contact-v62-submit{width:100%;min-height:52px;border:0;border-radius:9px;background:var(--primary);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;box-shadow:0 12px 24px rgba(255,75,22,.22);transition:.2s}
.contact-v62-submit:hover{transform:translateY(-2px);filter:brightness(.96)}
.contact-v62-submit b{margin-left:10px;font-size:18px}
.contact-v62-map{margin-top:30px;padding:28px}
.contact-v62-map header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.contact-v62-map h2{margin:0}
.contact-v62-map header a{flex:none;color:var(--primary);font-size:11px;font-weight:900}
.contact-v62-map-frame{position:relative;width:100%;height:380px;overflow:hidden;border-radius:13px;background:#e8e8e5}
.contact-v62-map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){.contact-v62{padding:50px 0}.contact-v62-layout{grid-template-columns:1fr}.contact-v62-info{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:center}.contact-v62-items{margin:0}}
@media(max-width:620px){.contact-v62{padding:36px 0}.contact-v62-layout{gap:20px}.contact-v62-info,.contact-v62-form-wrap{padding:20px;border-radius:14px}.contact-v62-info{display:flex}.contact-v62-brand img{max-width:200px;max-height:96px}.contact-v62-form{grid-template-columns:1fr;gap:14px}.contact-v62-full{grid-column:auto}.contact-v62-map{margin-top:20px;padding:16px;border-radius:14px}.contact-v62-map header{align-items:flex-start;flex-direction:column;gap:8px}.contact-v62-map-frame{height:310px}.contact-v62-heading h2,.contact-v62-map h2{font-size:27px}.contact-v62-item{min-height:66px;padding:10px 11px}.contact-v62-icon{width:40px;height:40px}.contact-v62-item{grid-template-columns:40px minmax(0,1fr)}}
/* v6.4 — contatos do rodapé corrigidos: e-mail e endereço sem quebra feia */
.footer-v61 .footer-contact-list{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
align-items:stretch!important;
}
.footer-v61 .footer-contact-row{
min-width:0!important;
overflow:hidden!important;
}
.footer-v61 .footer-contact-wide{
grid-column:1 / -1!important;
min-height:64px!important;
grid-template-columns:42px minmax(0,1fr) auto!important;
padding:12px 14px!important;
background:rgba(71,15,4,.25)!important;
}
.footer-v61 .footer-contact-email strong{
font-size:12px!important;
line-height:1.2!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.footer-v61 .footer-contact-address strong{
font-size:11px!important;
line-height:1.45!important;
overflow-wrap:normal!important;
word-break:normal!important;
hyphens:none!important;
}
.footer-v61 .footer-contact-wide .footer-contact-icon{
width:42px!important;
height:42px!important;
border-radius:11px!important;
}
.footer-v61 .footer-contact-wide .footer-contact-icon svg{
width:21px!important;
height:21px!important;
}
.footer-v61 .footer-contact-row span:nth-child(2){
min-width:0!important;
}
.footer-v61 .footer-contact-row strong{
word-break:normal!important;
overflow-wrap:anywhere!important;
}
@media(max-width:620px){
.footer-v61 .footer-contact-list{grid-template-columns:1fr!important}
.footer-v61 .footer-contact-wide{grid-column:auto!important}
.footer-v61 .footer-contact-email strong{white-space:normal!important}
}
/* v6.5 — ícones oficiais do WhatsApp na página de contato */
.contact-v62-whatsapp-icon{
background:#25D366!important;
color:#fff!important;
}
.contact-v62-whatsapp-icon svg{
width:25px;
height:25px;
display:block;
}
.contact-v62-whatsapp:hover .contact-v62-whatsapp-icon{
background:#1fb858!important;
}
.unit-videos video{width:100%;aspect-ratio:16/9;background:#000;border:0;border-radius:10px;display:block}
.board-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.board-page-grid .institutional-board-card{height:100%}@media(max-width:900px){.board-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.board-page-grid{grid-template-columns:1fr}}
/* Conteúdo vindo do editor visual */
.rich-text{line-height:1.75;overflow-wrap:anywhere}.rich-text> :first-child{margin-top:0}.rich-text> :last-child{margin-bottom:0}.rich-text p{margin:0 0 1rem}.rich-text h2,.rich-text h3,.rich-text h4{line-height:1.22;margin:1.45em 0 .55em}.rich-text ul,.rich-text ol{padding-left:1.4rem;margin:0 0 1rem}.rich-text li+li{margin-top:.35rem}.rich-text blockquote{margin:1.25rem 0;padding:1rem 1.2rem;border-left:4px solid var(--primary,#ff4a18);background:#f6f7f9;border-radius:0 10px 10px 0}.rich-text hr{border:0;border-top:1px solid #e3e5e8;margin:1.5rem 0}.rich-text a{text-decoration:underline;text-underline-offset:2px}.institutional-board-bio{font-size:.96rem;color:#5d6470}.institutional-board-bio p{margin-bottom:.7rem}
/* v7.3 — padronização do topo das páginas internas */
.page-hero,
.internal-hero,
.institutional-hero {
min-height: 310px !important;
height: 310px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
border-bottom: 5px solid var(--primary) !important;
background-size: cover !important;
background-position: center !important;
}
.page-hero > .container,
.internal-hero > .container,
.institutional-hero > .container {
width: min(1120px,92%) !important;
margin: 0 auto !important;
padding: 24px 0 !important;
}
.page-hero .overline,
.internal-hero .overline,
.institutional-hero .overline,
.page-hero > .container > span:first-child {
display: block;
margin: 0 0 8px;
color: var(--accent);
font-size: 12px;
font-weight: 900;
letter-spacing: .12em;
text-transform: uppercase;
}
.page-hero h1,
.internal-hero h1,
.institutional-hero h1 {
margin: 0 !important;
font-size: clamp(32px,4vw,48px) !important;
line-height: 1.08 !important;
text-transform: uppercase !important;
}
.page-hero p,
.internal-hero p,
.institutional-hero p {
max-width: 760px !important;
margin: 14px auto 0 !important;
font-size: 14px !important;
line-height: 1.65 !important;
color: rgba(255,255,255,.86) !important;
}
.directory-page-hero {
background-image: linear-gradient(rgba(18,18,22,.82),rgba(18,18,22,.88)),var(--bg-page-top) !important;
}
.board-page-grid {
margin-top: 0 !important;
}
@media (max-width: 760px) {
.page-hero,
.internal-hero,
.institutional-hero {
min-height: 230px !important;
height: 230px !important;
}
.page-hero h1,
.internal-hero h1,
.institutional-hero h1 {
font-size: clamp(27px,9vw,36px) !important;
}
.page-hero p,
.internal-hero p,
.institutional-hero p {
font-size: 12px !important;
line-height: 1.55 !important;
margin-top: 10px !important;
}
}
/* v7.4 — Cards premium: Nossos números e Nossas unidades */
.numbers-institutions-section{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8f8fa 0%,#f1f2f5 100%)}
.numbers-institutions-section:before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(240,78,22,.12),rgba(240,78,22,0) 68%);pointer-events:none}
.number-institution-grid{position:relative;z-index:1;gap:28px}
.number-institution-card{position:relative;isolation:isolate;min-height:390px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#14151a;box-shadow:0 24px 60px rgba(14,15,20,.16);transform:translateZ(0)}
.number-institution-card:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 34%);pointer-events:none}
.number-institution-card:after{content:"";position:absolute;z-index:4;left:22px;top:22px;width:46px;height:4px;border-radius:999px;background:var(--primary);box-shadow:0 0 0 7px rgba(240,78,22,.13);pointer-events:none}
.number-institution-card:hover{transform:translateY(-10px);box-shadow:0 32px 75px rgba(14,15,20,.26)}
.number-institution-photo{aspect-ratio:16/10}
.number-institution-photo:after{background:linear-gradient(180deg,rgba(15,16,20,.05) 15%,rgba(15,16,20,.92) 100%)}
.number-institution-photo img{filter:saturate(.92) contrast(1.03)}
.number-institution-card-copy{position:relative;z-index:5;margin-top:-54px;padding:22px 24px 26px}
.number-institution-card-copy small{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:.12em}
.number-institution-card-copy small:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px rgba(240,78,22,.18)}
.number-institution-card-copy strong{min-height:56px;margin:13px 0 20px;font-size:25px;line-height:1.12;letter-spacing:-.02em}
.number-institution-card-copy em{padding-top:16px;border-top:1px solid rgba(255,255,255,.12);color:#f1f1f3}
.number-institution-card-copy b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-size:18px;transition:transform .25s}
.number-institution-card:hover .number-institution-card-copy b{transform:translateX(4px)}
.locations-section{position:relative;overflow:hidden;padding:82px 0 100px;background-position:center;background-size:cover}
.locations-section:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(8,10,17,.96),rgba(24,27,38,.82));pointer-events:none}
.locations-section .container{position:relative;z-index:1}
.locations-grid{max-width:1120px;gap:28px}
.locations-grid article{position:relative;display:flex;min-height:360px;flex-direction:column;justify-content:flex-end;align-items:flex-start;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background-position:center!important;background-size:cover!important;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.24);isolation:isolate;transition:transform .3s,box-shadow .3s,border-color .3s}
.locations-grid article:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,7,12,.04) 15%,rgba(5,7,12,.92) 100%)}
.locations-grid article:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary),#ff9b45)}
.locations-grid article:hover{transform:translateY(-9px);border-color:rgba(255,255,255,.35);box-shadow:0 32px 80px rgba(0,0,0,.34)}
.locations-grid h3{margin:0 0 10px;color:#fff;font-size:23px;line-height:1.1;letter-spacing:-.02em;text-transform:none}
.locations-grid p{margin:0 0 22px;color:rgba(255,255,255,.78);font-size:12px;line-height:1.5}
.locations-grid p:before{content:"⌖";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:rgba(255,255,255,.12);color:var(--primary);font-size:13px;vertical-align:middle}
.locations-grid a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:var(--primary);font-size:10px;letter-spacing:.08em;box-shadow:0 10px 24px rgba(240,78,22,.25);transition:transform .25s,filter .25s}
.locations-grid a:after{content:"→";font-size:17px;line-height:1}
.locations-grid a:hover{transform:translateX(3px);filter:brightness(1.05)}
.locations-section .center .pill-btn{min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.22);box-shadow:0 14px 32px rgba(0,0,0,.24)}
.units-public-grid{gap:30px}
.unit-card{position:relative;overflow:hidden;border:1px solid #e7e8ec;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(20,22,30,.09);transition:transform .3s,box-shadow .3s}
.unit-card:hover{transform:translateY(-8px);box-shadow:0 28px 68px rgba(20,22,30,.16)}
.unit-card>img,.unit-card>.unit-card-placeholder{width:100%;height:250px;object-fit:cover;background:linear-gradient(135deg,#242833,#11131a)}
.unit-card>img{transition:transform .45s}
.unit-card:hover>img{transform:scale(1.045)}
.unit-card>div:last-child{position:relative;padding:27px}
.unit-card>div:last-child:before{content:"";position:absolute;left:27px;top:0;width:50px;height:4px;border-radius:999px;background:var(--primary)}
.unit-card small{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--primary);font-size:10px;letter-spacing:.1em}
.unit-card small:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.unit-card h2{margin:0 0 12px;font-size:25px;line-height:1.15}
.unit-card p{min-height:66px;margin:0 0 22px;color:#686a73;font-size:13px;line-height:1.7}
.unit-card .pill-btn{display:inline-flex;align-items:center;gap:10px;min-height:43px;padding:0 17px}
.unit-card .pill-btn:after{content:"→";font-size:17px}
@media(max-width:900px){
.number-institution-grid,.locations-grid,.units-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.locations-grid article{min-height:320px!important;padding:24px!important}
}
@media(max-width:620px){
.number-institution-grid,.locations-grid,.units-public-grid{grid-template-columns:1fr!important}
.number-institution-card{min-height:360px}
.locations-section{padding:62px 0 76px}
.locations-grid article{min-height:300px!important;padding:22px!important}
.locations-grid h3{font-size:21px!important}
.locations-grid p{font-size:11px!important}
.locations-grid a{font-size:9px!important}
.unit-card>img,.unit-card>.unit-card-placeholder{height:225px}
}
/* v7.5 — refinamento visual dos cards de números e unidades */
.numbers-institutions-section{
padding:78px 0 90px;
background:#fff!important;
}
.numbers-institutions-section:before{
width:520px;height:520px;right:-250px;top:-260px;
background:radial-gradient(circle,rgba(255,74,24,.07),rgba(255,74,24,0) 70%);
}
.number-institution-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px!important;
}
.number-institution-card{
min-height:0!important;
overflow:hidden;
border:1px solid #e7e8ec!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 14px 36px rgba(21,24,33,.10)!important;
text-align:left;
}
.number-institution-card:before{
background:linear-gradient(145deg,rgba(255,255,255,.42),transparent 36%)!important;
}
.number-institution-card:after{
left:18px;top:18px;width:38px;height:3px;
box-shadow:none!important;
}
.number-institution-card:hover{
transform:translateY(-6px)!important;
box-shadow:0 22px 48px rgba(21,24,33,.15)!important;
}
.number-institution-photo{
display:flex;
align-items:center;
justify-content:center;
height:210px!important;
aspect-ratio:auto!important;
padding:28px 24px 18px;
background:linear-gradient(180deg,#fafafa,#f0f1f3);
}
.number-institution-photo:after{display:none!important}
.number-institution-photo img{
width:100%;height:100%;
object-fit:contain!important;
filter:none!important;
transform:none!important;
}
.number-institution-card-copy{
margin-top:0!important;
padding:22px 22px 24px!important;
background:#fff;
}
.number-institution-card-copy small{
padding:0!important;
border:0!important;
background:transparent!important;
backdrop-filter:none!important;
color:var(--primary)!important;
font-size:9px!important;
}
.number-institution-card-copy small:before{
width:6px;height:6px;box-shadow:none!important;
}
.number-institution-card-copy strong{
min-height:0!important;
margin:8px 0 16px!important;
color:#1d2027!important;
font-size:20px!important;
line-height:1.2!important;
}
.number-institution-card-copy em{
display:flex!important;
align-items:center;
justify-content:space-between;
padding-top:15px!important;
border-top:1px solid #eceef1!important;
color:#656a75!important;
font-size:10px!important;
}
.number-institution-card-copy b{
width:30px!important;height:30px!important;
font-size:15px!important;
}
.locations-section{
padding:82px 0 96px!important;
background-position:center!important;
}
.locations-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
width:100%;
max-width:none!important;
gap:22px!important;
}
.locations-grid article{
min-height:320px!important;
padding:24px!important;
border-radius:18px!important;
border:1px solid rgba(255,255,255,.20)!important;
box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
}
.locations-grid article:hover{
transform:translateY(-6px)!important;
box-shadow:0 24px 56px rgba(0,0,0,.30)!important;
}
.locations-grid article:before{
background:linear-gradient(180deg,rgba(5,7,12,.10) 18%,rgba(5,7,12,.88) 100%)!important;
}
.locations-grid article:after{
height:4px!important;
background:var(--primary)!important;
}
.locations-grid h3{
margin:0 0 8px!important;
font-size:20px!important;
text-transform:uppercase!important;
}
.locations-grid p{
min-height:38px;
margin:0 0 18px!important;
font-size:11px!important;
}
.locations-grid a{
min-height:38px!important;
padding:0 15px!important;
border:0!important;
box-shadow:none!important;
}
.locations-section .center{margin-top:26px!important}
@media(max-width:900px){
.number-institution-grid,.locations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
.numbers-institutions-section{padding:62px 0 70px}
.number-institution-grid,.locations-grid{grid-template-columns:1fr!important}
.number-institution-photo{height:190px!important}
.locations-grid article{min-height:285px!important}
}
/* v7.6 — correção definitiva dos botões da seção Nossas unidades */
.locations-section .center{
display:flex!important;
justify-content:center!important;
align-items:center!important;
width:100%!important;
margin-top:30px!important;
text-align:center!important;
}
.locations-section .center .pill-btn,
.locations-grid article > a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:0!important;
height:44px!important;
min-height:44px!important;
padding:0 22px!important;
margin:0!important;
border-radius:999px!important;
font-family:Montserrat,Arial,sans-serif!important;
font-size:10px!important;
font-style:normal!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.04em!important;
text-align:center!important;
text-decoration:none!important;
text-transform:uppercase!important;
white-space:nowrap!important;
word-break:normal!important;
overflow-wrap:normal!important;
transform:none!important;
rotate:0deg!important;
writing-mode:horizontal-tb!important;
}
.locations-section .center .pill-btn{
background:var(--primary)!important;
color:#fff!important;
border:0!important;
box-shadow:0 12px 26px rgba(240,78,22,.28)!important;
}
.locations-section .center .pill-btn:hover{
transform:translateY(-2px)!important;
filter:brightness(1.04)!important;
}
.locations-grid article > a:after{
line-height:1!important;
transform:none!important;
}
@media(max-width:620px){
.locations-section .center .pill-btn{
height:42px!important;
min-height:42px!important;
padding:0 18px!important;
font-size:9px!important;
}
}
/* v7.7 — Diretoria com cards resumidos e modal de detalhes */
.board-directory-section{background:#f6f7f9}
.board-page-grid{align-items:stretch}
.board-summary-card{display:flex;flex-direction:column;overflow:hidden;height:100%;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(18,24,40,.08);transition:transform .25s ease,box-shadow .25s ease}
.board-summary-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(18,24,40,.13)}
.board-summary-photo{aspect-ratio:4/4.35;overflow:hidden;background:#eef0f3}
.board-summary-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease}
.board-summary-card:hover .board-summary-photo img{transform:scale(1.035)}
.board-summary-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px}
.board-summary-position{display:block;margin-bottom:8px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}
.board-summary-content h2{margin:0 0 20px;color:#17191d;font-size:22px;line-height:1.18}
.board-details-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:0 19px;border:0;border-radius:999px;background:#17191d;color:#fff;font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease}
.board-details-button:hover{background:var(--primary);transform:translateY(-1px)}
.board-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}
.board-modal.is-open{visibility:visible;opacity:1}
.board-modal-backdrop{position:absolute;inset:0;background:rgba(8,10,14,.76);backdrop-filter:blur(5px)}
.board-modal-dialog{position:relative;z-index:1;width:min(940px,100%);max-height:min(86vh,820px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.board-modal-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#17191d;color:#fff;font-size:28px;line-height:1;place-items:center;cursor:pointer}
.board-modal-close:hover{background:var(--primary)}
.board-modal-layout{display:grid;grid-template-columns:minmax(280px,37%) minmax(0,1fr)}
.board-modal-photo{min-height:540px;background:#eef0f3}
.board-modal-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.board-modal-content{padding:46px 42px}
.board-modal-position{display:block;margin:0 48px 8px 0;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.board-modal-content h2{margin:0 45px 24px 0;font-size:34px;line-height:1.12}
.board-modal-bio{color:#555c67;font-size:15px}
.board-modal-contacts{display:grid;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid #e7e9ed}
.board-modal-contacts a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:#f4f5f7;color:#20242a;text-decoration:none}
.board-modal-contacts a:hover{background:#eceff2}
.board-modal-contacts strong{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.board-modal-contacts span{color:#5c636d;font-size:13px;text-align:right;overflow-wrap:anywhere}
body.board-modal-open{overflow:hidden}
@media(max-width:760px){.board-modal{padding:12px}.board-modal-dialog{max-height:92vh;border-radius:16px}.board-modal-layout{grid-template-columns:1fr}.board-modal-photo{min-height:0;aspect-ratio:16/10}.board-modal-content{padding:28px 22px}.board-modal-content h2{font-size:28px}.board-modal-contacts a{align-items:flex-start;flex-direction:column;gap:4px}.board-modal-contacts span{text-align:left}}
/* v7.8 — hero principal reconstruído para mobile */
@media (max-width:560px){
.hero{background:#08090c}
.hero-stage{
height:620px!important;
min-height:620px!important;
max-height:none!important;
overflow:hidden;
background:#08090c;
}
.hero-slide{
display:block!important;
align-items:initial!important;
}
.hero-bg{
inset:0!important;
transform:none!important;
background-size:cover!important;
background-position:center top!important;
}
.hero-slide.active .hero-bg{transform:none!important}
.hero-overlay{
background:
linear-gradient(180deg,rgba(4,5,8,.08) 0%,rgba(4,5,8,.20) 28%,rgba(4,5,8,.72) 57%,rgba(4,5,8,.98) 82%,#08090c 100%)!important;
}
.hero-copy{
position:absolute!important;
left:0!important;
right:0!important;
top:auto!important;
bottom:42px!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0 22px!important;
display:block!important;
text-align:left!important;
}
.hero-copy>*{transform:translateY(14px)}
.hero-kicker{
display:inline-flex!important;
width:auto!important;
max-width:100%!important;
margin:0 0 10px!important;
padding:7px 10px!important;
border-radius:999px!important;
background:rgba(0,0,0,.42)!important;
border:1px solid rgba(255,255,255,.18)!important;
color:var(--accent)!important;
font-size:9px!important;
line-height:1.2!important;
letter-spacing:.11em!important;
backdrop-filter:blur(7px);
}
.hero-copy h1{
max-width:100%!important;
margin:0 0 12px!important;
font-size:clamp(29px,9.2vw,40px)!important;
line-height:.98!important;
letter-spacing:-.04em!important;
text-align:left!important;
text-wrap:balance;
overflow-wrap:normal!important;
word-break:normal!important;
}
.hero-description{
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:3!important;
max-width:100%!important;
max-height:64px!important;
margin:0!important;
overflow:hidden!important;
color:rgba(255,255,255,.88)!important;
font-size:11.5px!important;
line-height:1.5!important;
text-align:left!important;
}
.hero-description p{margin:0!important}
.hero-buttons{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
width:min(100%,330px)!important;
max-width:330px!important;
margin:16px 0 0!important;
gap:8px!important;
}
.hero-button{
width:100%!important;
max-width:none!important;
min-height:42px!important;
padding:0 9px 0 16px!important;
justify-content:space-between!important;
border-radius:10px!important;
font-size:9px!important;
line-height:1.2!important;
text-align:left!important;
letter-spacing:.035em!important;
}
.hero-button span{
overflow:visible!important;
text-overflow:clip!important;
white-space:normal!important;
}
.hero-button b{
flex:0 0 27px!important;
width:27px!important;
height:27px!important;
}
.slide-arrow{display:none!important}
.hero-dots{
left:auto!important;
right:20px!important;
bottom:17px!important;
transform:none!important;
gap:6px!important;
}
.hero-dot{width:6px!important;height:6px!important}
.hero-dot.active{width:22px!important}
.hero-progress{height:2px!important}
}
@media (max-width:380px){
.hero-stage{height:590px!important;min-height:590px!important}
.hero-copy{bottom:38px!important;padding:0 18px!important}
.hero-copy h1{font-size:28px!important}
.hero-description{-webkit-line-clamp:2!important;max-height:36px!important;font-size:10.5px!important}
.hero-buttons{margin-top:13px!important}
.hero-button{min-height:39px!important;font-size:8.5px!important}
}
@media (max-width:560px) and (max-height:680px){
.hero-stage{height:560px!important;min-height:560px!important}
.hero-copy{bottom:34px!important}
.hero-copy h1{font-size:28px!important;margin-bottom:9px!important}
.hero-description{-webkit-line-clamp:2!important;max-height:38px!important}
.hero-buttons{margin-top:12px!important}
}
/* v7.9 — modais totalmente contidos na margem da tela em mobile */
@media (max-width: 760px){
html,body{max-width:100%;overflow-x:hidden}
.video-modal,
.institutional-modal,
.news-gallery-modal,
.unit-gallery-modal,
.volunteer-modal,
.number-institution-modal,
.board-modal{
box-sizing:border-box !important;
width:100vw !important;
max-width:100vw !important;
min-width:0 !important;
padding:12px !important;
padding-top:max(12px,env(safe-area-inset-top)) !important;
padding-right:max(12px,env(safe-area-inset-right)) !important;
padding-bottom:max(12px,env(safe-area-inset-bottom)) !important;
padding-left:max(12px,env(safe-area-inset-left)) !important;
overflow:hidden !important;
}
.video-modal-dialog,
.video-modal-box,
.institutional-modal figure,
.news-gallery-modal figure,
.unit-gallery-stage,
.volunteer-modal-dialog,
.number-institution-dialog,
.board-modal-dialog{
box-sizing:border-box !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
margin:0 !important;
}
.volunteer-modal-dialog,
.number-institution-dialog,
.board-modal-dialog{
overflow-x:hidden !important;
overflow-y:auto !important;
overscroll-behavior:contain;
}
.video-modal-close,
.modal-close,
.news-gallery-close,
.unit-gallery-close{
position:fixed !important;
top:max(10px,env(safe-area-inset-top)) !important;
right:max(10px,env(safe-area-inset-right)) !important;
left:auto !important;
transform:none !important;
width:42px !important;
height:42px !important;
margin:0 !important;
z-index:100005 !important;
}
.volunteer-modal-close,
.number-institution-close,
.board-modal-close{
top:10px !important;
right:10px !important;
left:auto !important;
transform:none !important;
width:40px !important;
height:40px !important;
margin:0 !important;
z-index:20 !important;
}
.institutional-modal figure img,
.news-gallery-modal img,
.unit-gallery-stage>img{
display:block;
width:auto !important;
max-width:100% !important;
height:auto !important;
max-height:calc(100dvh - 130px) !important;
margin:0 auto !important;
object-fit:contain !important;
}
.institutional-modal .modal-prev,
.institutional-modal .modal-next,
.news-gallery-prev,
.news-gallery-next,
.unit-gallery-prev,
.unit-gallery-next{
position:fixed !important;
top:50% !important;
transform:translateY(-50%) !important;
width:42px !important;
height:52px !important;
margin:0 !important;
z-index:100004 !important;
}
.institutional-modal .modal-prev,
.news-gallery-prev,
.unit-gallery-prev{left:max(10px,env(safe-area-inset-left)) !important;right:auto !important}
.institutional-modal .modal-next,
.news-gallery-next,
.unit-gallery-next{right:max(10px,env(safe-area-inset-right)) !important;left:auto !important}
.unit-gallery-modal{
display:none;
grid-template-columns:42px minmax(0,1fr) 42px !important;
grid-template-rows:minmax(0,1fr) 74px !important;
}
.unit-gallery-modal.is-open{display:grid}
.unit-gallery-stage{height:auto !important;max-height:calc(100dvh - 112px) !important}
.unit-gallery-thumbs{max-width:100% !important;overflow-x:auto !important}
.number-modal-content{padding-top:58px !important}
.board-modal-content{padding-top:58px !important}
.volunteer-modal-dialog{padding-top:58px !important}
.board-modal-layout,
.number-modal-head,
.number-modal-grid,
.volunteer-fields{min-width:0 !important}
.board-modal-content,
.number-modal-content,
.volunteer-modal-dialog,
.volunteer-modal-dialog .volunteer-form{
max-width:100% !important;
overflow-wrap:anywhere;
}
}
/* v8.0 — grids compactos no mobile e carrossel responsivo de parceiros */
@media (max-width: 600px){
.board-page-grid,
.institutional-board-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
.board-summary-card{
min-width:0 !important;
border-radius:12px !important;
}
.board-summary-photo{aspect-ratio:1/1.05 !important}
.board-summary-content{padding:12px 10px 13px !important}
.board-summary-position{
display:block;
min-height:24px;
font-size:8px !important;
line-height:1.35 !important;
}
.board-summary-content h2{
margin:5px 0 10px !important;
min-height:34px;
font-size:13px !important;
line-height:1.22 !important;
overflow-wrap:anywhere;
}
.board-details-button{
width:100% !important;
min-height:36px !important;
padding:8px 7px !important;
font-size:8.5px !important;
white-space:nowrap !important;
}
.locations-grid,
.units-public-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:10px !important;
}
.locations-grid article{
min-height:190px !important;
padding:18px 10px !important;
}
.locations-grid h3{font-size:12px !important;line-height:1.2 !important}
.locations-grid p{font-size:8.5px !important;line-height:1.35 !important}
.locations-grid a{font-size:8px !important;padding:7px 10px !important}
.unit-card{min-width:0 !important;border-radius:12px !important;overflow:hidden}
.unit-card>img{height:120px !important;object-fit:cover !important}
.unit-card>div{padding:13px 10px !important}
.unit-card small{font-size:8px !important}
.unit-card h2{font-size:14px !important;line-height:1.2 !important;margin:5px 0 7px !important}
.unit-card p{font-size:9px !important;line-height:1.4 !important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.unit-card .pill-btn{width:100% !important;padding:9px 6px !important;font-size:8px !important;text-align:center !important;white-space:normal !important}
}
.partners-slider{position:relative}
.partners-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.partners-track article{height:92px;background:#fff;border:1px solid #e2e2e2;display:grid;place-items:center;padding:12px;border-radius:10px}
.partners-track img{max-width:100%;max-height:64px;object-fit:contain}
.partners-track span{font-size:9px;color:#999}
.partners-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#111;color:#fff;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.partners-prev{left:-18px}.partners-next{right:-18px}
@media (min-width: 901px){
.partners-slider.has-many{padding:0 28px}
.partners-slider.has-many .partners-track{
display:flex;
overflow-x:auto;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
scrollbar-width:none;
overscroll-behavior-x:contain;
}
.partners-slider.has-many .partners-track::-webkit-scrollbar{display:none}
.partners-slider.has-many .partners-track article{flex:0 0 calc((100% - 50px)/6);scroll-snap-align:start}
.partners-slider.has-many .partners-arrow{display:grid;place-items:center}
}
@media (max-width: 900px){
.partners-slider{width:100%;overflow:hidden}
.partners-track{
display:flex !important;
gap:10px !important;
overflow-x:auto;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
scrollbar-width:none;
padding:2px 2px 10px;
}
.partners-track::-webkit-scrollbar{display:none}
.partners-track article{
flex:0 0 44% !important;
height:88px !important;
scroll-snap-align:start;
}
.partners-arrow{display:none !important}
}
/* v8.1 — Nossas unidades: 4 cards por página e carrossel quando houver mais */
.home-units-slider{position:relative}
.home-units-viewport{overflow:hidden;width:100%}
.home-units-track{display:flex;width:100%;transition:transform .48s cubic-bezier(.22,.61,.36,1);touch-action:pan-y}
.home-units-page{flex:0 0 100%;min-width:100%;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.home-units-page article{min-width:0}
.home-units-arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#171717;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.24);transform:translateY(-50%)}
.home-units-prev{left:-22px}.home-units-next{right:-22px}
.home-units-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}
.home-units-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:.25s}
.home-units-dot.active{width:28px;border-radius:10px;background:var(--accent)}
@media(max-width:900px){
.home-units-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.home-units-arrow{display:none!important}
.home-units-dots{margin-top:14px}
}
/* v8.5 — acessibilidade reconstruída */
:root{--a11y-font-scale:1}
html{font-size:calc(16px * var(--a11y-font-scale))}
.a11y-widget{position:fixed;right:18px;top:50%;z-index:100000;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif}
.a11y-fab{display:grid;place-items:center;width:58px;height:58px;padding:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#111;color:#fff;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.34);transition:transform .2s,background .2s,color .2s,border-color .2s}
.a11y-fab svg{width:37px;height:37px;display:block}
.a11y-fab:hover,.a11y-fab:focus-visible,.a11y-fab[aria-expanded="true"]{background:var(--accent,#f2cf00);color:#111;border-color:#111;transform:scale(1.07);outline:3px solid rgba(242,207,0,.35);outline-offset:3px}
.a11y-panel{position:absolute;right:72px;top:50%;width:340px;max-width:calc(100vw - 110px);padding:0;border:1px solid #dedede;border-radius:18px;background:#fff;color:#171717;box-shadow:0 24px 70px rgba(0,0,0,.34);transform:translateY(-50%);overflow:hidden}
.a11y-panel[hidden],.a11y-languages[hidden]{display:none!important}
.a11y-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px;background:#111;color:#fff}
.a11y-panel__header div{display:grid;gap:2px}.a11y-panel__header span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--accent,#f2cf00)}.a11y-panel__header strong{font-size:19px;line-height:1.1}
.a11y-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1;cursor:pointer}.a11y-close:hover,.a11y-close:focus-visible{background:#fff;color:#111;outline:none}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
.a11y-action{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 11px;border:1px solid #e2e2e2;border-radius:12px;background:#f8f8f8;color:#171717;text-align:left;cursor:pointer;transition:.18s}
.a11y-action b{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e2e2e2;font-size:15px}.a11y-action span{font-size:12px;font-weight:800;line-height:1.15}
.a11y-action:hover,.a11y-action:focus-visible,.a11y-action.is-active{border-color:#111;background:#111;color:#fff;transform:translateY(-1px);outline:none}.a11y-action:hover b,.a11y-action:focus-visible b,.a11y-action.is-active b{color:#111}.a11y-action--libras{background:#eef5ff;color:#1557a0}
.a11y-languages{margin:0 16px 14px;padding:13px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa}.a11y-languages__title{margin-bottom:9px;font-size:12px;font-weight:900}.a11y-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.a11y-language-grid button{min-height:39px;border:1px solid #d8d8d8;border-radius:9px;background:#fff;color:#171717;font-weight:800;cursor:pointer}.a11y-language-grid button:hover,.a11y-language-grid button:focus-visible{background:#111;color:#fff;border-color:#111;outline:none}
.a11y-reset{display:block;width:calc(100% - 32px);min-height:42px;margin:0 16px 15px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#333;font-weight:800;cursor:pointer}.a11y-reset:hover,.a11y-reset:focus-visible{background:#f2f2f2;outline:2px solid #111;outline-offset:1px}
.a11y-status{min-height:0;padding:0 16px 14px;color:#555;font-size:11px;font-weight:700}.a11y-status:empty{display:none}
#a11y-vlibras-widget{z-index:100010!important}.a11y-vlibras [vw-access-button]{display:none!important}
#google_translate_element{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
body>.skiptranslate,.goog-te-banner-frame{display:none!important}body{top:0!important}
html.a11y-contrast body{background:#000!important;color:#fff!important}html.a11y-contrast body *:not(img):not(video):not(svg):not(path){border-color:#fff!important}html.a11y-contrast a,html.a11y-contrast button{color:#ffeb3b!important}html.a11y-contrast img,html.a11y-contrast video{filter:none!important}
html.a11y-links a{text-decoration:underline!important;text-decoration-thickness:3px!important;text-underline-offset:3px!important;outline:2px dotted currentColor!important;outline-offset:2px!important}
@media(max-width:700px){
.a11y-widget{right:max(12px,env(safe-area-inset-right));top:auto;bottom:max(14px,env(safe-area-inset-bottom));transform:none}
.a11y-fab{width:52px;height:52px}.a11y-fab svg{width:33px;height:33px}
.a11y-panel{position:fixed;left:12px;right:12px;top:auto;bottom:78px;width:auto;max-width:none;max-height:calc(100dvh - 96px);transform:none;overflow:auto;border-radius:16px}
.a11y-grid{gap:8px;padding:13px}.a11y-action{min-height:57px;padding:8px}.a11y-action b{flex-basis:31px;width:31px;height:31px}.a11y-action span{font-size:11px}
.back-to-top{bottom:78px!important;right:12px!important}
}
@media(max-width:360px){.a11y-grid{grid-template-columns:1fr}.a11y-panel{left:8px;right:8px}.a11y-action{min-height:52px}}
/* v8.6 — somente VLibras + consentimento profissional de cookies */
.a11y-widget{display:none!important}
#a11y-vlibras-widget [vw-access-button]{display:flex!important;right:18px!important;bottom:22px!important;top:auto!important;width:52px!important;height:52px!important;border-radius:50%!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;overflow:hidden!important;z-index:100005!important}
#a11y-vlibras-widget [vw-plugin-wrapper]{z-index:100006!important}
.cookie-consent{position:fixed;left:50%;bottom:22px;z-index:100020;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:min(1120px,calc(100vw - 32px));padding:20px 22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(17,17,17,.97);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(14px);transform:translate(-50%,calc(100% + 48px));opacity:0;transition:transform .28s ease,opacity .28s ease}
.cookie-consent[hidden]{display:none!important}.cookie-consent.is-visible{transform:translate(-50%,0);opacity:1}
.cookie-consent__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:var(--accent,#f2cf00);font-size:27px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cookie-consent__content{min-width:0}.cookie-consent__eyebrow{display:block;margin-bottom:4px;color:var(--accent,#f2cf00);font-size:10px;font-weight:900;letter-spacing:.14em}.cookie-consent h2{margin:0 0 5px;font-size:20px;line-height:1.15}.cookie-consent p{margin:0;color:#d7d7d7;font-size:13px;line-height:1.55}.cookie-consent a{display:inline-block;margin-top:7px;color:#fff;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.cookie-consent__actions{display:flex;align-items:center;gap:10px}.cookie-button{min-height:44px;padding:0 17px;border-radius:10px;font-weight:900;white-space:nowrap;cursor:pointer}.cookie-button--secondary{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff}.cookie-button--primary{border:1px solid var(--accent,#f2cf00);background:var(--accent,#f2cf00);color:#111}.cookie-button:hover,.cookie-button:focus-visible{transform:translateY(-1px);outline:3px solid rgba(242,207,0,.28);outline-offset:2px}
@media(max-width:760px){#a11y-vlibras-widget [vw-access-button]{right:12px!important;bottom:12px!important;width:48px!important;height:48px!important}.cookie-consent{left:12px;right:12px;bottom:12px;width:auto;padding:17px;grid-template-columns:44px 1fr;gap:12px;transform:translateY(calc(100% + 36px));border-radius:15px}.cookie-consent.is-visible{transform:translateY(0)}.cookie-consent__icon{width:44px;height:44px;border-radius:12px;font-size:22px}.cookie-consent__content{grid-column:2}.cookie-consent h2{font-size:17px}.cookie-consent p{font-size:12px}.cookie-consent__actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;width:100%}.cookie-button{min-height:43px;padding:0 10px;font-size:12px}}
@media(max-width:390px){.cookie-consent__actions{grid-template-columns:1fr}.cookie-consent{grid-template-columns:1fr}.cookie-consent__icon{display:none}.cookie-consent__content{grid-column:1}.cookie-consent__actions{grid-column:1}}
/* v8.7 — consentimento LGPD com escolha granular e revogação */
.cookie-consent{position:fixed;left:50%;bottom:22px;z-index:100020;display:flex;flex-direction:column;gap:15px;width:min(780px,calc(100vw - 32px));padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#151515;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.42);transform:translate(-50%,calc(100% + 60px));opacity:0;transition:transform .28s ease,opacity .28s ease}
.cookie-consent[hidden]{display:none!important}.cookie-consent.is-visible{transform:translate(-50%,0);opacity:1}
.cookie-consent__header{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;align-items:center;gap:13px}.cookie-consent__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent,#f2cf00);font-size:25px}.cookie-consent__heading{min-width:0}.cookie-consent__eyebrow{display:block;margin-bottom:4px;color:var(--accent,#f2cf00);font-size:10px;font-weight:900;letter-spacing:.12em}.cookie-consent h2{margin:0;font-size:20px;line-height:1.2}.cookie-consent__close{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:transparent;color:#fff;font-size:26px;cursor:pointer}.cookie-consent__content p{margin:0;color:#d8d8d8;font-size:13px;line-height:1.6}.cookie-consent__links{display:flex;gap:16px;align-items:center;margin-top:10px}.cookie-consent__links a,.cookie-link-button{padding:0;border:0;background:none;color:#fff;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.cookie-categories{display:grid;gap:9px;margin-top:14px}.cookie-category{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045)}.cookie-category strong{display:block;margin-bottom:3px;font-size:13px}.cookie-category span:not(.cookie-switch):not(.cookie-required){display:block;color:#cfcfcf;font-size:11px;line-height:1.45}.cookie-required{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:900}.cookie-switch{position:relative;flex:0 0 46px;width:46px;height:26px}.cookie-switch input{position:absolute;opacity:0}.cookie-switch span{display:block;width:100%;height:100%;border-radius:999px;background:#666;cursor:pointer;transition:.2s}.cookie-switch span:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.cookie-switch input:checked+span{background:var(--accent,#f2cf00)}.cookie-switch input:checked+span:after{transform:translateX(20px)}.cookie-switch input:focus-visible+span{outline:3px solid rgba(242,207,0,.35);outline-offset:2px}.cookie-consent__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.cookie-button{min-height:44px;padding:0 17px;border-radius:10px;font-weight:900;white-space:nowrap;cursor:pointer}.cookie-button--secondary{border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff}.cookie-button--primary{border:1px solid var(--accent,#f2cf00);background:var(--accent,#f2cf00);color:#111}.cookie-button:hover,.cookie-button:focus-visible,.cookie-consent__close:focus-visible{outline:3px solid rgba(242,207,0,.3);outline-offset:2px}.cookie-preferences-link{position:fixed;left:12px;bottom:10px;z-index:9990;padding:7px 10px;border:1px solid rgba(0,0,0,.18);border-radius:8px;background:#fff;color:#222;font-size:11px;font-weight:800;box-shadow:0 5px 20px rgba(0,0,0,.13);cursor:pointer}
@media(max-width:760px){.cookie-consent{left:12px;right:12px;bottom:12px;width:auto;padding:17px;transform:translateY(calc(100% + 45px));max-height:calc(100dvh - 24px);overflow:auto}.cookie-consent.is-visible{transform:translateY(0)}.cookie-consent__header{grid-template-columns:42px minmax(0,1fr) 34px}.cookie-consent__icon{width:42px;height:42px;font-size:21px}.cookie-consent h2{font-size:16px}.cookie-consent__content p{font-size:12px}.cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr}.cookie-button{white-space:normal;padding:8px 10px}.cookie-save{grid-column:1/-1}.cookie-category{align-items:flex-start}.cookie-preferences-link{font-size:10px}}
@media(max-width:390px){.cookie-consent__actions{grid-template-columns:1fr}.cookie-save{grid-column:auto}.cookie-consent__icon{display:none}.cookie-consent__header{grid-template-columns:minmax(0,1fr) 34px}}
/* v9.0 — interações profissionais no menu e em todos os botões */
@media (hover:hover) and (pointer:fine){
.main-nav a{
position:relative;
display:inline-flex;
align-items:center;
min-height:40px;
padding:0 4px;
transition:color .22s ease,transform .22s ease;
}
.main-nav a::after{
content:"";
position:absolute;
left:50%;
right:50%;
bottom:3px;
height:2px;
border-radius:999px;
background:var(--accent,var(--primary));
transition:left .22s ease,right .22s ease;
}
.main-nav a:hover,
.main-nav a:focus-visible{
color:var(--accent,var(--primary));
transform:translateY(-1px);
}
.main-nav a:hover::after,
.main-nav a:focus-visible::after,
.main-nav a.active::after{
left:4px;
right:4px;
}
:is(a,button,input[type="submit"],input[type="button"],input[type="reset"]):is(
.transparency-btn,.donate-btn,.pill-btn,.mini-btn,.btn,.button,.admin-btn,
.cookie-button,.cookie-preferences-link,.locations-grid a,.donation-grid a,
.action-cards>a,.newsletter-band button,.compact-form button,.play,
[class*="-btn"],[class*="_btn"]
){
transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,
background-color .2s ease,color .2s ease,border-color .2s ease;
will-change:transform;
}
:is(a,button,input[type="submit"],input[type="button"],input[type="reset"]):is(
.transparency-btn,.donate-btn,.pill-btn,.mini-btn,.btn,.button,.admin-btn,
.cookie-button,.cookie-preferences-link,.locations-grid a,.donation-grid a,
.action-cards>a,.newsletter-band button,.compact-form button,
[class*="-btn"],[class*="_btn"]
):hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(0,0,0,.18);
filter:brightness(1.06);
}
:is(a,button,input[type="submit"],input[type="button"],input[type="reset"]):is(
.transparency-btn,.donate-btn,.pill-btn,.mini-btn,.btn,.button,.admin-btn,
.cookie-button,.cookie-preferences-link,.locations-grid a,.donation-grid a,
.action-cards>a,.newsletter-band button,.compact-form button,
[class*="-btn"],[class*="_btn"]
):active{
transform:translateY(0) scale(.98);
box-shadow:0 4px 12px rgba(0,0,0,.14);
}
.action-cards>a:hover,
.news-feature:hover,
.news-side article:hover,
.partners-grid article:hover,
.locations-grid article:hover,
.director-card:hover,
.unit-card:hover,
.number-card:hover{
transform:translateY(-4px);
box-shadow:0 16px 34px rgba(0,0,0,.14);
}
.partners-grid article,
.locations-grid article,
.director-card,
.unit-card,
.number-card,
.news-feature,
.news-side article{
transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
}
:is(a,button,input[type="submit"],input[type="button"],input[type="reset"]):focus-visible{
outline:3px solid color-mix(in srgb,var(--accent,var(--primary)) 65%,white);
outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
.main-nav a,
.main-nav a::after,
a,button,input[type="submit"],input[type="button"],input[type="reset"],
.action-cards>a,.partners-grid article,.locations-grid article,
.director-card,.unit-card,.number-card,.news-feature,.news-side article{
transition:none!important;
animation:none!important;
}
}
/* v9.8 — página pública de projetos reconstruída */
.projects-page-hero .overline,
.project-detail-hero .overline{display:block;margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.projects-page-hero p,.project-detail-hero p{max-width:720px;margin:12px auto 0;color:#ececec;font-size:14px;line-height:1.65}
.projects-page-section{background:#f6f7f9;padding-top:68px;padding-bottom:84px}
.projects-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.project-page-card{min-width:0;background:#fff;border:1px solid #e7e9ed;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(20,25,35,.08);display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.project-page-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(20,25,35,.14);border-color:#ffd0bf}
.project-page-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eceff2}
.project-page-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-page-card:hover .project-page-media img{transform:scale(1.055)}
.project-page-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.64) 100%)}
.project-page-media span{position:absolute;z-index:2;left:16px;bottom:14px;padding:7px 11px;border-radius:999px;background:var(--primary);color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.project-page-content{padding:22px 22px 24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.project-page-content small{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.project-page-content h2{margin:8px 0 10px;color:#18191d;font-size:19px;line-height:1.25}
.project-page-content h2 a:hover{color:var(--primary)}
.project-page-content p{margin:0 0 20px;color:#666b73;font-size:12px;line-height:1.7}
.project-page-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.project-page-link b{font-size:16px;transition:transform .2s ease}.project-page-link:hover b{transform:translateX(4px)}
.projects-empty-state{max-width:760px;margin:auto;padding:60px 24px;border:1px dashed #d6d9de;border-radius:16px;background:#fff;text-align:center}
.projects-empty-state strong{display:block;font-size:22px;color:#202126}.projects-empty-state p{color:#6c7078}
.project-detail-hero{position:relative;background-image:linear-gradient(rgba(13,14,17,.78),rgba(13,14,17,.88)),var(--project-cover)!important;background-size:cover!important;background-position:center!important}
.project-detail-section{background:#f4f5f7;padding-top:64px}
.project-detail-card{max-width:980px;margin:auto;background:#fff;border:1px solid #e6e8ec;border-radius:18px;overflow:hidden;box-shadow:0 18px 48px rgba(18,22,30,.1)}
.project-detail-cover{margin:0;aspect-ratio:16/8;background:#edf0f3;overflow:hidden}.project-detail-cover img{width:100%;height:100%;object-fit:cover}
.project-detail-content{padding:38px 44px;color:#454950;font-size:15px;line-height:1.85}
.project-detail-content>:first-child{margin-top:0}.project-detail-content h2,.project-detail-content h3{color:#1d1e22}.project-detail-content img{height:auto;border-radius:10px}
.project-detail-footer{padding:0 44px 38px}.project-back-link{display:inline-flex;color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase}
@media(max-width:980px){.projects-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.projects-page-section{padding:42px 0 58px}.projects-page-grid{grid-template-columns:1fr;gap:18px}.project-page-content{padding:18px}.project-page-content h2{font-size:17px}.project-detail-content{padding:24px 20px;font-size:14px}.project-detail-footer{padding:0 20px 26px}.project-detail-cover{aspect-ratio:16/10}}
/* Agência de marketing digital */
.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropdown>button{border:0;background:none;font:inherit;font-weight:700;color:inherit;padding:12px;cursor:pointer}.nav-dropdown-menu{position:absolute;top:100%;right:0;min-width:210px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:50}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}.nav-dropdown-menu a{display:block;padding:11px 13px;border-radius:8px;color:#151515!important}.nav-dropdown-menu a:hover{background:#f4f4f4}.agency-intro-grid,.agency-career-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:50px;align-items:center}.agency-info-card{background:var(--secondary);color:#fff;padding:38px;border-radius:24px;box-shadow:0 22px 70px rgba(0,0,0,.16)}.agency-info-card h3{font-size:28px}.agency-info-card ul{list-style:none;padding:0;line-height:2}.agency-info-card a,.agency-service-card a{color:var(--primary);font-weight:800}.agency-numbers{background:#0d0d0f;color:#fff}.agency-number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.agency-number-grid article{text-align:center;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:18px}.agency-number-grid strong{display:block;font-size:44px;color:var(--primary)}.agency-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.agency-service-card{background:#fff;padding:30px;border-radius:20px;border:1px solid #e9e9e9;box-shadow:0 12px 35px rgba(0,0,0,.06)}.agency-service-card>span{font-size:28px;color:var(--primary)}.service-thumb{width:100%;height:180px;object-fit:cover;border-radius:14px;margin-bottom:18px}.agency-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.agency-project-card{display:block;background:#fff;border-radius:20px;overflow:hidden;color:inherit;box-shadow:0 14px 40px rgba(0,0,0,.09)}.agency-project-card img{width:100%;height:250px;object-fit:cover}.agency-project-card div{padding:22px}.agency-project-card small,.agency-creative-grid small{color:var(--primary);font-weight:800}.agency-center{text-align:center;margin-top:30px}.agency-videos{background:#111;color:#fff}.agency-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.agency-video-grid article>a{position:relative;display:block}.agency-video-grid img{width:100%;height:230px;object-fit:cover;border-radius:18px}.agency-video-grid span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:60px;height:60px;background:var(--primary);border-radius:50%;color:#fff}.agency-creative-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.agency-creative-grid>a,.agency-creative-grid>article,.agency-creative-grid>button{position:relative;background:#fff;border:0;padding:0;border-radius:16px;overflow:hidden;color:inherit;box-shadow:0 12px 35px rgba(0,0,0,.08);cursor:pointer}.agency-creative-grid img{width:100%;aspect-ratio:1/1;object-fit:cover}.agency-creative-grid div{padding:17px}.agency-creative-page{grid-template-columns:repeat(3,1fr)}.agency-cta{background:var(--primary);color:#fff;padding:54px 0}.agency-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.agency-cta h2{margin:5px 0;font-size:36px}.agency-cta a{background:#fff;color:#111;padding:16px 24px;border-radius:999px;font-weight:900}.agency-career-form{background:#fff;padding:30px;border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,.08)}
@media(max-width:900px){.agency-intro-grid,.agency-career-grid{grid-template-columns:1fr}.agency-card-grid,.agency-portfolio-grid,.agency-video-grid{grid-template-columns:repeat(2,1fr)}.agency-number-grid,.agency-creative-grid,.agency-creative-page{grid-template-columns:repeat(2,1fr)}.nav-dropdown{display:block}.nav-dropdown>button{width:100%;text-align:left}.nav-dropdown-menu{position:static;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown:focus-within .nav-dropdown-menu{display:block}.agency-cta .container{display:block}.agency-cta a{display:inline-block;margin-top:20px}}
@media(max-width:560px){.agency-card-grid,.agency-portfolio-grid,.agency-video-grid{grid-template-columns:1fr}.agency-number-grid{grid-template-columns:repeat(2,1fr)}.agency-creative-grid,.agency-creative-page{grid-template-columns:repeat(2,1fr)}.agency-project-card img,.agency-video-grid img{height:190px}}
/* Websites e Sistemas */
.digital-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.digital-project-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e8e8e8;border-radius:20px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.08)}.digital-project-media{position:relative;height:280px;overflow:hidden;background:#e9eaec}.digital-project-media>img{position:absolute;top:0;left:0;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;will-change:transform;animation:websiteScroll 14s ease-in-out infinite alternate}.digital-project-card:hover .digital-project-media>img{animation-play-state:paused}.project-site-trigger{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-45%);display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 17px;background:rgba(10,10,12,.9);color:#fff;font-weight:800;opacity:0;visibility:hidden;transition:.2s;cursor:pointer}.digital-project-card:hover .project-site-trigger,.project-site-trigger:focus{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.digital-project-body{display:flex;flex-direction:column;flex:1;padding:21px}.digital-project-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.digital-project-meta span{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--primary)}.digital-project-body h3{margin:12px 0 4px;font-size:21px}.digital-project-body>strong{font-size:14px}.digital-project-body>p{font-size:14px;color:#60636a}.project-location{margin:6px 0!important;font-weight:700}.digital-project-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.digital-project-actions a,.digital-project-actions button{border:0;background:none;padding:0;color:var(--primary);font-weight:900;cursor:pointer}.project-browser-modal{position:fixed;inset:0;z-index:10000;display:none}.project-browser-modal.open{display:block}.project-browser-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78)}.project-browser-dialog{position:absolute;inset:4vh 3vw;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 100px rgba(0,0,0,.4)}.project-browser-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;border-bottom:1px solid #ddd}.project-browser-dialog h2{margin:0;font-size:20px}.project-browser-dialog small{display:block;max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-browser-dialog header>div:last-child{display:flex;align-items:center;gap:12px}.project-browser-dialog header a,.project-browser-fallback a{background:var(--primary);color:#fff;padding:10px 15px;border-radius:999px;font-weight:800}.project-browser-dialog header button{width:40px;height:40px;border:0;border-radius:50%;font-size:25px;cursor:pointer}.project-browser-stage{position:relative;flex:1;min-height:0;background:#eee}.project-browser-stage iframe{width:100%;height:100%;border:0;background:#fff}.project-browser-loading{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center;background:#fff}.project-browser-loading span{width:44px;height:44px;margin:auto;border:4px solid #ddd;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.project-browser-fallback{position:absolute;z-index:3;left:20px;right:20px;bottom:16px;display:none;align-items:center;justify-content:center;gap:14px;padding:12px 16px;background:#fff4dd;border:1px solid #efd39b;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.14)}.project-browser-fallback p{margin:0}.project-browser-fallback.show{display:flex}.project-digital-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:30px;align-items:start}.project-fullpage-shot{height:720px;overflow:auto;background:#e9eaec;border-radius:18px}.project-fullpage-shot img{display:block;width:100%;height:auto}.project-information-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 14px 45px rgba(0,0,0,.08)}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}.project-facts span{padding:13px;background:#f5f5f6;border-radius:12px}.project-facts b{display:block;font-size:11px;text-transform:uppercase;color:#777}.project-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.project-detail-actions button{border:0;cursor:pointer}.project-detail-actions .pill-btn:not(.orange){background:#151515;color:#fff}.project-back-link{display:inline-block;margin-top:16px}.home-project-grid{margin-top:15px}@keyframes websiteScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 280px))}}@keyframes spin{to{transform:rotate(360deg)}}body.project-modal-open{overflow:hidden}
@media(max-width:980px){.digital-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-digital-layout{grid-template-columns:1fr}.project-fullpage-shot{height:600px}}
@media(max-width:620px){.digital-project-grid{grid-template-columns:1fr}.digital-project-media{height:230px}@keyframes websiteScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 230px))}}.project-site-trigger{opacity:1;visibility:visible;top:auto;bottom:12px;left:12px;transform:none}.digital-project-card:hover .project-site-trigger{transform:none}.project-browser-dialog{inset:1.5vh 2vw}.project-browser-dialog header{align-items:flex-start;padding:12px}.project-browser-dialog header>div:last-child{gap:6px}.project-browser-dialog header a{font-size:0;padding:10px}.project-browser-dialog header a:after{content:'↗';font-size:18px}.project-browser-fallback{display:none!important}.project-facts{grid-template-columns:1fr}.project-information-card{padding:20px}.project-fullpage-shot{height:480px}}
/* v9.1 — Websites e Sistemas: rolagem sob demanda nos cards e automática nos detalhes */
.digital-project-media>img{
animation:none!important;
transform:translate3d(0,0,0);
object-fit:fill;
object-position:top center;
}
.digital-project-card:hover .digital-project-media>img{animation:none!important}
.project-digital-layout{align-items:stretch}
.project-detail-card{display:flex;min-width:0;min-height:0}
.project-fullpage-shot{
width:100%;
height:100%;
min-height:620px;
overflow:hidden;
position:relative;
}
.project-fullpage-shot img{
width:100%;
height:auto;
min-height:100%;
object-fit:fill;
object-position:top center;
transform:translate3d(0,0,0);
will-change:transform;
}
@media(max-width:900px){
.project-digital-layout{align-items:start}
.project-fullpage-shot{height:560px;min-height:560px}
}
@media(max-width:620px){
.project-fullpage-shot{height:460px;min-height:460px}
}
@media(hover:none){
.digital-project-media>img{transform:translate3d(0,0,0)!important;transition:none!important}
}
/* v9.2 — Detalhes: captura longa dentro de uma janela fixa */
.project-digital-layout{align-items:start}
.project-detail-card{
display:block;
width:100%;
min-width:0;
height:var(--project-detail-viewport,620px);
min-height:0;
overflow:hidden;
}
.project-fullpage-shot{
position:relative;
width:100%;
height:100%;
min-height:0;
overflow:hidden;
border-radius:18px;
background:#e9eaec;
}
.project-fullpage-shot img{
display:block;
width:100%;
max-width:none;
height:auto;
min-height:0;
object-fit:initial;
object-position:initial;
transform:translate3d(0,0,0);
will-change:transform;
}
@media(max-width:980px){
.project-detail-card{height:560px}
}
@media(max-width:620px){
.project-detail-card{height:440px}
}
/* Quem Somos — layout revisado */
.institutional-hero{
min-height:360px;
padding:92px 0 58px;
align-items:center;
background-position:center;
border-bottom:4px solid var(--primary);
}
.institutional-hero-inner{max-width:980px;text-align:center}
.institutional-hero .overline{display:inline-block;margin-bottom:10px;letter-spacing:.14em}
.institutional-hero h1{max-width:none;margin:0 0 18px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02}
.institutional-hero p{max-width:850px;margin:0 auto;font-size:1.05rem;line-height:1.75;color:rgba(255,255,255,.88)}
.institutional-page-section{padding:72px 0 88px;background:#f7f7f6}
.institutional-content-grid{max-width:1060px;display:grid;gap:30px}
.institutional-block{padding:0}
.institutional-history-card,.institutional-areas-card{background:#fff;border:1px solid #e8e8e5;border-radius:22px;padding:44px 48px;box-shadow:0 16px 42px rgba(16,20,28,.06)}
.institutional-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;border-bottom:1px solid #ececea;padding-bottom:22px;margin-bottom:28px}
.institutional-heading-row h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:7px 0 0;text-transform:none}
.institutional-heading-number{font-size:4.5rem;font-weight:900;line-height:.85;color:rgba(0,0,0,.06)}
.institutional-prose{font-size:1.03rem;line-height:1.82;color:#4d4d52;max-width:900px}
.institutional-prose p{margin:0 0 18px}
.institutional-prose h2,.institutional-prose h3{color:#1c1c21;line-height:1.15;margin:38px 0 16px}
.institutional-prose h2{font-size:2rem}.institutional-prose h3{font-size:1.35rem}
.institutional-prose ul,.institutional-prose ol{padding-left:22px;margin:16px 0 24px}
.institutional-prose li{margin:7px 0}
.institutional-three{gap:18px;margin:0}
.institutional-three article{min-height:280px;padding:34px 32px;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(0,0,0,.08)}
.institutional-three article:nth-child(2){background:#252525}
.institutional-three article:nth-child(3){background:var(--primary);color:#fff}
.institutional-three h2{margin:24px 0 14px;font-size:1.65rem}
.institutional-three .content{font-size:.96rem;line-height:1.7}
.institutional-three .content p:first-child{margin-top:0}
.institutional-three .content ul{padding-left:18px;margin:10px 0}
.institutional-three .content li{margin:5px 0}
.institutional-areas-content{columns:1}
@media(max-width:760px){
.institutional-hero{min-height:310px;padding:72px 0 44px}
.institutional-hero h1{font-size:2.45rem}
.institutional-hero p{font-size:.96rem;line-height:1.65}
.institutional-page-section{padding:42px 0 58px}
.institutional-history-card,.institutional-areas-card{padding:28px 22px;border-radius:16px}
.institutional-heading-number{display:none}
.institutional-heading-row{padding-bottom:17px;margin-bottom:22px}
.institutional-heading-row h2{font-size:2rem}
.institutional-three{grid-template-columns:1fr}
.institutional-three article{min-height:auto;padding:28px 24px}
.institutional-prose{font-size:.98rem;line-height:1.72}
}
/* Serviços detalhados e galeria única de criativos */
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}.service-detail-cover{width:100%;max-height:580px;object-fit:cover;border-radius:22px;box-shadow:0 18px 55px rgba(0,0,0,.12)}.service-detail-copy{font-size:17px;line-height:1.8}.service-detail-copy .btn{display:inline-flex;margin-top:20px}.service-gallery{margin-top:70px}.service-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-gallery-item,.creative-only-item{border:0;padding:0;background:none;cursor:pointer;overflow:hidden;border-radius:16px}.service-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s}.service-gallery-item:hover img,.creative-only-item:hover img{transform:scale(1.035)}
.creative-gallery-page{padding-top:48px}.creative-only-grid{columns:4 240px;column-gap:16px}.creative-only-item{display:block;width:100%;margin:0 0 16px;break-inside:avoid}.creative-only-item img{display:block;width:100%;height:auto;transition:transform .3s}
.creative-lightbox{position:fixed;inset:0;width:100vw;width:100dvw;height:100vh;height:100dvh;z-index:2147483000;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:70px 82px 54px;overflow:hidden;box-sizing:border-box}.creative-lightbox.open{display:flex}.creative-lightbox img{display:block;width:auto;height:auto;max-width:calc(100vw - 164px);max-width:calc(100dvw - 164px);max-height:calc(100vh - 124px);max-height:calc(100dvh - 124px);object-fit:contain;margin:auto}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;z-index:2;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center}.lightbox-close{right:22px;top:18px;width:46px;height:46px;border-radius:50%;font-size:34px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);width:52px;height:70px;border-radius:12px;font-size:52px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.lightbox-count{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:2;color:#fff;font-weight:700}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,.24)}
@media(max-width:900px){.service-detail-grid{grid-template-columns:1fr}.service-gallery-grid{grid-template-columns:repeat(2,1fr)}.creative-only-grid{columns:3 180px}.creative-lightbox{padding:62px 58px 48px}.creative-lightbox img{max-width:calc(100dvw - 116px);max-height:calc(100dvh - 110px)}}
@media(max-width:560px){.service-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.creative-only-grid{columns:2 130px;column-gap:10px}.creative-only-item{margin-bottom:10px}.creative-lightbox{padding:58px 10px 50px}.creative-lightbox img{max-width:calc(100dvw - 20px);max-height:calc(100dvh - 108px)}.lightbox-prev,.lightbox-next{width:40px;height:56px;font-size:40px;background:rgba(0,0,0,.55)}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-close{right:10px;top:10px}.lightbox-count{bottom:14px}}
/* Vídeos para redes sociais: reprodução no próprio card */
.video-format-tabs{display:flex;justify-content:center;gap:10px;margin:0 0 30px}.video-format-tabs a,.video-format-tabs button{appearance:none;border:1px solid rgba(0,0,0,.14);background:#fff;color:#202020;min-width:92px;padding:11px 22px;border-radius:999px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;text-align:center}.video-format-tabs a.active,.video-format-tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.agency-videos .video-format-tabs button{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}.agency-videos .video-format-tabs button.active{background:var(--primary);border-color:var(--primary)}
.inline-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.inline-video-grid.format-9x16{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-video-card{min-width:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.1)}.agency-videos .inline-video-card{background:#1b1b1e;color:#fff}.inline-video-card[hidden]{display:none!important}.inline-video-player{position:relative;width:100%;background:#000;overflow:hidden}.inline-video-card.is-story .inline-video-player{aspect-ratio:9/16}.inline-video-card.is-feed .inline-video-player{aspect-ratio:16/9}.inline-video-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.inline-video-player b{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:var(--accent);color:#111;font-size:9px;letter-spacing:.08em;pointer-events:none}.inline-video-copy{display:flex;flex-direction:column;gap:7px;padding:15px 17px 18px}.inline-video-copy strong{font-size:14px;line-height:1.4}.inline-video-copy small{font-size:11px;line-height:1.5;color:#707070}.agency-videos .inline-video-copy small{color:#c8c8c8}.home-inline-videos:has(.is-story:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.inline-video-grid,.inline-video-grid.format-9x16,.home-inline-videos:has(.is-story:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.inline-video-grid,.inline-video-grid.format-9x16,.home-inline-videos:has(.is-story:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-format-tabs{margin-bottom:22px}}@media(max-width:480px){.inline-video-grid:not(.format-9x16){grid-template-columns:1fr}.inline-video-grid.format-9x16,.home-inline-videos:has(.is-story:not([hidden])){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.video-format-tabs a,.video-format-tabs button{min-width:82px;padding:10px 17px}}
/* Player profissional para vídeos de redes sociais */
.inline-video-player.pro-video{position:relative;background:#050505;isolation:isolate;user-select:none}
.inline-video-player.pro-video video{cursor:pointer}
.pro-video-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;background:linear-gradient(to bottom,transparent 48%,rgba(0,0,0,.72) 100%);opacity:0;transition:opacity .22s ease}
.pro-video:hover .pro-video-ui,.pro-video.is-active .pro-video-ui,.pro-video.is-paused .pro-video-ui{opacity:1}
.pro-video-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#111;font-size:25px;box-shadow:0 12px 35px rgba(0,0,0,.35);cursor:pointer;pointer-events:auto;transition:transform .2s ease,opacity .2s ease}
.pro-video-center:hover{transform:translate(-50%,-50%) scale(1.07)}
.pro-video.is-playing .pro-video-center{opacity:0;transform:translate(-50%,-50%) scale(.88)}
.pro-video.is-playing:hover .pro-video-center{opacity:.92}
.pro-video-controls{display:flex;align-items:center;gap:10px;padding:12px 14px;pointer-events:auto}
.pro-video-btn{appearance:none;border:0;background:transparent;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:17px;cursor:pointer;transition:background .18s ease}
.pro-video-btn:hover{background:rgba(255,255,255,.16)}
.pro-video-time{color:#fff;font-size:11px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.pro-video-progress{flex:1;height:5px;appearance:none;background:linear-gradient(to right,var(--primary) 0 var(--progress,0%),rgba(255,255,255,.35) var(--progress,0%) 100%);border-radius:999px;cursor:pointer}
.pro-video-progress::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.pro-video-progress::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
.pro-video-volume{width:70px;height:4px;accent-color:var(--primary);cursor:pointer}
.pro-video-loading{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:proVideoSpin .8s linear infinite;display:none}
.pro-video.is-loading .pro-video-loading{display:block}
.pro-video-badge{position:absolute;left:12px;top:12px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.64);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
@keyframes proVideoSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.pro-video-volume{display:none}.pro-video-controls{gap:5px;padding:9px}.pro-video-time{font-size:10px}.pro-video-center{width:58px;height:58px;font-size:22px}}
/* v10.2 — Equipe EDS na home: carrossel corrigido e cores do painel */
.home-team-section{overflow:hidden;background:#f6f7f9}
.home-team-slider{position:relative;margin-top:26px;padding:0 54px}
.home-team-track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 22px}
.home-team-track::-webkit-scrollbar{display:none}
.home-team-card{display:flex;flex:0 0 calc((100% - 60px)/4);min-width:230px;scroll-snap-align:start;flex-direction:column;border:1px solid rgba(0,0,0,.09);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 14px 38px rgba(18,24,40,.08);transition:transform .25s ease,box-shadow .25s ease}
.home-team-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(18,24,40,.13)}
.home-team-photo{aspect-ratio:4/4.35;overflow:hidden;background:#eef0f3}
.home-team-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .4s ease}
.home-team-card:hover .home-team-photo img{transform:scale(1.035)}
.home-team-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px 20px 21px}
.home-team-copy span{display:block;margin-bottom:7px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.home-team-copy h3{margin:0 0 18px;color:var(--secondary);font-size:21px;line-height:1.2}
.home-team-details{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:auto;padding:0 19px;border:2px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;font-family:inherit;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:filter .2s ease,transform .2s ease}
.home-team-details:hover,.home-team-details:focus{filter:brightness(.92);transform:translateY(-1px);outline:none}
.home-team-arrow{position:absolute;top:46%;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);font-size:30px;line-height:1;cursor:pointer;transform:translateY(-50%)}
.home-team-prev{left:2px}.home-team-next{right:2px}
.home-team-section .section-heading span{color:var(--primary)}
.home-team-section .section-heading h2{color:var(--secondary)}
/* Modal: fora do trilho do carrossel para não deformar os cards */
.board-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.board-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.board-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.board-modal-dialog{position:relative;z-index:1;width:min(940px,100%);max-height:min(86vh,820px);overflow:auto;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.board-modal-close{position:absolute;top:14px;right:14px;z-index:3;display:grid;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:var(--primary);color:#fff;font-size:28px;line-height:1;place-items:center;cursor:pointer}
.board-modal-close:hover{filter:brightness(.9)}
.board-modal-layout{display:grid;grid-template-columns:minmax(280px,37%) minmax(0,1fr)}
.board-modal-photo{min-height:540px;background:#eef0f3}
.board-modal-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.board-modal-content{padding:46px 42px}
.board-modal-position{display:block;margin:0 48px 8px 0;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.board-modal-content h2{margin:0 45px 24px 0;color:var(--secondary);font-size:34px;line-height:1.12}
.board-modal-bio{color:#555c67;font-size:15px}
.board-modal-contacts{display:grid;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(0,0,0,.1)}
.board-modal-contacts a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--primary) 8%,white);color:var(--secondary);text-decoration:none}
.board-modal-contacts a:hover{background:color-mix(in srgb,var(--primary) 14%,white)}
.board-modal-contacts strong{color:var(--primary);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.board-modal-contacts span{font-size:13px;text-align:right;overflow-wrap:anywhere}
body.board-modal-open{overflow:hidden}
@media(max-width:980px){.home-team-card{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:760px){.board-modal{padding:12px}.board-modal-dialog{max-height:92vh;border-radius:16px}.board-modal-layout{grid-template-columns:1fr}.board-modal-photo{min-height:0;aspect-ratio:16/10}.board-modal-content{padding:28px 22px 30px}.board-modal-content h2{font-size:28px}.board-modal-contacts a{align-items:flex-start;flex-direction:column;gap:4px}.board-modal-contacts span{text-align:left}}
@media(max-width:720px){.home-team-slider{padding:0 42px}.home-team-card{flex-basis:calc((100% - 20px)/2);min-width:190px}.home-team-copy{padding:14px}.home-team-copy h3{font-size:18px}.home-team-arrow{width:36px;height:36px;font-size:25px}}
@media(max-width:480px){.home-team-slider{padding:0 34px}.home-team-card{flex-basis:86%;min-width:0}.home-team-photo{aspect-ratio:1/1.05}.home-team-details{width:100%}}
/* v6.3 — rodapé refinado, 100% vinculado às cores das Configurações */
.footer.footer-v61{
position:relative!important;
isolation:isolate;
background:var(--primary)!important;
color:#fff!important;
border-top:4px solid var(--secondary)!important;
}
.footer.footer-v61:before{
content:"";position:absolute;z-index:-1;inset:0;
background:
radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--secondary) 28%,transparent),transparent 36%),
linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,var(--secondary)),var(--primary) 62%);
pointer-events:none;
}
.footer-v61 .footer-shell{width:min(1180px,92%)!important;max-width:1180px!important}
.footer-v61 .footer-top-grid{
grid-template-columns:minmax(280px,1.05fr) minmax(260px,.82fr) minmax(340px,1.1fr)!important;
gap:58px!important;padding:64px 0 50px!important;
}
.footer-v61 h4{
display:flex!important;align-items:center!important;gap:10px!important;
margin:0 0 22px!important;font-size:12px!important;letter-spacing:.13em!important;
}
.footer-v61 h4:after{content:"";height:2px;flex:1;max-width:46px;background:var(--secondary);border-radius:99px}
.footer-v61 .footer-logo{max-width:205px!important;max-height:88px!important;margin-bottom:20px!important}
.footer-v61 .footer-brand p{font-size:13px!important;line-height:1.72!important;max-width:355px!important;margin-bottom:18px!important;color:rgba(255,255,255,.84)!important}
.footer-v61 .footer-socials{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 22px!important}
.footer-v61 .footer-socials a{
display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
border:1px solid rgba(255,255,255,.24)!important;border-radius:9px!important;
background:color-mix(in srgb,var(--secondary) 18%,transparent)!important;color:#fff!important;
font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;
transition:transform .2s,background .2s,border-color .2s!important;
}
.footer-v61 .footer-socials a:hover{transform:translateY(-2px)!important;background:var(--secondary)!important;border-color:var(--secondary)!important}
.footer-v61 .footer-donate{
max-width:355px!important;min-height:68px!important;padding:13px 15px!important;
border:1px solid color-mix(in srgb,var(--secondary) 55%,rgba(255,255,255,.45))!important;
border-radius:13px!important;background:#fff!important;color:var(--primary)!important;
box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 62%,transparent)!important;
}
.footer-v61 .footer-donate-heart{background:color-mix(in srgb,var(--secondary) 18%,#fff)!important;color:var(--primary)!important}
.footer-v61 .footer-donate:hover{border-color:var(--secondary)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 70%,transparent)!important}
.footer-v61 .footer-nav-grid{gap:0 25px!important}
.footer-v61 .footer-nav-grid a{
padding:10px 0 10px 15px!important;border-bottom:1px solid rgba(255,255,255,.13)!important;
font-size:11.5px!important;font-weight:650!important;color:rgba(255,255,255,.86)!important;
}
.footer-v61 .footer-nav-grid a:before{color:var(--secondary)!important;top:9px!important}
.footer-v61 .footer-nav-grid a:hover{color:#fff!important;border-color:color-mix(in srgb,var(--secondary) 72%,transparent)!important}
.footer-v61 .footer-legal{margin-top:22px!important;gap:16px!important}
.footer-v61 .footer-legal a{font-size:9.5px!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.28)!important;padding-bottom:2px!important}
.footer-v61 .footer-contact-list{grid-template-columns:1fr!important;gap:9px!important}
.footer-v61 .footer-contact-row,
.footer-v61 .footer-contact-row.footer-phone{
min-height:62px!important;padding:10px 13px!important;border-radius:12px!important;
border:1px solid rgba(255,255,255,.18)!important;
background:color-mix(in srgb,var(--secondary) 13%,transparent)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.footer-v61 .footer-contact-row:hover{
background:color-mix(in srgb,var(--secondary) 22%,transparent)!important;
border-color:color-mix(in srgb,var(--secondary) 72%,rgba(255,255,255,.35))!important;
}
.footer-v61 .footer-contact-icon{
width:38px!important;height:38px!important;border-radius:10px!important;
background:var(--secondary)!important;color:#fff!important;
}
.footer-v61 .footer-contact-row small{font-size:8px!important;opacity:.68!important}
.footer-v61 .footer-contact-row strong{font-size:11.5px!important;font-weight:720!important}
.footer-v61 .footer-contact-row>b{color:var(--secondary)!important;font-size:14px!important}
.footer-v61 .footer-bottom{
background:color-mix(in srgb,var(--primary) 84%,#000)!important;
border-top:1px solid color-mix(in srgb,var(--secondary) 46%,transparent)!important;
}
.footer-v61 .footer-bottom-inner{width:min(1180px,92%)!important;max-width:1180px!important;min-height:70px!important;padding:13px 0!important}
.footer-v61 .footer-copyright{font-size:10.5px!important;color:rgba(255,255,255,.76)!important}
.footer-v61 .developer-credit{font-size:8.5px!important;color:rgba(255,255,255,.65)!important}
.footer-v61 .developer-credit strong,.footer-v61 .developer-credit a{color:#fff!important}
@media(max-width:940px){
.footer-v61 .footer-top-grid{grid-template-columns:1fr 1fr!important;gap:38px 45px!important}
.footer-v61 .footer-contact{grid-column:1/-1!important}
.footer-v61 .footer-contact-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
.footer-v61 .footer-top-grid{grid-template-columns:1fr!important;gap:32px!important;padding:44px 0 34px!important}
.footer-v61 .footer-brand{text-align:left!important}
.footer-v61 .footer-logo,.footer-v61 .footer-brand p,.footer-v61 .footer-donate{margin-left:0!important;margin-right:0!important}
.footer-v61 .footer-socials{justify-content:flex-start!important}
.footer-v61 .footer-legal{justify-content:flex-start!important;flex-wrap:wrap!important}
.footer-v61 .footer-contact-list{grid-template-columns:1fr!important}
.footer-v61 .footer-bottom-inner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:16px 0!important}
.footer-v61 .footer-copyright,.footer-v61 .developer-credit{max-width:100%!important;width:100%!important;text-align:left!important;justify-content:flex-start!important}
.footer-v61 .footer-copyright{font-size:9px!important}
}
/* v6.3 — rodapé refinado, usando somente as cores configuradas */
.footer.footer-v61{position:relative!important;isolation:isolate;background:var(--primary)!important;color:#fff!important;border-top:4px solid var(--secondary)!important}
.footer.footer-v61:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--secondary) 28%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 88%,var(--secondary)),var(--primary) 62%);pointer-events:none}
.footer-v61 .footer-shell{width:min(1180px,92%)!important;max-width:1180px!important}
.footer-v61 .footer-top-grid{grid-template-columns:minmax(280px,1.05fr) minmax(260px,.82fr) minmax(340px,1.1fr)!important;gap:58px!important;padding:64px 0 50px!important}
.footer-v61 h4{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 22px!important;font-size:12px!important;letter-spacing:.13em!important}
.footer-v61 h4:after{content:"";height:2px;flex:1;max-width:46px;background:var(--secondary);border-radius:99px}
.footer-v61 .footer-logo{max-width:205px!important;max-height:88px!important;margin-bottom:20px!important}
.footer-v61 .footer-brand p{font-size:13px!important;line-height:1.72!important;max-width:355px!important;margin-bottom:18px!important;color:rgba(255,255,255,.84)!important}
.footer-v61 .footer-socials{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 22px!important}
.footer-v61 .footer-socials a{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:9px!important;background:color-mix(in srgb,var(--secondary) 18%,transparent)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;transition:transform .2s,background .2s,border-color .2s!important}
.footer-v61 .footer-socials a:hover{transform:translateY(-2px)!important;background:var(--secondary)!important;border-color:var(--secondary)!important}
.footer-v61 .footer-donate{max-width:355px!important;min-height:68px!important;padding:13px 15px!important;border:1px solid color-mix(in srgb,var(--secondary) 55%,rgba(255,255,255,.45))!important;border-radius:13px!important;background:#fff!important;color:var(--primary)!important;box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 62%,transparent)!important}
.footer-v61 .footer-donate-heart{background:color-mix(in srgb,var(--secondary) 18%,#fff)!important;color:var(--primary)!important}
.footer-v61 .footer-donate:hover{border-color:var(--secondary)!important;box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 70%,transparent)!important}
.footer-v61 .footer-nav-grid{gap:0 25px!important}
.footer-v61 .footer-nav-grid a{padding:10px 0 10px 15px!important;border-bottom:1px solid rgba(255,255,255,.13)!important;font-size:11.5px!important;font-weight:650!important;color:rgba(255,255,255,.86)!important}
.footer-v61 .footer-nav-grid a:before{color:var(--secondary)!important;top:9px!important}
.footer-v61 .footer-nav-grid a:hover{color:#fff!important;border-color:color-mix(in srgb,var(--secondary) 72%,transparent)!important}
.footer-v61 .footer-legal{margin-top:22px!important;gap:16px!important}
.footer-v61 .footer-legal a{font-size:9.5px!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;border-bottom:1px solid rgba(255,255,255,.28)!important;padding-bottom:2px!important}
.footer-v61 .footer-contact-list{grid-template-columns:1fr!important;gap:9px!important}
.footer-v61 .footer-contact-row,.footer-v61 .footer-contact-row.footer-phone{min-height:62px!important;padding:10px 13px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.18)!important;background:color-mix(in srgb,var(--secondary) 13%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.footer-v61 .footer-contact-row:hover{background:color-mix(in srgb,var(--secondary) 22%,transparent)!important;border-color:color-mix(in srgb,var(--secondary) 72%,rgba(255,255,255,.35))!important}
.footer-v61 .footer-contact-icon{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--secondary)!important;color:#fff!important}
.footer-v61 .footer-contact-row small{font-size:8px!important;opacity:.68!important}
.footer-v61 .footer-contact-row strong{font-size:11.5px!important;font-weight:720!important}
.footer-v61 .footer-contact-row>b{color:var(--secondary)!important;font-size:14px!important}
.footer-v61 .footer-bottom{background:color-mix(in srgb,var(--primary) 84%,#000)!important;border-top:1px solid color-mix(in srgb,var(--secondary) 46%,transparent)!important}
.footer-v61 .footer-bottom-inner{width:min(1180px,92%)!important;max-width:1180px!important;min-height:70px!important;padding:13px 0!important}
.footer-v61 .footer-copyright{font-size:10.5px!important;color:rgba(255,255,255,.76)!important}
.footer-v61 .developer-credit{font-size:8.5px!important;color:rgba(255,255,255,.65)!important}
.footer-v61 .developer-credit strong,.footer-v61 .developer-credit a{color:#fff!important}
@media(max-width:940px){.footer-v61 .footer-top-grid{grid-template-columns:1fr 1fr!important;gap:38px 45px!important}.footer-v61 .footer-contact{grid-column:1/-1!important}.footer-v61 .footer-contact-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.footer-v61 .footer-top-grid{grid-template-columns:1fr!important;gap:32px!important;padding:44px 0 34px!important}.footer-v61 .footer-brand{text-align:left!important}.footer-v61 .footer-logo,.footer-v61 .footer-brand p,.footer-v61 .footer-donate{margin-left:0!important;margin-right:0!important}.footer-v61 .footer-socials{justify-content:flex-start!important}.footer-v61 .footer-legal{justify-content:flex-start!important;flex-wrap:wrap!important}.footer-v61 .footer-contact-list{grid-template-columns:1fr!important}.footer-v61 .footer-bottom-inner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:16px 0!important}.footer-v61 .footer-copyright,.footer-v61 .developer-credit{max-width:100%!important;width:100%!important;text-align:left!important;justify-content:flex-start!important}.footer-v61 .footer-copyright{font-size:9px!important}}
/* Rodape v62 — identidade monocromatica: usa somente a cor principal configurada */
.footer.footer-v62{
position:relative!important;
background:var(--primary)!important;
color:#fff!important;
border:0!important;
}
.footer-v62:before,.footer-v62:after{display:none!important;content:none!important}
.footer-v62 .footer-shell{width:min(1180px,92%)!important;max-width:1180px!important}
.footer-v62 .footer-top-grid{
display:grid!important;
grid-template-columns:minmax(280px,1.15fr) minmax(250px,.8fr) minmax(320px,1fr)!important;
gap:64px!important;
padding:58px 0 44px!important;
align-items:start!important;
}
.footer-v62 .footer-brand,.footer-v62 .footer-nav,.footer-v62 .footer-contact{min-width:0!important}
.footer-v62 .footer-logo{display:block!important;max-width:210px!important;max-height:82px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 0 22px!important}
.footer-v62 .footer-brand p{margin:0 0 22px!important;max-width:390px!important;color:rgba(255,255,255,.76)!important;font-size:13px!important;line-height:1.72!important}
.footer-v62 h4{margin:2px 0 20px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.footer-v62 h4:after{display:none!important;content:none!important}
.footer-v62 .footer-socials{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 22px!important}
.footer-v62 .footer-socials a{display:grid!important;place-items:center!important;width:35px!important;height:35px!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:50%!important;background:transparent!important;color:#fff!important;font-size:10px!important;font-weight:800!important;text-decoration:none!important;transition:.2s ease!important}
.footer-v62 .footer-socials a:hover{transform:translateY(-2px)!important;background:#fff!important;color:var(--primary)!important;border-color:#fff!important}
.footer-v62 .footer-donate{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;max-width:390px!important;min-height:auto!important;padding:15px 17px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:10px!important;background:transparent!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;transition:.2s ease!important}
.footer-v62 .footer-donate:hover{background:#fff!important;color:var(--primary)!important;border-color:#fff!important;transform:translateY(-1px)!important;box-shadow:none!important}
.footer-v62 .footer-donate strong{display:block!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.02em!important}
.footer-v62 .footer-donate small{display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.3!important;opacity:.72!important}
.footer-v62 .footer-donate-arrow{font-size:20px!important;line-height:1!important}
.footer-v62 .footer-donate-heart{display:none!important}
.footer-v62 .footer-nav-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 24px!important}
.footer-v62 .footer-nav-grid a{position:relative!important;display:block!important;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.82)!important;font-size:11.5px!important;font-weight:600!important;text-decoration:none!important;transition:.18s ease!important}
.footer-v62 .footer-nav-grid a:before{display:none!important;content:none!important}
.footer-v62 .footer-nav-grid a:hover{padding-left:5px!important;color:#fff!important;border-bottom-color:rgba(255,255,255,.42)!important}
.footer-v62 .footer-legal{display:flex!important;gap:14px!important;flex-wrap:wrap!important;margin-top:20px!important}
.footer-v62 .footer-legal a{padding:0!important;border:0!important;color:rgba(255,255,255,.58)!important;font-size:9.5px!important;text-decoration:underline!important;text-underline-offset:3px!important}
.footer-v62 .footer-contact-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.footer-v62 .footer-contact-row,.footer-v62 .footer-contact-row.footer-phone{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:64px!important;margin:0!important;padding:11px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;transition:.18s ease!important}
.footer-v62 .footer-contact-row:hover{padding-left:5px!important;background:transparent!important;border-color:rgba(255,255,255,.44)!important}
.footer-v62 .footer-contact-icon{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:9px!important;background:transparent!important;color:#fff!important}
.footer-v62 .footer-contact-icon svg{width:18px!important;height:18px!important}
.footer-v62 .footer-contact-row small{display:block!important;margin-bottom:3px!important;color:rgba(255,255,255,.56)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.footer-v62 .footer-contact-row strong{display:block!important;overflow-wrap:anywhere!important;color:#fff!important;font-size:11.5px!important;font-weight:650!important;line-height:1.35!important}
.footer-v62 .footer-contact-row>b{color:rgba(255,255,255,.58)!important;font-size:14px!important;font-weight:400!important}
.footer-v62 .footer-bottom{background:var(--primary)!important;border-top:1px solid rgba(255,255,255,.18)!important}
.footer-v62 .footer-bottom-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:min(1180px,92%)!important;max-width:1180px!important;min-height:62px!important;padding:12px 0!important}
.footer-v62 .footer-copyright{color:rgba(255,255,255,.62)!important;font-size:9.5px!important}
.footer-v62 .developer-credit{display:flex!important;align-items:center!important;gap:9px!important;color:rgba(255,255,255,.50)!important;font-size:8px!important}
.footer-v62 .developer-credit strong,.footer-v62 .developer-credit a{color:#fff!important}
.footer-v62 .developer-credit img{max-height:26px!important;max-width:110px!important;object-fit:contain!important}
@media(max-width:940px){
.footer-v62 .footer-top-grid{grid-template-columns:1fr 1fr!important;gap:42px!important}
.footer-v62 .footer-contact{grid-column:1/-1!important}
.footer-v62 .footer-contact-list{grid-template-columns:1fr 1fr!important;gap:0 28px!important}
}
@media(max-width:620px){
.footer-v62 .footer-top-grid{grid-template-columns:1fr!important;gap:34px!important;padding:42px 0 32px!important}
.footer-v62 .footer-contact{grid-column:auto!important}
.footer-v62 .footer-contact-list{grid-template-columns:1fr!important}
.footer-v62 .footer-nav-grid{grid-template-columns:1fr 1fr!important;gap:0 18px!important}
.footer-v62 .footer-bottom-inner{flex-direction:column!important;align-items:flex-start!important;gap:9px!important;padding:16px 0!important}
.footer-v62 .footer-copyright,.footer-v62 .developer-credit{width:100%!important;text-align:left!important;justify-content:flex-start!important}
}
/* v7.9 — texto do banner destaque centralizado verticalmente */
.hero-slide{
display:flex;
align-items:center;
}
.hero-copy{
padding-top:0!important;
padding-bottom:0!important;
margin-top:0;
margin-bottom:0;
}
@media (max-width:560px){
.hero-slide{
display:flex!important;
align-items:center!important;
}
.hero-copy{
position:relative!important;
left:auto!important;
right:auto!important;
top:auto!important;
bottom:auto!important;
width:min(1120px,92%)!important;
max-width:none!important;
margin:auto!important;
padding:0 22px!important;
transform:none!important;
}
.hero-copy>*{
transform:none!important;
}
}
/* v8.2 — menu principal / dropdown / mobile refinados. Uma única cor institucional. */
.site-header{
height:84px!important;
background:#fff!important;
color:#171717!important;
border-bottom:1px solid rgba(0,0,0,.08)!important;
box-shadow:0 8px 26px rgba(0,0,0,.06)!important;
transition:height .25s ease,box-shadow .25s ease!important;
}
.site-header.is-scrolled{height:72px!important;box-shadow:0 8px 30px rgba(0,0,0,.11)!important}
.header-inner{gap:28px!important;position:relative!important}
.brand img{width:160px!important;max-height:60px!important;transition:.25s ease!important}
.site-header.is-scrolled .brand img{width:145px!important;max-height:52px!important}
.main-nav{gap:6px!important;height:100%!important}
.main-nav>a,.nav-dropdown-toggle{
position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
min-height:42px!important;padding:0 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;
color:#202020!important;font-family:inherit!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;
cursor:pointer!important;transition:background .2s ease,color .2s ease!important;
}
.main-nav>a:after,.nav-dropdown-toggle:after{
content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transform-origin:center;transition:transform .2s ease;
}
.main-nav>a:hover,.nav-dropdown-toggle:hover,.nav-dropdown.open>.nav-dropdown-toggle{color:var(--primary)!important;background:rgba(0,0,0,.025)!important}
.main-nav>a:hover:after,.nav-dropdown-toggle:hover:after,.nav-dropdown.open>.nav-dropdown-toggle:after{transform:scaleX(1)}
.nav-dropdown{position:relative!important;height:100%!important;display:flex!important;align-items:center!important}
.nav-chevron{margin-left:7px!important;font-size:15px!important;line-height:1!important;transition:transform .22s ease!important}
.nav-dropdown.open .nav-chevron{transform:rotate(180deg)!important}
.nav-dropdown-menu{
position:absolute!important;top:calc(100% - 7px)!important;left:50%!important;z-index:120!important;
min-width:220px!important;padding:8px!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;
background:#fff!important;box-shadow:0 18px 46px rgba(0,0,0,.14)!important;
opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,10px)!important;
transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.nav-dropdown-menu a{
display:flex!important;align-items:center!important;min-height:42px!important;padding:0 12px!important;border-radius:8px!important;
color:#252525!important;font-size:10px!important;font-weight:750!important;text-transform:uppercase!important;transition:.18s ease!important;
}
.nav-dropdown-menu a:hover{background:var(--primary)!important;color:#fff!important;padding-left:16px!important}
.header-actions{gap:9px!important}
.transparency-btn,.donate-btn{
display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 15px!important;
border:1px solid var(--primary)!important;border-radius:9px!important;font-size:9.5px!important;letter-spacing:.035em!important;transition:.2s ease!important;
}
.transparency-btn{background:transparent!important;color:var(--primary)!important}
.donate-btn{background:var(--primary)!important;color:#fff!important}
.transparency-btn:hover{background:var(--primary)!important;color:#fff!important}
.donate-btn:hover{filter:brightness(.92)!important;transform:translateY(-1px)!important}
.menu-toggle{display:none!important;width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(0,0,0,.10)!important;border-radius:10px!important;background:#fff!important;color:var(--primary)!important;cursor:pointer!important}
.menu-toggle-lines{display:flex;width:20px;height:16px;margin:auto;flex-direction:column;justify-content:space-between}
.menu-toggle-lines i{display:block;width:100%;height:2px;border-radius:2px;background:var(--primary);transition:transform .22s ease,opacity .18s ease,width .22s ease}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(2){opacity:0;width:0}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu-actions{display:none}
@media(max-width:900px){
body.site-menu-open{overflow:hidden!important}
.site-header,.site-header.is-scrolled{height:74px!important}
.header-inner{gap:12px!important}
.brand{margin-right:auto!important;position:relative;z-index:131}
.brand img,.site-header.is-scrolled .brand img{width:138px!important;max-height:52px!important}
.menu-toggle{display:grid!important;place-items:center!important;position:relative!important;z-index:132!important;order:3!important}
.header-actions{display:none!important}
.main-nav{
display:flex!important;position:fixed!important;z-index:125!important;top:74px!important;left:0!important;right:0!important;bottom:0!important;
height:auto!important;padding:18px max(20px,4vw) 28px!important;gap:5px!important;flex-direction:column!important;align-items:stretch!important;
background:#fff!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-10px)!important;
transition:opacity .2s ease,transform .22s ease,visibility .2s ease!important;
}
.main-nav.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
.main-nav>a,.nav-dropdown-toggle{
flex:0 0 auto!important;width:100%!important;min-height:50px!important;justify-content:flex-start!important;padding:0 4px!important;border-radius:0!important;
border-bottom:1px solid rgba(0,0,0,.08)!important;color:#1b1b1b!important;font-size:12px!important;background:transparent!important;
}
.main-nav>a:after,.nav-dropdown-toggle:after{display:none!important}
.main-nav>a:hover,.nav-dropdown-toggle:hover,.nav-dropdown.open>.nav-dropdown-toggle{background:transparent!important;color:var(--primary)!important}
.nav-dropdown{display:block!important;height:auto!important;flex:0 0 auto!important}
.nav-dropdown-toggle{justify-content:space-between!important}
.nav-chevron{margin-left:auto!important;font-size:18px!important}
.nav-dropdown-menu{
position:static!important;width:100%!important;min-width:0!important;max-height:0!important;margin:0!important;padding:0 0 0 14px!important;
border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
opacity:1!important;visibility:visible!important;pointer-events:none!important;transform:none!important;overflow:hidden!important;
transition:max-height .25s ease,padding .25s ease!important;
}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{max-height:0!important;pointer-events:none!important}
.nav-dropdown.open .nav-dropdown-menu{max-height:180px!important;padding-top:5px!important;padding-bottom:7px!important;pointer-events:auto!important}
.nav-dropdown-menu a{min-height:43px!important;padding:0 12px!important;border-left:2px solid var(--primary)!important;border-radius:0!important;color:#4a4a4a!important;font-size:10.5px!important}
.nav-dropdown-menu a:hover{background:rgba(0,0,0,.03)!important;color:var(--primary)!important;padding-left:16px!important}
.mobile-menu-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:20px!important;padding-top:18px!important;border-top:1px solid rgba(0,0,0,.08)!important}
.mobile-menu-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 12px!important;border:1px solid var(--primary)!important;border-radius:9px!important;color:var(--primary)!important;font-size:9.5px!important;font-weight:900!important;text-align:center!important;text-transform:uppercase!important}
.mobile-menu-actions .mobile-menu-primary{background:var(--primary)!important;color:#fff!important}
}
@media(max-width:520px){
.main-nav{padding-left:18px!important;padding-right:18px!important}
.mobile-menu-actions{grid-template-columns:1fr!important}
}
/* Criativos da página inicial: exibir a arte completa, sem qualquer recorte */
.agency-creatives .agency-creative-grid>button,
.agency-creatives .agency-creative-grid>a,
.agency-creatives .agency-creative-grid>article{
align-self:start;
}
.agency-creatives .agency-creative-grid img{
width:100%;
height:auto;
aspect-ratio:auto;
object-fit:contain;
object-position:center;
display:block;
}
/* Descrições editáveis das seções/páginas */
.section-heading .section-description{max-width:760px;margin:14px auto 0;color:#666;font-size:14px;line-height:1.7;text-transform:none;font-weight:500}
.creative-gallery-page .section-heading h1{font-size:32px;text-transform:uppercase;margin:3px 0 12px;font-weight:900}
.creative-gallery-page .section-heading h1:after{content:"";display:block;width:340px;max-width:90%;border-top:2px dotted #2e2e2e;margin:8px auto 0}
@media(max-width:700px){.section-heading .section-description{font-size:13px;line-height:1.6;padding:0 8px}.creative-gallery-page .section-heading h1{font-size:26px}}
/* =========================================================
EDS V16 — sistema visual público consolidado
Uma única camada de layout, sem as sobreposições V10–V15.
========================================================= */
:root{
--eds-bg:#ffffff;
--eds-surface:#f5f5f3;
--eds-surface-2:#ececea;
--eds-ink:#101114;
--eds-muted:#62646a;
--eds-line:#dcdedb;
--eds-dark:#0b0c0f;
--eds-dark-2:#15161a;
--eds-yellow:var(--accent,#ffd600);
--eds-radius:0px;
--eds-shadow:0 22px 55px rgba(16,17,20,.08);
--eds-ease:cubic-bezier(.2,.7,.2,1);
}
html{overflow-x:hidden}
body{overflow-x:hidden;background:var(--eds-bg);color:var(--eds-ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body,button,input,textarea,select{font-family:Manrope,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,Manrope,Arial,sans-serif;color:var(--eds-ink);letter-spacing:-.035em;text-wrap:balance}
p,li,a,span,strong,small{overflow-wrap:anywhere}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}
img{height:auto}
.container{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-inline:auto}
.section{padding:clamp(72px,7vw,112px) 0}
.rich-content,.rich-text,.prose{color:var(--eds-muted);font-size:15px;line-height:1.82}
.rich-content p,.rich-text p,.prose p{margin:0 0 1.1em;color:inherit}
.overline,.section-heading>span,.page-hero .overline{display:block;margin:0 0 8px;color:var(--primary);font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.16em;text-transform:uppercase}
.section-heading{width:100%;max-width:780px;margin:0 0 38px;text-align:left}
.section-heading h2{margin:0;color:var(--eds-ink);font-size:clamp(30px,3.3vw,48px);font-weight:800;line-height:1.02;text-transform:none;letter-spacing:-.05em}
.section-heading h2:after{display:none!important;content:none!important}
.section-description{max-width:720px;margin-top:14px;color:var(--eds-muted);font-size:14px;line-height:1.75}
.section-description *{color:inherit}
/* HEADER */
.site-header{position:sticky;top:0;z-index:1000;height:76px;background:rgba(255,255,255,.96);color:var(--eds-ink);border-bottom:1px solid rgba(16,17,20,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:none}
.header-inner{height:76px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;flex:0 0 auto;margin-right:18px}
.brand img{width:auto;max-width:124px;max-height:46px;object-fit:contain}
.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.main-nav>a,.nav-dropdown-toggle{position:relative;padding:28px 0 25px;border:0;background:none;color:#22242a;font-size:11px;font-weight:700;line-height:1;letter-spacing:.015em;text-transform:none;cursor:pointer;white-space:nowrap}
.main-nav>a:after,.nav-dropdown-toggle:after{content:"";position:absolute;left:0;right:100%;bottom:19px;height:2px;background:var(--primary);transition:right .22s var(--eds-ease)}
.main-nav>a:hover,.main-nav>a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:#111;background:transparent}
.main-nav>a:hover:after,.main-nav>a:focus-visible:after,.nav-dropdown-toggle:hover:after,.nav-dropdown-toggle:focus-visible:after{right:0}
.nav-dropdown{position:relative}
.nav-chevron{display:inline-block;margin-left:5px;font-size:12px;transition:transform .2s ease}
.nav-dropdown.open .nav-chevron{transform:rotate(45deg)}
.nav-dropdown-menu{position:absolute;top:58px;left:-20px;z-index:30;min-width:210px;padding:8px;background:#fff;border:1px solid #e4e5e3;box-shadow:0 18px 45px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.nav-dropdown-menu a{display:block;padding:11px 12px;color:#292b30;font-size:11px;font-weight:650;border-bottom:1px solid #efefed}
.nav-dropdown-menu a:last-child{border-bottom:0}
.nav-dropdown-menu a:hover{background:#f5f5f2;color:#111}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:6px}
.transparency-btn,.donate-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid #17181c;border-radius:0;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.065em}
.transparency-btn{background:#fff;color:#15161a}
.transparency-btn:hover{background:#15161a;color:#fff}
.donate-btn{gap:8px;background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.donate-btn:hover{filter:brightness(.94);color:var(--on-primary)}
.menu-toggle,.mobile-nav-head,.mobile-menu-actions,.menu-backdrop{display:none}
/* HERO */
.hero{position:relative;background:var(--eds-dark);color:#fff}
.hero-stage{position:relative;height:clamp(520px,62vw,690px);min-height:520px;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;background-position:center;background-size:cover}
.hero-slide.active{opacity:1}
.hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.015)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.97) 0%,rgba(5,6,9,.88) 35%,rgba(5,6,9,.54) 62%,rgba(5,6,9,.15) 100%)}
.hero-copy{position:relative;z-index:2;display:flex;height:100%;max-width:none!important;padding-top:0!important;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}
.hero-copy>*{width:min(680px,58vw)}
.hero-kicker{margin:0 0 18px!important;color:var(--eds-yellow)!important;font-size:10px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.18em!important;text-transform:uppercase!important}
.hero-copy h1{max-width:720px!important;margin:0 0 18px!important;color:#fff!important;font-size:clamp(44px,5.2vw,74px)!important;font-weight:800!important;line-height:.94!important;letter-spacing:-.065em!important;text-transform:none!important}
.hero-description{max-width:610px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.72}
.hero-description *{color:inherit!important}
.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-button{display:inline-flex!important;width:auto!important;min-height:44px;align-items:center;gap:18px;padding:0 17px;background:var(--button-bg)!important;border:1px solid transparent;border-radius:0;color:var(--button-text)!important;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.07em}
.hero-button *{color:inherit!important}
.hero-button:hover{transform:translateY(-2px);filter:brightness(.96)}
.slide-arrow{position:absolute;z-index:5;top:auto;bottom:25px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.15);color:#fff;font-size:22px;line-height:1;transform:none;backdrop-filter:blur(8px)}
.slide-arrow.prev{left:auto;right:76px}.slide-arrow.next{right:24px}
.hero-dots{position:absolute;z-index:5;left:24px;bottom:36px;display:flex;gap:7px}
.hero-dot{width:24px;height:2px;padding:0;border:0;background:rgba(255,255,255,.35)}
.hero-dot.active{background:#fff}
/* INTRO */
.agency-intro{background:#fff}
.agency-intro-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:clamp(52px,8vw,118px);align-items:start}
.agency-intro-grid>div:first-child{max-width:720px}
.agency-intro h2{max-width:680px;margin:0 0 22px;color:var(--eds-ink);font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:.98;letter-spacing:-.06em;text-transform:none}
.agency-intro .rich-content{max-width:680px}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:8px;padding:0 15px;border-radius:0;font-size:9px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.065em}
.pill-btn.orange{background:#121316;color:#fff}
.pill-btn.orange:hover{background:var(--primary);color:var(--on-primary)}
.agency-info-card{padding:0 0 0 28px!important;background:transparent!important;border:0!important;border-left:1px solid var(--eds-line)!important;border-radius:0!important;box-shadow:none!important}
.agency-info-card h3{margin:0 0 24px;color:var(--eds-ink);font-size:16px;line-height:1.25;letter-spacing:-.025em;text-transform:none}
.agency-info-card ul{margin:0;padding:0;list-style:none}
.agency-info-card li{padding:12px 0;border-bottom:1px solid #ececea;color:var(--eds-muted);font-size:11px;line-height:1.55}
.agency-info-card li b{display:block;margin-bottom:2px;color:#9a9b9f;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.agency-info-card>a{display:inline-block;margin-top:18px;padding-bottom:2px;border-bottom:1px solid #111;color:#111;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
/* NUMBERS */
.agency-numbers{padding:0;background:var(--eds-dark);color:#fff}
.agency-numbers .container{display:grid;grid-template-columns:170px 1fr;align-items:stretch}
.agency-numbers .section-heading{display:flex;min-height:128px;margin:0;padding:28px 26px 28px 0;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.14)}
.agency-numbers .section-heading>span{color:var(--eds-yellow)}
.agency-numbers .section-heading h2{color:#fff;font-size:22px;line-height:1.05}
.agency-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.agency-number-grid article{display:flex;min-height:128px;padding:25px 22px;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.12);text-align:left}
.agency-number-grid article:last-child{border-right:0}
.agency-number-grid strong{display:block;color:#fff;font-family:Montserrat,Manrope,sans-serif;font-size:clamp(30px,3vw,46px);font-weight:750;line-height:1;letter-spacing:-.05em}
.agency-number-grid span{display:block;margin-top:8px;color:#a8a9ad;font-size:8px;font-weight:700;line-height:1.4;letter-spacing:.07em;text-transform:uppercase}
/* SERVICES */
.agency-services{background:#f4f4f1}
.agency-services .section-heading{max-width:680px}
.agency-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #cdcfcb!important}
.agency-service-card{position:relative;display:grid!important;grid-template-columns:42px minmax(0,1fr) 34px!important;grid-template-rows:auto auto auto!important;column-gap:17px!important;min-height:196px!important;padding:28px 18px 26px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #cdcfcb!important;border-radius:0!important;box-shadow:none!important;color:var(--eds-ink)!important;transition:background .22s ease,padding .22s ease!important}
.agency-service-card:nth-child(odd){padding-right:36px!important;border-right:1px solid #cdcfcb!important}
.agency-service-card:nth-child(even){padding-left:36px!important}
.agency-service-card>span{grid-column:1;grid-row:1/4;display:flex!important;width:32px!important;height:32px!important;align-items:center;justify-content:center;margin:0!important;border:1px solid #c9cbc7!important;border-radius:50%!important;color:#111!important;font-size:12px!important}
.agency-service-card h3{grid-column:2;grid-row:1;margin:0 0 10px!important;color:#15161a!important;font-size:18px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:-.035em!important}
.agency-service-card p{grid-column:2;grid-row:2;margin:0!important;color:#6a6b70!important;font-size:12px!important;line-height:1.65!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.agency-service-card a{grid-column:2;grid-row:3;align-self:end;width:max-content;margin-top:18px!important;padding-bottom:2px;border-bottom:1px solid #999;color:#17181c!important;font-size:8px!important;font-weight:800!important;line-height:1!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.agency-service-card:after{content:"↗";grid-column:3;grid-row:1;display:grid;width:30px;height:30px;place-items:center;border:1px solid #d0d1cf;color:#111;font-size:12px}
.agency-service-card:hover{padding-left:18px!important;padding-right:18px!important;background:#111!important}
.agency-service-card:hover *{color:#fff!important}
.agency-service-card:hover>span,.agency-service-card:hover:after{border-color:#555!important}
.agency-service-card:hover a{border-color:#777!important}
/* WORK / PROJECTS */
.agency-work{background:#fff}
.digital-project-grid,.home-project-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:44px 28px!important;width:100%!important;max-width:none!important;margin:0!important}
.digital-project-grid:has(> :only-child),.home-project-grid:has(> :only-child){grid-template-columns:minmax(0,780px)!important;justify-content:start!important}
.digital-project-card{min-width:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.digital-project-card .project-card-media,.digital-project-card>a:first-child{display:block;overflow:hidden;background:#ececea}
.digital-project-card img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;border-radius:0!important;transition:transform .5s var(--eds-ease)!important}
.digital-project-card:hover img{transform:scale(1.018)!important}
.digital-project-card h3{margin:15px 0 5px!important;color:#15161a!important;font-size:19px!important;line-height:1.15!important;letter-spacing:-.035em!important}
.digital-project-card p{max-width:600px!important;margin:0!important;color:#717278!important;font-size:11px!important;line-height:1.65!important}
.digital-project-card a{color:#15161a}
.agency-center{display:flex;justify-content:flex-start;margin-top:36px!important}
/* VIDEOS */
.agency-videos,.video-section{position:relative;background:#0b0c0f!important;color:#fff}
.agency-videos .section-heading h2,.video-section .section-heading h2{color:#fff!important}
.agency-videos .section-heading>span,.video-section .section-heading>span{color:var(--eds-yellow)!important}
.video-format-tabs{display:flex;gap:0;margin:0 0 28px}
.video-format-tabs button{min-width:54px;height:34px;padding:0 12px;border:1px solid #3b3c41;background:transparent;color:#b5b6bb;font-size:9px;font-weight:800}
.video-format-tabs button+button{border-left:0}
.video-format-tabs button.active,.video-format-tabs button:hover{background:var(--eds-yellow);border-color:var(--eds-yellow);color:var(--on-accent)}
.inline-video-grid,.home-inline-videos{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:start!important}
.inline-video-grid:has(> :not([hidden]):only-child),.home-inline-videos:has(> :not([hidden]):only-child){grid-template-columns:minmax(0,360px)!important;justify-content:center!important}
.inline-video-card{min-width:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff}
.inline-video-card[hidden]{display:none!important}
.inline-video-card.is-story{max-width:360px;justify-self:center}
.inline-video-player{position:relative;overflow:hidden;background:#17181c;border:1px solid #2a2b30}
.inline-video-card.is-story .inline-video-player{aspect-ratio:9/16}
.inline-video-card.is-feed .inline-video-player{aspect-ratio:16/9}
.inline-video-player video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.pro-video-badge{position:absolute;z-index:2;top:10px;left:10px;padding:5px 7px;background:#fff;color:#111;font-size:8px;font-weight:800}
.inline-video-copy{padding:11px 0 0;color:#fff}
.inline-video-copy strong{color:#fff;font-size:11px;font-weight:700}
/* CREATIVES */
.agency-creatives{background:#f3f3f0}
.agency-creatives .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:50px;max-width:none;align-items:end}
.agency-creatives .section-heading>span{grid-column:1/3}
.agency-creatives .section-heading h2{grid-column:1}
.agency-creatives .section-description{grid-column:2;grid-row:2;margin:0;align-self:end}
.agency-creative-grid,.creative-only-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.home-creative-item,.creative-only-item{display:block!important;width:100%!important;aspect-ratio:1/1!important;padding:0!important;border:0!important;border-radius:0!important;background:#ddd!important;overflow:hidden!important;cursor:pointer!important}
.home-creative-item img,.creative-only-item img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s var(--eds-ease),filter .3s ease!important}
.home-creative-item:hover img,.creative-only-item:hover img{transform:scale(1.025)!important;filter:contrast(1.03)!important}
/* TEAM */
.home-team-section{background:#fff!important;overflow:hidden}
.home-team-slider{position:relative}
.home-team-track{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(260px,31%)!important;gap:22px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 4px!important}
.home-team-track::-webkit-scrollbar{display:none}
.home-team-card{scroll-snap-align:start;min-width:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.home-team-photo{width:100%;aspect-ratio:4/5;overflow:hidden;background:#edeef0}
.home-team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--eds-ease)}
.home-team-card:hover .home-team-photo img{transform:scale(1.02)}
.home-team-copy{padding:14px 0 0!important}
.home-team-copy>span{display:block;color:#999ba0!important;font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.home-team-copy h3{margin:4px 0 12px!important;color:#17181c!important;font-size:19px!important;line-height:1.15!important}
.home-team-details{display:inline-block!important;padding:0 0 2px!important;border:0!important;border-bottom:1px solid #999!important;border-radius:0!important;background:transparent!important;color:#17181c!important;font-size:8px!important;font-weight:800!important;text-transform:uppercase!important}
.home-team-arrow{position:absolute!important;top:-78px!important;width:40px!important;height:40px!important;border:1px solid #d3d4d1!important;border-radius:0!important;background:#fff!important;color:#111!important;font-size:17px!important}
.home-team-prev{right:48px!important;left:auto!important}.home-team-next{right:0!important}
.home-team-arrow:hover{background:#111!important;color:#fff!important}
.home-team-track:has(> :only-child){grid-auto-columns:minmax(280px,360px)!important;justify-content:start!important}
.home-team-track:has(> :only-child)~.home-team-arrow,.home-team-slider:has(.home-team-track> :only-child) .home-team-arrow{display:none!important}
/* CLIENTS */
.partners-section{padding:64px 0;background:#f4f4f2!important}
.partners-section .section-heading{margin-bottom:26px}
.partners-slider{position:relative;padding:0 44px}
.partners-track{display:flex!important;gap:0!important;overflow:hidden!important;background:#fff;border:1px solid #dedfdd}
.partners-track article{display:grid!important;flex:1 0 16.666%!important;min-width:150px!important;height:92px!important;place-items:center!important;padding:16px!important;background:#fff!important;border-right:1px solid #e7e8e5!important}
.partners-track article:last-child{border-right:0!important}
.partners-track img{max-width:120px!important;max-height:54px!important;object-fit:contain!important;filter:grayscale(1);opacity:.72;transition:.2s ease}
.partners-track article:hover img{filter:none;opacity:1}
.partners-arrow{position:absolute;z-index:2;top:50%;width:34px;height:34px;border:0;background:#111;color:#fff;transform:translateY(-50%);font-size:17px}
.partners-prev{left:0}.partners-next{right:0}
.partners-arrow:hover{background:var(--primary);color:var(--on-primary)}
/* CTA ABOVE FOOTER */
.agency-cta{padding:32px 0;background:var(--primary);color:var(--on-primary)}
.agency-cta .container{display:flex;align-items:center;justify-content:space-between;gap:32px}
.agency-cta span{display:block;color:inherit;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.agency-cta h2{max-width:700px;margin:4px 0 0;color:inherit;font-size:clamp(24px,3vw,40px);font-weight:800;line-height:1.02;letter-spacing:-.045em}
.agency-cta a{display:inline-flex;min-height:42px;align-items:center;padding:0 16px;background:#111;color:#fff;border:1px solid #111;border-radius:0;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.agency-cta a:hover{background:#fff;color:#111;border-color:#fff}
/* FOOTER — conteúdo existente, sem frases extras */
.footer.footer-v62{padding:0!important;background:#0a0b0d!important;color:#fff!important;border-top:0!important}
.footer-v62:before,.footer-v62:after{display:none!important;content:none!important}
.footer-v62 .footer-shell{width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;padding:72px 0 58px!important}
.footer-v62 .footer-top-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.72fr) minmax(310px,.9fr)!important;gap:clamp(42px,6vw,86px)!important;align-items:start!important}
.footer-v62 .footer-brand,.footer-v62 .footer-nav,.footer-v62 .footer-contact{min-width:0!important}
.footer-v62 .footer-logo{display:block!important;width:auto!important;max-width:145px!important;max-height:58px!important;margin:0 0 22px!important;object-fit:contain!important}
.footer-v62 .footer-brand p{max-width:440px!important;margin:0 0 24px!important;color:#a8a9ae!important;font-size:12px!important;line-height:1.75!important}
.footer-v62 h4{margin:0 0 18px!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid #292a2f!important;color:#fff!important;font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important}
.footer-v62 h4:after{display:none!important;content:none!important}
.footer-v62 .footer-socials{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
.footer-v62 .footer-socials a{display:inline-flex!important;width:auto!important;height:32px!important;align-items:center!important;gap:8px!important;padding:0 10px!important;border:1px solid #33343a!important;border-radius:0!important;background:transparent!important;color:#c9cacf!important;font-size:8px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important}
.footer-v62 .footer-socials a:hover{transform:none!important;background:#fff!important;border-color:#fff!important;color:#111!important}
.footer-v62 .footer-socials b{font-size:10px!important}
.footer-v62 .footer-nav-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 24px!important}
.footer-v62 .footer-nav-grid a{display:block!important;padding:8px 0!important;border-bottom:1px solid #24252a!important;color:#b4b5ba!important;font-size:10px!important;font-weight:600!important;line-height:1.35!important}
.footer-v62 .footer-nav-grid a:hover{color:#fff!important;padding-left:4px!important}
.footer-v62 .footer-legal{display:flex!important;flex-wrap:wrap!important;gap:12px 16px!important;margin-top:18px!important}
.footer-v62 .footer-legal a{color:#777980!important;font-size:8px!important;font-weight:650!important;text-decoration:none!important}
.footer-v62 .footer-legal a:hover{color:#fff!important}
.footer-v62 .footer-contact-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.footer-v62 .footer-contact-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:54px!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #24252a!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
.footer-v62 a.footer-contact-row:hover{background:transparent!important;transform:none!important}
.footer-v62 .footer-contact-icon{display:grid!important;width:28px!important;height:28px!important;place-items:center!important;border:1px solid #33343a!important;border-radius:0!important;background:transparent!important;color:#fff!important}
.footer-v62 .footer-contact-icon svg{width:14px!important;height:14px!important}
.footer-v62 .footer-contact-row small{display:block!important;margin-bottom:2px!important;color:#777980!important;font-size:7px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.footer-v62 .footer-contact-row strong{display:block!important;color:#d5d6da!important;font-size:10px!important;font-weight:650!important;line-height:1.4!important;overflow-wrap:anywhere!important}
.footer-v62 .footer-contact-row>b{color:#777980!important;font-size:12px!important}
.footer-v62 a.footer-contact-row:hover strong,.footer-v62 a.footer-contact-row:hover>b{color:#fff!important}
.footer-bottom{padding:0!important;background:#07080a!important;border-top:1px solid #1c1d21!important}
.footer-bottom-inner{display:flex!important;min-height:56px!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;color:#707279!important}
.footer-copyright{color:#707279!important;font-size:8px!important;line-height:1.4!important}
.developer-credit{display:flex!important;align-items:center!important;gap:8px!important;color:#707279!important;font-size:7px!important}
.developer-credit span{color:#707279!important}.developer-credit strong,.developer-credit a{color:#9b9ca1!important}
.developer-credit img{max-height:24px!important;max-width:90px!important}
/* PUBLIC INTERNAL PAGES */
.page-hero,.news-detail-hero,.institutional-hero,.unit-hero{position:relative;min-height:300px;padding:76px 0;background-color:#111;color:#fff;background-size:cover;background-position:center}
.page-hero:before,.news-detail-hero:before,.institutional-hero:before,.unit-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,10,.92),rgba(6,7,10,.58))}
.page-hero>.container,.news-detail-hero>.container,.institutional-hero>.container,.unit-hero>.container,.news-detail-hero-inner{position:relative;z-index:1}
.page-hero h1,.news-detail-hero h1,.institutional-hero h1,.unit-hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(40px,5vw,66px);font-weight:800;line-height:.98;letter-spacing:-.055em;text-transform:none}
.page-description,.news-page-summary{max-width:720px;margin-top:18px;color:rgba(255,255,255,.75)!important;font-size:14px;line-height:1.7}
.service-detail,.project-detail-section,.news-archive-section,.videos-page,.creative-gallery-page,.contact-section,.institutional-content,.transparency-section{padding:clamp(66px,7vw,105px) 0}
.service-detail-grid,.project-digital-layout,.contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);gap:clamp(38px,6vw,80px);align-items:start}
.service-detail-cover img,.project-fullpage-shot img,.project-page-media img{width:100%;height:auto;border-radius:0}
.project-information-card,.form-card,.contact-v62-form,.agency-career-form,.volunteer-form{padding:28px!important;background:#f5f5f3!important;border:1px solid #dedfdd!important;border-radius:0!important;box-shadow:none!important}
.news-archive-grid,.units-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
.news-archive-card,.unit-card,.related-news-card,.other-unit-card{background:#fff;border:1px solid #e0e1df;border-radius:0;box-shadow:none;overflow:hidden}
.news-archive-card img,.unit-card img,.related-news-card img,.other-unit-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.news-archive-content{padding:18px}
.news-archive-content h2,.news-archive-content h3{font-size:18px;line-height:1.2}
.news-archive-content p{color:#6c6e73;font-size:12px;line-height:1.65}
.field label,.contact-v62-field label{display:block;margin-bottom:7px;color:#3e4045;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
input,textarea,select{width:100%;min-height:44px;padding:11px 12px;border:1px solid #cfd1ce!important;border-radius:0!important;background:#fff!important;color:#1d1e22!important;box-shadow:none!important;font-size:12px!important}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--primary) 30%,transparent)!important;border-color:var(--primary)!important}
.contact-v62-submit,.contact-submit-button,.volunteer-submit,.btn,.mini-btn,.transparency-download-btn{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:0 16px;border:1px solid #111!important;border-radius:0!important;background:#111!important;color:#fff!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.contact-v62-submit:hover,.contact-submit-button:hover,.volunteer-submit:hover,.btn:hover,.mini-btn:hover,.transparency-download-btn:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}
.pagination,.professional-pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:36px}
.pagination a,.professional-pagination a{display:grid;min-width:36px;height:36px;place-items:center;border:1px solid #d6d7d4;background:#fff;color:#222;font-size:10px}
.pagination a.active,.pagination a:hover,.professional-pagination a.active,.professional-pagination a:hover{background:#111;color:#fff;border-color:#111}
/* Contrast safety: dark zones */
:where(.hero,.agency-numbers,.agency-videos,.video-section,.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.footer,.footer-bottom) :where(h1,h2,h3,h4,h5,h6,p,li,strong,b,em,i,small,label,address){color:inherit}
:where(.hero,.agency-videos,.video-section,.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.footer) a{color:inherit}
/* ACCESSIBILITY / FIXED WIDGETS */
.back-to-top{background:#111!important;color:#fff!important;border-radius:0!important}
.cookie-consent{background:#111!important;color:#fff!important;border-radius:0!important}
.cookie-consent *{color:inherit}
.cookie-button--primary{background:var(--accent)!important;color:var(--on-accent)!important}
.cookie-button--secondary{background:transparent!important;color:#fff!important;border:1px solid #555!important}
/* TABLET */
@media(max-width:1100px){
.container{width:min(100% - 36px,980px)}
.header-actions{display:none}
.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;padding:0;border:0;background:none;color:#111;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.menu-toggle-lines{display:flex;width:24px;gap:5px;flex-direction:column}.menu-toggle-lines i{display:block;width:24px;height:1px;background:#111}
.main-nav{position:fixed;z-index:1002;top:0;right:0;bottom:0;width:min(420px,90vw);display:flex!important;padding:30px 28px 36px;flex-direction:column;align-items:stretch;gap:0;background:#0d0e11;color:#fff;transform:translateX(105%);transition:transform .28s var(--eds-ease);overflow-y:auto}
.main-nav.open{transform:none}
.mobile-nav-head{display:block;padding:0 0 28px;margin-bottom:10px;border-bottom:1px solid #2a2b30}.mobile-nav-head span{display:block;color:#fff;font-size:22px;font-weight:800}.mobile-nav-head small{display:block;margin-top:4px;color:#777980;font-size:9px}
.main-nav>a,.nav-dropdown-toggle{display:block;width:100%;padding:17px 0;border:0;border-bottom:1px solid #24252a;color:#fff!important;font-size:17px;font-weight:650;line-height:1.2;text-align:left;text-transform:none;letter-spacing:-.02em}
.main-nav>a:after,.nav-dropdown-toggle:after{display:none}
.main-nav>a:hover,.nav-dropdown-toggle:hover{color:var(--accent)!important}
.nav-dropdown-menu{position:static;display:none;min-width:0;padding:0 0 6px 16px;background:transparent;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
.nav-dropdown.open .nav-dropdown-menu{display:block}
.nav-dropdown-menu a{padding:12px 0;border-bottom:1px solid #202126;color:#aaaeb5!important;font-size:12px}
.mobile-menu-actions{display:grid;gap:8px;margin-top:auto;padding-top:28px}
.mobile-menu-actions a{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #3a3b40;color:#fff!important;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.mobile-menu-actions .mobile-menu-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)!important}
.menu-backdrop{position:fixed;z-index:1001;inset:0;display:block;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease}
.menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.hero-copy>*{width:min(650px,72vw)}
.agency-intro-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:48px}
.agency-numbers .container{grid-template-columns:145px 1fr}
.agency-number-grid article{padding-inline:16px}
.agency-creatives .section-heading{grid-template-columns:1fr;gap:12px}.agency-creatives .section-heading>span,.agency-creatives .section-heading h2,.agency-creatives .section-description{grid-column:1;grid-row:auto}
.footer-v62 .footer-top-grid{grid-template-columns:1fr 1fr!important}.footer-v62 .footer-contact{grid-column:1/3}
.footer-v62 .footer-contact-list{grid-template-columns:1fr 1fr!important;gap:0 28px!important}
}
/* MOBILE */
@media(max-width:760px){
body{font-size:14px}
.container{width:calc(100% - 28px)}
.section{padding:64px 0}
.site-header,.header-inner{height:66px}
.brand img{max-width:108px;max-height:40px}
.menu-toggle-label{display:none}
.hero-stage{height:600px;min-height:600px}
.hero-overlay{background:linear-gradient(90deg,rgba(5,6,9,.94) 0%,rgba(5,6,9,.75) 72%,rgba(5,6,9,.44) 100%)}
.hero-copy>*{width:100%}
.hero-copy h1{font-size:clamp(38px,12vw,56px)!important;max-width:96%!important}
.hero-description{font-size:12px;max-width:92%}
.slide-arrow{display:none}.hero-dots{left:14px;bottom:20px}
.section-heading{margin-bottom:28px}.section-heading h2{font-size:34px}
.agency-intro-grid{grid-template-columns:1fr;gap:38px}
.agency-intro h2{font-size:42px}
.agency-info-card{padding-left:20px!important}
.agency-numbers .container{display:block;width:100%}.agency-numbers .section-heading{min-height:0;padding:24px 14px 18px;border-right:0;border-bottom:1px solid #292a2f}.agency-number-grid{grid-template-columns:repeat(2,1fr)}.agency-number-grid article{min-height:112px;padding:22px 14px;border-right:1px solid #292a2f;border-bottom:1px solid #292a2f}.agency-number-grid article:nth-child(2n){border-right:0}.agency-number-grid strong{font-size:32px}
.agency-card-grid{grid-template-columns:1fr!important}.agency-service-card,.agency-service-card:nth-child(odd),.agency-service-card:nth-child(even){grid-template-columns:38px minmax(0,1fr) 30px!important;min-height:0!important;padding:24px 0!important;border-right:0!important}.agency-service-card:hover{padding:24px 14px!important}.agency-service-card h3{font-size:16px!important}
.digital-project-grid,.home-project-grid{grid-template-columns:1fr!important;gap:34px!important}.digital-project-grid:has(> :only-child),.home-project-grid:has(> :only-child){grid-template-columns:1fr!important}.agency-center{margin-top:26px!important}
.inline-video-grid,.home-inline-videos{grid-template-columns:1fr!important}.inline-video-card.is-story{width:min(100%,290px);max-width:290px}.inline-video-card.is-feed{width:100%}
.agency-creative-grid,.creative-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
.home-team-track{grid-auto-columns:78%!important;gap:14px!important}.home-team-arrow{display:none!important}
.partners-section{padding:52px 0}.partners-slider{padding:0 34px}.partners-track article{flex:0 0 50%!important;min-width:50%!important;height:78px!important}.partners-track img{max-width:95px!important;max-height:45px!important}.partners-arrow{width:28px;height:28px}
.agency-cta .container{display:block}.agency-cta h2{font-size:28px}.agency-cta a{margin-top:18px}
.footer-v62 .footer-shell{width:calc(100% - 28px)!important;padding:56px 0 44px!important}.footer-v62 .footer-top-grid{grid-template-columns:1fr!important;gap:42px!important}.footer-v62 .footer-contact{grid-column:auto}.footer-v62 .footer-contact-list{grid-template-columns:1fr!important}.footer-v62 .footer-nav-grid{grid-template-columns:1fr 1fr!important}.footer-bottom-inner{display:block!important;padding:16px 0!important;min-height:0!important}.developer-credit{margin-top:8px!important}
.page-hero,.news-detail-hero,.institutional-hero,.unit-hero{min-height:250px;padding:58px 0}.page-hero h1,.news-detail-hero h1,.institutional-hero h1,.unit-hero h1{font-size:38px}
.service-detail-grid,.project-digital-layout,.contact-grid{grid-template-columns:1fr;gap:34px}.news-archive-grid,.units-public-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
.container{width:calc(100% - 22px)}
.hero-copy h1{font-size:40px!important}
.agency-intro h2{font-size:36px}
.agency-creative-grid,.creative-only-grid{grid-template-columns:1fr 1fr!important}
.footer-v62 .footer-nav-grid{grid-template-columns:1fr!important}
}
/* V16 finishing fixes for project cards and legacy pseudo-elements */
.digital-project-media{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;background:#ececea!important}
.digital-project-media>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:top!important;animation:none!important;transform:none!important}
.digital-project-body{display:flex!important;min-height:220px!important;padding:18px 0 0!important;flex-direction:column!important;background:transparent!important}
.digital-project-meta{display:flex!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:7px!important}
.digital-project-meta span{color:#8c8e93!important;font-size:7px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.digital-project-body>strong{color:#4f5156!important;font-size:10px!important;font-weight:750!important;line-height:1.4!important}
.digital-project-body>p{margin:7px 0 0!important;color:#6f7176!important;font-size:11px!important;line-height:1.65!important}
.digital-project-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid #e1e2df!important}
.digital-project-actions a,.digital-project-actions button{padding:0 0 2px!important;border:0!important;border-bottom:1px solid #9fa09d!important;border-radius:0!important;background:transparent!important;color:#16171b!important;font-size:8px!important;font-weight:800!important;line-height:1.1!important;text-transform:uppercase!important;letter-spacing:.06em!important;cursor:pointer!important}
.digital-project-actions a:hover,.digital-project-actions button:hover{border-color:var(--primary)!important;color:var(--primary)!important}
.project-site-trigger{position:absolute!important;z-index:3!important;right:12px!important;bottom:12px!important;left:auto!important;top:auto!important;display:flex!important;align-items:center!important;gap:7px!important;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:0!important;background:rgba(12,13,16,.88)!important;color:#fff!important;font-size:8px!important;font-weight:800!important;opacity:0!important;visibility:hidden!important;transform:translateY(5px)!important;transition:.2s ease!important}
.digital-project-card:hover .project-site-trigger,.project-site-trigger:focus-visible{opacity:1!important;visibility:visible!important;transform:none!important}
.home-team-section .section-heading:before,.home-team-section .section-heading:after,.home-team-section .section-heading h2:before,.home-team-section .section-heading h2:after{display:none!important;content:none!important}
@media(max-width:760px){
.digital-project-body{min-height:0!important;padding-top:14px!important}
.project-site-trigger{opacity:1!important;visibility:visible!important;transform:none!important}
}
/* V22 — auditoria final: layout público, contraste e responsividade */
:root{--public-max:1180px;--public-gutter:clamp(18px,4vw,42px)}
html,body{max-width:100%;overflow-x:hidden}
body.site-menu-open{overflow:hidden!important;touch-action:none}
.container{width:min(var(--public-max),calc(100% - (var(--public-gutter)*2)))!important;max-width:none!important}
img,video,iframe,svg{max-width:100%}
.rich-content,.content,.page-description,.prose{overflow-wrap:anywhere;word-break:normal}
/* Header/menu: desktop and drawer use the same 1100px breakpoint as JS. */
.site-header{width:100%}
.menu-backdrop{border:0}
@media(max-width:1100px){
.header-actions{display:none!important}
.menu-toggle{display:flex!important;align-items:center;gap:9px;margin-left:auto!important;color:#111!important;position:relative;z-index:1004}
.main-nav{position:fixed!important;z-index:1003!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(420px,92vw)!important;height:100dvh!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:30px 28px 36px!important;background:#0d0e11!important;color:#fff!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:translateX(105%)!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transition:transform .25s ease!important}
.main-nav.open{transform:translateX(0)!important;pointer-events:auto!important}
.main-nav>a,.nav-dropdown-toggle{width:100%!important;padding:17px 0!important;border:0!important;border-bottom:1px solid #28292e!important;background:transparent!important;color:#fff!important;text-align:left!important;font-size:17px!important;line-height:1.25!important;white-space:normal!important}
.main-nav>a:hover,.main-nav>a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:var(--accent)!important;background:transparent!important}
.nav-dropdown-menu{position:static!important;display:none!important;min-width:0!important;padding:0 0 6px 15px!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
.nav-dropdown.open .nav-dropdown-menu{display:block!important}
.nav-dropdown-menu a{display:block!important;padding:12px 0!important;border-bottom:1px solid #222329!important;color:#c4c6cc!important;font-size:12px!important;white-space:normal!important}
.mobile-nav-head,.mobile-menu-actions{display:block!important}
.mobile-menu-actions{display:grid!important;gap:8px!important;margin-top:auto!important;padding-top:28px!important}
.menu-backdrop{position:fixed!important;z-index:1002!important;inset:0!important;display:block!important;background:rgba(0,0,0,.58)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.menu-backdrop.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
/* Inner page headings: one predictable scale, no clipped words. */
.page-hero,.institutional-hero,.news-detail-hero,.unit-hero{min-height:clamp(250px,32vw,390px)!important;padding:clamp(68px,8vw,112px) 0 clamp(52px,7vw,86px)!important;display:flex!important;align-items:flex-end!important;overflow:hidden!important}
.page-hero>.container,.institutional-hero>.container,.news-detail-hero>.container,.unit-hero>.container,.news-detail-hero-inner{width:min(var(--public-max),calc(100% - (var(--public-gutter)*2)))!important;margin-inline:auto!important;padding:0!important}
.page-hero h1,.institutional-hero h1,.news-detail-hero h1,.unit-hero h1{max-width:1000px!important;margin:8px 0 0!important;padding:0!important;font-size:clamp(40px,5vw,70px)!important;line-height:1.04!important;letter-spacing:-.04em!important;font-weight:800!important;text-transform:none!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-wrap:balance!important}
.page-hero p,.page-hero .page-description,.institutional-hero p,.news-detail-hero p,.unit-hero p{max-width:780px!important;margin:17px 0 0!important;font-size:clamp(14px,1.35vw,17px)!important;line-height:1.65!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}
.page-hero .page-description p{margin:0!important}
/* Home intro media: direct uploaded file, stable box and no collapse. */
.agency-intro-grid.has-intro-media{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;gap:clamp(38px,6vw,82px)!important;align-items:start!important}
.agency-intro-side{min-width:0!important;display:grid!important;gap:22px!important;align-content:start!important}
/* Home intro media: transparent image background, no black fill behind PNG/WebP with transparency. */
.agency-intro-media{position:relative!important;width:100%!important;min-height:240px!important;margin:0!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important}
.agency-intro-media.is-image{aspect-ratio:4/3!important}
.agency-intro-media.is-video{aspect-ratio:16/9!important;background:#111!important}
.agency-intro-media img,.agency-intro-media video,.agency-intro-media iframe{display:block!important;width:100%!important;height:100%!important;margin:0!important;border:0!important}
.agency-intro-media img{object-fit:contain!important;object-position:center center!important;background:transparent!important}
.agency-intro-media video,.agency-intro-media iframe{object-fit:cover!important}
.agency-info-card{margin:0!important}
/* Universal contrast safety without changing configured content. */
:where(.hero,.agency-numbers,.agency-videos,.video-section,.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.footer,.footer-bottom){color:#fff}
:where(.hero,.agency-numbers,.agency-videos,.video-section,.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.footer,.footer-bottom) :where(h1,h2,h3,h4,h5,h6,p,li,small,strong,b,em,label,address){color:inherit}
:where(.hero,.agency-videos,.video-section,.page-hero,.news-detail-hero,.institutional-hero,.unit-hero,.footer) a:not(.hero-button):not(.btn):not(.pill-btn){color:inherit}
button,input,select,textarea{font-family:inherit}
/* Prevent cards/text from overflowing their grid tracks. */
.agency-intro-grid>*,.agency-card-grid>*,.digital-project-grid>*,.home-project-grid>*,.agency-video-grid>*,.inline-video-grid>*,.agency-creative-grid>*,.home-team-track>*,.footer-top-grid>*{min-width:0}
.digital-project-body h2,.digital-project-body h3,.agency-service-card h3,.home-team-card h3,.footer-v62 h4{overflow-wrap:anywhere;word-break:normal}
/* Footer: compact, aligned, readable. */
.footer-v62 .footer-shell{padding-top:58px!important;padding-bottom:42px!important}
.footer-v62 .footer-top-grid{align-items:start!important;gap:clamp(34px,5vw,70px)!important}
.footer-v62 .footer-brand p,.footer-v62 .footer-nav a,.footer-v62 .footer-contact-row{line-height:1.55!important}
.footer-v62 .footer-contact-row strong,.footer-v62 .footer-contact-row span{overflow-wrap:anywhere!important;word-break:normal!important}
.footer-v62 a:hover,.footer-v62 a:focus-visible{color:var(--accent)!important}
@media(max-width:900px){
.agency-intro-grid.has-intro-media{grid-template-columns:1fr!important;gap:32px!important}
.agency-intro-media{max-width:760px!important}
.footer-v62 .footer-top-grid{grid-template-columns:1fr 1fr!important}
.footer-v62 .footer-contact{grid-column:1/-1!important}
}
@media(max-width:760px){
:root{--public-gutter:14px}
.section{padding:58px 0!important}
.site-header,.header-inner{height:66px!important}
.page-hero,.institutional-hero,.news-detail-hero,.unit-hero{min-height:220px!important;padding:54px 0 44px!important}
.page-hero h1,.institutional-hero h1,.news-detail-hero h1,.unit-hero h1{font-size:clamp(31px,10vw,43px)!important;line-height:1.06!important;letter-spacing:-.03em!important}
.page-hero p,.page-hero .page-description,.institutional-hero p,.news-detail-hero p,.unit-hero p{font-size:14px!important;line-height:1.55!important}
.agency-intro h2{font-size:clamp(34px,10vw,44px)!important;overflow-wrap:anywhere}
.agency-intro-media{min-height:0!important}
.agency-intro-media.is-image{aspect-ratio:4/3!important}
.agency-card-grid,.digital-project-grid,.home-project-grid,.inline-video-grid,.agency-video-grid,.news-archive-grid,.units-public-grid,.service-detail-grid,.project-digital-layout,.contact-grid{grid-template-columns:1fr!important}
.agency-creative-grid,.creative-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.footer-v62 .footer-shell{width:calc(100% - 28px)!important;padding:48px 0 36px!important}
.footer-v62 .footer-top-grid{grid-template-columns:1fr!important;gap:34px!important}
.footer-v62 .footer-contact{grid-column:auto!important}
.footer-v62 .footer-contact-list{grid-template-columns:1fr!important}
.footer-v62 .footer-nav-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:420px){
.agency-creative-grid,.creative-only-grid{grid-template-columns:1fr!important}
.footer-v62 .footer-nav-grid{grid-template-columns:1fr!important}
}
/* V22.1 — contrastes mínimos identificados na auditoria estática */
.pill-btn.yellow{color:#111!important}
.faq-graphic span{color:#111!important}
.contact-v62-whatsapp-icon{color:#111!important}
/* V24 — mídia de Dados da Empresa ocupa exatamente a coluna lateral */
.agency-intro-side{display:block!important;min-width:0!important}
.agency-intro-side>.agency-intro-media{width:100%!important;margin:0!important}
.agency-intro-grid.has-intro-media .agency-intro-side{align-self:stretch!important}
.agency-intro-grid.has-intro-media .agency-intro-media{height:100%!important;min-height:360px!important;aspect-ratio:auto!important}
.agency-intro-grid.has-intro-media .agency-intro-media img,
.agency-intro-grid.has-intro-media .agency-intro-media video,
.agency-intro-grid.has-intro-media .agency-intro-media iframe{width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important}
@media (max-width:1100px){
.agency-intro-grid.has-intro-media .agency-intro-media,
.agency-intro-grid.has-intro-media .agency-intro-media img,
.agency-intro-grid.has-intro-media .agency-intro-media video,
.agency-intro-grid.has-intro-media .agency-intro-media iframe{min-height:280px!important}
}
@media (max-width:700px){
.agency-intro-grid.has-intro-media .agency-intro-media{height:auto!important;aspect-ratio:4/3!important;min-height:0!important}
.agency-intro-grid.has-intro-media .agency-intro-media.is-video{aspect-ratio:16/9!important}
.agency-intro-grid.has-intro-media .agency-intro-media img,
.agency-intro-grid.has-intro-media .agency-intro-media video,
.agency-intro-grid.has-intro-media .agency-intro-media iframe{min-height:0!important}
}
/* Efeito 3D da foto do bloco Quem Somos na página inicial. */
.agency-intro-media.is-image{
perspective:1000px!important;
transform-style:preserve-3d!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
outline:0!important;
overflow:visible!important;
}
.agency-intro-media.is-image img{
object-fit:contain!important;
object-position:center center!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
outline:0!important;
transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(0);
transform-origin:center center;
transition:transform .18s ease-out;
will-change:transform;
backface-visibility:hidden;
}
@media (hover:hover) and (pointer:fine){
.agency-intro-media.is-image.is-tilting img{transition:transform .045s linear;}
}
@media (prefers-reduced-motion:reduce){
.agency-intro-media.is-image img{transform:none!important;transition:none!important;}
}
/* Nossos Números: centraliza cada valor e legenda dentro da própria célula. */
.agency-number-grid article{
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
.agency-number-grid strong,
.agency-number-grid span{
width:100%!important;
text-align:center!important;
}
/* Home services: 3D flip cards with reveal button on hover */
.agency-services .agency-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;border-top:0!important;align-items:stretch!important}
.agency-services .agency-service-card{position:relative!important;display:block!important;min-height:300px!important;padding:0!important;border:0!important;border-radius:24px!important;background:transparent!important;box-shadow:none!important;perspective:1400px!important;color:var(--eds-ink)!important;overflow:visible!important}
.agency-services .agency-service-card:nth-child(odd),.agency-services .agency-service-card:nth-child(even){padding:0!important;border-right:0!important}
.agency-services .agency-service-card:after{content:none!important;display:none!important}
.agency-services .service-card-3d{position:relative!important;width:100%!important;height:100%!important;min-height:300px!important;transform-style:preserve-3d!important;transition:transform .7s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease!important}
.agency-services .agency-service-card:hover .service-card-3d,.agency-services .agency-service-card:focus-within .service-card-3d{transform:rotateY(180deg)!important}
.agency-services .service-card-face{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:14px!important;padding:30px!important;border-radius:24px!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;overflow:hidden!important;min-height:300px!important}
.agency-services .service-card-front{background:#ffffff!important;border:1px solid #e8e8e8!important;box-shadow:0 18px 45px rgba(0,0,0,.08)!important}
.agency-services{--service-back-bg:var(--secondary);--service-back-text:#ffffff;--service-back-btn-bg:#ffffff;--service-back-btn-text:#111111;--service-back-btn-border:#ffffff}.agency-services .service-card-back{background:var(--service-back-bg)!important;color:var(--service-back-text)!important;transform:rotateY(180deg)!important;box-shadow:0 22px 54px rgba(0,0,0,.22)!important;border:1px solid var(--service-back-bg)!important}
.agency-services .service-card-front h3,.agency-services .service-card-back h3{margin:0!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.03em!important;font-weight:800!important}
.agency-services .service-card-front p,.agency-services .service-card-back p{margin:0!important;font-size:14px!important;line-height:1.7!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important}
.agency-services .service-card-front h3,.agency-services .service-card-front p{color:#16171b!important}
.agency-services .service-card-back h3,.agency-services .service-card-back p{color:var(--service-back-text)!important}
.agency-services .service-icon-badge{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0!important;border-radius:16px!important;border:1px solid rgba(0,0,0,.08)!important;background:rgba(255,255,255,.95)!important;color:var(--primary)!important;font-size:22px!important;box-shadow:0 10px 24px rgba(0,0,0,.06)!important}
.agency-services .service-card-back-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:14px!important;height:100%!important;width:100%!important}
.agency-services .service-back-kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 12px!important;border-radius:999px!important;background:var(--service-back-btn-bg)!important;border:1px solid var(--service-back-btn-border)!important;color:var(--service-back-btn-text)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.agency-services .service-back-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:10px!important;padding:14px 20px!important;border:2px solid var(--service-back-btn-border)!important;border-radius:999px!important;background:var(--service-back-btn-bg)!important;color:var(--service-back-btn-text)!important;font-size:11px!important;font-weight:900!important;line-height:1!important;letter-spacing:.07em!important;text-transform:uppercase!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.agency-services .service-back-button:hover{opacity:.92!important;transform:translateY(-2px)!important}
.agency-services .agency-service-card:hover :not(.service-back-kicker):not(.service-back-button){color:inherit!important}
.agency-services .agency-service-card:hover .service-back-kicker,.agency-services .agency-service-card:focus-within .service-back-kicker{background:var(--service-back-btn-bg)!important;border-color:var(--service-back-btn-border)!important;color:var(--service-back-btn-text)!important}
.agency-services .agency-service-card:hover .service-back-button,.agency-services .agency-service-card:focus-within .service-back-button,.agency-services .agency-service-card:hover .service-back-button:visited,.agency-services .agency-service-card:focus-within .service-back-button:visited{background:var(--service-back-btn-bg)!important;border-color:var(--service-back-btn-border)!important;color:var(--service-back-btn-text)!important;-webkit-text-fill-color:var(--service-back-btn-text)!important}
@media(max-width:1100px){.agency-services .agency-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.agency-services .agency-card-grid{grid-template-columns:1fr!important}.agency-services .agency-service-card,.agency-services .agency-service-card:nth-child(odd),.agency-services .agency-service-card:nth-child(even){min-height:280px!important}.agency-services .service-card-3d,.agency-services .service-card-face{min-height:280px!important}}
@media(max-width:640px){.agency-services .service-card-face{padding:24px!important}.agency-services .service-card-front h3,.agency-services .service-card-back h3{font-size:20px!important}.agency-services .service-card-front p,.agency-services .service-card-back p{font-size:13px!important}}
/* METODOLOGIA: módulo próprio acima de Serviços, 3 cards por linha e giro 3D vertical. */
.methodology-section{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:var(--methodology-bg-color,var(--secondary))!important;color:var(--methodology-text,#fff)!important}
.methodology-bg{position:absolute!important;z-index:-2!important;inset:0!important;background-color:var(--methodology-bg-color,var(--secondary))!important;background-image:var(--methodology-bg-image,none)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.methodology-bg:after{content:""!important;position:absolute!important;inset:0!important;background:transparent!important}.methodology-section.has-background-image .methodology-bg:after{background:rgba(0,0,0,.38)!important}
.methodology-container{position:relative!important;z-index:1!important}
.methodology-heading span,.methodology-heading h2{color:var(--methodology-text,#fff)!important}
.methodology-heading h2:after{border-color:currentColor!important;opacity:.45!important}
.methodology-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.methodology-card{position:relative!important;min-height:310px!important;perspective:1500px!important;outline:none!important}
.methodology-card-3d{position:relative!important;width:100%!important;height:100%!important;min-height:310px!important;transform-style:preserve-3d!important;transition:transform .72s cubic-bezier(.2,.75,.2,1),filter .3s ease!important;transform-origin:center center!important}
.methodology-card:hover .methodology-card-3d,.methodology-card:focus .methodology-card-3d,.methodology-card:focus-within .methodology-card-3d{transform:translateY(-6px) rotateY(180deg)!important;filter:drop-shadow(0 22px 22px rgba(0,0,0,.2))!important}
.methodology-face{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:30px!important;border-radius:24px!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;overflow:hidden!important}
.methodology-front{background:#fff!important;color:#17181b!important;border:1px solid rgba(255,255,255,.5)!important}
.methodology-back{background:var(--primary)!important;color:var(--on-primary)!important;border:1px solid var(--primary)!important;transform:rotateY(180deg)!important;visibility:visible!important;opacity:1!important}
.methodology-icon{display:grid!important;width:54px!important;height:54px!important;place-items:center!important;margin-bottom:16px!important;border-radius:50%!important;background:var(--primary)!important;color:var(--on-primary)!important;font-size:20px!important;font-weight:900!important}
.methodology-back .methodology-icon{background:var(--on-primary)!important;color:var(--primary)!important}
.methodology-face h3{margin:0 0 12px!important;font-size:22px!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.025em!important;color:inherit!important}
.methodology-face p{margin:0!important;font-size:13px!important;line-height:1.7!important;color:inherit!important;white-space:pre-line!important}
@media(max-width:1050px){.methodology-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.methodology-grid{grid-template-columns:1fr!important}.methodology-card,.methodology-card-3d{min-height:285px!important}.methodology-face{padding:25px!important}}
@media(prefers-reduced-motion:reduce){.methodology-card-3d{transition:none!important}.methodology-card:hover .methodology-card-3d,.methodology-card:focus .methodology-card-3d,.methodology-card:focus-within .methodology-card-3d{transform:none!important}.methodology-back{display:none!important}}
.methodology-back h3,.methodology-back p{display:block!important;visibility:visible!important;opacity:1!important;color:var(--on-primary)!important;transform:none!important}
/* Metodologia: efeito robusto com frente/verso sem texto invertido */
.methodology-card{position:relative!important;min-height:310px!important;perspective:1600px!important;outline:none!important}
.methodology-card-3d{position:relative!important;width:100%!important;height:100%!important;min-height:310px!important;transform-style:preserve-3d!important;transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .3s ease!important;transform-origin:center center!important}
.methodology-card:hover .methodology-card-3d,.methodology-card:focus .methodology-card-3d,.methodology-card:focus-within .methodology-card-3d{transform:translateY(-8px) rotateX(6deg) rotateZ(-1deg)!important;filter:drop-shadow(0 24px 26px rgba(0,0,0,.20))!important}
.methodology-face{position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:30px!important;border-radius:24px!important;overflow:hidden!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;transition:opacity .34s ease,transform .42s cubic-bezier(.2,.75,.2,1),visibility .34s ease!important;transform-style:preserve-3d!important}
.methodology-front{background:#fff!important;color:#17181b!important;border:1px solid rgba(255,255,255,.5)!important;opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;z-index:2!important}
.methodology-back{background:var(--primary)!important;color:var(--on-primary)!important;border:1px solid var(--primary)!important;opacity:0!important;visibility:hidden!important;transform:translateY(26px) scale(.965)!important;z-index:1!important}
.methodology-card:hover .methodology-front,.methodology-card:focus .methodology-front,.methodology-card:focus-within .methodology-front{opacity:0!important;visibility:hidden!important;transform:translateY(-22px) scale(.965)!important}
.methodology-card:hover .methodology-back,.methodology-card:focus .methodology-back,.methodology-card:focus-within .methodology-back{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important;z-index:3!important}
.methodology-face h3,.methodology-face p,.methodology-face .methodology-icon{transform:none!important}
.methodology-back h3,.methodology-back p{display:block!important;visibility:visible!important;opacity:1!important;color:var(--on-primary)!important;transform:none!important}
@media(max-width:700px){.methodology-card,.methodology-card-3d{min-height:285px!important}.methodology-face{padding:25px!important}}
@media(prefers-reduced-motion:reduce){.methodology-card-3d,.methodology-face{transition:none!important}.methodology-card:hover .methodology-card-3d,.methodology-card:focus .methodology-card-3d,.methodology-card:focus-within .methodology-card-3d{transform:none!important;filter:none!important}.methodology-front,.methodology-back{position:relative!important;opacity:1!important;visibility:visible!important;transform:none!important}.methodology-back{margin-top:14px!important}}
/* Nossos Números: faixa mais alta + contadores animados */
.agency-numbers .section-heading{min-height:190px!important;padding-top:38px!important;padding-bottom:38px!important}
.agency-number-grid article{min-height:190px!important;padding-top:36px!important;padding-bottom:36px!important}
.agency-number-grid strong.number-counter{font-variant-numeric:tabular-nums!important;min-height:1em!important}
@media(max-width:760px){.agency-numbers .section-heading{min-height:130px!important;padding-top:30px!important;padding-bottom:24px!important}.agency-number-grid article{min-height:145px!important;padding-top:30px!important;padding-bottom:30px!important}}
/* Nossos Números — layout refinado e divisórias corrigidas */
.agency-numbers{padding:0!important;background:var(--eds-dark)!important;color:#fff!important}
.agency-numbers .container{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;align-items:stretch!important;width:min(1180px,92%)!important}
.agency-numbers .section-heading{display:flex!important;min-height:220px!important;margin:0!important;padding:42px 34px 42px 0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;border:0!important;border-right:1px solid rgba(255,255,255,.16)!important;text-align:left!important}
.agency-numbers .section-heading>span{margin:0 0 6px!important;color:var(--eds-yellow)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.agency-numbers .section-heading h2{margin:0!important;color:#fff!important;font-size:28px!important;line-height:1.05!important;letter-spacing:-.035em!important;text-transform:none!important}
.agency-numbers .section-heading h2:after{display:none!important}
.agency-number-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:0!important;align-items:stretch!important}
.agency-number-grid article{position:relative!important;display:flex!important;min-height:220px!important;padding:42px 26px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.agency-number-grid article:not(:last-child)::after{content:""!important;position:absolute!important;top:32px!important;right:0!important;bottom:32px!important;width:1px!important;background:rgba(255,255,255,.16)!important}
.agency-number-grid strong{display:block!important;width:100%!important;margin:0!important;color:#fff!important;font-family:Montserrat,Manrope,sans-serif!important;font-size:clamp(38px,3.4vw,56px)!important;font-weight:800!important;line-height:.95!important;letter-spacing:-.055em!important;text-align:center!important}
.agency-number-grid span{display:block!important;width:100%!important;max-width:180px!important;margin:14px auto 0!important;color:rgba(255,255,255,.66)!important;font-size:10px!important;font-weight:750!important;line-height:1.45!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:center!important}
@media(max-width:980px){
.agency-numbers .container{grid-template-columns:180px minmax(0,1fr)!important}
.agency-numbers .section-heading{min-height:190px!important;padding-right:24px!important}
.agency-number-grid article{min-height:190px!important;padding:34px 18px!important}
.agency-number-grid article:not(:last-child)::after{top:28px!important;bottom:28px!important}
}
@media(max-width:760px){
.agency-numbers .container{display:block!important;width:100%!important}
.agency-numbers .section-heading{min-height:auto!important;padding:34px 22px 26px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;align-items:center!important;text-align:center!important}
.agency-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.agency-number-grid article{min-height:155px!important;padding:30px 16px!important}
.agency-number-grid article::after{display:none!important}
.agency-number-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)!important}
.agency-number-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)!important}
}
@media(max-width:420px){
.agency-number-grid{grid-template-columns:1fr!important}
.agency-number-grid article{min-height:145px!important}
.agency-number-grid article:nth-child(odd){border-right:0!important}
.agency-number-grid article:not(:last-child){border-bottom:1px solid rgba(255,255,255,.16)!important}
.agency-number-grid strong{font-size:42px!important}
}
/* Nossos Números: manter valor completo em uma única linha */
.agency-number-grid strong,.agency-number-grid strong.number-counter{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;display:inline-block!important;width:auto!important;max-width:100%!important;}
/* Nossos Números — 4 células rigorosamente iguais */
.agency-numbers .agency-number-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-columns:minmax(0,1fr)!important;width:100%!important;gap:0!important}
.agency-numbers .agency-number-grid article{box-sizing:border-box!important;width:100%!important;min-width:0!important;margin:0!important;padding:42px 24px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.agency-numbers .agency-number-grid strong,.agency-numbers .agency-number-grid strong.number-counter{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;white-space:nowrap!important;text-align:center!important;font-variant-numeric:tabular-nums!important;font-size:clamp(34px,3vw,52px)!important;line-height:1!important;letter-spacing:-.045em!important}
.agency-numbers .agency-number-grid span{display:block!important;width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:0 6px!important;text-align:center!important}
@media(max-width:760px){.agency-numbers .agency-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.agency-numbers .agency-number-grid article{padding:30px 18px!important}.agency-numbers .agency-number-grid strong,.agency-numbers .agency-number-grid strong.number-counter{font-size:clamp(32px,9vw,44px)!important}}
@media(max-width:430px){.agency-numbers .agency-number-grid{grid-template-columns:1fr!important}.agency-numbers .agency-number-grid article{padding:28px 18px!important}}
/* Metodologia: centralização dos títulos na página inicial */
.methodology-heading{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.methodology-heading span,.methodology-heading h2{display:block!important;width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.methodology-heading h2:after{margin-left:auto!important;margin-right:auto!important}
/* HOME MOBILE — títulos centralizados e proporções consistentes */
@media(max-width:760px){
.agency-intro .agency-intro-copy,
.agency-intro .agency-intro-copy .overline,
.agency-intro .agency-intro-copy h2,
.agency-intro .agency-intro-copy .rich-content,
.agency-services .section-heading,
.agency-work .section-heading,
.agency-videos .section-heading,
.agency-creatives .section-heading,
.home-team-section .section-heading,
.partners-section .section-heading,
.agency-numbers .section-heading,
.methodology-section .section-heading,
.agency-cta .container>div,
.agency-cta .container>div>span,
.agency-cta .container>div>h2{
text-align:center!important;
}
.agency-intro .agency-intro-copy .overline,
.agency-intro .agency-intro-copy h2,
.agency-services .section-heading>span,
.agency-services .section-heading h2,
.agency-work .section-heading>span,
.agency-work .section-heading h2,
.agency-videos .section-heading>span,
.agency-videos .section-heading h2,
.agency-creatives .section-heading>span,
.agency-creatives .section-heading h2,
.home-team-section .section-heading>span,
.home-team-section .section-heading h2,
.partners-section .section-heading>span,
.partners-section .section-heading h2,
.agency-numbers .section-heading>span,
.agency-numbers .section-heading h2,
.methodology-section .section-heading>span,
.methodology-section .section-heading h2{
display:block!important;
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.agency-services .section-heading h2:after,
.agency-work .section-heading h2:after,
.agency-videos .section-heading h2:after,
.agency-creatives .section-heading h2:after,
.home-team-section .section-heading h2:after,
.partners-section .section-heading h2:after,
.agency-numbers .section-heading h2:after,
.methodology-section .section-heading h2:after{
margin-left:auto!important;
margin-right:auto!important;
}
.agency-intro .agency-intro-copy h2,
.agency-services .section-heading h2,
.agency-work .section-heading h2,
.agency-videos .section-heading h2,
.agency-creatives .section-heading h2,
.home-team-section .section-heading h2,
.partners-section .section-heading h2,
.methodology-section .section-heading h2{
font-size:clamp(24px,7.4vw,32px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
text-wrap:balance!important;
}
.agency-services .section-heading,
.agency-work .section-heading,
.agency-videos .section-heading,
.agency-creatives .section-heading,
.home-team-section .section-heading,
.partners-section .section-heading,
.methodology-section .section-heading{
width:100%!important;
max-width:100%!important;
margin:0 auto 28px!important;
padding-left:8px!important;
padding-right:8px!important;
}
.agency-intro .agency-intro-copy .rich-content{max-width:620px!important;margin-left:auto!important;margin-right:auto!important}
.agency-intro .agency-intro-copy .pill-btn{display:table!important;margin-left:auto!important;margin-right:auto!important}
.agency-cta .container{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:18px!important;text-align:center!important}
.agency-cta .container>div{width:100%!important}
.agency-cta .container>div>h2{max-width:680px!important;margin:6px auto 0!important;font-size:clamp(24px,7vw,32px)!important;line-height:1.12!important;text-wrap:balance!important}
.agency-cta .container>a{margin:0 auto!important}
/* Hero da home também fica centralizado no celular. */
.hero .hero-copy{max-width:100%!important;margin:0 auto!important;padding-left:22px!important;padding-right:22px!important;text-align:center!important}
.hero .hero-kicker,.hero .hero-copy h1,.hero .hero-copy p,.hero .hero-description{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.hero .hero-copy h1{font-size:clamp(28px,8vw,38px)!important;line-height:1.08!important;text-wrap:balance!important}
.hero .hero-buttons{justify-content:center!important}
}
/* =========================================================
HOME MOBILE FINAL — proporções e espaçamentos consolidados
Esta camada fica por último para neutralizar regras antigas.
========================================================= */
@media (max-width:760px){
html,body{overflow-x:hidden!important}
body{font-size:14px!important}
.container{width:calc(100% - 32px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
.section{padding:52px 0!important}
/* Cabeçalhos de seção */
.section-heading,
.agency-services .section-heading,
.agency-work .section-heading,
.agency-videos .section-heading,
.agency-creatives .section-heading,
.home-team-section .section-heading,
.partners-section .section-heading,
.methodology-section .section-heading{
width:100%!important;max-width:100%!important;margin:0 auto 26px!important;padding:0!important;text-align:center!important
}
.section-heading>span,
.section-heading .overline{
display:block!important;width:100%!important;margin:0 0 7px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.12em!important;text-align:center!important
}
.section-heading h2{
width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(25px,7.2vw,32px)!important;line-height:1.08!important;letter-spacing:-.035em!important;text-align:center!important;text-wrap:balance!important
}
.section-heading h2:after{width:min(220px,64%)!important;margin:9px auto 0!important}
/* Hero */
.hero-stage{height:480px!important;min-height:480px!important}
.hero-copy{height:100%!important;padding:72px 18px 64px!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.hero-copy>*{width:100%!important;max-width:100%!important}
.hero-kicker{margin:0 0 12px!important;font-size:9px!important;line-height:1.35!important;letter-spacing:.13em!important;text-align:center!important}
.hero-copy h1{max-width:520px!important;margin:0 auto 14px!important;font-size:clamp(30px,9vw,40px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-align:center!important}
.hero-description{max-width:500px!important;margin:0 auto!important;font-size:13px!important;line-height:1.55!important;text-align:center!important}
.hero-buttons{width:100%!important;margin-top:20px!important;justify-content:center!important}
.hero-button{min-height:42px!important;padding:0 14px!important;font-size:8px!important}
.slide-arrow{bottom:18px!important;width:36px!important;height:36px!important;font-size:19px!important}
.slide-arrow.prev{right:58px!important}.slide-arrow.next{right:16px!important}
.hero-dots{left:16px!important;bottom:31px!important}
/* Quem Somos / intro */
.agency-intro-grid,.agency-intro-grid.has-intro-media{display:grid!important;grid-template-columns:1fr!important;gap:30px!important;align-items:start!important}
.agency-intro-grid>div:first-child{max-width:100%!important}
.agency-intro-copy{text-align:center!important}
.agency-intro .overline{display:block!important;margin:0 0 8px!important;text-align:center!important;font-size:10px!important}
.agency-intro h2{max-width:100%!important;margin:0 auto 17px!important;font-size:clamp(28px,8.2vw,36px)!important;line-height:1.04!important;letter-spacing:-.045em!important;text-align:center!important;text-wrap:balance!important}
.agency-intro .rich-content{max-width:620px!important;margin:0 auto!important;font-size:13px!important;line-height:1.65!important;text-align:center!important}
.agency-intro .pill-btn{display:inline-flex!important;margin:18px auto 0!important}
.agency-intro-side{width:100%!important;max-width:100%!important;margin:0 auto!important}
.agency-intro-grid.has-intro-media .agency-intro-media{width:100%!important;max-width:520px!important;height:auto!important;min-height:0!important;margin:0 auto!important;aspect-ratio:4/3!important}
.agency-intro-grid.has-intro-media .agency-intro-media.is-video{aspect-ratio:16/9!important}
.agency-intro-grid.has-intro-media .agency-intro-media img,
.agency-intro-grid.has-intro-media .agency-intro-media video,
.agency-intro-grid.has-intro-media .agency-intro-media iframe{min-height:0!important;object-fit:contain!important}
.agency-info-card{padding:22px 0 0!important;border-left:0!important;border-top:1px solid var(--eds-line)!important;text-align:center!important}
.agency-info-card li b{text-align:center!important}
/* Nossos Números — 2x2 estável inclusive em celulares estreitos */
.agency-numbers{padding:0!important}
.agency-numbers .container{display:block!important;width:100%!important;margin:0!important}
.agency-numbers .section-heading{min-height:0!important;margin:0!important;padding:30px 16px 24px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
.agency-numbers .section-heading>span{margin:0 0 6px!important}
.agency-numbers .section-heading h2{font-size:27px!important}
.agency-numbers .agency-number-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:0!important}
.agency-numbers .agency-number-grid article{
width:100%!important;min-width:0!important;min-height:145px!important;margin:0!important;padding:26px 12px!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important
}
.agency-numbers .agency-number-grid article::after{display:none!important}
.agency-numbers .agency-number-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)!important}
.agency-numbers .agency-number-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)!important}
.agency-numbers .agency-number-grid strong,
.agency-numbers .agency-number-grid strong.number-counter{
width:100%!important;max-width:100%!important;margin:0!important;font-size:clamp(29px,9.2vw,40px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;text-align:center!important
}
.agency-numbers .agency-number-grid span{width:100%!important;max-width:150px!important;margin:10px auto 0!important;padding:0 4px!important;font-size:8px!important;line-height:1.35!important;letter-spacing:.065em!important;text-align:center!important}
/* Metodologia */
.methodology-section{padding:52px 0!important}
.methodology-grid{grid-template-columns:1fr!important;gap:16px!important}
.methodology-card,.methodology-card-3d{width:100%!important;min-height:245px!important}
.methodology-face{min-height:245px!important;padding:24px 20px!important;border-radius:18px!important}
.methodology-icon{width:46px!important;height:46px!important;margin-bottom:13px!important;font-size:17px!important}
.methodology-face h3{margin-bottom:9px!important;font-size:20px!important;line-height:1.15!important}
.methodology-face p{font-size:12px!important;line-height:1.58!important}
/* Serviços */
.agency-services .agency-card-grid{grid-template-columns:1fr!important;gap:16px!important}
.agency-services .agency-service-card,
.agency-services .agency-service-card:nth-child(odd),
.agency-services .agency-service-card:nth-child(even){width:100%!important;min-height:255px!important;padding:0!important;border:0!important}
.agency-services .service-card-3d,.agency-services .service-card-face{min-height:255px!important}
.agency-services .service-card-face{padding:23px 20px!important;border-radius:18px!important}
.agency-services .service-icon-badge{width:46px!important;height:46px!important;border-radius:14px!important;font-size:18px!important}
.agency-services .service-card-front h3,.agency-services .service-card-back h3{font-size:20px!important}
.agency-services .service-card-front p,.agency-services .service-card-back p{font-size:12px!important;line-height:1.58!important}
.agency-services .service-back-button{min-height:40px!important;padding:0 16px!important;font-size:9px!important}
/* Websites / sistemas */
.digital-project-grid,.home-project-grid{grid-template-columns:1fr!important;gap:32px!important;width:100%!important}
.digital-project-card{width:100%!important;max-width:100%!important}
.digital-project-media{height:auto!important;aspect-ratio:16/10!important}
.digital-project-card img{aspect-ratio:16/10!important}
.digital-project-body{min-height:0!important;padding-top:14px!important}
.digital-project-card h3{font-size:18px!important;line-height:1.2!important}
.agency-center{margin-top:24px!important}
.agency-center .pill-btn{max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.3!important;padding:12px 14px!important}
/* Vídeos */
.video-format-tabs,.home-video-tabs{display:flex!important;justify-content:center!important;gap:8px!important;margin:0 auto 22px!important}
.inline-video-grid,.home-inline-videos{grid-template-columns:1fr!important;gap:22px!important;justify-items:center!important}
.inline-video-card.is-story{width:min(100%,230px)!important;max-width:230px!important;margin:0 auto!important}
.inline-video-card.is-feed{width:100%!important;max-width:560px!important;margin:0 auto!important}
.inline-video-copy{padding:12px 0 0!important;text-align:center!important}
/* Criativos */
.agency-creative-grid,.creative-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.agency-creatives .agency-creative-grid>button,
.agency-creatives .agency-creative-grid>a,
.agency-creatives .agency-creative-grid>article{width:100%!important;min-width:0!important;border-radius:10px!important}
.agency-creative-grid img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}
.agency-creatives .section-description{max-width:520px!important;margin:12px auto 0!important;font-size:12px!important;line-height:1.55!important;text-align:center!important}
/* Equipe */
.home-team-slider{width:100%!important}
.home-team-track{grid-auto-columns:84%!important;gap:14px!important;padding:0 0 4px!important;scroll-padding-left:0!important}
.home-team-card{min-width:0!important;border-radius:16px!important}
.home-team-photo{aspect-ratio:4/4.6!important;min-height:0!important}
.home-team-copy{padding:17px!important;text-align:center!important}
.home-team-copy h3{font-size:18px!important}
.home-team-arrow{display:none!important}
/* Clientes */
.partners-section{padding:48px 0!important}
.partners-slider{width:100%!important;overflow:hidden!important}
.partners-track{display:flex!important;width:100%!important;gap:8px!important;padding:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;border:0!important;background:transparent!important}
.partners-track::-webkit-scrollbar{display:none!important}
.partners-track article{flex:0 0 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;height:86px!important;padding:12px!important;border:1px solid #e5e5e2!important;scroll-snap-align:start!important}
.partners-track img{max-width:100px!important;max-height:48px!important}
.partners-arrow{display:none!important}
/* CTA final */
.agency-cta{padding:42px 0!important}
.agency-cta .container{display:flex!important;flex-direction:column!important;gap:18px!important;align-items:center!important;text-align:center!important}
.agency-cta .container>div{width:100%!important}
.agency-cta .container>div>span{display:block!important;font-size:9px!important;letter-spacing:.12em!important;text-align:center!important}
.agency-cta .container>div>h2{max-width:520px!important;margin:7px auto 0!important;font-size:clamp(24px,7.5vw,31px)!important;line-height:1.1!important;letter-spacing:-.035em!important;text-align:center!important}
.agency-cta .container>a{display:inline-flex!important;max-width:100%!important;margin:0 auto!important;padding:13px 18px!important;text-align:center!important}
}
@media (max-width:430px){
.container{width:calc(100% - 28px)!important}
.section{padding:46px 0!important}
.hero-stage{height:455px!important;min-height:455px!important}
.hero-copy{padding-left:14px!important;padding-right:14px!important}
.hero-copy h1{font-size:clamp(28px,9vw,36px)!important}
/* Mantém 2 x 2: não transformar em uma coluna */
.agency-numbers .agency-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.agency-numbers .agency-number-grid article{min-height:138px!important;padding:24px 8px!important}
.agency-numbers .agency-number-grid article:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)!important}
.agency-numbers .agency-number-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)!important}
.agency-numbers .agency-number-grid article:nth-child(n+3){border-bottom:0!important}
.agency-numbers .agency-number-grid strong,
.agency-numbers .agency-number-grid strong.number-counter{font-size:clamp(27px,8.7vw,36px)!important}
.agency-numbers .agency-number-grid span{font-size:7.5px!important;letter-spacing:.05em!important}
.methodology-card,.methodology-card-3d,.methodology-face{min-height:235px!important}
.agency-services .agency-service-card,.agency-services .service-card-3d,.agency-services .service-card-face{min-height:245px!important}
.agency-creative-grid,.creative-only-grid{gap:6px!important}
.home-team-track{grid-auto-columns:88%!important}
}
/* HOME DESKTOP — todos os títulos/chamadas centralizados */
@media (min-width:761px){
.agency-intro .agency-intro-copy,
.agency-intro .agency-intro-copy .overline,
.agency-intro .agency-intro-copy h2,
.agency-services .section-heading,
.agency-work .section-heading,
.agency-videos .section-heading,
.agency-creatives .section-heading,
.home-team-section .section-heading,
.partners-section .section-heading,
.methodology-section .section-heading,
.agency-numbers .section-heading,
.agency-cta .container>div,
.agency-cta .container>div>span,
.agency-cta .container>div>h2{
text-align:center!important;
}
.agency-services .section-heading>span,
.agency-services .section-heading h2,
.agency-work .section-heading>span,
.agency-work .section-heading h2,
.agency-videos .section-heading>span,
.agency-videos .section-heading h2,
.agency-creatives .section-heading>span,
.agency-creatives .section-heading h2,
.home-team-section .section-heading>span,
.home-team-section .section-heading h2,
.partners-section .section-heading>span,
.partners-section .section-heading h2,
.methodology-section .section-heading>span,
.methodology-section .section-heading h2,
.agency-numbers .section-heading>span,
.agency-numbers .section-heading h2{
display:block!important;
width:100%!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.agency-services .section-heading h2:after,
.agency-work .section-heading h2:after,
.agency-videos .section-heading h2:after,
.agency-creatives .section-heading h2:after,
.home-team-section .section-heading h2:after,
.partners-section .section-heading h2:after,
.methodology-section .section-heading h2:after,
.agency-numbers .section-heading h2:after{
margin-left:auto!important;
margin-right:auto!important;
}
.agency-intro .agency-intro-copy .overline{
display:block!important;
width:100%!important;
text-align:center!important;
}
.agency-intro .agency-intro-copy h2{
margin-left:auto!important;
margin-right:auto!important;
}
.agency-intro .agency-intro-copy .rich-content{
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.agency-intro .agency-intro-copy .pill-btn{
display:table!important;
margin-left:auto!important;
margin-right:auto!important;
}
/* A faixa Nossos Números tinha alinhamento forçado à esquerda. */
.agency-numbers .section-heading{
align-items:center!important;
justify-content:center!important;
padding-left:34px!important;
padding-right:34px!important;
text-align:center!important;
}
.agency-cta .container{
align-items:center!important;
}
.agency-cta .container>div{
flex:1 1 auto!important;
}
.agency-cta .container>div>h2{
margin-left:auto!important;
margin-right:auto!important;
}
}
/* HOME — centralização definitiva de todos os títulos/chamadas da página inicial */
.home-page .section-heading,
.home-page .section-heading>span,
.home-page .section-heading>.overline,
.home-page .section-heading h2,
.home-page .agency-intro-copy,
.home-page .agency-intro-copy>.overline,
.home-page .agency-intro-copy>h2,
.home-page .agency-cta .container>div,
.home-page .agency-cta .container>div>span,
.home-page .agency-cta .container>div>h2{
width:100%!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
align-items:center!important;
}
.home-page .section-heading{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.home-page .section-heading>span,
.home-page .section-heading>.overline,
.home-page .section-heading h2,
.home-page .agency-intro-copy>.overline,
.home-page .agency-intro-copy>h2,
.home-page .agency-cta .container>div>span,
.home-page .agency-cta .container>div>h2{display:block!important;text-align:center!important}
.home-page .section-heading h2:after{margin-left:auto!important;margin-right:auto!important}
.home-page .agency-numbers .section-heading{align-items:center!important;text-align:center!important;padding-left:34px!important;padding-right:34px!important}
.home-page .agency-intro-copy .rich-content{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.home-page .agency-intro-copy .pill-btn{display:table!important;margin-left:auto!important;margin-right:auto!important}
.home-page .agency-cta .container{align-items:center!important}
.home-page .agency-cta .container>div{display:block!important;text-align:center!important}
@media(max-width:760px){
.home-page .agency-numbers .section-heading{padding-left:16px!important;padding-right:16px!important}
}
/* Home - seção Criativos: título, chamada e descrição centralizados e empilhados */
.agency-creatives .section-heading{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
max-width:920px!important;
margin:0 auto 34px!important;
gap:10px!important;
}
.agency-creatives .section-heading > span{
display:block!important;
width:100%!important;
text-align:center!important;
margin:0!important;
}
.agency-creatives .section-heading h2{
display:block!important;
width:100%!important;
text-align:center!important;
margin:0!important;
}
.agency-creatives .section-heading h2:after{
margin:10px auto 0!important;
}
.agency-creatives .section-heading .section-description,
.agency-creatives .section-heading .rich-content{
display:block!important;
width:100%!important;
max-width:820px!important;
margin:0 auto!important;
text-align:center!important;
}
.agency-creatives .section-heading .section-description p,
.agency-creatives .section-heading .rich-content p{
margin:0 auto!important;
text-align:center!important;
}
@media(max-width:760px){
.agency-creatives .section-heading{
margin:0 auto 28px!important;
gap:8px!important;
}
}
/* Home: descrições das páginas públicas também aparecem nas respectivas seções */
body.home-page .section-heading .section-description,
body.home-page .section-heading .rich-content.section-description{
display:block!important;
width:100%!important;
max-width:840px!important;
margin:12px auto 0!important;
text-align:center!important;
color:inherit!important;
}
body.home-page .section-heading .section-description p,
body.home-page .section-heading .rich-content.section-description p{
margin:0 auto!important;
text-align:center!important;
font-size:14px!important;
line-height:1.7!important;
color:inherit!important;
opacity:.78!important;
}
body.home-page .agency-videos .section-heading .section-description,
body.home-page .agency-videos .section-heading .section-description p{
color:#fff!important;
}
@media(max-width:760px){
body.home-page .section-heading .section-description,
body.home-page .section-heading .rich-content.section-description{
max-width:94%!important;
margin-top:10px!important;
}
body.home-page .section-heading .section-description p,
body.home-page .section-heading .rich-content.section-description p{
font-size:13px!important;
line-height:1.6!important;
}
}
/* Home vídeos: contraste corrigido no fundo escuro */
body.home-page .agency-videos{background:#0b0c0f!important;color:#fff!important}
body.home-page .agency-videos .section-heading,
body.home-page .agency-videos .section-heading>span,
body.home-page .agency-videos .section-heading h2,
body.home-page .agency-videos .section-heading .section-description,
body.home-page .agency-videos .section-heading .section-description p{color:#fff!important}
body.home-page .agency-videos .section-heading>span{color:var(--accent)!important}
body.home-page .agency-videos .video-format-tabs button,
body.home-page .agency-videos .home-video-tabs button{background:transparent!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.home-page .agency-videos .video-format-tabs button:hover,
body.home-page .agency-videos .video-format-tabs button.active,
body.home-page .agency-videos .home-video-tabs button:hover,
body.home-page .agency-videos .home-video-tabs button.active{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--on-accent)!important;-webkit-text-fill-color:var(--on-accent)!important}
body.home-page .agency-videos .inline-video-card,
body.home-page .agency-videos .inline-video-copy,
body.home-page .agency-videos .inline-video-copy strong,
body.home-page .agency-videos .inline-video-copy small{color:#fff!important}
body.home-page .agency-videos .pro-video-btn{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.home-page .agency-videos .pro-video-center{background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important}
body.home-page .agency-videos .pro-video-badge{background:var(--accent)!important;color:var(--on-accent)!important;-webkit-text-fill-color:var(--on-accent)!important}
/* Home Videos: força contraste claro também em HTML vindo do editor, inclusive estilos inline. */
body.home-page .agency-videos .section-heading .section-description,
body.home-page .agency-videos .section-heading .section-description *,
body.home-page .agency-videos .section-heading .rich-content,
body.home-page .agency-videos .section-heading .rich-content *{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
}
body.home-page .agency-videos .section-heading .section-description a,
body.home-page .agency-videos .section-heading .rich-content a{
color:var(--accent)!important;
-webkit-text-fill-color:var(--accent)!important;
}
/* Home - Projetos Web em carrossel */
.agency-work .section-heading{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.home-project-slider{position:relative!important;width:100%!important;margin-top:34px!important;padding:0 54px!important}
.home-project-viewport{width:100%!important;overflow:hidden!important;touch-action:pan-y!important}
.home-project-track{display:flex!important;gap:24px!important;width:max-content!important;transition:transform .55s cubic-bezier(.2,.75,.2,1)!important;will-change:transform!important}
.home-project-slide{flex:0 0 calc((min(1120px,92vw) - 108px - 48px)/3)!important;min-width:0!important}
.home-project-slide .digital-project-card{height:100%!important}
.home-project-arrow{position:absolute!important;z-index:4!important;top:42%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid #d8dad7!important;border-radius:50%!important;background:#fff!important;color:#111!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;box-shadow:0 10px 26px rgba(0,0,0,.08)!important;transition:.2s ease!important}
.home-project-arrow:hover{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--on-primary)!important}
.home-project-arrow:disabled{opacity:.28!important;cursor:default!important}
.home-project-prev{left:0!important}.home-project-next{right:0!important}
.home-project-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:7px!important;margin-top:22px!important}
.home-project-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#c8cac7!important;cursor:pointer!important;transition:.2s ease!important}
.home-project-dots button.active{width:22px!important;border-radius:999px!important;background:var(--primary)!important}
@media(max-width:1050px){.home-project-slide{flex-basis:calc((92vw - 108px - 24px)/2)!important}}
@media(max-width:700px){.home-project-slider{padding:0 0!important}.home-project-slide{flex-basis:92vw!important}.home-project-arrow{top:auto!important;bottom:-2px!important;transform:none!important;width:38px!important;height:38px!important}.home-project-prev{left:0!important}.home-project-next{right:0!important}.home-project-dots{min-height:38px!important;padding:0 48px!important;margin-top:18px!important}.home-project-track{gap:18px!important}}
@media(prefers-reduced-motion:reduce){.home-project-track{transition:none!important}}
/* Home Projetos Web: centralizar o botão abaixo do slide */
.home-page .agency-work .agency-center{
width:100%!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
text-align:center!important;
margin-top:34px!important;
}
.home-page .agency-work .agency-center .pill-btn{
margin-left:auto!important;
margin-right:auto!important;
}
/* Home - Criativos: mostrar as imagens inteiras, sem recorte */
.agency-creatives .agency-creative-grid,
.agency-creatives .creative-only-grid{
align-items:start!important;
}
.agency-creatives .home-creative-item,
.agency-creatives .agency-creative-grid>button,
.agency-creatives .agency-creative-grid>a,
.agency-creatives .agency-creative-grid>article{
aspect-ratio:auto!important;
height:auto!important;
min-height:0!important;
background:#f2f2f2!important;
overflow:hidden!important;
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
.agency-creatives .home-creative-item img,
.agency-creatives .agency-creative-grid img{
width:100%!important;
height:auto!important;
max-height:none!important;
aspect-ratio:auto!important;
object-fit:contain!important;
object-position:center top!important;
display:block!important;
}
@media(max-width:760px){
.agency-creatives .home-creative-item,
.agency-creatives .agency-creative-grid>button,
.agency-creatives .agency-creative-grid>a,
.agency-creatives .agency-creative-grid>article{
border-radius:10px!important;
}
}
/* Títulos das páginas internas centralizados */
.page-hero>.container,
.institutional-hero>.container,
.news-detail-hero>.container,
.unit-hero>.container,
.news-detail-hero-inner{
text-align:center!important;
}
.page-hero h1,
.institutional-hero h1,
.news-detail-hero h1,
.unit-hero h1{
margin:8px auto 0!important;
text-align:center!important;
}
.page-hero p,
.page-hero .page-description,
.page-hero .page-description p,
.institutional-hero p,
.news-detail-hero p,
.unit-hero p{
margin:17px auto 0!important;
text-align:center!important;
}
/* Home - bloco Dados da empresa refinado e estável */
.agency-intro{
position:relative!important;
overflow:hidden!important;
background:#f7f7f4!important;
}
.agency-intro .agency-intro-grid{
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important;
gap:clamp(44px,6vw,84px)!important;
align-items:center!important;
}
.agency-intro .agency-intro-copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
min-width:0!important;
max-width:760px!important;
}
.agency-intro .agency-intro-copy .overline{
display:block!important;
margin:0 0 12px!important;
color:var(--primary)!important;
font-size:12px!important;
font-weight:850!important;
line-height:1.2!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.agency-intro .agency-intro-copy h2{
max-width:760px!important;
margin:0 0 22px!important;
color:#15161a!important;
font-size:clamp(38px,4.8vw,66px)!important;
font-weight:850!important;
line-height:1.02!important;
letter-spacing:-.045em!important;
text-transform:none!important;
text-align:left!important;
text-wrap:balance!important;
}
.agency-intro .agency-intro-copy .rich-content{
max-width:720px!important;
margin:0!important;
}
.agency-intro .agency-intro-copy .rich-content p{
margin:0!important;
color:#5f6269!important;
font-size:15px!important;
line-height:1.78!important;
text-align:left!important;
}
.agency-intro .agency-intro-copy .pill-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:46px!important;
margin-top:28px!important;
padding:0 20px!important;
border-radius:999px!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.07em!important;
text-transform:uppercase!important;
box-shadow:none!important;
}
.agency-intro .agency-intro-copy .pill-btn:hover{
transform:translateY(-2px)!important;
filter:brightness(.96)!important;
}
.agency-intro .agency-intro-side{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-width:0!important;
align-self:center!important;
}
.agency-intro .agency-intro-media{
width:100%!important;
height:auto!important;
min-height:0!important;
aspect-ratio:auto!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
overflow:visible!important;
}
.agency-intro .agency-intro-media.is-image img{
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:520px!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important;
}
.agency-intro .agency-intro-media.is-video{
aspect-ratio:16/9!important;
overflow:hidden!important;
border-radius:18px!important;
background:#111!important;
}
.agency-intro .agency-intro-media.is-video video,
.agency-intro .agency-intro-media.is-video iframe{
width:100%!important;
height:100%!important;
min-height:0!important;
object-fit:cover!important;
}
.agency-intro .agency-info-card{
width:100%!important;
padding:32px!important;
border-radius:20px!important;
background:#fff!important;
color:#17181b!important;
border:1px solid #e5e5e2!important;
box-shadow:0 18px 50px rgba(0,0,0,.07)!important;
}
@media(max-width:980px){
.agency-intro .agency-intro-grid{grid-template-columns:1fr!important;gap:34px!important}
.agency-intro .agency-intro-copy{max-width:none!important;align-items:center!important;text-align:center!important}
.agency-intro .agency-intro-copy h2,
.agency-intro .agency-intro-copy .rich-content p{text-align:center!important}
.agency-intro .agency-intro-copy .rich-content{max-width:760px!important}
.agency-intro .agency-intro-side{width:min(100%,760px)!important;margin:0 auto!important}
}
@media(max-width:760px){
.agency-intro{padding:58px 0!important}
.agency-intro .agency-intro-grid{gap:28px!important}
.agency-intro .agency-intro-copy .overline{margin-bottom:9px!important;font-size:10px!important}
.agency-intro .agency-intro-copy h2{margin-bottom:16px!important;font-size:clamp(30px,9.5vw,42px)!important;line-height:1.06!important}
.agency-intro .agency-intro-copy .rich-content p{font-size:13px!important;line-height:1.65!important}
.agency-intro .agency-intro-copy .pill-btn{min-height:44px!important;margin-top:22px!important;padding:0 18px!important}
.agency-intro .agency-intro-media.is-image img{max-height:380px!important}
}
/* =========================================================
MÍDIA INDOOR
========================================================= */
.indoor-hero{background-size:cover!important;background-position:center!important}
.indoor-page .section-heading{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.indoor-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.indoor-plan-card{position:relative;display:flex;min-height:390px;padding:32px;flex-direction:column;border:1px solid #dedfdd;background:#fff}
.indoor-plan-card.is-highlight{border:2px solid var(--primary)}
.indoor-plan-label{width:max-content;margin-bottom:24px;padding:7px 10px;background:#f1f1ef;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.indoor-plan-card.is-highlight .indoor-plan-label{background:var(--primary);color:var(--on-primary)}
.indoor-plan-card h3{margin:0 0 10px;font-size:26px}.indoor-plan-card>strong{display:block;margin-bottom:18px;color:var(--primary);font-size:20px}.indoor-plan-card .rich-content{color:#65666b;line-height:1.65}.indoor-plan-card ul{margin:18px 0 24px;padding:0;list-style:none}.indoor-plan-card li{padding:9px 0;border-bottom:1px solid #ececea;font-size:12px}.indoor-plan-card li:before{content:'✓';margin-right:8px;color:var(--primary);font-weight:900}.indoor-plan-card>a{display:inline-flex;width:max-content;margin-top:auto;padding:12px 16px;background:var(--secondary);color:var(--on-secondary);font-size:10px;font-weight:800;text-transform:uppercase}
.indoor-points{background:#f4f4f1}.indoor-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.indoor-point-card{overflow:hidden;background:#fff;border:1px solid #dedfdd}.indoor-point-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.indoor-point-card>div{padding:24px}.indoor-point-card small{color:var(--primary);font-size:9px;font-weight:800;text-transform:uppercase}.indoor-point-card h3{margin:7px 0 8px;font-size:21px}.indoor-point-card p{color:#68696e;line-height:1.6}.indoor-location{font-size:11px;font-weight:700;color:#333!important}
.indoor-photo-grid{columns:3 260px;column-gap:14px}.indoor-photo-grid figure{margin:0 0 14px;break-inside:avoid;background:#f3f3f1}.indoor-photo-grid img{width:100%;height:auto;display:block}.indoor-photo-grid figcaption{padding:14px}.indoor-photo-grid figcaption strong{display:block;margin-bottom:5px}.indoor-photo-grid figcaption p{margin:0;color:#696a6e;font-size:11px;line-height:1.5}
.indoor-videos{background:var(--secondary);color:var(--on-secondary)}.indoor-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.indoor-video-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.indoor-video-frame iframe,.indoor-video-frame video{width:100%;height:100%;border:0;object-fit:cover}.indoor-video-copy{padding:18px 0}.indoor-video-copy h3{margin:0 0 8px;color:inherit}.indoor-video-copy p{color:inherit;opacity:.78}
@media(max-width:980px){.indoor-plan-grid,.indoor-point-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.indoor-plan-grid,.indoor-point-grid,.indoor-video-grid{grid-template-columns:1fr}.indoor-plan-card{min-height:0;padding:26px}.indoor-photo-grid{columns:2 140px}.indoor-point-card>div{padding:20px}}
/* =========================================================
MÍDIA INDOOR — layout público isolado e consolidado
========================================================= */
.indoor-public-hero{
position:relative!important;
min-height:430px!important;
display:flex!important;
align-items:center!important;
padding:90px 0 72px!important;
background-color:var(--secondary)!important;
background-size:cover!important;
background-position:center!important;
color:#fff!important;
overflow:hidden!important;
}
.indoor-public-hero:before{
content:""!important;
position:absolute!important;
inset:0!important;
background:rgba(0,0,0,.48)!important;
pointer-events:none!important;
}
.indoor-public-hero>.container{
position:relative!important;
z-index:1!important;
width:min(1120px,92%)!important;
margin:0 auto!important;
text-align:center!important;
}
.indoor-public-hero .overline{
display:block!important;
margin:0 0 12px!important;
color:var(--accent)!important;
font-size:12px!important;
font-weight:850!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
text-align:center!important;
}
.indoor-public-hero h1{
max-width:900px!important;
margin:0 auto!important;
color:#fff!important;
font-size:clamp(42px,6vw,76px)!important;
line-height:1!important;
letter-spacing:-.045em!important;
text-align:center!important;
}
.indoor-public-hero .page-description{
max-width:820px!important;
margin:22px auto 0!important;
color:#fff!important;
font-size:16px!important;
line-height:1.75!important;
text-align:center!important;
}
.indoor-public-hero .page-description *{color:inherit!important;text-align:center!important}
.indoor-public-page{display:block!important;width:100%!important;overflow:hidden!important;background:#fff!important}
.indoor-public-page .section{padding:84px 0!important}
.indoor-public-page .container{width:min(1120px,92%)!important;margin:0 auto!important}
.indoor-public-page .section-heading{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
max-width:820px!important;
margin:0 auto 38px!important;
text-align:center!important;
}
.indoor-public-page .section-heading>span{
display:block!important;
margin:0 0 8px!important;
color:var(--primary)!important;
font-size:11px!important;
font-weight:850!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
}
.indoor-public-page .section-heading h2{
margin:0!important;
color:#17181b!important;
font-size:clamp(30px,4vw,48px)!important;
line-height:1.08!important;
letter-spacing:-.04em!important;
text-align:center!important;
}
.indoor-public-page .section-heading h2:after{content:none!important;display:none!important}
.indoor-plan-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:24px!important;
align-items:stretch!important;
}
.indoor-plan-card{
position:relative!important;
display:flex!important;
min-width:0!important;
min-height:430px!important;
padding:32px!important;
flex-direction:column!important;
border:1px solid #e0e1df!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 16px 42px rgba(0,0,0,.06)!important;
overflow:hidden!important;
}
.indoor-plan-card.is-highlight{
border:2px solid var(--primary)!important;
box-shadow:0 20px 50px rgba(0,0,0,.09)!important;
}
.indoor-plan-label{
display:inline-flex!important;
width:max-content!important;
margin:0 0 22px!important;
padding:8px 11px!important;
border-radius:999px!important;
background:#f0f1ef!important;
color:#333!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.indoor-plan-card.is-highlight .indoor-plan-label{background:var(--primary)!important;color:var(--on-primary)!important}
.indoor-plan-card h3{margin:0 0 10px!important;color:#17181b!important;font-size:27px!important;line-height:1.1!important}
.indoor-plan-card>strong{display:block!important;margin:0 0 20px!important;color:var(--primary)!important;font-size:21px!important}
.indoor-plan-card .rich-content,.indoor-plan-card .rich-content *{color:#66686d!important;font-size:13px!important;line-height:1.7!important}
.indoor-plan-card ul{margin:20px 0 28px!important;padding:0!important;list-style:none!important}
.indoor-plan-card li{position:relative!important;padding:10px 0 10px 22px!important;border-bottom:1px solid #ececea!important;color:#4e5055!important;font-size:12px!important;line-height:1.45!important}
.indoor-plan-card li:before{content:'✓'!important;position:absolute!important;left:0!important;color:var(--primary)!important;font-weight:900!important}
.indoor-plan-card>a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:max-content!important;
margin-top:auto!important;
padding:13px 17px!important;
border-radius:999px!important;
background:var(--secondary)!important;
color:var(--on-secondary)!important;
font-size:10px!important;
font-weight:850!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
}
.indoor-plan-card>a:hover{background:var(--primary)!important;color:var(--on-primary)!important}
.indoor-points{background:#f4f4f1!important}
.indoor-point-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.indoor-point-card{min-width:0!important;overflow:hidden!important;border:1px solid #dedfdd!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 38px rgba(0,0,0,.05)!important}
.indoor-point-card>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important}
.indoor-point-card>div{padding:24px!important}
.indoor-point-card small{display:block!important;margin-bottom:7px!important;color:var(--primary)!important;font-size:9px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.indoor-point-card h3{margin:0 0 8px!important;color:#17181b!important;font-size:22px!important;line-height:1.15!important}
.indoor-point-card .indoor-location{margin:0 0 10px!important;color:#333!important;font-size:11px!important;font-weight:750!important;line-height:1.5!important}
.indoor-point-card .rich-content,.indoor-point-card .rich-content *{color:#686a6f!important;font-size:12px!important;line-height:1.65!important}
.indoor-gallery{background:#fff!important}
.indoor-photo-grid{columns:3 280px!important;column-gap:16px!important}
.indoor-photo-grid figure{margin:0 0 16px!important;break-inside:avoid!important;overflow:hidden!important;border:1px solid #e2e3e1!important;border-radius:14px!important;background:#f7f7f5!important}
.indoor-photo-grid img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;background:#f4f4f2!important}
.indoor-photo-grid figcaption{padding:14px 15px!important}
.indoor-photo-grid figcaption strong{display:block!important;margin:0 0 5px!important;color:#17181b!important}
.indoor-photo-grid figcaption,.indoor-photo-grid figcaption *{color:#66686d!important;font-size:11px!important;line-height:1.55!important}
.indoor-videos{background:var(--secondary)!important;color:var(--on-secondary)!important}
.indoor-videos .section-heading>span{color:var(--accent)!important}
.indoor-videos .section-heading h2,.indoor-videos .section-heading h2 *{color:var(--on-secondary)!important}
.indoor-video-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
.indoor-video-grid>article{min-width:0!important}
.indoor-video-frame{position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;background:#000!important}
.indoor-video-frame iframe,.indoor-video-frame video{display:block!important;width:100%!important;height:100%!important;border:0!important;object-fit:contain!important;background:#000!important}
.indoor-video-copy{padding:15px 2px 0!important;color:var(--on-secondary)!important}
.indoor-video-copy h3{margin:0 0 6px!important;color:inherit!important;font-size:18px!important}
.indoor-video-copy,.indoor-video-copy *{color:inherit!important}
.indoor-video-copy p{margin:0!important;opacity:.82!important;line-height:1.6!important}
.indoor-public-page .agency-cta{padding:58px 0!important;background:var(--primary)!important;color:var(--on-primary)!important}
.indoor-public-page .agency-cta .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important}
.indoor-public-page .agency-cta span,.indoor-public-page .agency-cta h2{color:var(--on-primary)!important}
.indoor-public-page .agency-cta h2{margin:5px 0 0!important;font-size:clamp(28px,4vw,44px)!important;line-height:1.1!important}
.indoor-public-page .agency-cta a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;padding:14px 18px!important;border-radius:999px!important;background:var(--on-primary)!important;color:var(--primary)!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase!important}
@media(max-width:980px){
.indoor-plan-grid,.indoor-point-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.indoor-plan-card{min-height:0!important}
}
@media(max-width:760px){
.indoor-public-hero{min-height:330px!important;padding:72px 0 58px!important}
.indoor-public-hero h1{font-size:clamp(38px,12vw,54px)!important}
.indoor-public-hero .page-description{font-size:14px!important;line-height:1.65!important}
.indoor-public-page .section{padding:60px 0!important}
.indoor-plan-grid,.indoor-point-grid,.indoor-video-grid{grid-template-columns:1fr!important}
.indoor-plan-card{padding:25px!important;border-radius:14px!important}
.indoor-point-card{border-radius:14px!important}
.indoor-photo-grid{columns:2 140px!important;column-gap:10px!important}
.indoor-photo-grid figure{margin-bottom:10px!important;border-radius:10px!important}
.indoor-public-page .agency-cta .container{flex-direction:column!important;text-align:center!important}
.indoor-public-page .agency-cta h2{text-align:center!important}
}
@media(max-width:460px){
.indoor-photo-grid{columns:1!important}
}
/* MÍDIA INDOOR — correção visual baseada no layout real */
.indoor-public-hero{
min-height:300px!important;
padding:76px 0 62px!important;
display:flex!important;
align-items:center!important;
background-position:center center!important;
}
.indoor-public-hero>.container{max-width:980px!important;text-align:center!important}
.indoor-public-hero h1{margin:0 auto!important;font-size:clamp(44px,5.8vw,72px)!important;line-height:.98!important;text-align:center!important}
.indoor-public-hero .overline{margin-bottom:12px!important;text-align:center!important}
.indoor-about{padding:72px 0!important;background:#fff!important}
.indoor-about-inner{max-width:980px!important}
.indoor-about .section-heading{margin-bottom:24px!important}
.indoor-about-copy{max-width:900px!important;margin:0 auto!important;color:#45474c!important;font-size:15px!important;line-height:1.9!important;text-align:center!important}
.indoor-about-copy *{color:inherit!important;text-align:center!important}
.indoor-about-copy p{margin:0 0 18px!important}
.indoor-about-copy p:last-child{margin-bottom:0!important}
.indoor-plans{padding:76px 0 82px!important;background:#f7f7f5!important}
.indoor-plan-grid{max-width:1100px!important;margin:0 auto!important;justify-content:center!important;align-items:stretch!important}
.indoor-plan-grid.indoor-plan-count-1{grid-template-columns:minmax(320px,520px)!important}
.indoor-plan-grid.indoor-plan-count-2{grid-template-columns:repeat(2,minmax(320px,460px))!important}
.indoor-plan-grid.indoor-plan-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.indoor-plan-card{min-height:390px!important;padding:30px!important}
.indoor-plan-card h3{font-size:25px!important}
.indoor-plan-card>a{background:var(--primary)!important;color:var(--on-primary)!important;border:1px solid var(--primary)!important}
.indoor-plan-card>a:hover{background:var(--secondary)!important;color:var(--on-secondary)!important;border-color:var(--secondary)!important}
.indoor-public-page .agency-cta{padding:46px 0!important;background:var(--secondary)!important;color:var(--on-secondary)!important}
.indoor-public-page .agency-cta .container{max-width:1080px!important}
.indoor-public-page .agency-cta span,
.indoor-public-page .agency-cta h2{color:var(--on-secondary)!important}
.indoor-public-page .agency-cta a{
min-width:190px!important;
background:var(--on-secondary)!important;
color:var(--secondary)!important;
border:1px solid var(--on-secondary)!important;
-webkit-text-fill-color:var(--secondary)!important;
}
.indoor-public-page .agency-cta a:hover{
background:var(--primary)!important;
border-color:var(--primary)!important;
color:var(--on-primary)!important;
-webkit-text-fill-color:var(--on-primary)!important;
}
@media(max-width:980px){
.indoor-plan-grid.indoor-plan-count-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
.indoor-public-hero{min-height:240px!important;padding:58px 0 48px!important}
.indoor-public-hero h1{font-size:clamp(38px,12vw,52px)!important}
.indoor-about{padding:52px 0!important}
.indoor-about-copy{font-size:14px!important;line-height:1.75!important;padding:0 4px!important}
.indoor-plans{padding:54px 0 60px!important}
.indoor-plan-grid.indoor-plan-count-1,
.indoor-plan-grid.indoor-plan-count-2,
.indoor-plan-grid.indoor-plan-count-3{grid-template-columns:1fr!important}
.indoor-plan-card{min-height:0!important;padding:24px!important}
.indoor-public-page .agency-cta{padding:42px 0!important}
.indoor-public-page .agency-cta .container{gap:22px!important}
.indoor-public-page .agency-cta a{min-width:0!important}
}
/* Mídia Indoor - seção Sobre reorganizada para leitura editorial */
.indoor-public-page .indoor-about{
padding:82px 0!important;
background:#fff!important;
}
.indoor-public-page .indoor-about-inner{
width:min(1040px,92%)!important;
max-width:1040px!important;
margin:0 auto!important;
}
.indoor-public-page .indoor-about .section-heading{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
max-width:820px!important;
margin:0 auto 38px!important;
text-align:center!important;
}
.indoor-public-page .indoor-about-copy{
position:relative!important;
display:block!important;
width:min(100%,860px)!important;
max-width:860px!important;
margin:0 auto!important;
padding:34px 38px 34px 42px!important;
border:1px solid #e4e5e2!important;
border-left:4px solid var(--primary)!important;
border-radius:0 18px 18px 0!important;
background:#f8f8f6!important;
color:#3f4146!important;
font-size:15px!important;
line-height:1.85!important;
text-align:left!important;
box-shadow:0 14px 38px rgba(0,0,0,.04)!important;
}
.indoor-public-page .indoor-about-copy *{
max-width:100%!important;
color:inherit!important;
text-align:left!important;
font-family:inherit!important;
line-height:inherit!important;
}
.indoor-public-page .indoor-about-copy p{
margin:0 0 22px!important;
padding:0!important;
font-size:15px!important;
line-height:1.85!important;
}
.indoor-public-page .indoor-about-copy p:first-child{
color:#17181b!important;
font-size:18px!important;
line-height:1.7!important;
font-weight:650!important;
}
.indoor-public-page .indoor-about-copy p:last-child{
margin-bottom:0!important;
}
.indoor-public-page .indoor-about-copy h2,
.indoor-public-page .indoor-about-copy h3,
.indoor-public-page .indoor-about-copy h4{
margin:28px 0 12px!important;
color:#17181b!important;
font-weight:800!important;
line-height:1.25!important;
}
.indoor-public-page .indoor-about-copy ul,
.indoor-public-page .indoor-about-copy ol{
margin:8px 0 22px!important;
padding-left:22px!important;
}
.indoor-public-page .indoor-about-copy li{
margin:0 0 8px!important;
}
@media(max-width:700px){
.indoor-public-page .indoor-about{padding:56px 0!important}
.indoor-public-page .indoor-about .section-heading{margin-bottom:26px!important}
.indoor-public-page .indoor-about-copy{
width:100%!important;
padding:25px 22px!important;
border-left-width:3px!important;
border-radius:0 14px 14px 0!important;
font-size:14px!important;
line-height:1.75!important;
}
.indoor-public-page .indoor-about-copy p{font-size:14px!important;line-height:1.75!important;margin-bottom:18px!important}
.indoor-public-page .indoor-about-copy p:first-child{font-size:16px!important;line-height:1.65!important}
}
/* Mídia Indoor alinhada visualmente à página Quem Somos */
.indoor-who-hero{min-height:360px!important;padding:92px 0 58px!important;align-items:center!important;background-position:center!important;background-size:cover!important;border-bottom:4px solid var(--primary)!important}
.indoor-who-hero .institutional-hero-inner{max-width:980px!important;text-align:center!important}
.indoor-who-hero .overline{display:inline-block!important;margin-bottom:10px!important;letter-spacing:.14em!important}
.indoor-who-hero h1{max-width:none!important;margin:0!important;font-size:clamp(2.4rem,5vw,4.6rem)!important;line-height:1.02!important;text-align:center!important}
.indoor-who-about{padding:72px 0 88px!important;background:#f7f7f6!important}
.indoor-who-content{max-width:1060px!important;display:grid!important;gap:30px!important;margin:0 auto!important}
.indoor-about-card{background:#fff!important;border:1px solid #e8e8e5!important;border-radius:22px!important;padding:44px 48px!important;box-shadow:0 16px 42px rgba(16,20,28,.06)!important}
.indoor-about-card .institutional-heading-row{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:25px!important;border-bottom:1px solid #ececea!important;padding-bottom:22px!important;margin-bottom:28px!important}
.indoor-about-card .institutional-heading-row h2{font-size:clamp(2rem,4vw,3.2rem)!important;line-height:1.05!important;margin:7px 0 0!important;text-transform:none!important;text-align:left!important;color:#1c1c21!important}
.indoor-about-card .institutional-heading-number{font-size:4.5rem!important;font-weight:900!important;line-height:.85!important;color:rgba(0,0,0,.06)!important}
.indoor-about-card .indoor-about-copy{max-width:900px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#4d4d52!important;font-size:1.03rem!important;line-height:1.82!important;text-align:left!important}
.indoor-about-card .indoor-about-copy *{color:inherit!important;text-align:left!important;font-size:inherit!important;line-height:inherit!important}
.indoor-about-card .indoor-about-copy p{margin:0 0 18px!important}
.indoor-about-card .indoor-about-copy p:first-child{font-size:1.03rem!important;font-weight:400!important;color:#4d4d52!important;line-height:1.82!important}
.indoor-about-card .indoor-about-copy h2,.indoor-about-card .indoor-about-copy h3{color:#1c1c21!important;line-height:1.15!important;margin:38px 0 16px!important;font-weight:800!important}
.indoor-about-card .indoor-about-copy ul,.indoor-about-card .indoor-about-copy ol{padding-left:22px!important;margin:16px 0 24px!important}
.indoor-about-card .indoor-about-copy li{margin:7px 0!important}
.indoor-who-layout .indoor-plans,.indoor-who-layout .indoor-points,.indoor-who-layout .indoor-gallery,.indoor-who-layout .indoor-videos{padding:72px 0 88px!important}
.indoor-who-layout .section-heading{max-width:900px!important;margin:0 auto 36px!important;text-align:center!important}
.indoor-who-layout .section-heading>span{display:inline-block!important;margin-bottom:8px!important;letter-spacing:.12em!important}
.indoor-who-layout .section-heading h2{font-size:clamp(2rem,4vw,3.2rem)!important;line-height:1.05!important;text-transform:none!important}
.indoor-who-layout .indoor-plans{background:#fff!important}
.indoor-who-layout .indoor-points{background:#f7f7f6!important}
.indoor-who-layout .indoor-gallery{background:#fff!important}
@media(max-width:760px){.indoor-who-hero{min-height:310px!important;padding:72px 0 44px!important}.indoor-who-hero h1{font-size:2.45rem!important}.indoor-who-about{padding:42px 0 58px!important}.indoor-about-card{padding:28px 22px!important;border-radius:16px!important}.indoor-about-card .institutional-heading-number{display:none!important}.indoor-about-card .institutional-heading-row{padding-bottom:17px!important;margin-bottom:22px!important}.indoor-about-card .institutional-heading-row h2{font-size:2rem!important}.indoor-about-card .indoor-about-copy,.indoor-about-card .indoor-about-copy *{font-size:.98rem!important;line-height:1.72!important}.indoor-about-card .indoor-about-copy p:first-child{font-size:.98rem!important;line-height:1.72!important}.indoor-who-layout .indoor-plans,.indoor-who-layout .indoor-points,.indoor-who-layout .indoor-gallery,.indoor-who-layout .indoor-videos{padding:52px 0 60px!important}}
/* =========================================================
PORTFÓLIO GERAL — categorias AJAX
========================================================= */
.portfolio-page .portfolio-hero{background-color:var(--secondary)!important}
.portfolio-page .portfolio-main{background:#f5f5f3!important}
.portfolio-page .portfolio-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 38px;padding:0;max-width:1100px}
.portfolio-page .portfolio-tabs button{min-height:44px;padding:0 18px;border:1px solid #d8d9d6;background:#fff;color:#17181b;border-radius:999px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.2s ease}
.portfolio-page .portfolio-tabs button:hover,.portfolio-page .portfolio-tabs button.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.portfolio-page .portfolio-loading{text-align:center;margin:-18px 0 24px;color:#777;font-size:12px;font-weight:700}
.portfolio-page .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start;transition:opacity .18s ease}
.portfolio-page .portfolio-grid.is-loading{opacity:.45}
.portfolio-page .portfolio-card{min-width:0;background:#fff;border:1px solid #e1e2df;box-shadow:0 14px 35px rgba(0,0,0,.055);overflow:hidden}
.portfolio-page .portfolio-media{position:relative;width:100%;background:#111;overflow:hidden}
.portfolio-page .portfolio-media>button{display:block;width:100%;padding:0;border:0;background:#ececea;cursor:zoom-in}
.portfolio-page .portfolio-media img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;margin:auto;background:#ececea}
.portfolio-page .portfolio-media video,.portfolio-page .portfolio-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000;object-fit:contain}
.portfolio-page .portfolio-card-copy{padding:20px 20px 23px}
.portfolio-page .portfolio-card-copy>span{display:block;margin-bottom:7px;color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.portfolio-page .portfolio-card-copy h3{margin:0;color:#17181b;font-size:20px;line-height:1.2;letter-spacing:-.025em}
.portfolio-page .portfolio-card-copy p{margin:10px 0 0;color:#686a6e;font-size:12px;line-height:1.65}
.portfolio-page .portfolio-empty{grid-column:1/-1;padding:54px 24px;border:1px dashed #cfd1cd;background:#fff;text-align:center;color:#777}
.portfolio-lightbox{position:fixed;z-index:2147483000;inset:0;display:none;align-items:center;justify-content:center;padding:60px;background:rgba(0,0,0,.94)}
.portfolio-lightbox.open{display:flex}
.portfolio-lightbox img{display:block;max-width:calc(100vw - 120px);max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain}
.portfolio-lightbox button{position:absolute;right:20px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:32px;cursor:pointer}
@media(max-width:980px){.portfolio-page .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.portfolio-page .portfolio-main{padding-top:42px!important}.portfolio-page .portfolio-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin-bottom:26px;padding-bottom:4px;scrollbar-width:none}.portfolio-page .portfolio-tabs::-webkit-scrollbar{display:none}.portfolio-page .portfolio-tabs button{flex:0 0 auto;min-height:42px;padding:0 15px}.portfolio-page .portfolio-grid{grid-template-columns:1fr;gap:18px}.portfolio-page .portfolio-card-copy{padding:17px}.portfolio-lightbox{padding:48px 10px}.portfolio-lightbox img{max-width:calc(100vw - 20px);max-height:calc(100vh - 96px)}}
/* ==========================================================
MENU MOBILE FINAL — drawer estável, itens completos e ícone limpo
========================================================== */
@media(max-width:1100px){
.site-header{overflow:visible!important}
.header-inner{min-height:74px!important;height:74px!important}
.brand{position:relative!important;z-index:1001!important;min-width:0!important}
.brand img{max-width:142px!important;max-height:52px!important}
.menu-toggle{
display:grid!important;
place-items:center!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
margin-left:auto!important;
padding:0!important;
border:1px solid #e3e4e7!important;
border-radius:50%!important;
background:#fff!important;
color:#111!important;
box-shadow:0 5px 16px rgba(0,0,0,.06)!important;
position:relative!important;
z-index:1005!important;
}
.menu-toggle-label{display:none!important}
.menu-toggle-lines{
display:flex!important;
width:21px!important;
height:16px!important;
margin:0!important;
flex-direction:column!important;
justify-content:space-between!important;
align-items:flex-end!important;
gap:0!important;
}
.menu-toggle-lines i{
display:block!important;
width:21px!important;
height:2px!important;
margin:0!important;
border-radius:10px!important;
background:#17181b!important;
transform-origin:center!important;
transition:transform .22s ease,opacity .15s ease,width .22s ease!important;
}
.menu-toggle-lines i:nth-child(2){width:15px!important}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(2){opacity:0!important;width:0!important}
.menu-toggle.is-open .menu-toggle-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.main-nav{
position:fixed!important;
z-index:1003!important;
top:0!important;
right:0!important;
bottom:auto!important;
left:auto!important;
width:min(430px,94vw)!important;
height:100dvh!important;
min-height:100dvh!important;
margin:0!important;
padding:28px 28px max(32px,env(safe-area-inset-bottom))!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch!important;
overscroll-behavior:contain!important;
background:#101114!important;
color:#fff!important;
box-shadow:-24px 0 60px rgba(0,0,0,.24)!important;
transform:translate3d(105%,0,0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
transition:transform .26s cubic-bezier(.22,.7,.24,1)!important;
}
.main-nav.open{transform:translate3d(0,0,0)!important;pointer-events:auto!important}
.mobile-nav-head{
display:block!important;
flex:0 0 auto!important;
padding:2px 58px 22px 0!important;
margin:0 0 7px!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.mobile-nav-head span{display:block!important;color:#fff!important;font-size:22px!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.03em!important}
.mobile-nav-head small{display:block!important;margin-top:6px!important;color:#85878e!important;font-size:10px!important;line-height:1.4!important;white-space:normal!important}
.main-nav>a,
.nav-dropdown{
flex:0 0 auto!important;
min-height:0!important;
}
.main-nav>a,
.nav-dropdown-toggle{
display:flex!important;
align-items:center!important;
width:100%!important;
min-height:54px!important;
padding:15px 0!important;
margin:0!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
border-radius:0!important;
background:transparent!important;
color:#f5f5f6!important;
font-size:16px!important;
font-weight:650!important;
line-height:1.35!important;
letter-spacing:-.015em!important;
text-align:left!important;
text-transform:none!important;
white-space:normal!important;
overflow:visible!important;
opacity:1!important;
visibility:visible!important;
}
.main-nav>a:after,.nav-dropdown-toggle:after{display:none!important}
.main-nav>a:hover,.main-nav>a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{background:transparent!important;color:var(--primary)!important}
.nav-dropdown-toggle{justify-content:space-between!important;cursor:pointer!important}
.nav-chevron{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin-left:16px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;color:#fff!important;font-size:17px!important;font-weight:400!important;line-height:1!important;transition:transform .2s ease!important}
.nav-dropdown.open .nav-chevron{transform:rotate(45deg)!important}
.nav-dropdown-menu{
position:static!important;
display:none!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:5px 0 7px 17px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
}
.nav-dropdown.open .nav-dropdown-menu{display:block!important}
.nav-dropdown-menu a{
display:block!important;
padding:12px 0!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
color:#b8bac0!important;
font-size:13px!important;
font-weight:550!important;
line-height:1.35!important;
white-space:normal!important;
}
.mobile-menu-actions{
display:grid!important;
flex:0 0 auto!important;
grid-template-columns:1fr!important;
gap:9px!important;
margin:24px 0 0!important;
padding:20px 0 0!important;
border-top:1px solid rgba(255,255,255,.12)!important;
}
.mobile-menu-actions a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:46px!important;
padding:10px 14px!important;
border:1px solid rgba(255,255,255,.24)!important;
border-radius:7px!important;
color:#fff!important;
font-size:10px!important;
font-weight:800!important;
line-height:1.25!important;
letter-spacing:.05em!important;
text-align:center!important;
text-transform:uppercase!important;
}
.mobile-menu-actions .mobile-menu-primary{border-color:var(--primary)!important;background:var(--primary)!important;color:var(--on-primary)!important}
.menu-backdrop{
position:fixed!important;
z-index:1002!important;
inset:0!important;
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
background:rgba(4,5,7,.60)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .22s ease,visibility .22s ease!important;
}
.menu-backdrop.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:520px){
.main-nav{width:100%!important;padding:25px 22px max(28px,env(safe-area-inset-bottom))!important}
.mobile-nav-head{padding-right:56px!important}
.main-nav>a,.nav-dropdown-toggle{font-size:15px!important;min-height:52px!important}
}
/* FAQ da página inicial */
.home-faq-section{
position:relative;
background:#f6f6f3;
padding:clamp(72px,8vw,112px) 0!important;
}
.home-faq-heading{max-width:760px;margin:0 auto 42px!important;text-align:center!important}
.home-faq-heading span,.home-faq-heading h2,.home-faq-heading .section-description{text-align:center!important}
.home-faq-heading .section-description{max-width:650px;margin:15px auto 0;color:#686b70;line-height:1.7}
.home-faq-list{width:min(100%,900px);margin:0 auto;border-top:1px solid #deded9}
.home-faq-item{border-bottom:1px solid #deded9;background:transparent}
.home-faq-question{
display:grid;width:100%;grid-template-columns:minmax(0,1fr) 42px;gap:22px;align-items:center;
min-height:82px;padding:20px 0;border:0;background:transparent;color:#17181b;text-align:left;cursor:pointer;
font:inherit;
}
.home-faq-question span{font-size:clamp(17px,1.55vw,21px);font-weight:750;line-height:1.35;letter-spacing:-.015em}
.home-faq-question i{position:relative;display:block;width:38px;height:38px;border:1px solid #d7d7d2;border-radius:50%;transition:.22s ease}
.home-faq-question i:before,.home-faq-question i:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:.22s ease}
.home-faq-question i:after{transform:translate(-50%,-50%) rotate(90deg)}
.home-faq-item.is-open .home-faq-question{color:var(--primary)}
.home-faq-item.is-open .home-faq-question i{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}
.home-faq-item.is-open .home-faq-question i:after{transform:translate(-50%,-50%) rotate(0deg)}
.home-faq-answer{padding:0 64px 26px 0;color:#606268;font-size:15px;line-height:1.78}
.home-faq-answer[hidden]{display:none!important}
@media(max-width:760px){
.home-faq-section{padding:58px 0!important}
.home-faq-heading{margin-bottom:28px!important}
.home-faq-question{grid-template-columns:minmax(0,1fr) 36px;gap:14px;min-height:70px;padding:16px 0}
.home-faq-question span{font-size:16px}
.home-faq-question i{width:34px;height:34px}
.home-faq-answer{padding:0 50px 21px 0;font-size:14px;line-height:1.7}
}
/* Mídia Indoor pública - navegação e anunciantes */
.indoor-public-tabs{
position:sticky;
top:0;
z-index:25;
background:#fff;
border-bottom:1px solid #e8e8e5;
box-shadow:0 8px 24px rgba(0,0,0,.045);
}
.indoor-public-tabs .container{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
overflow-x:auto;
scrollbar-width:none;
padding-top:10px;
padding-bottom:10px;
}
.indoor-public-tabs .container::-webkit-scrollbar{display:none}
.indoor-public-tabs a{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:0 18px;
border-radius:999px;
color:#242529;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.045em;
text-decoration:none;
transition:.2s ease;
}
.indoor-public-tabs a:hover,.indoor-public-tabs a:focus{
background:var(--primary);
color:var(--on-primary);
}
.indoor-public-page section[id]{scroll-margin-top:90px}
.indoor-advertisers{padding:72px 0 88px!important;background:#f7f7f6!important}
.indoor-advertisers .section-heading p{max-width:680px;margin:12px auto 0;color:#6a6c72;font-size:14px;line-height:1.7}
.indoor-advertiser-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
max-width:1120px;
margin:0 auto;
}
.indoor-advertiser-card{
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
min-height:250px;
padding:28px 22px;
background:#fff;
border:1px solid #e7e7e4;
border-radius:18px;
text-align:center;
transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.indoor-advertiser-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(0,0,0,.08);border-color:rgba(0,0,0,.12)}
.indoor-advertiser-logo-wrap{
width:100%;
height:112px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
padding:10px;
}
.indoor-advertiser-logo-wrap img{display:block;max-width:100%;max-height:92px;width:auto;height:auto;object-fit:contain}
.indoor-advertiser-logo-wrap span{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;background:#f0f0ed;color:#202126;font-size:30px;font-weight:900}
.indoor-advertiser-card h3{margin:0;color:#18191c;font-size:18px;line-height:1.25}
.indoor-advertiser-card p{margin:8px 0 0;color:#777980;font-size:12px}
.indoor-advertiser-card a{margin-top:auto;padding-top:18px;color:var(--primary);font-size:11px;font-weight:850;text-transform:uppercase;text-decoration:none}
@media(max-width:980px){.indoor-advertiser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
.indoor-public-tabs{position:relative}
.indoor-public-tabs .container{justify-content:flex-start;padding-left:16px;padding-right:16px}
.indoor-public-tabs a{min-height:38px;padding:0 15px;font-size:10px}
.indoor-advertisers{padding:52px 0 60px!important}
.indoor-advertiser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.indoor-advertiser-card{min-height:210px;padding:20px 14px;border-radius:14px}
.indoor-advertiser-logo-wrap{height:86px;margin-bottom:14px}
.indoor-advertiser-logo-wrap img{max-height:72px}
.indoor-advertiser-card h3{font-size:15px}
}
@media(max-width:430px){.indoor-advertiser-grid{grid-template-columns:1fr}}
/* ==========================================================
HEADER V100 — topo profissional, limpo e consistente
========================================================== */
@media(min-width:1101px){
.site-header,
.site-header.is-scrolled{
height:84px!important;
background:rgba(255,255,255,.97)!important;
color:#15161a!important;
border-bottom:1px solid #e8e9e6!important;
box-shadow:0 7px 24px rgba(16,17,20,.045)!important;
backdrop-filter:blur(18px) saturate(140%)!important;
-webkit-backdrop-filter:blur(18px) saturate(140%)!important;
}
.site-header.is-scrolled{height:72px!important}
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1460px,calc(100% - 48px))!important;
max-width:1460px!important;
height:100%!important;
min-height:0!important;
gap:0!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
margin:0 34px 0 0!important;
padding:0!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:142px!important;
max-height:50px!important;
object-fit:contain!important;
}
.site-header.is-scrolled .brand img{max-width:130px!important;max-height:44px!important}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
position:static!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:1 1 auto!important;
min-width:0!important;
gap:5px!important;
margin:0!important;
padding:0!important;
background:transparent!important;
color:#17181c!important;
transform:none!important;
overflow:visible!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
padding:0 11px!important;
border:0!important;
border-radius:9px!important;
background:transparent!important;
color:#2b2d32!important;
font-size:11px!important;
font-weight:750!important;
line-height:1.15!important;
letter-spacing:-.01em!important;
text-transform:none!important;
white-space:nowrap!important;
}
.site-header .main-nav>a:after,
.site-header .nav-dropdown-toggle:after{
content:""!important;
position:absolute!important;
left:11px!important;
right:11px!important;
bottom:3px!important;
width:auto!important;
height:2px!important;
border-radius:2px!important;
background:var(--primary)!important;
transform:scaleX(0)!important;
transform-origin:center!important;
transition:transform .2s ease!important;
}
.site-header .main-nav>a:hover,
.site-header .main-nav>a:focus-visible,
.site-header .nav-dropdown-toggle:hover,
.site-header .nav-dropdown-toggle:focus-visible,
.site-header .main-nav>a.is-current,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle{
background:#f4f4f1!important;
color:#111216!important;
}
.site-header .main-nav>a:hover:after,
.site-header .main-nav>a:focus-visible:after,
.site-header .main-nav>a.is-current:after,
.site-header .nav-dropdown-toggle:hover:after,
.site-header .nav-dropdown-toggle:focus-visible:after,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle:after{
transform:scaleX(1)!important;
}
.site-header .nav-dropdown{position:relative!important;display:flex!important;align-items:center!important}
.site-header .nav-chevron{
display:inline-flex!important;
width:auto!important;
height:auto!important;
margin:0 0 1px 6px!important;
border:0!important;
border-radius:0!important;
color:#777a81!important;
font-size:10px!important;
font-weight:800!important;
line-height:1!important;
transition:transform .18s ease!important;
}
.site-header .nav-dropdown.open .nav-chevron,
.site-header .nav-dropdown:hover .nav-chevron{transform:rotate(180deg)!important}
.site-header .nav-dropdown-menu{
top:calc(100% + 14px)!important;
left:50%!important;
min-width:224px!important;
padding:8px!important;
border:1px solid #e5e6e3!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 20px 55px rgba(16,17,20,.13)!important;
transform:translate(-50%,8px)!important;
overflow:hidden!important;
}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within .nav-dropdown-menu,
.site-header .nav-dropdown.open .nav-dropdown-menu{
transform:translate(-50%,0)!important;
}
.site-header .nav-dropdown-menu:before{
content:"";
position:absolute;
left:50%;
top:-6px;
width:12px;
height:12px;
margin-left:-6px;
border-left:1px solid #e5e6e3;
border-top:1px solid #e5e6e3;
background:#fff;
transform:rotate(45deg);
}
.site-header .nav-dropdown-menu a{
position:relative!important;
z-index:1!important;
display:flex!important;
align-items:center!important;
min-height:42px!important;
padding:0 13px!important;
border:0!important;
border-radius:8px!important;
color:#34363b!important;
font-size:11px!important;
font-weight:700!important;
line-height:1.3!important;
}
.site-header .nav-dropdown-menu a:hover{background:#f4f4f1!important;color:#111!important;padding-left:16px!important}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
display:flex!important;
align-items:center!important;
flex:0 0 auto!important;
gap:8px!important;
margin:0 0 0 24px!important;
}
.site-header .transparency-btn,
.site-header .donate-btn,
.site-header.is-scrolled .transparency-btn,
.site-header.is-scrolled .donate-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
padding:0 16px!important;
border-radius:999px!important;
font-size:9px!important;
font-weight:850!important;
line-height:1!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
box-shadow:none!important;
}
.site-header .transparency-btn{
border:1px solid #d7d8d5!important;
background:#fff!important;
color:#18191d!important;
}
.site-header .transparency-btn:hover{
border-color:#17181c!important;
background:#17181c!important;
color:#fff!important;
transform:translateY(-1px)!important;
}
.site-header .donate-btn{
gap:9px!important;
border:1px solid var(--primary)!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
}
.site-header .donate-btn span{font-size:13px!important;line-height:1!important;transition:transform .18s ease!important}
.site-header .donate-btn:hover{filter:brightness(.95)!important;transform:translateY(-1px)!important}
.site-header .donate-btn:hover span{transform:translate(2px,-2px)!important}
}
@media(min-width:1101px) and (max-width:1280px){
.site-header .header-inner,.site-header.is-scrolled .header-inner{width:calc(100% - 28px)!important}
.site-header .brand,.site-header.is-scrolled .brand{margin-right:18px!important}
.site-header .brand img{max-width:120px!important}
.site-header .main-nav>a,.site-header .nav-dropdown-toggle{padding-left:8px!important;padding-right:8px!important;font-size:10px!important}
.site-header .header-actions,.site-header.is-scrolled .header-actions{margin-left:14px!important;gap:6px!important}
.site-header .transparency-btn,.site-header .donate-btn{padding-left:12px!important;padding-right:12px!important;font-size:8px!important}
}
/* mantém o drawer mobile acima de qualquer regra desktop antiga */
@media(max-width:1100px){
.site-header,.site-header.is-scrolled{background:#fff!important;border-bottom-color:#e8e9e6!important;box-shadow:0 5px 20px rgba(16,17,20,.05)!important}
.site-header.is-scrolled{height:74px!important}
.site-header.is-scrolled .header-inner{height:74px!important;min-height:74px!important}
.site-header.is-scrolled .brand img{max-width:142px!important;max-height:52px!important}
.main-nav .nav-chevron{font-size:12px!important}
.nav-dropdown.open .nav-chevron{transform:rotate(180deg)!important}
}
@media(max-width:760px){
.site-header,.site-header.is-scrolled,.header-inner,.site-header.is-scrolled .header-inner{height:66px!important;min-height:66px!important}
.site-header .brand img,.site-header.is-scrolled .brand img{max-width:108px!important;max-height:40px!important}
}
/* ==========================================================
HEADER V101 — navegação editorial limpa / desktop
========================================================== */
@media(min-width:1101px){
.site-header,
.site-header.is-scrolled{
height:78px!important;
background:#fff!important;
color:#17181b!important;
border-bottom:1px solid #e9e9e6!important;
box-shadow:0 2px 14px rgba(0,0,0,.035)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.site-header.is-scrolled{height:72px!important;box-shadow:0 6px 24px rgba(0,0,0,.065)!important}
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1440px,calc(100% - 56px))!important;
max-width:1440px!important;
height:100%!important;
display:flex!important;
align-items:center!important;
gap:0!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
flex:0 0 auto!important;
margin:0 42px 0 0!important;
padding:0!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:132px!important;
max-height:48px!important;
}
.site-header.is-scrolled .brand img{max-width:124px!important;max-height:44px!important}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
flex:1 1 auto!important;
justify-content:flex-start!important;
gap:25px!important;
overflow:visible!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
position:relative!important;
min-height:78px!important;
padding:1px 0 0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#303136!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:10.5px!important;
font-weight:800!important;
line-height:1!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
transition:color .18s ease!important;
}
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{min-height:72px!important}
.site-header .main-nav>a:after,
.site-header .nav-dropdown-toggle:after{
content:""!important;
position:absolute!important;
left:0!important;
right:auto!important;
bottom:0!important;
width:100%!important;
height:3px!important;
border-radius:3px 3px 0 0!important;
background:var(--primary)!important;
transform:scaleX(0)!important;
transform-origin:left center!important;
transition:transform .2s ease!important;
}
.site-header .main-nav>a:hover,
.site-header .main-nav>a:focus-visible,
.site-header .nav-dropdown-toggle:hover,
.site-header .nav-dropdown-toggle:focus-visible,
.site-header .main-nav>a.is-current,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle{
background:transparent!important;
color:var(--primary)!important;
}
.site-header .main-nav>a:hover:after,
.site-header .main-nav>a:focus-visible:after,
.site-header .main-nav>a.is-current:after,
.site-header .nav-dropdown-toggle:hover:after,
.site-header .nav-dropdown-toggle:focus-visible:after,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle:after{transform:scaleX(1)!important}
.site-header .nav-chevron{
margin-left:5px!important;
color:currentColor!important;
font-size:9px!important;
opacity:.55!important;
}
.site-header .nav-dropdown-menu{
top:calc(100% + 10px)!important;
left:-18px!important;
min-width:220px!important;
padding:7px!important;
border:1px solid #e7e7e4!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:0 18px 48px rgba(15,16,18,.12)!important;
transform:translateY(7px)!important;
}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within .nav-dropdown-menu,
.site-header .nav-dropdown.open .nav-dropdown-menu{transform:translateY(0)!important}
.site-header .nav-dropdown-menu:before{display:none!important}
.site-header .nav-dropdown-menu a{
min-height:42px!important;
padding:0 12px!important;
border-radius:7px!important;
color:#2d2e32!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:11px!important;
font-weight:700!important;
}
.site-header .nav-dropdown-menu a:hover{
padding-left:12px!important;
background:#f4f4f2!important;
color:var(--primary)!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
flex:0 0 auto!important;
gap:18px!important;
margin-left:auto!important;
padding-left:28px!important;
border-left:1px solid #ededeb!important;
}
.site-header .transparency-btn,
.site-header.is-scrolled .transparency-btn{
min-height:auto!important;
padding:8px 0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#25262a!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:9.5px!important;
font-weight:850!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
}
.site-header .transparency-btn:after{
content:""!important;
width:5px!important;
height:5px!important;
margin-left:8px!important;
border-radius:50%!important;
background:var(--primary)!important;
display:inline-block!important;
vertical-align:middle!important;
}
.site-header .transparency-btn:hover{
border:0!important;
background:transparent!important;
color:var(--primary)!important;
transform:none!important;
}
.site-header .donate-btn,
.site-header.is-scrolled .donate-btn{
min-height:40px!important;
padding:0 17px!important;
border:1px solid var(--primary)!important;
border-radius:8px!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
box-shadow:none!important;
}
.site-header .donate-btn span{font-size:12px!important;margin-left:2px!important}
}
@media(min-width:1101px) and (max-width:1360px){
.site-header .header-inner,.site-header.is-scrolled .header-inner{width:calc(100% - 34px)!important}
.site-header .brand,.site-header.is-scrolled .brand{margin-right:28px!important}
.site-header .brand img,.site-header.is-scrolled .brand img{max-width:118px!important}
.site-header .main-nav,.site-header.is-scrolled .main-nav{gap:17px!important}
.site-header .main-nav>a,.site-header .nav-dropdown-toggle{font-size:9.5px!important;letter-spacing:.035em!important}
.site-header .header-actions,.site-header.is-scrolled .header-actions{gap:12px!important;padding-left:18px!important}
.site-header .donate-btn,.site-header.is-scrolled .donate-btn{padding:0 13px!important;font-size:8.5px!important}
}
@media(min-width:1101px) and (max-width:1210px){
.site-header .transparency-btn{display:none!important}
.site-header .main-nav,.site-header.is-scrolled .main-nav{gap:14px!important}
.site-header .header-actions,.site-header.is-scrolled .header-actions{padding-left:14px!important}
}
/* ==========================================================
HEADER V102 — largura alinhada ao container geral do site
========================================================== */
@media(min-width:1101px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1120px,92%)!important;
max-width:1120px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
box-sizing:border-box!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
margin-right:24px!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
min-width:0!important;
gap:18px!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
padding-left:16px!important;
gap:12px!important;
}
}
@media(min-width:1101px) and (max-width:1210px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1120px,94%)!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
margin-right:18px!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
max-width:112px!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
gap:12px!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle{
font-size:9px!important;
letter-spacing:.025em!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
padding-left:12px!important;
}
}
/* ==========================================================
HEADER V103 — logo maior sem ultrapassar o container
========================================================== */
@media(min-width:1211px){
.site-header .brand,
.site-header.is-scrolled .brand{
margin-right:20px!important;
flex:0 0 auto!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:158px!important;
max-height:60px!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
gap:16px!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
padding-left:14px!important;
}
}
@media(min-width:1101px) and (max-width:1210px){
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:132px!important;
max-height:52px!important;
}
}
@media(max-width:1100px){
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:150px!important;
max-height:54px!important;
}
}
@media(max-width:560px){
.site-header .brand img,
.site-header.is-scrolled .brand img{
max-width:138px!important;
max-height:50px!important;
}
}
/* ==========================================================
HEADER V104 — menu principal realmente centralizado
========================================================== */
@media(min-width:1101px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
display:grid!important;
grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;
align-items:center!important;
column-gap:18px!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
grid-column:1!important;
justify-self:start!important;
margin:0!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
grid-column:2!important;
justify-self:center!important;
width:max-content!important;
max-width:none!important;
flex:none!important;
margin:0!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
grid-column:3!important;
justify-self:end!important;
margin:0!important;
padding-left:0!important;
}
}
@media(min-width:1101px) and (max-width:1210px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
grid-template-columns:minmax(132px,1fr) auto minmax(132px,1fr)!important;
column-gap:12px!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{gap:10px!important}
}
/* ==========================================================
PÁGINA PÚBLICA DE SERVIÇOS — layout isolado e corrigido
========================================================== */
.services-listing-page .services-page-hero{
border-bottom:0!important;
}
.services-listing-page .services-page-hero:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:5px;
background:var(--primary);
z-index:2;
}
.services-catalog-section{
padding:clamp(64px,7vw,104px) 0 clamp(76px,8vw,118px);
background:#f7f7f5;
}
.services-catalog-container{
width:min(1120px,92%)!important;
}
.services-catalog-heading{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);
gap:48px;
align-items:end;
margin:0 0 48px;
padding:0 0 30px;
border-bottom:1px solid #dcded9;
}
.services-catalog-heading>div{min-width:0}
.services-catalog-kicker{
display:block;
margin:0 0 10px;
color:var(--primary);
font-size:11px;
font-weight:850;
line-height:1.2;
letter-spacing:.14em;
text-transform:uppercase;
}
.services-catalog-heading h2{
max-width:720px;
margin:0;
color:#151619;
font-size:clamp(34px,4.2vw,56px);
font-weight:850;
line-height:1.02;
letter-spacing:-.045em;
text-transform:none;
text-wrap:balance;
}
.services-catalog-heading p{
max-width:430px;
margin:0 0 3px auto;
color:#67696f;
font-size:14px;
line-height:1.75;
}
.services-public-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
align-items:stretch;
}
.services-public-card{
min-width:0;
margin:0;
background:#fff;
border:1px solid #e2e3df;
border-radius:20px;
overflow:hidden;
box-shadow:0 12px 35px rgba(16,18,20,.06);
transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.services-public-card:hover{
transform:translateY(-6px);
border-color:#d2d4cf;
box-shadow:0 24px 55px rgba(16,18,20,.12);
}
.services-public-card-link{
display:flex!important;
flex-direction:column;
height:100%;
color:inherit!important;
text-decoration:none!important;
}
.services-public-media{
position:relative;
width:100%;
aspect-ratio:16/10;
overflow:hidden;
background:#eceeea;
}
.services-public-media img{
width:100%!important;
height:100%!important;
margin:0!important;
border:0!important;
border-radius:0!important;
object-fit:cover!important;
object-position:center!important;
transition:transform .5s cubic-bezier(.2,.65,.25,1);
}
.services-public-card:hover .services-public-media img{transform:scale(1.045)}
.services-public-media:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.30));
pointer-events:none;
}
.services-public-placeholder{
width:100%;
height:100%;
display:grid;
place-items:center;
background:linear-gradient(135deg,#f1f2ef,#e3e5e0);
}
.services-public-placeholder span{
display:grid;
width:72px;
height:72px;
place-items:center;
border-radius:22px;
background:#fff;
color:var(--primary);
font-size:30px;
box-shadow:0 12px 35px rgba(0,0,0,.08);
}
.services-public-number{
position:absolute;
z-index:2;
right:16px;
bottom:14px;
display:grid;
min-width:42px;
height:30px;
padding:0 10px;
place-items:center;
border-radius:999px;
background:#fff;
color:#17181b;
font-size:10px;
font-weight:900;
letter-spacing:.08em;
}
.services-public-content{
display:flex;
flex:1;
flex-direction:column;
padding:25px 24px 24px;
}
.services-public-title-row{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:13px;
align-items:center;
}
.services-public-icon{
display:grid!important;
width:42px!important;
height:42px!important;
margin:0!important;
place-items:center;
border:1px solid #e1e2de!important;
border-radius:13px!important;
background:#f7f7f5!important;
color:var(--primary)!important;
font-size:18px!important;
}
.services-public-content h2{
margin:0!important;
color:#17181b!important;
font-size:20px!important;
font-weight:800!important;
line-height:1.16!important;
letter-spacing:-.03em!important;
text-transform:none!important;
overflow-wrap:anywhere;
}
.services-public-content p{
display:-webkit-box!important;
margin:18px 0 0!important;
color:#686a70!important;
font-size:13px!important;
line-height:1.67!important;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
overflow:hidden;
}
.services-public-more{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:auto;
padding-top:24px;
color:#17181b;
font-size:10px;
font-weight:900;
line-height:1;
letter-spacing:.08em;
text-transform:uppercase;
}
.services-public-more b{
display:grid;
width:36px;
height:36px;
place-items:center;
border-radius:50%;
background:var(--primary);
color:var(--on-primary);
font-size:14px;
transition:transform .25s ease;
}
.services-public-card:hover .services-public-more b{transform:rotate(45deg)}
.services-public-empty{
padding:52px 30px;
border:1px solid #dedfdb;
border-radius:18px;
background:#fff;
text-align:center;
}
.services-public-empty strong{display:block;color:#17181b;font-size:21px}
.services-public-empty p{margin:8px 0 0;color:#707278}
.services-public-cta{
padding:58px 0;
background:var(--secondary);
color:var(--on-secondary);
}
.services-public-cta .container{
display:flex;
align-items:center;
justify-content:space-between;
gap:44px;
}
.services-public-cta span{
display:block;
margin-bottom:7px;
color:var(--primary);
font-size:10px;
font-weight:900;
letter-spacing:.13em;
text-transform:uppercase;
}
.services-public-cta h2{
max-width:680px;
margin:0;
color:inherit;
font-size:clamp(27px,3vw,40px);
font-weight:800;
line-height:1.08;
letter-spacing:-.035em;
text-transform:none;
}
.services-public-cta a{
display:inline-flex;
flex:0 0 auto;
min-height:48px;
align-items:center;
justify-content:center;
gap:12px;
padding:0 20px;
border-radius:999px;
background:var(--primary);
color:var(--on-primary)!important;
font-size:10px;
font-weight:900;
letter-spacing:.07em;
text-transform:uppercase;
transition:transform .2s ease,filter .2s ease;
}
.services-public-cta a:hover{transform:translateY(-2px);filter:brightness(.96)}
.services-public-cta a b{font-size:14px}
@media(max-width:980px){
.services-catalog-heading{grid-template-columns:1fr;gap:18px}
.services-catalog-heading p{max-width:700px;margin:0}
.services-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.services-catalog-section{padding:54px 0 72px}
.services-catalog-heading{margin-bottom:28px;padding-bottom:24px;text-align:center}
.services-catalog-heading h2{font-size:clamp(30px,9vw,40px)}
.services-catalog-heading p{font-size:13px;line-height:1.65}
.services-public-grid{grid-template-columns:1fr;gap:16px}
.services-public-card{border-radius:17px}
.services-public-media{aspect-ratio:16/9}
.services-public-content{padding:21px 19px 20px}
.services-public-content h2{font-size:19px!important}
.services-public-content p{margin-top:14px!important;font-size:12.5px!important}
.services-public-more{padding-top:20px}
.services-public-cta{padding:46px 0}
.services-public-cta .container{flex-direction:column;align-items:flex-start;gap:24px;text-align:left}
.services-public-cta a{width:100%}
}
/* ==========================================================
MENU MOBILE V105 — correção consolidada de rolagem e conflitos
========================================================== */
body.site-menu-open{
overflow:hidden!important;
touch-action:auto!important;
}
@media(max-width:1100px){
.site-header,
.site-header.is-scrolled{
height:66px!important;
min-height:66px!important;
overflow:visible!important;
}
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
display:flex!important;
width:min(100% - 28px,1120px)!important;
height:66px!important;
min-height:66px!important;
margin:0 auto!important;
padding:0!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
position:relative!important;
z-index:1006!important;
flex:0 1 auto!important;
margin:0!important;
min-width:0!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
display:block!important;
width:auto!important;
max-width:142px!important;
max-height:48px!important;
object-fit:contain!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{display:none!important}
.site-header .menu-toggle{
display:grid!important;
place-items:center!important;
flex:0 0 44px!important;
width:44px!important;
height:44px!important;
min-width:44px!important;
min-height:44px!important;
margin:0!important;
padding:0!important;
border:1px solid #dedfe2!important;
border-radius:12px!important;
background:#fff!important;
color:#111!important;
box-shadow:none!important;
position:relative!important;
z-index:1007!important;
}
.site-header .menu-toggle-lines{
display:flex!important;
width:21px!important;
height:16px!important;
flex-direction:column!important;
justify-content:space-between!important;
align-items:center!important;
}
.site-header .menu-toggle-lines i{
display:block!important;
width:21px!important;
height:2px!important;
border-radius:99px!important;
background:#16171a!important;
transition:transform .2s ease,opacity .15s ease!important;
}
.site-header .menu-toggle-lines i:nth-child(2){width:21px!important}
.site-header .menu-toggle.is-open .menu-toggle-lines i:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.site-header .menu-toggle.is-open .menu-toggle-lines i:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
.site-header .menu-toggle.is-open .menu-toggle-lines i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
position:fixed!important;
z-index:1005!important;
top:66px!important;
right:0!important;
bottom:0!important;
left:auto!important;
display:flex!important;
width:min(410px,92vw)!important;
max-width:100%!important;
height:calc(100dvh - 66px)!important;
min-height:0!important;
margin:0!important;
padding:20px 24px max(28px,env(safe-area-inset-bottom))!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:0!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
touch-action:pan-y!important;
scrollbar-width:thin!important;
background:#0b0c0e!important;
color:#fff!important;
box-shadow:-18px 18px 45px rgba(0,0,0,.22)!important;
transform:translate3d(102%,0,0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
transition:transform .24s cubic-bezier(.22,.7,.24,1)!important;
}
.site-header .main-nav.open,
.site-header.is-scrolled .main-nav.open{
transform:translate3d(0,0,0)!important;
pointer-events:auto!important;
}
.site-header .mobile-nav-head{
display:block!important;
flex:0 0 auto!important;
margin:0!important;
padding:0 0 14px!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.site-header .mobile-nav-head span{
display:block!important;
color:#fff!important;
font-size:18px!important;
font-weight:800!important;
line-height:1.15!important;
}
.site-header .mobile-nav-head small{
display:block!important;
margin-top:4px!important;
color:#85878e!important;
font-size:9px!important;
line-height:1.35!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown,
.site-header .nav-dropdown-toggle{
flex:0 0 auto!important;
min-width:0!important;
max-width:100%!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
display:flex!important;
width:100%!important;
min-height:50px!important;
padding:13px 0!important;
margin:0!important;
align-items:center!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
border-radius:0!important;
background:transparent!important;
color:#f4f4f5!important;
font-size:15px!important;
font-weight:650!important;
line-height:1.25!important;
letter-spacing:-.01em!important;
text-align:left!important;
text-transform:none!important;
white-space:normal!important;
overflow:visible!important;
opacity:1!important;
visibility:visible!important;
}
.site-header .main-nav>a:after,
.site-header .nav-dropdown-toggle:after{display:none!important}
.site-header .nav-dropdown-toggle{justify-content:space-between!important}
.site-header .nav-chevron{
display:grid!important;
place-items:center!important;
flex:0 0 28px!important;
width:28px!important;
height:28px!important;
margin-left:12px!important;
border:1px solid rgba(255,255,255,.16)!important;
border-radius:50%!important;
color:#fff!important;
font-size:15px!important;
line-height:1!important;
}
.site-header .nav-dropdown-menu{
position:static!important;
display:none!important;
width:100%!important;
min-width:0!important;
margin:0!important;
padding:4px 0 5px 14px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
}
.site-header .nav-dropdown.open .nav-dropdown-menu{display:block!important}
.site-header .nav-dropdown-menu a{
display:flex!important;
min-height:42px!important;
padding:10px 0!important;
align-items:center!important;
border-bottom:1px solid rgba(255,255,255,.07)!important;
color:#bfc1c6!important;
background:transparent!important;
font-size:13px!important;
line-height:1.3!important;
white-space:normal!important;
}
.site-header .mobile-menu-actions{
display:grid!important;
flex:0 0 auto!important;
grid-template-columns:1fr!important;
gap:8px!important;
margin:18px 0 0!important;
padding:16px 0 0!important;
border-top:1px solid rgba(255,255,255,.12)!important;
}
.site-header .mobile-menu-actions a{
display:flex!important;
min-height:44px!important;
padding:9px 14px!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(255,255,255,.24)!important;
border-radius:8px!important;
color:#fff!important;
font-size:10px!important;
font-weight:850!important;
letter-spacing:.045em!important;
text-align:center!important;
text-transform:uppercase!important;
}
.site-header .mobile-menu-actions .mobile-menu-primary{
border-color:var(--primary)!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
}
.site-header .menu-backdrop{
position:fixed!important;
z-index:1004!important;
top:66px!important;
right:0!important;
bottom:0!important;
left:0!important;
display:block!important;
width:auto!important;
height:auto!important;
border:0!important;
background:rgba(5,6,8,.58)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .2s ease,visibility .2s ease!important;
}
.site-header .menu-backdrop.open{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
}
@media(max-width:520px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{width:calc(100% - 22px)!important}
.site-header .brand img,
.site-header.is-scrolled .brand img{max-width:132px!important;max-height:45px!important}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
width:100%!important;
padding-left:20px!important;
padding-right:20px!important;
}
}
/* =========================================================
MENU MOBILE V11 — painel independente do menu desktop
========================================================= */
.mobile-nav-panel{display:none}
@media(max-width:1100px){
body.site-menu-open{overflow:hidden!important}
/* O menu desktop não participa do layout mobile. */
.site-header .main-nav,
.site-header.is-scrolled .main-nav{display:none!important}
.site-header .menu-toggle{
display:grid!important;
position:relative!important;
z-index:12004!important;
}
.site-header .mobile-nav-panel{
display:block!important;
position:fixed!important;
z-index:12002!important;
inset:66px 0 0 0!important;
width:100%!important;
height:calc(100dvh - 66px)!important;
min-height:0!important;
margin:0!important;
padding:0!important;
background:#090a0c!important;
color:#fff!important;
overflow:hidden!important;
transform:translate3d(100%,0,0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:none!important;
transition:transform .24s cubic-bezier(.22,.7,.24,1)!important;
box-shadow:none!important;
}
.site-header .mobile-nav-panel.open{
transform:translate3d(0,0,0)!important;
pointer-events:auto!important;
}
.site-header .mobile-nav-panel-inner{
width:100%!important;
height:100%!important;
min-height:0!important;
padding:20px 20px max(24px,env(safe-area-inset-bottom))!important;
overflow-x:hidden!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
-webkit-overflow-scrolling:touch!important;
touch-action:pan-y!important;
}
.site-header .mobile-nav-title{
padding:0 0 14px!important;
margin:0!important;
border-bottom:1px solid rgba(255,255,255,.13)!important;
}
.site-header .mobile-nav-title strong{
display:block!important;
margin:0!important;
color:#fff!important;
font-size:18px!important;
line-height:1.15!important;
font-weight:800!important;
}
.site-header .mobile-nav-title small{
display:block!important;
margin-top:4px!important;
color:#8f9298!important;
font-size:9px!important;
line-height:1.35!important;
}
.site-header .mobile-nav-links{
display:flex!important;
flex-direction:column!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.site-header .mobile-nav-links>a{
display:flex!important;
width:100%!important;
min-height:50px!important;
margin:0!important;
padding:13px 0!important;
align-items:center!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.10)!important;
background:transparent!important;
color:#f5f5f6!important;
font-size:14px!important;
font-weight:650!important;
line-height:1.25!important;
letter-spacing:0!important;
text-align:left!important;
text-transform:none!important;
white-space:normal!important;
}
.site-header .mobile-nav-links>a:hover,
.site-header .mobile-nav-links>a:focus-visible{color:var(--primary)!important}
.site-header .mobile-nav-ctas{
display:grid!important;
grid-template-columns:1fr!important;
gap:9px!important;
margin:22px 0 0!important;
padding:18px 0 0!important;
border-top:1px solid rgba(255,255,255,.13)!important;
}
.site-header .mobile-nav-ctas>a{
display:flex!important;
width:100%!important;
min-height:46px!important;
padding:10px 15px!important;
align-items:center!important;
justify-content:center!important;
border:1px solid rgba(255,255,255,.26)!important;
border-radius:8px!important;
background:transparent!important;
color:#fff!important;
font-size:10px!important;
font-weight:850!important;
letter-spacing:.04em!important;
text-align:center!important;
text-transform:uppercase!important;
}
.site-header .mobile-nav-ctas>a.is-primary{
border-color:var(--primary)!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
}
.site-header .menu-backdrop{
position:fixed!important;
z-index:12001!important;
inset:66px 0 0!important;
width:100%!important;
height:calc(100dvh - 66px)!important;
background:rgba(0,0,0,.55)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
}
.site-header .menu-backdrop.open{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
}
@media(max-width:520px){
.site-header .mobile-nav-panel{inset:66px 0 0!important;height:calc(100dvh - 66px)!important}
.site-header .mobile-nav-panel-inner{padding-left:16px!important;padding-right:16px!important}
}
/* ==========================================================
HEADER DESKTOP V106 — composição final limpa e estável
Não interfere no painel mobile separado.
========================================================== */
@media (min-width:1101px){
.site-header,
.site-header.is-scrolled{
height:78px!important;
min-height:78px!important;
background:#fff!important;
color:#17181b!important;
border-bottom:1px solid #ececea!important;
box-shadow:0 3px 18px rgba(0,0,0,.035)!important;
overflow:visible!important;
}
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1120px,92%)!important;
max-width:1120px!important;
height:78px!important;
margin:0 auto!important;
padding:0!important;
display:grid!important;
grid-template-columns:220px minmax(0,1fr) 220px!important;
align-items:center!important;
column-gap:12px!important;
position:relative!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
grid-column:1!important;
justify-self:start!important;
display:flex!important;
align-items:center!important;
width:auto!important;
margin:0!important;
padding:0!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
width:auto!important;
max-width:158px!important;
max-height:58px!important;
object-fit:contain!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
grid-column:2!important;
justify-self:stretch!important;
width:100%!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:15px!important;
position:static!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
min-height:78px!important;
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#25262a!important;
white-space:nowrap!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:9.5px!important;
font-weight:800!important;
line-height:1!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
position:relative!important;
}
.site-header .main-nav>a:hover,
.site-header .nav-dropdown-toggle:hover,
.site-header .main-nav>a.is-current,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle{
color:var(--primary)!important;
}
.site-header .main-nav>a:after,
.site-header .nav-dropdown-toggle:after{
content:""!important;
position:absolute!important;
left:50%!important;
right:auto!important;
bottom:17px!important;
width:0!important;
height:2px!important;
border:0!important;
border-radius:999px!important;
background:var(--primary)!important;
transform:translateX(-50%)!important;
opacity:1!important;
transition:width .2s ease!important;
}
.site-header .main-nav>a:hover:after,
.site-header .main-nav>a.is-current:after,
.site-header .nav-dropdown:hover>.nav-dropdown-toggle:after,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle:after{
width:22px!important;
}
.site-header .nav-dropdown{
min-width:0!important;
height:78px!important;
display:flex!important;
align-items:center!important;
position:relative!important;
}
.site-header .nav-chevron{
margin-left:5px!important;
font-size:9px!important;
line-height:1!important;
}
.site-header .nav-dropdown-menu{
top:64px!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%) translateY(6px)!important;
width:190px!important;
min-width:190px!important;
padding:8px!important;
border:1px solid #e7e7e5!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:0 18px 38px rgba(0,0,0,.10)!important;
}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown.open .nav-dropdown-menu{
transform:translateX(-50%) translateY(0)!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
grid-column:3!important;
justify-self:end!important;
width:220px!important;
min-width:220px!important;
margin:0!important;
padding:0!important;
border:0!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:12px!important;
}
.site-header .transparency-btn,
.site-header.is-scrolled .transparency-btn{
padding:8px 0!important;
border:0!important;
background:transparent!important;
color:#303136!important;
font-size:9px!important;
white-space:nowrap!important;
}
.site-header .donate-btn,
.site-header.is-scrolled .donate-btn{
min-height:40px!important;
padding:0 15px!important;
border-radius:8px!important;
border:1px solid var(--primary)!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
font-size:8.6px!important;
white-space:nowrap!important;
box-shadow:none!important;
}
.site-header .menu-toggle,
.site-header .mobile-nav-panel,
.site-header .menu-backdrop,
.site-header .mobile-nav-head,
.site-header .mobile-menu-actions{
display:none!important;
}
}
/* Desktop intermediário: evita compressão e mantém o menu dentro do site */
@media (min-width:1101px) and (max-width:1240px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:94%!important;
grid-template-columns:165px minmax(0,1fr) 165px!important;
column-gap:8px!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
max-width:138px!important;
max-height:52px!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
gap:11px!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
font-size:8.8px!important;
letter-spacing:.01em!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
width:165px!important;
min-width:165px!important;
}
.site-header .transparency-btn,
.site-header.is-scrolled .transparency-btn{
display:none!important;
}
.site-header .donate-btn,
.site-header.is-scrolled .donate-btn{
padding:0 12px!important;
font-size:8px!important;
}
}
/* =========================================================
QUEM SOMOS — REFINO VISUAL V108
Mantem a estrutura original e melhora apenas acabamento.
========================================================= */
body .institutional-hero{
min-height:330px!important;
padding:78px 0 58px!important;
display:flex!important;
align-items:center!important;
background-position:center!important;
border-bottom:3px solid var(--primary)!important;
}
body .institutional-hero:before{
background:linear-gradient(90deg,rgba(5,8,14,.86),rgba(5,10,20,.68))!important;
}
body .institutional-hero .institutional-hero-inner{
width:min(900px,100%)!important;
max-width:900px!important;
margin-inline:auto!important;
text-align:center!important;
}
body .institutional-hero .overline{
display:block!important;
margin:0 0 10px!important;
color:#fff!important;
font-size:11px!important;
font-weight:850!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
opacity:.84!important;
text-align:center!important;
}
body .institutional-hero h1{
max-width:900px!important;
margin:0 auto 16px!important;
color:#fff!important;
font-size:clamp(40px,5vw,64px)!important;
font-weight:820!important;
line-height:1.02!important;
letter-spacing:-.04em!important;
text-align:center!important;
text-wrap:balance!important;
}
body .institutional-hero p{
max-width:760px!important;
margin:0 auto!important;
color:rgba(255,255,255,.86)!important;
font-size:15px!important;
line-height:1.7!important;
text-align:center!important;
}
body .institutional-page-section{
padding:68px 0 82px!important;
background:#f6f6f4!important;
}
body .institutional-content-grid{
width:min(1040px,100%)!important;
max-width:1040px!important;
margin:0 auto!important;
display:grid!important;
gap:24px!important;
}
body .institutional-history-card,
body .institutional-areas-card{
padding:40px 44px!important;
background:#fff!important;
border:1px solid #e7e7e3!important;
border-radius:18px!important;
box-shadow:0 10px 30px rgba(18,22,28,.045)!important;
}
body .institutional-heading-row{
display:flex!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:24px!important;
padding-bottom:18px!important;
margin-bottom:24px!important;
border-bottom:1px solid #ecece8!important;
}
body .institutional-heading-row .overline{
display:block!important;
margin:0 0 7px!important;
color:var(--primary)!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
}
body .institutional-heading-row h2{
margin:0!important;
color:#191a1e!important;
font-size:clamp(29px,3vw,42px)!important;
font-weight:820!important;
line-height:1.08!important;
letter-spacing:-.03em!important;
text-transform:none!important;
}
body .institutional-heading-number{
flex:0 0 auto!important;
color:rgba(0,0,0,.055)!important;
font-size:58px!important;
font-weight:900!important;
line-height:.9!important;
}
body .institutional-prose{
max-width:920px!important;
color:#53565d!important;
font-size:15.5px!important;
line-height:1.8!important;
}
body .institutional-prose p{margin:0 0 17px!important}
body .institutional-prose p:last-child{margin-bottom:0!important}
body .institutional-prose strong{color:#1f2024!important}
body .institutional-prose h2,
body .institutional-prose h3{
color:#1d1e22!important;
margin:30px 0 12px!important;
line-height:1.2!important;
}
body .institutional-prose ul,
body .institutional-prose ol{margin:14px 0 20px!important;padding-left:21px!important}
body .institutional-prose li{margin:6px 0!important}
/* Missao, visao e valores: preserva o desenho original */
body .institutional-three{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;
margin:0!important;
}
body .institutional-three article{
min-height:250px!important;
padding:30px 30px 32px!important;
border-radius:18px!important;
overflow:hidden!important;
box-shadow:0 10px 28px rgba(0,0,0,.07)!important;
transition:transform .22s ease,box-shadow .22s ease!important;
}
body .institutional-three article:hover{
transform:translateY(-3px)!important;
box-shadow:0 15px 34px rgba(0,0,0,.10)!important;
}
body .institutional-three article:nth-child(1){background:#fff!important;color:#1a1b1f!important;border:1px solid #e8e8e4!important}
body .institutional-three article:nth-child(2){background:#222326!important;color:#fff!important;border:1px solid #222326!important}
body .institutional-three article:nth-child(3){background:var(--primary)!important;color:var(--on-primary,#fff)!important;border:1px solid var(--primary)!important}
body .institutional-three .institutional-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:auto!important;
min-width:36px!important;
height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
background:rgba(0,0,0,.06)!important;
color:inherit!important;
font-size:11px!important;
font-weight:900!important;
line-height:1!important;
letter-spacing:.06em!important;
opacity:.72!important;
}
body .institutional-three article:nth-child(2) .institutional-icon,
body .institutional-three article:nth-child(3) .institutional-icon{
background:rgba(255,255,255,.13)!important;
}
body .institutional-three h2{
margin:24px 0 12px!important;
color:inherit!important;
font-size:25px!important;
font-weight:820!important;
line-height:1.08!important;
letter-spacing:-.025em!important;
}
body .institutional-three .content{
color:inherit!important;
font-size:14px!important;
line-height:1.68!important;
opacity:.88!important;
}
body .institutional-three .content :where(p,li,strong,b){color:inherit!important}
body .institutional-three .content p{margin:0 0 10px!important}
body .institutional-three .content p:last-child{margin-bottom:0!important}
body .institutional-three .content ul{margin:10px 0 0!important;padding-left:18px!important}
/* Galerias: apenas refinamento, sem mudar a estrutura */
body .institutional-gallery-section,
body .institutional-videos-section{
padding:70px 0!important;
}
body .institutional-gallery-section>.container,
body .institutional-videos-section>.container{
width:min(1040px,calc(100% - 40px))!important;
}
body .institutional-gallery-section>.container>.overline,
body .institutional-videos-section>.container>.overline{
display:block!important;
margin:0 0 7px!important;
color:var(--primary)!important;
font-size:10px!important;
font-weight:900!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
text-align:center!important;
}
body .institutional-gallery-section>.container>h2,
body .institutional-videos-section>.container>h2{
margin:0 0 28px!important;
color:#191a1e!important;
font-size:clamp(30px,4vw,44px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
text-align:center!important;
}
body .institutional-gallery{gap:14px!important}
body .institutional-photo{border-radius:14px!important;overflow:hidden!important}
body .institutional-video-card{border-radius:16px!important;overflow:hidden!important}
@media(max-width:820px){
body .institutional-page-section{padding:48px 0 62px!important}
body .institutional-content-grid{gap:18px!important}
body .institutional-history-card,
body .institutional-areas-card{padding:30px 26px!important;border-radius:16px!important}
body .institutional-three{grid-template-columns:1fr!important;gap:14px!important}
body .institutional-three article{min-height:0!important;padding:27px 25px!important}
}
@media(max-width:560px){
body .institutional-hero{min-height:270px!important;padding:56px 0 44px!important}
body .institutional-hero h1{font-size:clamp(34px,11vw,46px)!important}
body .institutional-hero p{font-size:13.5px!important;line-height:1.6!important}
body .institutional-page-section{padding:36px 0 48px!important}
body .institutional-history-card,
body .institutional-areas-card{padding:24px 20px!important}
body .institutional-heading-row{padding-bottom:15px!important;margin-bottom:19px!important}
body .institutional-heading-row h2{font-size:28px!important}
body .institutional-heading-number{font-size:42px!important}
body .institutional-prose{font-size:14px!important;line-height:1.7!important}
body .institutional-three article{padding:24px 21px 26px!important;border-radius:15px!important}
body .institutional-three h2{font-size:23px!important;margin-top:20px!important}
body .institutional-three .content{font-size:13.5px!important}
body .institutional-gallery-section,
body .institutional-videos-section{padding:50px 0!important}
body .institutional-gallery-section>.container,
body .institutional-videos-section>.container{width:calc(100% - 28px)!important}
}
/* FOOTER V63 — rodapé mais organizado */
.footer-v63{background:#0e0f13!important;color:#f4f5f7!important;margin-top:0!important}
.footer-v63 .footer-shell{width:min(1120px,92%)!important;margin:0 auto!important;padding:58px 0 0!important}
.footer-v63 .footer-main-grid{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(180px,.7fr) minmax(180px,.7fr) minmax(250px,.92fr)!important;gap:34px!important;align-items:start!important}
.footer-v63 .footer-brand-block,.footer-v63 .footer-link-column,.footer-v63 .footer-contact-block{min-width:0!important}
.footer-v63 .footer-logo{display:block!important;max-width:168px!important;max-height:72px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 0 18px!important}
.footer-v63 h4{margin:0 0 18px!important;color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.02em!important}
.footer-v63 .footer-description{max-width:430px!important;margin:0 0 22px!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;line-height:1.75!important}
.footer-v63 .footer-brand-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:20px!important}
.footer-v63 .footer-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 18px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;transition:.18s ease!important}
.footer-v63 .footer-pill-outline{border:1px solid rgba(255,255,255,.18)!important;background:transparent!important;color:#fff!important}
.footer-v63 .footer-pill-outline:hover{border-color:var(--primary)!important;color:#fff!important;background:rgba(255,255,255,.04)!important}
.footer-v63 .footer-pill-solid{background:var(--primary)!important;color:var(--on-primary)!important;border:1px solid transparent!important}
.footer-v63 .footer-pill-solid:hover{transform:translateY(-1px)!important;filter:brightness(1.02)!important}
.footer-v63 .footer-socials{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.footer-v63 .footer-socials a{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.14)!important;background:#161820!important;color:#fff!important;font-size:13px!important;font-weight:800!important;transition:.18s ease!important}
.footer-v63 .footer-socials a:hover{transform:translateY(-2px)!important;border-color:var(--primary)!important;background:rgba(255,255,255,.04)!important}
.footer-v63 .footer-link-list{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:11px!important}
.footer-v63 .footer-link-list a{display:inline-flex!important;color:rgba(255,255,255,.72)!important;font-size:13px!important;line-height:1.5!important;transition:.16s ease!important}
.footer-v63 .footer-link-list a:hover{color:#fff!important;transform:translateX(4px)!important}
.footer-v63 .footer-contact-stack{display:grid!important;gap:12px!important}
.footer-v63 .footer-contact-card{display:block!important;padding:14px 16px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.12)!important;background:#15171d!important;color:#fff!important;transition:.18s ease!important}
.footer-v63 a.footer-contact-card:hover{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.2)!important;background:#191c24!important}
.footer-v63 .footer-contact-card.is-static:hover{transform:none!important}
.footer-v63 .footer-contact-card small{display:block!important;margin:0 0 6px!important;color:rgba(255,255,255,.54)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.footer-v63 .footer-contact-card strong{display:block!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.footer-v63 .footer-bottom-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-top:40px!important;padding:18px 0 22px!important;border-top:1px solid rgba(255,255,255,.09)!important}
.footer-v63 .footer-bottom-left{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important}
.footer-v63 .footer-copyright{color:rgba(255,255,255,.6)!important;font-size:12px!important;line-height:1.5!important}
.footer-v63 .footer-legal-links{display:flex!important;flex-wrap:wrap!important;gap:14px 18px!important}
.footer-v63 .footer-legal-links a{color:rgba(255,255,255,.68)!important;font-size:12px!important;transition:.16s ease!important}
.footer-v63 .footer-legal-links a:hover{color:#fff!important}
.footer-v63 .footer-developer{display:flex!important;align-items:center!important;gap:10px!important;color:rgba(255,255,255,.62)!important;font-size:11px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.footer-v63 .footer-developer span{text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:700!important}
.footer-v63 .footer-developer strong,.footer-v63 .footer-developer a{color:#fff!important}
.footer-v63 .footer-developer img{max-height:28px!important;width:auto!important}
@media(max-width:1080px){
.footer-v63 .footer-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px 34px!important}
}
@media(max-width:700px){
.footer-v63 .footer-shell{width:calc(100% - 32px)!important;padding:34px 0 0!important}
.footer-v63 .footer-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:30px 22px!important}
.footer-v63 .footer-brand-block,.footer-v63 .footer-contact-block{grid-column:1/-1!important}
.footer-v63 .footer-logo{max-width:148px!important;max-height:62px!important;margin:0 0 14px!important}
.footer-v63 .footer-description{max-width:none!important;margin:0 0 18px!important;font-size:13px!important;line-height:1.65!important}
.footer-v63 .footer-brand-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:18px!important}
.footer-v63 .footer-pill{width:100%!important;min-height:40px!important;padding:0 12px!important;font-size:9px!important;white-space:nowrap!important}
.footer-v63 .footer-socials{gap:8px!important}
.footer-v63 .footer-socials a{width:38px!important;height:38px!important}
.footer-v63 h4{margin-bottom:13px!important;font-size:13px!important}
.footer-v63 .footer-link-list{gap:8px!important}
.footer-v63 .footer-link-list a{font-size:12px!important;line-height:1.45!important;transform:none!important}
.footer-v63 .footer-link-list a:hover{transform:none!important}
.footer-v63 .footer-contact-stack{gap:0!important;border-top:1px solid rgba(255,255,255,.10)!important}
.footer-v63 .footer-contact-card{padding:13px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;background:transparent!important}
.footer-v63 a.footer-contact-card:hover{transform:none!important;background:transparent!important;border-color:rgba(255,255,255,.10)!important}
.footer-v63 .footer-contact-card small{margin-bottom:4px!important;font-size:9px!important}
.footer-v63 .footer-contact-card strong{font-size:12.5px!important;line-height:1.45!important}
.footer-v63 .footer-bottom-bar{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-top:28px!important;padding:17px 0 22px!important}
.footer-v63 .footer-bottom-left{width:100%!important;gap:9px!important}
.footer-v63 .footer-copyright{font-size:10.5px!important;line-height:1.55!important}
.footer-v63 .footer-legal-links{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px 14px!important}
.footer-v63 .footer-legal-links a{font-size:10.5px!important}
.footer-v63 .footer-developer{justify-content:flex-start!important;width:100%!important;gap:8px!important;font-size:10px!important}
.footer-v63 .footer-developer img{max-height:24px!important}
}
@media(max-width:430px){
.footer-v63 .footer-main-grid{gap:28px 16px!important}
.footer-v63 .footer-brand-actions{grid-template-columns:1fr!important}
.footer-v63 .footer-pill{font-size:10px!important}
.footer-v63 .footer-legal-links{grid-template-columns:1fr!important}
}
/* ==========================================================
HEADER DESKTOP V111 — menu profissional, limpo e equilibrado
Mobile permanece no painel separado já existente.
========================================================== */
@media (min-width:1101px){
.site-header,
.site-header.is-scrolled{
height:84px!important;
min-height:84px!important;
background:rgba(255,255,255,.98)!important;
color:#18191d!important;
border:0!important;
border-bottom:1px solid #e9eaec!important;
box-shadow:0 5px 22px rgba(18,20,24,.045)!important;
overflow:visible!important;
backdrop-filter:saturate(140%) blur(10px)!important;
}
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:min(1120px,92%)!important;
max-width:1120px!important;
height:84px!important;
margin:0 auto!important;
padding:0!important;
display:grid!important;
grid-template-columns:176px minmax(0,1fr) 166px!important;
align-items:center!important;
gap:18px!important;
position:relative!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{
grid-column:1!important;
justify-self:start!important;
display:flex!important;
align-items:center!important;
width:176px!important;
min-width:0!important;
margin:0!important;
padding:0!important;
}
.site-header .brand img,
.site-header.is-scrolled .brand img{
display:block!important;
width:auto!important;
max-width:164px!important;
max-height:60px!important;
object-fit:contain!important;
object-position:left center!important;
}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{
grid-column:2!important;
justify-self:center!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
height:84px!important;
margin:0!important;
padding:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:clamp(12px,1.45vw,20px)!important;
position:static!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:84px!important;
padding:2px 0 0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#2b2d31!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:10.2px!important;
font-weight:750!important;
line-height:1!important;
letter-spacing:.005em!important;
text-transform:none!important;
white-space:nowrap!important;
position:relative!important;
transition:color .18s ease!important;
}
.site-header .main-nav>a:hover,
.site-header .main-nav>a:focus-visible,
.site-header .nav-dropdown-toggle:hover,
.site-header .nav-dropdown-toggle:focus-visible,
.site-header .main-nav>a.is-current,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle{
color:var(--primary)!important;
background:transparent!important;
}
.site-header .main-nav>a:after,
.site-header .nav-dropdown-toggle:after{
content:""!important;
position:absolute!important;
left:50%!important;
bottom:19px!important;
width:0!important;
height:2px!important;
border:0!important;
border-radius:999px!important;
background:var(--primary)!important;
opacity:1!important;
transform:translateX(-50%)!important;
transition:width .2s ease!important;
}
.site-header .main-nav>a:hover:after,
.site-header .main-nav>a:focus-visible:after,
.site-header .main-nav>a.is-current:after,
.site-header .nav-dropdown:hover>.nav-dropdown-toggle:after,
.site-header .nav-dropdown:focus-within>.nav-dropdown-toggle:after,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle:after{
width:18px!important;
}
.site-header .nav-dropdown{
display:flex!important;
align-items:center!important;
height:84px!important;
position:relative!important;
}
.site-header .nav-chevron{
margin-left:5px!important;
color:#7a7c82!important;
font-size:8px!important;
transform:none!important;
}
.site-header .nav-dropdown-menu{
top:70px!important;
left:50%!important;
right:auto!important;
width:204px!important;
min-width:204px!important;
padding:8px!important;
border:1px solid #e7e8ea!important;
border-radius:14px!important;
background:#fff!important;
box-shadow:0 18px 48px rgba(18,20,24,.12)!important;
transform:translateX(-50%) translateY(8px)!important;
overflow:hidden!important;
}
.site-header .nav-dropdown:hover .nav-dropdown-menu,
.site-header .nav-dropdown:focus-within .nav-dropdown-menu,
.site-header .nav-dropdown.open .nav-dropdown-menu{
transform:translateX(-50%) translateY(0)!important;
}
.site-header .nav-dropdown-menu a{
display:flex!important;
align-items:center!important;
min-height:40px!important;
padding:0 12px!important;
border-radius:9px!important;
color:#34363b!important;
font-size:11px!important;
font-weight:650!important;
text-transform:none!important;
letter-spacing:0!important;
}
.site-header .nav-dropdown-menu a:hover{
padding-left:12px!important;
background:#f5f5f3!important;
color:var(--primary)!important;
}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{
grid-column:3!important;
justify-self:end!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
width:166px!important;
min-width:166px!important;
margin:0!important;
padding:0!important;
border:0!important;
}
.site-header .transparency-btn,
.site-header.is-scrolled .transparency-btn{display:none!important}
.site-header .donate-btn,
.site-header.is-scrolled .donate-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:44px!important;
padding:0 17px!important;
border:1px solid var(--primary)!important;
border-radius:999px!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
box-shadow:none!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:9.2px!important;
font-weight:800!important;
line-height:1!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
transition:transform .18s ease,filter .18s ease!important;
}
.site-header .donate-btn:hover{
transform:translateY(-1px)!important;
filter:brightness(.96)!important;
}
.site-header .donate-btn span{margin-left:7px!important;font-size:11px!important}
.site-header .menu-toggle,
.site-header .mobile-nav-panel,
.site-header .menu-backdrop,
.site-header .mobile-nav-head,
.site-header .mobile-menu-actions{display:none!important}
}
@media (min-width:1101px) and (max-width:1220px){
.site-header .header-inner,
.site-header.is-scrolled .header-inner{
width:94%!important;
grid-template-columns:150px minmax(0,1fr) 146px!important;
gap:10px!important;
}
.site-header .brand,
.site-header.is-scrolled .brand{width:150px!important}
.site-header .brand img,
.site-header.is-scrolled .brand img{max-width:138px!important;max-height:53px!important}
.site-header .main-nav,
.site-header.is-scrolled .main-nav{gap:10px!important}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle,
.site-header.is-scrolled .main-nav>a,
.site-header.is-scrolled .nav-dropdown-toggle{font-size:9.1px!important}
.site-header .header-actions,
.site-header.is-scrolled .header-actions{width:146px!important;min-width:146px!important}
.site-header .donate-btn,
.site-header.is-scrolled .donate-btn{min-height:40px!important;padding:0 13px!important;font-size:8px!important}
}
/* HEADER V112 — navegação profissional simplificada */
@media (min-width:1101px){
.site-header{
height:84px!important;
background:rgba(255,255,255,.98)!important;
color:#18191d!important;
border-bottom:1px solid #ececef!important;
box-shadow:0 4px 22px rgba(17,18,24,.045)!important;
backdrop-filter:saturate(150%) blur(12px)!important;
}
.site-header .header-inner{
position:relative!important;
display:grid!important;
grid-template-columns:190px minmax(0,1fr) 205px!important;
align-items:center!important;
gap:24px!important;
width:min(1120px,92%)!important;
max-width:1120px!important;
height:84px!important;
margin:0 auto!important;
padding:0!important;
}
.site-header .brand{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
min-width:0!important;
margin:0!important;
}
.site-header .brand img{
width:auto!important;
max-width:170px!important;
max-height:62px!important;
object-fit:contain!important;
}
.site-header .main-nav{
position:static!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:30px!important;
width:auto!important;
height:84px!important;
margin:0!important;
padding:0!important;
background:transparent!important;
color:#18191d!important;
transform:none!important;
overflow:visible!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.site-header .main-nav>.mobile-nav-head,
.site-header .main-nav>.mobile-menu-actions{display:none!important}
.site-header .main-nav>a,
.site-header .nav-dropdown-toggle{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
width:auto!important;
min-height:84px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#282a30!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:13px!important;
font-weight:650!important;
line-height:1!important;
letter-spacing:-.012em!important;
text-transform:none!important;
white-space:nowrap!important;
cursor:pointer!important;
transition:color .18s ease!important;
}
.site-header .main-nav>a::after,
.site-header .nav-dropdown-toggle::after{
content:""!important;
position:absolute!important;
left:50%!important;
right:auto!important;
bottom:19px!important;
width:0!important;
height:2px!important;
border:0!important;
border-radius:2px!important;
background:var(--primary)!important;
transform:translateX(-50%)!important;
opacity:1!important;
transition:width .18s ease!important;
}
.site-header .main-nav>a:hover,
.site-header .nav-dropdown-toggle:hover,
.site-header .main-nav>a.is-current,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle,
.site-header .nav-dropdown.open>.nav-dropdown-toggle{
color:#111216!important;
background:transparent!important;
}
.site-header .main-nav>a:hover::after,
.site-header .nav-dropdown-toggle:hover::after,
.site-header .main-nav>a.is-current::after,
.site-header .nav-dropdown.is-current>.nav-dropdown-toggle::after,
.site-header .nav-dropdown.open>.nav-dropdown-toggle::after{width:24px!important}
.site-header .nav-chevron{
display:inline-block!important;
margin:0!important;
color:#85878e!important;
font-size:10px!important;
transform:none!important;
transition:transform .18s ease!important;
}
.site-header .nav-dropdown.open .nav-chevron{transform:rotate(180deg)!important}
.site-header .nav-dropdown{position:relative!important;height:84px!important;display:flex!important;align-items:center!important}
.site-header .nav-dropdown-menu{
position:absolute!important;
z-index:13000!important;
top:calc(100% - 9px)!important;
left:50%!important;
right:auto!important;
width:390px!important;
min-width:390px!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:0!important;
padding:10px!important;
border:1px solid #e8e8ec!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 22px 55px rgba(15,17,24,.13)!important;
transform:translate(-50%,10px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
.site-header .nav-dropdown.open>.nav-dropdown-menu,
.site-header .nav-dropdown:hover>.nav-dropdown-menu{
transform:translate(-50%,0)!important;
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.site-header .nav-dropdown-menu a{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:3px!important;
width:100%!important;
padding:12px 14px!important;
border:0!important;
border-radius:11px!important;
background:transparent!important;
color:#1e2025!important;
text-transform:none!important;
transition:background .16s ease,transform .16s ease!important;
}
.site-header .nav-dropdown-menu a:hover{
padding-left:14px!important;
background:#f5f5f7!important;
color:#111216!important;
transform:none!important;
}
.site-header .nav-dropdown-menu a strong{
color:#17181c!important;
font-size:13px!important;
font-weight:750!important;
line-height:1.25!important;
}
.site-header .nav-dropdown-menu a small{
color:#777a82!important;
font-size:10.5px!important;
font-weight:500!important;
line-height:1.35!important;
}
.site-header .header-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
width:auto!important;
min-width:0!important;
margin:0!important;
}
.site-header .donate-btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
min-height:46px!important;
padding:0 19px!important;
border:1px solid transparent!important;
border-radius:999px!important;
background:var(--primary)!important;
color:var(--on-primary)!important;
box-shadow:none!important;
font-family:Manrope,Montserrat,Arial,sans-serif!important;
font-size:10.5px!important;
font-weight:800!important;
line-height:1!important;
letter-spacing:.035em!important;
text-transform:uppercase!important;
white-space:nowrap!important;
transition:transform .18s ease,filter .18s ease!important;
}
.site-header .donate-btn:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important}
.site-header .menu-toggle,
.site-header .mobile-nav-panel,
.site-header .menu-backdrop{display:none!important}
}
@media (min-width:1101px) and (max-width:1210px){
.site-header .header-inner{grid-template-columns:165px minmax(0,1fr) 185px!important;gap:16px!important}
.site-header .brand img{max-width:150px!important}
.site-header .main-nav{gap:21px!important}
.site-header .main-nav>a,.site-header .nav-dropdown-toggle{font-size:12px!important}
.site-header .donate-btn{padding:0 15px!important;font-size:9.5px!important}
}
/* Projetos Web — bloco limpo e definitivo */
.digital-project-grid,.home-project-grid{
gap:24px!important;
}
.digital-project-card,
.home-project-slide .digital-project-card{
display:flex!important;
flex-direction:column!important;
min-width:0!important;
height:100%!important;
overflow:hidden!important;
background:#fff!important;
border:1px solid #e2e2e2!important;
border-radius:10px!important;
box-shadow:none!important;
transform:none!important;
transition:border-color .2s ease!important;
}
.digital-project-card:hover,
.home-project-slide .digital-project-card:hover{
border-color:#cfcfcf!important;
box-shadow:none!important;
transform:none!important;
}
.digital-project-media{
position:relative!important;
width:100%!important;
height:340px!important;
overflow:hidden!important;
background:#efefef!important;
border-bottom:1px solid #e5e5e5!important;
aspect-ratio:auto!important;
cursor:pointer!important;
}
.digital-project-media>img{
position:absolute!important;
top:0!important;
left:0!important;
width:100%!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
max-width:none!important;
object-fit:initial!important;
object-position:top!important;
aspect-ratio:auto!important;
display:block!important;
animation:none!important;
filter:grayscale(1)!important;
transform:translateY(0)!important;
transition:top 8s linear,transform 8s linear,filter .25s ease!important;
will-change:top,transform,filter!important;
}
@media (hover:hover) and (pointer:fine){
.digital-project-card:hover .digital-project-media>img{
top:100%!important;
transform:translateY(-100%)!important;
filter:grayscale(0)!important;
}
}
@media (hover:none),(pointer:coarse){
.digital-project-card.is-touch-active .digital-project-media>img{
top:100%!important;
transform:translateY(-100%)!important;
filter:grayscale(0)!important;
}
}
.digital-project-media .project-site-trigger{
position:absolute!important;
z-index:4!important;
right:12px!important;
bottom:12px!important;
left:auto!important;
top:auto!important;
transform:none!important;
min-height:34px!important;
padding:0 12px!important;
display:inline-flex!important;
align-items:center!important;
gap:6px!important;
border:0!important;
border-radius:6px!important;
background:rgba(16,16,16,.88)!important;
color:#fff!important;
font-size:10px!important;
font-weight:800!important;
opacity:0!important;
visibility:hidden!important;
box-shadow:none!important;
transition:opacity .2s ease!important;
}
.digital-project-card:hover .project-site-trigger,
.digital-project-card.is-touch-active .project-site-trigger,
.project-site-trigger:focus-visible{
opacity:1!important;
visibility:visible!important;
transform:none!important;
}
.digital-project-body{
display:flex!important;
flex-direction:column!important;
flex:1!important;
min-width:0!important;
padding:18px!important;
text-align:left!important;
}
.digital-project-meta{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
flex-wrap:wrap!important;
margin:0 0 10px!important;
}
.digital-project-meta span{
margin:0!important;
padding:0!important;
border:0!important;
background:none!important;
color:#777!important;
font-size:9px!important;
font-weight:800!important;
line-height:1.3!important;
text-transform:uppercase!important;
}
.digital-project-body h3{
margin:0 0 5px!important;
color:#151515!important;
font-size:20px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:-.02em!important;
}
.digital-project-body>strong{
display:block!important;
margin:0 0 6px!important;
color:#4f4f4f!important;
font-size:12px!important;
line-height:1.4!important;
}
.digital-project-body>p,
.digital-project-body .project-location{
margin:5px 0 0!important;
color:#6f6f6f!important;
font-size:11px!important;
line-height:1.55!important;
}
.digital-project-actions{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:14px!important;
flex-wrap:wrap!important;
margin-top:auto!important;
padding-top:16px!important;
border-top:0!important;
}
.digital-project-actions a,
.digital-project-actions button{
min-height:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
color:#151515!important;
font-size:10px!important;
font-weight:850!important;
text-transform:uppercase!important;
box-shadow:none!important;
cursor:pointer!important;
}
.digital-project-actions a:hover,
.digital-project-actions button:hover{
background:none!important;
color:var(--primary)!important;
}
@media(max-width:900px){
.digital-project-media{height:300px!important}
}
@media(max-width:620px){
.digital-project-card{border-radius:8px!important}
.digital-project-media{height:270px!important}
.digital-project-body{padding:15px!important}
.digital-project-body h3{font-size:18px!important}
.digital-project-media .project-site-trigger{
opacity:1!important;
visibility:visible!important;
}
}
/* Projetos Web — domínio em destaque */
.digital-project-domain{
display:block!important;
margin:0 0 10px!important;
padding:9px 11px!important;
border:1px solid #dedede!important;
border-radius:6px!important;
background:#f7f7f7!important;
color:#111!important;
font-size:12px!important;
font-weight:850!important;
line-height:1.25!important;
letter-spacing:.01em!important;
overflow-wrap:anywhere!important;
box-shadow:none!important;
}
.digital-project-card:hover .digital-project-domain{border-color:#cfcfcf!important;box-shadow:none!important}
/* Projetos Web — refinamento visual editorial */
.digital-project-card,
.home-project-slide .digital-project-card{
border:1px solid #e6e6e6!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:none!important;
}
.digital-project-card:hover,
.home-project-slide .digital-project-card:hover{
border-color:#d9d9d9!important;
box-shadow:none!important;
}
.digital-project-media{
height:360px!important;
border-bottom:0!important;
background:#f2f2f2!important;
}
.digital-project-status{
position:absolute!important;
z-index:5!important;
top:14px!important;
left:14px!important;
display:inline-flex!important;
align-items:center!important;
min-height:28px!important;
padding:0 10px!important;
border-radius:999px!important;
border:1px solid rgba(255,255,255,.35)!important;
background:rgba(17,17,17,.84)!important;
color:#fff!important;
backdrop-filter:blur(7px)!important;
font-size:8.5px!important;
font-weight:900!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
box-shadow:none!important;
}
.digital-project-status.status-development{background:rgba(153,102,0,.88)!important}
.digital-project-status.status-maintenance{background:rgba(85,85,85,.9)!important}
.digital-project-status.status-published{background:rgba(15,96,63,.9)!important}
.digital-project-body{
padding:20px 20px 22px!important;
}
.digital-project-domain{
margin:0 0 16px!important;
padding:0 0 12px!important;
border:0!important;
border-bottom:1px solid #ececec!important;
border-radius:0!important;
background:transparent!important;
color:#111!important;
font-size:15px!important;
font-weight:900!important;
line-height:1.2!important;
letter-spacing:-.01em!important;
}
.digital-project-kicker{
margin:0 0 7px!important;
color:#8a8a8a!important;
font-size:8.5px!important;
font-weight:900!important;
letter-spacing:.08em!important;
text-transform:uppercase!important;
}
.digital-project-body h3{
margin:0 0 7px!important;
font-size:22px!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
}
.digital-project-body>strong{
margin:0!important;
color:#444!important;
font-size:12px!important;
font-weight:750!important;
}
.digital-project-body .project-location{
margin:4px 0 0!important;
color:#8a8a8a!important;
font-size:10px!important;
font-weight:650!important;
}
.digital-project-description{
margin:12px 0 0!important;
color:#686868!important;
font-size:11px!important;
line-height:1.6!important;
}
.digital-project-actions{
margin-top:18px!important;
padding-top:15px!important;
border-top:1px solid #ededed!important;
}
.digital-project-actions button{
color:#111!important;
font-size:9.5px!important;
letter-spacing:.04em!important;
}
.digital-project-actions button:hover{color:var(--primary)!important}
.digital-project-media .project-site-trigger{display:none!important}
@media(max-width:900px){.digital-project-media{height:320px!important}}
@media(max-width:620px){
.digital-project-media{height:285px!important}
.digital-project-body{padding:17px 16px 19px!important}
.digital-project-body h3{font-size:20px!important}
.digital-project-domain{font-size:14px!important;margin-bottom:13px!important}
.digital-project-status{top:10px!important;left:10px!important}
}
/* Projetos Web — URL com cor de destaque configurável e ícones atualizados */
.digital-project-domain{
display:flex!important;
align-items:center!important;
gap:9px!important;
margin:0 0 16px!important;
padding:11px 13px!important;
border:0!important;
border-radius:7px!important;
background:var(--accent)!important;
color:var(--on-accent)!important;
font-size:14px!important;
font-weight:900!important;
line-height:1.2!important;
letter-spacing:-.01em!important;
box-shadow:none!important;
}
.digital-project-card:hover .digital-project-domain{
border:0!important;
background:var(--accent)!important;
color:var(--on-accent)!important;
box-shadow:none!important;
}
.digital-project-domain-icon,
.digital-project-view-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
}
.digital-project-domain-icon{width:18px!important;height:18px!important}
.digital-project-domain-icon svg{display:block!important;width:18px!important;height:18px!important}
.digital-project-actions button{
display:inline-flex!important;
align-items:center!important;
gap:8px!important;
}
.digital-project-view-icon{width:17px!important;height:17px!important}
.digital-project-view-icon svg{display:block!important;width:17px!important;height:17px!important}
@media(max-width:620px){
.digital-project-domain{font-size:13px!important;padding:10px 12px!important}
}
/* Projetos Web — página pública: 4 cards por linha no desktop */
@media (min-width:1200px){
.projects-page-section .digital-project-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
}
}
/* FIX — Página Projetos: 4 colunas reais + alinhamento dos ícones */
.projects-page-section .digital-project-grid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:20px!important;
}
.projects-page-section .digital-project-card{
min-width:0!important;
width:100%!important;
}
.digital-project-actions a.digital-project-view-link{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
line-height:1!important;
text-decoration:none!important;
}
.digital-project-domain-icon,
.digital-project-view-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 auto!important;
line-height:0!important;
vertical-align:middle!important;
}
.digital-project-domain-icon svg,
.digital-project-view-icon svg{
display:block!important;
width:100%!important;
height:100%!important;
margin:0!important;
transform:none!important;
}
@media (max-width:1100px){
.projects-page-section .digital-project-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}
@media (max-width:620px){
.projects-page-section .digital-project-grid{
grid-template-columns:1fr!important;
}
}
/* Página de visualização de serviço — layout dedicado */
.service-view-page .page-hero{display:none}
.service-view-hero{position:relative;background:var(--secondary);color:var(--on-secondary);padding:clamp(58px,7vw,92px) 0 clamp(52px,6vw,82px);overflow:hidden}
.service-view-hero:after{content:"";position:absolute;left:0;bottom:0;width:clamp(110px,16vw,230px);height:5px;background:var(--accent)}
.service-view-hero-inner{position:relative;z-index:1}
.service-view-crumbs{display:flex;align-items:center;gap:9px;margin-bottom:32px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--service-hero-text-rgb,255,255,255),.68)}
.service-view-crumbs a{color:var(--accent)}
.service-view-crumbs strong{color:inherit;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.service-view-heading{display:grid;grid-template-columns:84px minmax(0,1fr);gap:28px;align-items:start;max-width:940px}
.service-view-icon{width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(var(--service-hero-text-rgb,255,255,255),.22);font-size:34px;line-height:1;background:rgba(var(--service-hero-text-rgb,255,255,255),.06);color:var(--service-hero-text,var(--on-secondary))}
.service-view-kicker{display:block;margin:1px 0 8px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.service-view-heading h1{margin:0;max-width:850px;font-size:clamp(34px,5.5vw,68px);line-height:.98;letter-spacing:-.045em;font-weight:900;color:var(--service-hero-text,var(--on-secondary))}
.service-view-heading p{max-width:800px;margin:20px 0 0;color:rgba(var(--service-hero-text-rgb,255,255,255),.78);font-size:clamp(15px,1.6vw,18px);line-height:1.65}
.service-view-main{padding:clamp(58px,7vw,96px) 0;background:#fff}
.service-view-intro{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(38px,6vw,76px);align-items:start}
.service-view-media{margin:0;overflow:hidden;background:#f2f2f2;min-height:360px;border:1px solid #e8e8e8}
.service-view-media img{width:100%;height:auto;min-height:360px;max-height:680px;object-fit:cover;display:block}
.service-view-content{min-width:0;padding-top:4px}
.service-view-label{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#777;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.service-view-label span{width:34px;height:3px;background:var(--accent);flex:0 0 auto}
.service-view-rich{font-size:16px;line-height:1.85;color:#454545}
.service-view-rich h2,.service-view-rich h3,.service-view-rich h4{color:#181818;line-height:1.2;margin:30px 0 12px}
.service-view-rich h2{font-size:27px}.service-view-rich h3{font-size:21px}
.service-view-rich p:first-child{margin-top:0}
.service-view-rich ul,.service-view-rich ol{padding-left:22px}
.service-view-rich li{margin:8px 0}
.service-view-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-top:38px;padding:24px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.service-view-cta>div{display:grid;gap:4px}.service-view-cta strong{font-size:15px;color:#111}.service-view-cta>div span{font-size:12px;line-height:1.55;color:#777}
.service-view-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--accent);transition:filter .2s}
.service-view-cta-button:hover{filter:brightness(.94)}
.service-view-cta-button span{font-size:17px;line-height:1}
.service-view-gallery{margin-top:clamp(70px,9vw,120px);padding-top:42px;border-top:1px solid #e8e8e8}
.service-view-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}
.service-view-section-head>div>span{display:block;margin-bottom:5px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.service-view-section-head h2{margin:0;color:#151515;font-size:clamp(27px,3.2vw,40px);line-height:1.05;letter-spacing:-.03em}
.service-view-section-head p{max-width:350px;margin:0;color:#777;font-size:13px;line-height:1.6;text-align:right}
.service-view-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.service-view-gallery-item{position:relative;border:0;padding:0;background:#eee;cursor:pointer;overflow:hidden;aspect-ratio:4/3}
.service-view-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}
.service-view-gallery-open{position:absolute;right:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:21px;font-weight:500;line-height:1;opacity:0;transform:translateY(4px);transition:.25s}
@media(hover:hover) and (pointer:fine){.service-view-gallery-item:hover img{transform:scale(1.025)}.service-view-gallery-item:hover .service-view-gallery-open{opacity:1;transform:none}}
@media(max-width:900px){.service-view-intro{grid-template-columns:1fr}.service-view-media img{max-height:none}.service-view-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.service-view-hero{padding:42px 0 48px}.service-view-crumbs{margin-bottom:24px}.service-view-heading{grid-template-columns:58px minmax(0,1fr);gap:17px}.service-view-icon{width:58px;height:58px;font-size:25px}.service-view-heading h1{font-size:clamp(31px,10vw,45px)}.service-view-heading p{font-size:14px;margin-top:15px}.service-view-main{padding:46px 0 64px}.service-view-media{min-height:0}.service-view-media img{min-height:0}.service-view-rich{font-size:15px;line-height:1.75}.service-view-cta{grid-template-columns:1fr}.service-view-cta-button{width:100%}.service-view-section-head{display:block}.service-view-section-head p{margin-top:10px;text-align:left}.service-view-gallery-grid{grid-template-columns:1fr;gap:10px}.service-view-gallery-open{opacity:1;transform:none}}
/* Topo configurável por serviço: cor, foto ou vídeo */
.service-view-hero{background:var(--service-hero-color,var(--secondary));color:var(--service-hero-text,var(--on-secondary))}
.service-view-hero--image{background-image:var(--service-hero-image);background-size:cover;background-position:center}
.service-view-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.service-view-hero-overlay{display:none;position:absolute;inset:0;z-index:0;background:rgba(0,0,0,.58);pointer-events:none}
.service-view-hero--image .service-view-hero-overlay,.service-view-hero--video .service-view-hero-overlay{display:block}
.service-view-hero--image,.service-view-hero--video{color:#fff}
.service-view-hero--image .service-view-heading p,.service-view-hero--video .service-view-heading p{color:rgba(255,255,255,.82)}
.service-view-hero--image .service-view-crumbs,.service-view-hero--video .service-view-crumbs{color:rgba(255,255,255,.68)}
.service-view-hero--image .service-view-icon,.service-view-hero--video .service-view-icon{border-color:rgba(255,255,255,.28);background:rgba(0,0,0,.18)}