@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');
:root{--yellow:#f2cc0c;--red:#d91516;--black:#101010;--paper:#f4f0e7;--white:#fffdf7;--muted:#77766f;--line:#d8d3c8;scroll-behavior:smooth;font-family:Inter,Arial,sans-serif;color:var(--black);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.topbar{height:88px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:var(--white);position:relative;z-index:20;border-bottom:1px solid #00000010}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:68px;object-fit:contain}.brand>span{display:grid;font:600 11px/1.15 Inter;text-transform:uppercase;letter-spacing:.08em}.brand strong{font:800 19px/1 Barlow Condensed;margin-top:4px;letter-spacing:.02em}.brand em{font-style:normal;color:var(--red)}
#main-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}#main-nav>a{padding:38px 0;border-bottom:3px solid transparent}#main-nav>a:hover{border-color:var(--red)}.activities-menu{position:relative}.activities-menu>button{border:0;background:var(--black);color:#fff;padding:14px 18px;text-transform:uppercase;font-size:11px;font-weight:800;cursor:pointer}.activities-menu>button span{margin-left:10px}.activities-dropdown{display:none;position:absolute;right:0;top:calc(100% + 12px);width:300px;padding:8px;background:var(--black);color:#fff;box-shadow:0 20px 35px #0004}.activities-menu:hover .activities-dropdown,.activities-menu.open .activities-dropdown{display:grid}.activities-dropdown a{padding:15px;border-bottom:1px solid #ffffff1f;display:grid;gap:5px}.activities-dropdown a:last-child{border:0}.activities-dropdown a:hover{background:var(--red)}.activities-dropdown b{font-size:12px}.activities-dropdown small{font-size:10px;color:#ffffffa8;text-transform:none;font-weight:400}.admin-shortcut{width:42px;height:42px;padding:0!important;border:1px solid #d8d3c8!important;display:grid;place-items:center;transition:.2s}.admin-shortcut svg{width:21px;height:21px;fill:var(--black)}.admin-shortcut:hover{background:var(--yellow);border-color:var(--black)!important}.menu-toggle{display:none}
.hero{min-height:680px;padding:70px 8%;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;background:var(--yellow);overflow:hidden}.kicker{font-size:10px;font-weight:800;letter-spacing:.19em}.kicker-red{color:var(--red)}.hero h1,.section h2,.location h2{font-family:"Barlow Condensed",Arial,sans-serif;text-transform:uppercase}.hero h1{font-size:clamp(70px,8vw,118px);line-height:.78;letter-spacing:-.045em;margin:30px 0}.hero h1 span{color:var(--red)}.hero-copy>p{font-size:16px;line-height:1.75;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 21px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.button-primary{background:var(--black);color:#fff}.button-ghost{border:1px solid var(--black)}.hero-mark{height:500px;position:relative;display:grid;place-items:center}.mark-ring{width:min(39vw,440px);height:min(39vw,440px);border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:22px 25px 0 var(--black)}.mark-ring img{width:55%;height:72%;object-fit:contain}.orbit{position:absolute;background:var(--red);color:#fff;padding:11px 15px;font:800 12px Barlow Condensed;text-transform:uppercase;letter-spacing:.11em;transform:rotate(-6deg)}.orbit-one{top:8%;right:2%}.orbit-two{bottom:7%;left:0;transform:rotate(5deg);background:var(--black)}
.manifesto{height:70px;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;gap:4.5vw;font:800 14px Barlow Condensed;letter-spacing:.2em}.manifesto i{color:var(--yellow);font-style:normal}.section{padding:105px 8%}.section-index{padding-bottom:18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:65px}.section h2,.location h2{font-size:clamp(48px,6vw,82px);line-height:.91;letter-spacing:-.035em;margin:20px 0}.story-copy{padding-top:18px}.story-copy p{font-size:14px;line-height:1.9;color:#5f5d57}.story-copy .lead{font-size:20px;line-height:1.55;color:var(--black);font-weight:600}.story-copy blockquote{border-left:4px solid var(--yellow);margin:30px 0 0;padding:9px 0 9px 20px;font:700 17px/1.5 Barlow Condensed;text-transform:uppercase}
.branches{background:var(--black);color:#fff}.section-index.light{color:#ffffff8a;border-color:#ffffff2c}.branches-heading,.events-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;padding:55px 0 42px}.branches-heading>div,.events-heading>div{max-width:680px}.branches-heading p,.events-heading p{max-width:360px;color:#b7b5ae;font-size:13px;line-height:1.8}.branch-grid{display:grid;grid-template-columns:repeat(4,1fr)}.branch{min-height:420px;padding:26px;border-right:1px solid #ffffff28;display:flex;flex-direction:column}.branch:first-child{border-left:1px solid #ffffff28}.branch-top{display:flex;justify-content:space-between;align-items:start}.branch-top>span{font:800 12px Barlow Condensed;letter-spacing:.12em}.branch-top img{width:94px;height:94px;object-fit:contain}.branch h3{font:800 clamp(35px,3.5vw,53px)/1 Barlow Condensed;text-transform:uppercase;margin:auto 0 8px}.branch strong{font:800 10px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--yellow)}.branch p{color:#b7b5ae;font-size:12px;line-height:1.7;margin:22px 0 0}.branch-lobinho{border-top:5px solid #f0bf00}.branch-escoteiro{border-top:5px solid #17813c}.branch-senior{border-top:5px solid #81304b}.branch-pioneiro{border-top:5px solid #e32628}
.events-heading p{color:var(--muted)}.event-list{border-top:1px solid var(--line)}.event{display:grid;grid-template-columns:70px 1fr 60px;align-items:center;min-height:140px;border-bottom:1px solid var(--line);transition:.25s}.event-number{font:800 13px Barlow Condensed;color:var(--red)}.event small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.event h3{font:800 clamp(31px,4vw,50px)/1 Barlow Condensed;text-transform:uppercase;margin:8px 0}.event p{font-size:12px;color:var(--muted);margin:0}.event-arrow{font-size:28px;text-align:right}.event.featured:hover{padding:0 22px;background:var(--yellow)}
.location{display:grid;grid-template-columns:1fr 1fr;background:var(--yellow)}.location-card{padding:90px 12% 90px 16%}.location h2{max-width:650px}.address{border-top:1px solid #0003;padding:20px 0;display:grid;gap:9px}.address span{font-size:9px;letter-spacing:.16em;font-weight:800}.address strong{font-size:13px;line-height:1.7}.button-red{background:var(--red);color:#fff;margin-top:20px}.map-panel{min-height:600px;background:#e6e1d6;position:relative;overflow:hidden}.map-panel:before,.map-panel:after{content:"";position:absolute;background:#d1cabb}.map-panel:before{width:130%;height:150px;left:-15%;top:38%;transform:rotate(-18deg)}.map-panel:after{width:100px;height:140%;top:-20%;left:47%;transform:rotate(23deg)}.map-road{position:absolute;background:var(--white);z-index:2}.road-a{width:120%;height:24px;left:-10%;top:42%;transform:rotate(-18deg)}.road-b{width:24px;height:130%;left:53%;top:-15%;transform:rotate(23deg)}.road-c{width:75%;height:15px;left:20%;top:69%;transform:rotate(8deg)}.map-pin{position:absolute;z-index:4;left:54%;top:43%;width:68px;height:68px;border-radius:50% 50% 50% 0;background:var(--red);color:#fff;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 20px #0004}.map-pin b{transform:rotate(45deg);font:800 22px Barlow Condensed}.map-label{position:absolute;z-index:4;bottom:10%;left:8%;font:900 35px/1 Barlow Condensed;letter-spacing:.05em}.map-label small{font-size:12px;letter-spacing:.18em}
footer{padding:50px 7%;background:var(--black);color:#fff;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:45px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:62px;height:70px;object-fit:contain}.footer-brand strong{font:800 20px/1 Barlow Condensed;letter-spacing:.04em}.footer-brand span{color:var(--yellow)}footer p{font:600 11px/1.7 Inter;text-transform:uppercase;color:#b8b8b8}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px;text-transform:uppercase}.footer-copy{font-size:9px;color:#888}
@media(max-width:900px){.topbar{height:78px;padding:0 5%}.brand img{width:45px;height:55px}.brand strong{font-size:16px}.menu-toggle{display:grid;gap:4px;border:0;background:var(--black);padding:12px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:#fff}#main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:var(--black);color:#fff;padding:18px 5%;align-items:stretch;gap:0;flex-direction:column}#main-nav.open{display:flex}#main-nav>a{padding:15px 8px;border-bottom:1px solid #ffffff1f}.activities-menu>button{width:100%;text-align:left;padding:15px 8px}.activities-dropdown{position:static;width:100%;box-shadow:none;background:#202020}.hero{grid-template-columns:1fr;padding:70px 7% 80px}.hero h1{font-size:clamp(65px,16vw,105px)}.hero-mark{height:410px;margin-top:30px}.mark-ring{width:360px;height:360px}.story-grid{grid-template-columns:1fr;gap:20px}.branch-grid{grid-template-columns:1fr 1fr}.branch{min-height:360px}.branch:nth-child(3){border-left:1px solid #ffffff28}.location{grid-template-columns:1fr}.map-panel{min-height:430px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand>span{font-size:9px}.brand strong{font-size:14px}.hero{padding-top:55px}.hero h1{font-size:62px;line-height:.82}.hero-mark{height:330px}.mark-ring{width:280px;height:280px;box-shadow:13px 14px 0 var(--black)}.orbit{font-size:10px}.manifesto{height:auto;padding:22px 5%;gap:14px;flex-wrap:wrap;font-size:11px}.section{padding:75px 6%}.section h2,.location h2{font-size:48px}.story-grid,.branches-heading,.events-heading{padding-top:40px}.branches-heading,.events-heading{display:block}.branch-grid{grid-template-columns:1fr}.branch{min-height:320px;border-left:1px solid #ffffff28}.event{grid-template-columns:40px 1fr 35px;min-height:125px}.event h3{font-size:32px}.location-card{padding:70px 7%}.map-panel{min-height:330px}footer{grid-template-columns:1fr;gap:24px}.footer-links{max-width:250px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.event{transition:none}}

/* Fotografias das atividades nos cartões dos ramos */
.branch{min-height:540px;padding:18px}
.branch-photo{position:relative;height:230px;margin-bottom:20px;overflow:hidden;background:#242424}
.branch-photo>img:first-child{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05);transition:transform .5s ease}
.branch:hover .branch-photo>img:first-child{transform:scale(1.04)}
.branch-symbol{position:absolute;right:12px;bottom:12px;width:76px;height:76px;object-fit:contain;padding:8px;background:#fff;border-radius:50%;box-shadow:0 8px 18px #0006}
.branch h3{margin:auto 0 8px}
@media(max-width:900px){.branch{min-height:500px}.branch-photo{height:260px}}
@media(max-width:560px){.branch{min-height:510px}.branch-photo{height:290px}}
@media(prefers-reduced-motion:reduce){.branch-photo>img:first-child{transition:none}.branch:hover .branch-photo>img:first-child{transform:none}}

/* Marca-d'água no círculo principal */
.mark-ring{position:relative;overflow:hidden;isolation:isolate}
.mark-ring::before{content:"";position:absolute;inset:0;background:url('../img/lanceiros2.png') center/cover no-repeat;opacity:.20;z-index:0}
.mark-ring img{position:relative;z-index:1;filter:drop-shadow(0 8px 10px #00000020)}
