@font-face{font-family:Rubik;src:url('../assets/noto-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Rubik;src:url('../assets/noto-bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}@font-face{font-family:Tektur;src:url('../assets/tektur-black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--navy:#081d30;--gold:#fcb52b;--green:#13c8a1;--text:#0e2a3d;--muted:#6e8491;--border:#e4ecee}
*,:before,:after{box-sizing:border-box}body{margin:0;background:#f2f6f6;color:var(--text);font-family:Rubik,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.sprite{position:absolute;width:0;height:0;overflow:hidden}svg:not(.sprite){width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #eba823;outline-offset:3px}
.demo-banner{height:34px;background:#f2c669;color:#213140;display:flex;justify-content:center;align-items:center;gap:9px;font-weight:800;font-size:10px;letter-spacing:.02em}.demo-banner>span{color:#087860;font-size:9px}.demo-banner b{color:#a47d36}.demo-banner a{color:#234d60;text-decoration:underline;text-underline-offset:3px;margin-left:10px}.app-layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:calc(100vh - 34px)}.sidebar{background:linear-gradient(175deg,#0c2840,#06192d);padding:14px 15px 22px;color:#d3e3ea;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 34px);min-height:620px}.sidebar-logo{height:90px;display:flex;align-items:center;overflow:hidden}.sidebar-logo img{width:221px;height:auto;mix-blend-mode:screen}.side-section-label{font-size:9px;color:#5f879d;letter-spacing:.13em;font-weight:900;margin:31px 0 15px 15px}.side-nav{display:grid;gap:6px}.side-nav button{border:0;border-radius:9px;display:flex;gap:13px;align-items:center;padding:13px 14px;color:#acc4d0;background:transparent;text-align:left;font-size:12px;font-weight:700;transition:background .2s}.side-nav button svg{width:18px;height:18px}.side-nav button:hover{background:#18364a}.side-nav button.active{color:#f0fcf9;background:linear-gradient(90deg,#0c685e,#16465d);box-shadow:inset 3px 0 #22dbaf}.sidebar-bottom{margin-top:auto}.invite-box{border-radius:12px;background:linear-gradient(145deg,#19465a,#0c3541);border:1px solid #275f61;padding:17px}.invite-orb{color:#ffce68;font-size:24px}.invite-box h3{font-size:15px;line-height:1.3;letter-spacing:-.035em;margin:13px 0 9px}.invite-box p{font-size:11px;color:#8fb6c3;margin:0 0 18px}.invite-btn{background:#fcb52b;color:#092b3b;border:0;padding:11px 12px;width:100%;display:flex;justify-content:space-between;align-items:center;border-radius:7px;font-size:10px;font-weight:900}.invite-btn svg{width:14px;height:14px}.about-link{font-size:10px;color:#809eaf;margin:22px 0 0 12px;display:flex;gap:9px;align-items:center}.about-link svg{width:14px}
.app-main{min-width:0}.app-header{height:84px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:25px;padding:0 39px;position:sticky;top:0;z-index:10}.app-header-brand{display:flex;flex-direction:column;gap:3px;min-width:180px}.app-header-brand strong{font-family:Tektur,sans-serif;font-size:17px;letter-spacing:-.075em}.app-header-brand strong span{color:#09bd9c}.app-header-brand>span{font-size:10px;color:#a0adb2}.header-search{height:43px;width:min(470px,100%);background:#f5f8f8;border:1px solid #e6eeee;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:10px}.header-search svg{width:18px;color:#88a0ac}.header-search input{flex:1;border:0;background:transparent;min-width:0;font-size:11px;outline:none;color:var(--text)}.header-search kbd{font-size:10px;color:#9cabb4;border:1px solid #d9e2e3;padding:4px;border-radius:4px}.header-right{display:flex;margin-left:auto;align-items:center;gap:15px}.test-status{font-size:9px;color:#5e8e87;font-weight:900;white-space:nowrap}.test-status i,.coming-soon i,.overline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#09b995;margin-right:7px}.header-join{border:0;border-radius:7px;padding:12px 14px;background:#0b3044;color:#fff;white-space:nowrap;font-size:10px;font-weight:850;display:flex;align-items:center;gap:12px}.header-join svg{height:13px;width:13px;color:#29ddb2}.app-content{max-width:1370px;margin:0 auto;padding:32px 38px 90px}.view{display:none}.view.active{display:block;animation:enter .25s ease-out}@keyframes enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-hero{position:relative;background:radial-gradient(circle at 92% 5%,rgba(25,216,168,.19),transparent 40%),linear-gradient(135deg,#123d51,#09263d 55%,#081d33);border-radius:17px;padding:39px 45px;overflow:hidden;color:#fff;display:flex;min-height:294px}.welcome-hero>div:first-child{position:relative;z-index:2;max-width:590px}.overline{font-size:9px;letter-spacing:.14em;color:#73e0ca;font-weight:900;display:inline-flex;align-items:center}.overline.dark{color:#0c9582}.welcome-hero h1,.screen-heading h1{font-size:clamp(30px,3vw,44px);line-height:1.17;letter-spacing:-.06em;margin:16px 0 11px}.welcome-hero h1 em,.screen-heading h1 em{color:#52e1c3;font-style:normal}.welcome-hero p{font-size:12px;line-height:1.65;color:#b4d0d8;max-width:460px;margin-bottom:18px}.cta{display:inline-flex;align-items:center;gap:24px;border:0;background:#fcb52b;color:#0b293c;border-radius:7px;padding:12px 16px;font-size:10px;font-weight:900}.cta svg{width:15px;height:15px}.welcome-symbol{position:absolute;right:30px;top:-115px;width:400px;height:400px;opacity:.5;transform:rotate(7deg)}.welcome-symbol img{width:100%;mix-blend-mode:screen;mask-image:radial-gradient(circle,#000 44%,transparent 74%)}.content-overline{font-size:9px;color:#84a3a6;font-weight:900;letter-spacing:.14em;margin:29px 0 17px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-grid button{position:relative;display:flex;align-items:center;text-align:left;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:13px;padding:21px 22px;background:#fff;min-height:155px;transition:transform .2s,box-shadow .2s}.quick-grid button:hover,.business-card:hover{transform:translateY(-3px);box-shadow:0 13px 24px #113a4a10}.quick-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;margin-bottom:18px}.quick-icon svg{width:18px}.quick-icon.teal{color:#009e83;background:#d9f6ec}.quick-icon.yellow{color:#bb8b24;background:#fff4d8}.quick-icon.blue{color:#2279c2;background:#e4f2fd}.quick-grid strong{font-size:13px;margin-bottom:6px}.quick-grid small{color:#879aa2;font-size:10px}.quick-grid b{position:absolute;right:20px;bottom:19px;color:#16aa91;font-size:17px}.content-row{margin-top:12px;display:flex;justify-content:space-between;align-items:end}.section-title h2{font-size:22px;letter-spacing:-.05em;margin:0 0 20px}.content-row button{border:0;background:none;font-size:10px;color:#098d7b;display:inline-flex;align-items:center;gap:9px;font-weight:900;margin-bottom:20px}.content-row button svg{width:14px}.example-label{font-size:9px;color:#a3b4b9;display:none}.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.business-card{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.business-art{height:150px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:21px}.business-art:before{content:"";position:absolute;width:200px;height:200px;border:40px solid rgba(255,255,255,.13);border-radius:50%;right:-55px;top:-65px}.business-art h3{margin:0;position:relative;z-index:2;color:#fff;font-family:Tektur,sans-serif;font-size:30px;letter-spacing:-.06em}.art-tech{background:linear-gradient(125deg,#103d62,#2da0ad,#66c7ae)}.art-services{background:linear-gradient(125deg,#214f4b,#6f9d75,#d1b083)}.art-shop{background:linear-gradient(125deg,#7c5d63,#e2a17e,#d9c896)}.art-agro{background:linear-gradient(125deg,#144e41,#409b78,#bebd78)}.business-details{padding:18px 18px 15px}.business-details>span{font-size:9px;color:#0a9e86;font-weight:850;letter-spacing:.09em}.business-details h4{font-size:14px;letter-spacing:-.03em;margin:9px 0}.business-details p{font-size:11px;color:#83969d;line-height:1.6;min-height:52px}.business-details button{border:0;border-top:1px solid #edf1f0;background:transparent;width:100%;padding:14px 0 2px;display:flex;justify-content:space-between;font-size:10px;font-weight:900;color:#197e73}.community-band{display:flex;align-items:center;gap:19px;background:#e2eee9;border:1px solid #d6e5e1;border-radius:13px;margin-top:21px;padding:18px 21px}.community-symbol{height:44px;width:44px;flex:none;border-radius:11px;background:#c8e5d9;display:grid;place-items:center;color:#099d81;font-size:22px}.community-band h3{font-size:13px;margin:0 0 6px}.community-band p{font-size:10px;color:#6e8b90;margin:0}.community-band button{margin-left:auto;border:1px solid #bcd7cf;border-radius:7px;background:#fff;white-space:nowrap;color:#157669;font-size:10px;font-weight:800;padding:11px 13px}
.screen-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:19px 0 30px}.screen-heading h1{font-size:clamp(32px,3.4vw,48px);margin-bottom:11px}.screen-heading h1 em{color:#0c9b85}.screen-heading p{color:#7b8f98;font-size:12px;line-height:1.8;max-width:610px}.screen-count{font-size:9px;color:#9bb0b8;letter-spacing:.1em;font-weight:900;white-space:nowrap;display:flex;align-items:end;gap:12px}.screen-count strong{font-size:36px;letter-spacing:-.08em;color:#0b987f}.directory-controls{display:flex;flex-direction:column;gap:16px;margin:22px 0}.directory-controls label{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dce9e9;border-radius:9px;max-width:650px;height:48px;padding:0 14px}.directory-controls label svg{color:#87a0a8;width:18px}.directory-controls input{flex:1;border:0;outline:0;min-width:0;font-size:12px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-row button{padding:9px 15px;border:1px solid #d9e4e3;background:#fff;color:#6a828b;border-radius:50px;font-size:10px;font-weight:800}.filter-row button.active{background:#0e8375;border-color:#0e8375;color:#fff}.directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.directory-grid .business-art{height:165px}.no-results{padding:24px;text-align:center;color:#879ba2;background:#fff;border-radius:12px}.info-footer{margin-top:24px;color:#94a8af;font-size:10px;line-height:1.6;padding:14px;background:#e8f0f0;border-radius:7px}
.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:37px}.opportunity{padding:25px 24px;background:#fff;border-radius:14px;border:1px solid #e3ebec;min-height:330px;display:flex;flex-direction:column}.opp-label{font-size:9px;color:#0b9984;font-weight:900;letter-spacing:.11em}.opp-symbol{font-size:46px;font-weight:900;color:#15bca2;margin:30px 0 10px}.opportunity:nth-child(2) .opp-symbol{color:#f0b945}.opportunity:nth-child(3) .opp-symbol{color:#1487b4}.opportunity h3{font-size:19px;letter-spacing:-.05em;line-height:1.25;margin:7px 0 11px}.opportunity p{font-size:12px;line-height:1.7;color:#80929a}.opp-bottom{margin-top:auto;border-top:1px solid #e9efef;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:6px}.opp-bottom>span{font-size:9px;color:#829aa1}.opp-bottom button{background:transparent;border:0;color:#0b9984;font-size:9px;font-weight:850}
.event-feature{background:#fff;border:1px solid #e1eaea;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.event-art{min-height:360px;background:radial-gradient(circle at 72% 20%,#1cd4b4,transparent 30%),linear-gradient(130deg,#0b2e4a,#165a60,#128f84);position:relative;overflow:hidden;padding:42px;display:flex;align-items:flex-end}.event-art:before{content:"";position:absolute;border:58px solid rgba(255,255,255,.13);border-radius:50%;width:420px;height:420px;top:-150px;right:-100px}.event-art>span{font-family:Tektur,sans-serif;color:#fff;font-size:36px;line-height:1.05;letter-spacing:-.07em;position:relative;z-index:2}.event-art>b{position:absolute;right:36px;bottom:28px;font-size:50px;color:#fcb52b}.event-info{padding:49px 40px}.event-info h2{font-size:31px;line-height:1.2;letter-spacing:-.06em;margin:23px 0}.event-info p{color:#798f98;font-size:12px;line-height:1.8}.event-facts{display:flex;gap:18px;font-size:10px;color:#64868b;margin:26px 0}
.profile-preview{background:#fff;border:1px solid #e2ebec;border-radius:15px;overflow:hidden}.profile-cover{height:220px;background:radial-gradient(circle at 75% 10%,#0ee6b6,transparent 34%),linear-gradient(110deg,#133c57,#10939b,#164d51);display:flex;align-items:end;padding:29px;color:#ddfff4;font-family:Tektur,sans-serif;font-size:26px}.profile-row{padding:22px 28px;display:flex;gap:18px;align-items:center;border-bottom:1px solid #edf0f0}.profile-avatar{height:61px;width:61px;background:#0c3545;color:#20deac;border:4px solid #fff;outline:1px solid #e1e9e8;border-radius:12px;display:grid;place-items:center;font-family:Tektur,sans-serif;font-size:24px}.profile-row>div:nth-child(2){flex:1}.profile-row h2{font-size:20px;margin:7px 0 5px}.profile-row p{font-size:11px;color:#879ca3;margin:0}.profile-row button{background:#0e786a;border:0;color:#fff;padding:13px 15px;border-radius:7px;font-size:10px;font-weight:850}.profile-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:27px}.profile-section h3{font-size:15px}.profile-section p{color:#82969c;font-size:12px;line-height:1.7}
.join-screen{position:relative;background:radial-gradient(ellipse at 50% 20%,rgba(16,224,177,.12),transparent 54%),linear-gradient(125deg,#0e354b,#081e33);border-radius:17px;padding:55px 30px;min-height:630px;color:#fff;text-align:center;overflow:hidden}.join-screen h1{font-size:clamp(32px,3.7vw,50px);line-height:1.19;letter-spacing:-.06em;margin:19px 0}.join-screen h1 em{font-style:normal;color:#32e4ba}.join-screen>p{max-width:700px;margin:0 auto;font-size:13px;line-height:1.85;color:#a8c5cf}.join-symbol{width:112px;height:112px;margin:17px auto 3px;overflow:hidden;border-radius:23px}.join-symbol img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.join-benefits{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:32px 0}.join-benefits span{font-size:11px;color:#c9e4e4}.join-benefits span:first-letter{color:#1cdeb5}.join-back{display:inline-flex;gap:15px;align-items:center;background:#fcb52b;color:#112a3e;border-radius:8px;padding:15px 20px;font-size:11px;font-weight:900}.join-back svg{width:15px;height:15px}.coming-soon{margin-top:23px;font-size:9px;font-weight:900;color:#87bfb7;letter-spacing:.1em}.mobile-tabs{display:none}
@media(max-width:1260px){.app-layout{grid-template-columns:217px minmax(0,1fr)}.sidebar-logo img{width:200px}.app-header{padding:0 23px;gap:13px}.app-header-brand{min-width:150px}.header-search{width:min(310px,100%)}.app-content{padding:26px 24px 65px}.directory-grid{grid-template-columns:repeat(3,1fr)}.welcome-symbol{right:-100px}.welcome-hero>div:first-child{max-width:510px}}
@media(max-width:1000px){.app-layout{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:13px 10px}.sidebar-logo{height:65px}.sidebar-logo img{width:210px;max-width:none;transform:translateX(-8px)}.side-section-label,.side-nav button{font-size:0}.side-nav button{justify-content:center;padding:14px}.side-nav button svg{width:21px;height:21px}.sidebar-bottom{display:none}.header-search{flex:1}.directory-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.opportunity-grid{grid-template-columns:repeat(2,1fr)}.event-feature{grid-template-columns:1fr}.event-art{min-height:240px}}
@media(max-width:700px){.demo-banner{font-size:8px;gap:5px;padding:0 9px}.demo-banner a{margin-left:0}.app-layout{display:block}.sidebar{display:none}.app-header{position:relative;height:70px;padding:0 16px}.app-header-brand strong{font-size:16px}.app-header-brand>span{font-size:9px}.header-search{display:none}.header-right{margin-left:auto}.test-status{font-size:8px}.header-join{padding:10px;font-size:9px}.app-content{padding:17px 15px 110px}.welcome-hero{padding:26px 22px;min-height:265px}.welcome-hero h1{font-size:32px}.welcome-hero p{font-size:11px;max-width:340px}.welcome-symbol{width:290px;right:-90px;top:10px;opacity:.2}.quick-grid{gap:9px}.quick-grid button{padding:13px;min-height:128px}.quick-icon{height:31px;width:31px;margin-bottom:12px}.quick-icon svg{width:15px}.quick-grid strong{font-size:10px}.quick-grid small{font-size:9px}.quick-grid b{right:11px;bottom:10px;font-size:12px}.business-grid,.directory-grid{grid-template-columns:repeat(2,1fr);gap:10px}.business-art{height:115px;padding:12px}.business-art h3{font-size:23px}.business-details{padding:13px}.business-details>span{font-size:8px}.business-details h4{font-size:12px}.business-details p{font-size:10px;min-height:66px}.business-details button{font-size:9px}.community-band{gap:10px;padding:14px}.community-band h3{font-size:11px}.community-band p{font-size:9px}.community-band button{font-size:9px;padding:9px}.screen-heading{margin-top:12px}.screen-heading h1{font-size:35px}.screen-count{display:none}.directory-grid .business-art{height:115px}.opportunity-grid{grid-template-columns:1fr}.opportunity{min-height:285px}.event-info{padding:28px 22px}.event-art>span{font-size:27px}.profile-row{flex-wrap:wrap;padding:16px;gap:10px}.profile-row>div:nth-child(2){flex:1}.profile-row button{width:100%}.profile-section{grid-template-columns:1fr;gap:7px;padding:20px}.join-screen{padding:45px 19px;min-height:630px}.join-screen h1{font-size:32px}.join-screen>p{font-size:12px}.join-benefits{gap:13px}.join-benefits span{font-size:10px}.mobile-tabs{position:fixed;z-index:22;bottom:0;left:0;right:0;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #dbe7e8;display:flex;justify-content:space-around;box-shadow:0 -8px 24px #133c4b0a}.mobile-tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;color:#849ba6;font-size:9px;font-weight:700}.mobile-tabs button svg{width:21px;height:21px}.mobile-tabs button.active{color:#0a9c84}}
@media(max-width:410px){.demo-banner{font-size:7px}.demo-banner b{display:none}.app-header-brand{min-width:0}.test-status{display:none}.quick-grid{grid-template-columns:repeat(3,1fr);gap:6px}.quick-grid button{padding:10px;min-height:139px}.quick-grid strong{font-size:9px}.quick-grid small{font-size:8px}.business-grid,.directory-grid{grid-template-columns:1fr 1fr}.business-details p{min-height:75px}.community-band{flex-wrap:wrap}.community-band button{margin-left:54px}.screen-heading h1{font-size:31px}}

/* V3 — Poppins Bold, identidade DIREITA e mídia 4:3 */
body{font-family:Poppins,Rubik,Arial,sans-serif;background:#eef4f3}
h1,h2,h3,h4,.welcome-hero h1,.screen-heading h1,.section-title h2,.business-details h4,.event-art>span{font-family:Poppins,Rubik,Arial,sans-serif;font-weight:700;letter-spacing:0!important;line-height:1.16}
.app-layout{grid-template-columns:239px minmax(0,1fr);background:linear-gradient(155deg,#f0f7f4,#f5f8f8 54%,#edf6f1)}
.sidebar{background:linear-gradient(170deg,#0d2e45,#05192e 70%,#092637);padding:19px 15px 23px;border-right:1px solid #0e4153}
.sidebar-logo{height:86px;overflow:visible}
.sidebar-logo img{width:215px;max-height:61px;object-fit:contain;object-position:left center}
.invite-box{background:linear-gradient(90deg,rgba(7,43,58,.93),rgba(7,58,57,.8)),url('../assets/parcerias.webp') center/cover}
.invite-box h3{letter-spacing:0;font-family:Poppins,Rubik,sans-serif;line-height:1.3}
.app-header{top:10px;margin:10px 17px 0;height:83px;border-radius:15px;border:1px solid rgba(113,214,210,.22);background:linear-gradient(110deg,#09283e,#0b3c48);backdrop-filter:blur(17px);box-shadow:0 11px 28px rgba(8,41,56,.13);padding:0 29px;gap:17px;color:#fff}
.app-header-brand{min-width:225px;gap:0}
.app-header-brand img{display:block;width:214px;height:49px;object-fit:contain;object-position:left center}
.app-header-brand>span{font-size:9px;margin-top:-3px;color:#93c7cb}
.app-header .test-status{color:#b0e5d9}
.app-header .header-join{background:#fcb52b;color:#062b3b}
.app-header .header-join svg{color:#062b3b}
.app-content{padding:31px 30px 90px}
.welcome-hero{padding:42px 45px;min-height:324px;background-image:linear-gradient(90deg,rgba(4,29,47,.95) 0%,rgba(6,36,53,.70) 47%,rgba(3,36,46,.35) 100%),url('../assets/hero-brasil-v2.webp');background-size:cover;background-position:center center}
.welcome-hero>div:first-child{max-width:600px}
.welcome-hero h1{font-size:clamp(29px,3.1vw,43px);margin:16px 0 15px;line-height:1.18}
.welcome-hero p{font-size:12px;line-height:1.75}
.welcome-symbol{width:300px;height:300px;right:11px;top:8px;opacity:.13;transform:none}
.welcome-symbol img{mix-blend-mode:normal;mask-image:none}
.content-overline{letter-spacing:.04em;margin:26px 0 15px}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.quick-grid button.quick-card{position:relative;display:grid;grid-template-columns:48% 52%;min-height:196px;padding:0;gap:0;overflow:hidden;border-radius:15px;align-items:stretch;box-shadow:0 10px 28px rgba(12,65,66,.04)}
.quick-grid button.quick-card:nth-child(3){grid-column:span 2;min-height:185px;grid-template-columns:36% 64%}
.quick-photo{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.quick-photo img{display:block;width:100%;height:100%;object-fit:cover}
.quick-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(8,64,72,.1)),linear-gradient(0deg,rgba(3,26,38,.16),transparent 65%)}
.quick-content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:8px;padding:20px 23px;min-width:0;background:linear-gradient(135deg,#fff,#edf8f3)}
.quick-grid button.quick-card:nth-child(2) .quick-content{background:linear-gradient(135deg,#fffaf0,#f5f3e9)}
.quick-grid button.quick-card:nth-child(3) .quick-content{background:linear-gradient(135deg,#fff,#eaf6f5)}
.quick-icon{width:33px;height:33px;margin:0 0 2px}
.quick-grid .quick-content strong{font-size:15px;line-height:1.25;letter-spacing:0}
.quick-grid .quick-content small{font-size:11px;line-height:1.5;color:#648084}
.quick-content>b{position:absolute;right:21px;bottom:19px;font-size:18px}
.content-row{margin-top:24px}
.section-title h2{font-size:25px}
.business-grid,.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.business-card{display:grid;grid-template-columns:53% 47%;min-height:203px;border-radius:15px;box-shadow:0 10px 25px #123a4b08}
.business-art{height:100%;min-height:203px;padding:17px;display:flex;align-items:flex-end;isolation:isolate}
.business-art:before{display:none}
.business-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,25,35,.81),transparent 64%),linear-gradient(90deg,rgba(8,34,41,.06),rgba(6,41,46,.12))}
.business-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.business-art h3{font-family:Poppins,Rubik,sans-serif;letter-spacing:0;font-weight:700;font-size:24px;line-height:1.12;z-index:2;text-shadow:0 2px 10px #001b2499;overflow-wrap:anywhere}
.business-details{min-width:0;padding:18px 18px 14px;display:flex;flex-direction:column;justify-content:center}
.business-details>span{letter-spacing:.03em;font-size:8px}
.business-details h4{font-size:14px;margin:7px 0}
.business-details p{min-height:0;font-size:10px;line-height:1.6;margin:0}
.business-details button{margin-top:auto;font-size:9px;padding-top:12px}
.community-band{margin-top:22px;background:linear-gradient(90deg,#e1f1e8,#edf6ec)}
.screen-heading h1{font-size:clamp(29px,3.4vw,45px);line-height:1.19}
.screen-heading p{line-height:1.7}
.directory-controls{margin:24px 0}
.filter-row button{font-family:Poppins,Rubik,sans-serif;font-weight:600;letter-spacing:0}
.opportunity-grid{grid-template-columns:1fr;gap:16px;margin-top:29px}
.opportunity{position:relative;isolation:isolate;overflow:hidden;min-height:218px;padding:25px 31px 24px calc(39% + 28px);justify-content:center;box-shadow:0 10px 25px #143a4a07}
.opportunity:before{content:"";position:absolute;left:0;top:0;bottom:0;width:39%;background-size:cover;background-position:center}
.opportunity:nth-child(1):before{background-image:linear-gradient(90deg,rgba(7,51,55,.15),rgba(7,51,55,.23)),url('../assets/parcerias.webp')}
.opportunity:nth-child(2):before{background-image:linear-gradient(90deg,rgba(7,51,55,.15),rgba(7,51,55,.23)),url('../assets/industria.webp')}
.opportunity:nth-child(3):before{background-image:linear-gradient(90deg,rgba(7,51,55,.15),rgba(7,51,55,.23)),url('../assets/produtos.webp')}
.opportunity>*{position:relative;z-index:2}
.opp-symbol{display:none}
.opportunity h3{font-size:21px;line-height:1.22;margin:11px 0 9px;letter-spacing:0}
.opportunity p{font-size:11px;line-height:1.65;margin:0}
.opp-bottom{margin-top:16px;padding-top:12px}
.event-feature{grid-template-columns:45% 55%;border-radius:17px;box-shadow:0 10px 29px #163b4b08}
.event-art{background-image:linear-gradient(0deg,rgba(6,33,45,.8),rgba(8,49,59,.14)),url('../assets/eventos.webp');background-size:cover;background-position:center;min-height:395px;padding:35px}
.event-art>span{font-size:clamp(26px,2.7vw,38px);letter-spacing:0;line-height:1.16}
.event-info{padding:35px 38px;display:flex;flex-direction:column;justify-content:center}
.event-info h2{line-height:1.16}
.profile-cover{height:260px;background:linear-gradient(0deg,rgba(6,33,45,.78),rgba(6,33,45,.08)),url('../assets/produtos.webp') center/cover;font-family:Poppins,Rubik,sans-serif;font-size:25px;letter-spacing:0}
.profile-section h3{line-height:1.2}
.join-screen{background-image:linear-gradient(90deg,rgba(4,27,42,.92),rgba(4,42,47,.68)),url('../assets/hero-brasil-v2.webp');background-size:cover;background-position:center}
.join-screen h1{line-height:1.19}
.join-symbol{width:122px;height:108px;border-radius:0}
.join-symbol img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
@media(max-width:1260px){.app-layout{grid-template-columns:215px minmax(0,1fr)}.sidebar-logo img{width:190px}.app-header-brand{min-width:180px}.app-header-brand img{width:176px}.app-header{gap:13px;padding:0 19px}.app-content{padding:28px 24px 80px}.business-card{min-height:218px}.business-art{min-height:218px}.business-details{padding:15px}.business-art h3{font-size:21px}}
@media(max-width:900px){.app-layout{grid-template-columns:79px minmax(0,1fr)}.sidebar-logo{overflow:hidden}.sidebar-logo img{max-width:none;width:185px}.app-header-brand{min-width:176px}.app-header-brand img{width:176px}.quick-grid button.quick-card{min-height:173px}.quick-content{padding:14px 16px}.quick-grid .quick-content strong{font-size:13px}.business-card{grid-template-columns:46% 54%;min-height:210px}.business-art{min-height:210px}.business-details p{font-size:10px}.welcome-symbol{opacity:.1}}
@media(max-width:700px){.app-layout{display:block}.app-header{top:0;margin:0;border-radius:0;height:71px;padding:0 15px}.app-header-brand{min-width:183px}.app-header-brand img{width:181px;height:42px}.app-header-brand>span{font-size:8px}.test-status{display:none}.app-content{padding:15px 14px 102px}.welcome-hero{min-height:305px;padding:30px 22px;background-position:60% center}.welcome-hero h1{font-size:30px}.quick-grid{grid-template-columns:1fr;gap:12px}.quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(3){grid-column:auto;grid-template-columns:43% 57%;min-height:170px}.quick-photo{min-height:170px}.quick-content{padding:13px 15px}.quick-grid .quick-content strong{font-size:13px}.quick-grid .quick-content small{font-size:10px}.business-grid,.directory-grid{grid-template-columns:1fr;gap:12px}.business-card{grid-template-columns:45% 55%;min-height:206px}.business-art{min-height:206px}.business-details{padding:14px}.business-details h4{font-size:13px}.business-details p{font-size:10px}.business-art h3{font-size:20px}.opportunity{min-height:0;padding:0 19px 20px;display:flex}.opportunity:before{position:relative;width:calc(100% + 38px);height:180px;left:-19px;top:-1px;bottom:auto;flex:none;margin-bottom:18px}.opportunity h3{font-size:19px}.event-feature{grid-template-columns:1fr}.event-art{min-height:260px}.event-info{padding:27px 22px}.profile-cover{height:220px}.join-screen{padding:39px 20px;min-height:615px}.join-screen h1{font-size:30px}.mobile-tabs{display:flex}}
@media(max-width:410px){.app-header-brand{min-width:160px}.app-header-brand img{width:159px}.quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(3){grid-template-columns:42% 58%;min-height:164px}.quick-photo{min-height:164px}.quick-content{padding:10px}.quick-grid .quick-content strong{font-size:12px}.quick-grid .quick-content small{font-size:9px}.business-card{grid-template-columns:1fr;min-height:0}.business-art{height:auto;min-height:0;aspect-ratio:4/3}.business-details{padding:19px}.business-details h4{font-size:15px}.business-details p{font-size:11px}.business-details button{margin-top:15px}.screen-heading h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sidebar-logo img{mix-blend-mode:lighten}
/* Proporção editorial das vitrines: fotos amplas em desktop e 4:3 no celular. */
@media(min-width:901px) and (max-width:1260px){
 .business-card{grid-template-columns:53% 47%;min-height:203px}
 .business-art{min-height:203px}
}
@media(min-width:701px) and (max-width:900px){
 .business-grid,.directory-grid{grid-template-columns:1fr}
 .business-card{grid-template-columns:44% 56%;min-height:205px}
 .business-art{min-height:205px}
}
@media(max-width:700px){
 .business-card{grid-template-columns:1fr;min-height:0}
 .business-art{height:auto;min-height:0;aspect-ratio:4/3}
 .business-details{padding:20px 21px}
 .business-details p{font-size:11px}
 .business-details button{margin-top:14px}
}

/* V4 — identidade naval padronizada, fotografia limpa da bandeira e tipografia consistente. */
body{font-family:Poppins,Rubik,Arial,sans-serif}
h1,h2,h3,h4,.welcome-hero h1,.screen-heading h1,.section-title h2,.business-art h3,.event-art>span,.event-info h2,.join-screen h1,.profile-row h2,.invite-box h3{font-family:Poppins,Rubik,Arial,sans-serif!important;font-weight:700;letter-spacing:0!important;line-height:1.16}
.app-header{background:linear-gradient(110deg,#09263d 0%,#0b3547 66%,#0b3d43 100%)}
.app-header-brand img{max-height:43px;height:43px;width:190px}
.sidebar-logo img{max-height:50px;width:184px}
.welcome-hero{background-image:linear-gradient(90deg,rgba(4,24,42,.97) 0%,rgba(4,27,47,.89) 47%,rgba(5,32,49,.36) 100%),url('../assets/brasil-bandeira-v4.webp');background-position:center 51%;background-size:cover}
.welcome-hero h1{font-size:clamp(29px,3.1vw,43px)}
.welcome-symbol{opacity:.09}
.invite-box{background-image:linear-gradient(120deg,rgba(7,37,58,.96),rgba(7,45,63,.75)),url('../assets/parcerias.webp')}
.join-screen{background-image:linear-gradient(90deg,rgba(4,23,41,.95),rgba(4,36,50,.66)),url('../assets/brasil-bandeira-v4.webp');background-position:center;background-size:cover}
.quick-grid button.quick-card{border-color:#dae8e4;box-shadow:0 12px 24px rgba(7,42,57,.065)}
.business-card{border-color:#d9e8e4;box-shadow:0 12px 25px rgba(8,43,57,.065)}
.opportunity{border:1px solid #dbe9e5;box-shadow:0 12px 25px rgba(8,43,57,.065)}
.event-feature{border:1px solid #dbe9e5}
@media(max-width:700px){
 .app-header-brand img{width:174px;height:41px}
 .welcome-hero{background-image:linear-gradient(90deg,rgba(4,24,42,.96),rgba(4,27,47,.70)),url('../assets/brasil-bandeira-v4.webp');background-position:61% center}
 .join-screen{background-position:59% center}
}

/* V5 — PWA: leitura, áreas tocáveis, rolagem e safe areas de celulares. */
html{scroll-padding-top:84px}
button,a,input{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffcb46;outline-offset:3px}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .app-header{position:sticky;top:0;z-index:24;min-height:72px;box-shadow:0 8px 24px rgba(3,26,44,.13)}
 .app-header-brand{flex-shrink:1;min-width:0}
 .app-header-brand img{display:block;max-width:100%;height:auto;max-height:42px;object-fit:contain;object-position:left center}
 .header-join,.cta,.join-back,.profile-row button,.community-band button{min-height:44px}
 .header-join{padding:10px 13px;font-size:11px}
 .header-join svg{width:15px;height:15px}
 .app-content{padding:17px 15px calc(110px + env(safe-area-inset-bottom))}
 .welcome-hero{min-height:0;padding:29px 22px 31px;border-radius:17px}
 .welcome-hero h1{font-size:clamp(27px,7.3vw,34px);line-height:1.22;margin:13px 0}
 .welcome-hero p{font-size:13px;line-height:1.62}
 .welcome-hero .cta{font-size:12px;padding:11px 17px}
 .content-overline{font-size:11px;letter-spacing:.02em;margin:23px 0 12px}
 .quick-grid{gap:12px}
 .quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(3){grid-template-columns:43% 57%;min-height:150px}
 .quick-photo{min-height:150px}
 .quick-content{padding:15px 16px}
 .quick-grid .quick-content strong{font-size:14px;line-height:1.24}
 .quick-grid .quick-content small{font-size:12px;line-height:1.45}
 .quick-content>b{bottom:12px;right:15px}
 .content-row{margin-top:20px}
 .section-title h2{font-size:clamp(21px,5vw,25px);line-height:1.22}
 .business-grid,.directory-grid{gap:14px}
 .business-card{border-radius:14px}
 .business-art{aspect-ratio:4/3}
 .business-art h3{font-size:clamp(22px,6vw,28px)}
 .business-details{padding:17px 19px 15px}
 .business-details>span{font-size:10px}
 .business-details h4{font-size:16px;line-height:1.3}
 .business-details p{font-size:12px;line-height:1.55}
 .business-details button{font-size:12px;min-height:44px;align-items:center;padding-top:12px}
 .community-band{gap:12px;padding:16px;align-items:flex-start}
 .community-band h3{font-size:14px;line-height:1.28}
 .community-band p{font-size:12px;line-height:1.5}
 .community-band button{font-size:11px;padding:10px 13px}
 .screen-heading{margin:15px 0 20px}
 .screen-heading h1{font-size:clamp(27px,7vw,34px);line-height:1.2}
 .screen-heading p{font-size:13px;line-height:1.6}
 .directory-controls{gap:13px;margin:17px 0}
 .directory-controls label{min-height:48px}
 .directory-controls input{font-size:14px}
 .filter-row{gap:8px}
 .filter-row button{min-height:43px;padding:11px 15px;font-size:12px}
 .opportunity h3{font-size:21px;line-height:1.28}
 .opportunity p{font-size:13px;line-height:1.6}
 .event-info h2{font-size:clamp(23px,6vw,28px)}
 .event-info p,.profile-section p{font-size:13px;line-height:1.65}
 .join-screen{min-height:0;padding:38px 22px;border-radius:17px}
 .join-screen h1{font-size:clamp(27px,7vw,34px);line-height:1.23}
 .join-screen>p{font-size:13px;line-height:1.68}
 .join-benefits span{font-size:12px}
 .mobile-tabs{height:calc(69px + env(safe-area-inset-bottom));box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom);z-index:30}
 .mobile-tabs button{min-height:48px;gap:5px;font-size:11px;line-height:1.1;white-space:nowrap}
 .mobile-tabs button svg{width:23px;height:23px}
}
@media(max-width:410px){
 .app-header{padding:0 13px}
 .app-header-brand img{width:min(157px,100%)}
 .quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(3){grid-template-columns:42% 58%;min-height:145px}
 .quick-photo{min-height:145px}
 .quick-content{padding:11px 12px}
 .quick-grid .quick-content strong{font-size:12.5px}
 .quick-grid .quick-content small{font-size:11px}
 .business-art{aspect-ratio:4/3}
 .business-details{padding:16px 18px}
 .business-details p{min-height:0}
 .community-band{flex-wrap:wrap}
 .community-band button{margin-left:0;width:100%}
 .mobile-tabs button{font-size:10.5px}
}

/* V6 — Spartan, assinatura completa, filtros por região e cards padronizados. */
body,button,input,select,textarea{font-family:'League Spartan',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6,.welcome-hero h1,.screen-heading h1,.section-title h2,.business-details h4,.business-art h3,.event-art>span,.event-info h2,.join-screen h1,.profile-row h2,.invite-box h3{
 font-family:'League Spartan',Arial,sans-serif!important;font-weight:700!important;letter-spacing:0!important;line-height:1.18;
}
.app-header-brand{min-width:200px;max-width:235px;gap:4px}
.app-header-brand img{width:195px;max-width:100%;height:auto;max-height:42px;object-fit:contain;object-position:left center}
.app-header-brand>span{color:#bce1e1;font-size:10px;font-weight:600;line-height:1.14;letter-spacing:0;white-space:normal}
.app-content{background:linear-gradient(180deg,#f6fbf9 0%,#edf6f4 100%)}
.directory-search-row{display:grid;grid-template-columns:minmax(0,1fr) 234px;gap:12px;align-items:center}
.directory-controls .directory-search-box{width:100%;max-width:none;min-width:0}
.directory-controls .location-filter-wrap{width:100%;max-width:none;min-width:0;background:#f8fcfb;border-color:#cde5dd}
.location-filter-wrap svg{width:18px;height:18px;flex:none;color:#058c7c}
.location-filter-wrap select{flex:1;min-width:0;width:100%;border:0;outline:none;background:transparent;color:#123c4a;font-size:13px;font-weight:700;cursor:pointer}
.location-filter-wrap:focus-within{outline:2px solid #04ad82;outline-offset:2px}
.filter-row button{font-family:'League Spartan',Arial,sans-serif!important;font-size:12px;font-weight:700}
.quick-grid button.quick-card,.business-card,.opportunity,.community-band{border-color:#255568!important;box-shadow:0 12px 27px rgba(5,38,56,.12)!important}
.quick-content,.quick-grid button.quick-card:nth-child(2) .quick-content,.quick-grid button.quick-card:nth-child(3) .quick-content,
.business-details,.community-band,.opportunity{
 background:linear-gradient(132deg,#0c3148 0%,#09283e 60%,#0d4746 100%)!important;color:#f8feff!important;
}
.quick-grid .quick-content strong,.business-details h4,.community-band h3,.opportunity h3{color:#fff}
.quick-grid .quick-content small,.business-details p,.community-band p,.opportunity p{color:#bdd5dd!important}
.quick-content>b{color:#6eeed2}
.business-details>span,.opp-label{color:#7ce9d0!important}
.business-details button{color:#8cefd5;border-top-color:#ffffff2d}
.business-location{display:flex;align-items:center;gap:5px;margin:10px 0 7px;color:#f4cb65;font-size:11px;font-weight:650}
.business-details h4{font-size:16px}
.business-details p{font-size:12px;line-height:1.55}
.business-details button{font-size:12px}
.quick-grid .quick-content small{font-size:12px}
.community-band button{background:rgba(121,245,216,.12);border-color:rgba(121,245,216,.28);color:#c7fff1}
.opportunity .opp-bottom{border-top-color:#ffffff24}
.opportunity .opp-bottom button,.opp-bottom>span{color:#98f0dc}
.quick-icon{box-shadow:0 0 0 1px rgba(255,255,255,.19)}
.header-join svg,.cta svg,.join-back svg{width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(3,35,47,.13);stroke-width:2.3;flex:none}
.mobile-tabs button svg{stroke-width:2.1;transition:background .18s,color .18s}
.mobile-tabs button.active svg{background:rgba(10,183,144,.12);border-radius:8px;padding:3px;width:27px;height:27px}
#home-businesses>.business-card:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:900px){
 .app-header-brand{min-width:170px;max-width:205px}
 .app-header-brand img{width:177px}
 .app-header-brand>span{font-size:9px}
}
@media(max-width:700px){
 .app-header{height:83px;min-height:83px;gap:9px;padding:0 14px}
 .app-header-brand{flex:1 1 auto;min-width:0;max-width:calc(100% - 108px);gap:4px}
 .app-header-brand img{display:block;width:min(100%,181px);max-height:42px;height:auto}
 .app-header-brand>span{font-size:8.5px;line-height:1.12;max-width:225px}
 .header-right{flex:0 0 auto}
 .header-join{font-size:11px;padding:9px 12px;min-height:44px;gap:6px}
 .header-join svg{width:24px;height:24px;padding:4px}
 .directory-search-row{grid-template-columns:1fr;gap:10px}
 .directory-controls .directory-search-box,.directory-controls .location-filter-wrap{height:50px}
 .location-filter-wrap select{font-size:14px}
 .business-location{font-size:12px}
 #home-businesses>.business-card:last-child:nth-child(odd){grid-column:auto}
 .business-card{border-radius:15px}
 .business-details button{font-size:13px}
}
@media(max-width:360px){
 .app-header{padding:0 11px}
 .app-header-brand{max-width:calc(100% - 94px)}
 .app-header-brand img{width:min(100%,154px)}
 .app-header-brand>span{font-size:7.8px}
 .header-join{padding:8px 9px}
}

/* V7 — feed demonstrativo, leitura mobile e componentes unificados. */
html,body{max-width:100%;overflow-x:clip}
.app-layout,.app-main,.app-content{min-width:0}
.app-header-brand{display:flex;align-items:center;min-width:0;max-width:190px}
.app-header-brand img{width:min(100%,170px)!important;max-height:40px!important;height:auto;object-position:left center}
.app-header-brand>span{display:none!important}
.header-join{border:0;cursor:pointer}
.side-founder-link{display:block;margin:10px 10px 0;padding:13px 15px;border:1px solid #59b9b64a;border-radius:10px;color:#b5ebe1;font-size:14px;font-weight:700;background:#0b4a5033}
.side-founder-link:hover{background:#126a6855}
.welcome-hero h1 em,.screen-heading h1 em,.join-screen h1 em{font-style:normal;text-transform:uppercase;letter-spacing:0!important}
.welcome-hero h1,.screen-heading h1,.join-screen h1{letter-spacing:0!important;line-height:1.12}
.feed-screen .screen-heading{align-items:flex-end}
.feed-disclaimer{font-size:14px;line-height:1.45;margin:0 0 18px;padding:12px 15px;background:#ebf8f2;border:1px solid #b7e7d7;border-radius:12px;color:#14544c;font-weight:650}
.feed-filter{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0 15px;margin:0 0 6px}
.feed-filter button{flex:none;background:#fff;color:#164b55;border:1px solid #cbdedc;border-radius:99px;padding:11px 17px;min-height:43px;font-size:14px;font-weight:700;cursor:pointer}
.feed-filter button.active{background:linear-gradient(100deg,#078ccf,#0cae91);border-color:transparent;color:#fff;box-shadow:0 8px 18px #088f9c33}
.feed-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:24px;align-items:start}
.post-feed{display:grid;gap:22px;min-width:0}
.feed-post{background:#fff;border-radius:18px;border:1px solid #d9e7e4;box-shadow:0 12px 28px #0c3d4b10;overflow:hidden;min-width:0}
.feed-post-header{display:flex;align-items:center;gap:12px;padding:20px 22px 14px;min-width:0}
.post-avatar{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:14px;background:linear-gradient(138deg,#087fca,#13c2ab);color:#fff;font-size:17px;font-weight:800}
.post-author{flex:1;min-width:0;display:grid;gap:4px}
.post-author strong{font-size:18px;line-height:1.1;color:#092f41}
.post-author span{font-size:13px;color:#607c87;line-height:1.25}
.post-demo-pill{flex:none;border-radius:6px;padding:7px 8px;background:#fff5d9;color:#8f5f00;font-size:10px;font-weight:800}
.post-text{font-size:16px;line-height:1.54;color:#183a47;padding:0 22px;margin:0 0 17px}
.post-image{position:relative;aspect-ratio:16/9;background:#0b2c45;overflow:hidden}
.post-image::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#001525a8);pointer-events:none}
.post-image img{width:100%;height:100%;object-fit:cover;display:block}
.post-image>span{position:absolute;bottom:20px;left:22px;color:#fff;font-weight:800;font-size:14px;z-index:1;padding:8px 12px;border-radius:7px;background:#0b3048a8;backdrop-filter:blur(8px)}
.post-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 20px;min-width:0}
.post-company{min-width:0;flex:1;display:grid;gap:4px}.post-company strong{font-size:13px;color:#078e80}.post-company span{font-size:12px;color:#66838b;line-height:1.3}
.post-action,.post-contact{flex:none;min-height:40px;padding:9px 12px;border:1px solid #cfe3df;border-radius:9px;color:#126a6a;background:#f0faf7;font-weight:700;font-size:13px;cursor:pointer}
.post-action{font-size:21px;display:flex;align-items:center;gap:6px}.post-action span{font-size:12px}.post-action.liked{background:#ffeff0;border-color:#ffbec4;color:#b33351}
.post-contact{color:#092837;background:#ffd14b;border-color:#ffd14b}
.feed-aside{position:sticky;top:95px;display:grid;gap:15px}
.feed-guide{padding:25px;border-radius:17px;background:linear-gradient(140deg,#09263b,#0b4a49);color:#fff;box-shadow:0 13px 25px #031b2640}
.feed-guide>span{font-size:11px;font-weight:800;letter-spacing:.03em;color:#7ff0d2}
.feed-guide h3{font-size:25px;line-height:1.1;margin:14px 0 10px;color:#fff}
.feed-guide p{font-size:15px;line-height:1.5;color:#c1dade}
.feed-guide button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:17px;min-height:44px;padding:11px 14px;border:0;border-radius:10px;font-weight:800;background:#ffc34c;color:#072d37;cursor:pointer}
.feed-guide.soft{background:#edf8f4;border:1px solid #d1e9e2;box-shadow:none}.feed-guide.soft>span{color:#078c76}.feed-guide.soft p{color:#355f65}
.feed-founder-link{display:block;padding:14px 16px;border-radius:10px;background:#d9f1e8;color:#15584f;font-size:14px;font-weight:750}
@media(max-width:1050px){.feed-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}}
@media(max-width:850px){.feed-layout{grid-template-columns:1fr}.feed-aside{position:static;grid-template-columns:1fr 1fr}.feed-founder-link{grid-column:1/-1}}
@media(max-width:700px){
 .app-header{max-width:100vw;min-width:0;height:65px!important;min-height:65px!important;gap:7px;padding:0 12px!important}
 .app-header-brand{flex:1 1 auto;max-width:none!important;min-width:0!important}
 .app-header-brand img{width:min(100%,145px)!important;max-height:35px!important}
 .header-right{flex:none}
 .header-join{font-size:13px!important;min-height:40px!important;padding:9px 12px!important;white-space:nowrap}
 .header-join svg{display:none}
 .app-content{min-width:0;overflow-x:clip}
 .welcome-hero>div:first-child p,.screen-heading p,.join-screen>p,.event-info p,.profile-section p,.business-details p,.opportunity p{font-size:15px!important;line-height:1.52!important}
 .business-details>span,.content-overline,.overline,.opp-label,.example-label{font-size:12px!important;line-height:1.3}
 .business-details h4,.community-band h3{font-size:18px!important}
 .business-details button,.opp-bottom button{font-size:14px!important}
 .quick-grid .quick-content strong{font-size:15px!important;line-height:1.19}
 .quick-grid .quick-content small,.community-band p{font-size:13px!important}
 .business-location{font-size:13px!important}
 .mobile-tabs button{font-size:12px!important}
 .feed-screen .screen-heading h1{font-size:clamp(27px,7.2vw,36px)}
 .feed-aside{grid-template-columns:1fr}
 .feed-post-header{padding:16px 15px 12px;gap:9px}
 .post-avatar{width:44px;height:44px;flex-basis:44px;font-size:15px}
 .post-author strong{font-size:15px}
 .post-author span{font-size:12px}
 .post-demo-pill{font-size:10px;padding:6px}
 .post-text{font-size:15px;padding:0 15px}
 .post-footer{padding:13px 12px;gap:7px;flex-wrap:wrap}
 .post-company{flex-basis:100%;margin-bottom:6px}
 .post-company span{font-size:13px}
 .post-action,.post-contact{font-size:13px}
 .post-image>span{bottom:12px;left:14px;font-size:12px}
}
@media(max-width:365px){.app-header-brand img{width:min(100%,127px)!important}.app-header{padding:0 9px!important}.header-join{font-size:12px!important;padding:9px 10px!important}.feed-post{border-radius:13px}}
.post-avatar{border:0;cursor:pointer}
.post-author{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font:inherit}
.post-author:hover strong,.post-author:focus-visible strong{text-decoration:underline;text-decoration-color:#07ab96}
.profile-go-back{border:0;background:#d9f1e9;color:#116b62;border-radius:10px;min-height:42px;padding:10px 17px;font-weight:700;font-size:14px;cursor:pointer;margin-bottom:16px}
.demo-profile-screen{max-width:920px;margin:auto}
.demo-profile-cover{height:265px;overflow:hidden;border-radius:20px 20px 0 0;background:#0a3548;position:relative}
.demo-profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#06203d88)}
.demo-profile-cover img{width:100%;height:100%;object-fit:cover}
.demo-profile-main{border:1px solid #d5e5df;border-top:0;border-radius:0 0 20px 20px;background:#fff;padding:24px 31px}
.demo-profile-heading{display:flex;gap:17px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e1eeea;padding-bottom:20px}
.demo-profile-avatar{width:65px;height:65px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(125deg,#0789cf,#0ac7a6);color:#fff;font-weight:800;font-size:22px;flex:none}
.demo-profile-heading>div{flex:1;min-width:190px}.demo-profile-heading h1{font-size:clamp(24px,4vw,38px);margin:5px 0 4px;color:#0b2c3d;line-height:1.1}.demo-profile-heading p{margin:0;color:#60818a;font-size:14px}
.demo-profile-description{padding:23px 0 10px}.demo-profile-description h2,.demo-profile-main>h2{font-size:23px;margin:0 0 10px;color:#0c3145}.demo-profile-description p{font-size:16px;line-height:1.57;color:#496a74;max-width:690px}
.demo-profile-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.demo-profile-posts article{border:1px solid #dceae6;border-radius:12px;overflow:hidden;background:#f6faf8}.demo-profile-posts img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.demo-profile-posts span{display:block;color:#0c9780;font-size:12px;font-weight:800;margin:14px 16px 5px}.demo-profile-posts p{font-size:14px;line-height:1.51;color:#284d59;padding:0 16px 14px;margin:0}
.demo-profile-alert{font-size:13px;color:#55767c;background:#eaf6f1;border-radius:10px;padding:14px 16px;margin:20px 0 0}
@media(max-width:700px){.demo-profile-cover{height:170px;border-radius:15px 15px 0 0}.demo-profile-main{padding:17px;border-radius:0 0 15px 15px}.demo-profile-heading{gap:11px}.demo-profile-avatar{width:48px;height:48px;border-radius:12px;font-size:17px}.demo-profile-heading>div{min-width:140px}.demo-profile-heading h1{font-size:24px}.demo-profile-heading .post-contact{width:100%}.demo-profile-posts{grid-template-columns:1fr}.demo-profile-description p{font-size:15px}.demo-profile-posts p{font-size:15px}}

/* V8 — apresentação integrada: conteúdo legível, cartões regulares e ações claras. */
:root{--ui-ink:#0b2e42;--ui-muted:#526f7a;--ui-border:#cde3dd;--ui-green:#0aa98b;--ui-gold:#ffbf37;--ui-radius:17px}
body{font-size:16px;line-height:1.48;-webkit-font-smoothing:antialiased}
button,input,select,a{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffba31!important;outline-offset:3px!important}
.demo-banner{font-size:12px;line-height:1.3;min-height:34px}
.demo-banner a{font-size:12px;text-underline-offset:3px}
.sidebar{background:linear-gradient(180deg,#0b2e44 0%,#081d30 100%)}
.side-section-label{font-size:11px;letter-spacing:.025em;color:#b4d3dc}
.side-nav{gap:4px}
.side-nav button{min-height:47px;padding:12px 15px;font-size:14px!important;line-height:1.2;font-weight:700;border-radius:10px;color:#d7eaf0}
.side-nav button svg{flex:none;width:21px;height:21px}
.side-nav button.active{background:linear-gradient(110deg,#0c7675,#104a62)!important;color:#fff!important;box-shadow:inset 3px 0 #27e6c2}
.side-founder-link,.about-link{font-size:13px}
.invite-box h3{font-size:18px!important;line-height:1.2}
.invite-box p{font-size:14px;line-height:1.4}
.invite-orb{font-family:Arial,sans-serif!important;font-size:22px}
.invite-btn{font-size:13px;min-height:43px}
.app-header{border-radius:17px}
.app-header-brand img{width:min(100%,175px)!important;max-height:43px!important}
.header-search input{font-size:15px}
.test-status{font-size:11px;letter-spacing:.025em}
.header-join{min-height:46px;padding:11px 17px;font-size:14px;font-weight:800;border-radius:11px}
.app-content{padding-top:29px;padding-bottom:98px}
.welcome-hero{border-radius:19px;min-height:300px;padding:38px 42px;isolation:isolate;overflow:hidden}
.welcome-hero h1{font-size:clamp(36px,3.45vw,47px);line-height:1.1!important;letter-spacing:0!important;max-width:630px;text-wrap:balance}
.welcome-hero h1 em{display:inline;color:#40e6bd}
.welcome-hero p{font-size:17px!important;line-height:1.52!important;max-width:570px;color:#d9edf0}
.overline{font-size:12px;font-weight:800;letter-spacing:.015em}
.welcome-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:23px}
.welcome-actions .cta,.welcome-actions .cta-secondary{min-height:47px;padding:12px 16px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:800;line-height:1.15}
.welcome-actions .cta svg,.welcome-actions .cta-secondary svg{width:21px;height:21px}
.welcome-actions .cta-secondary{background:#0a344dbb;border:1px solid #9fd9d76b;color:#fff;cursor:pointer;backdrop-filter:blur(4px)}
.welcome-actions .cta-secondary:hover{background:#145a67}
.content-overline,.example-label{font-size:12px;line-height:1.28;font-weight:800;letter-spacing:0}
.content-overline{margin:23px 0 12px}
.quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(2),.quick-grid button.quick-card:nth-child(3),.quick-grid button.quick-card:nth-child(4){grid-column:auto!important;display:grid;grid-template-columns:44% minmax(0,56%)!important;min-height:182px;border-radius:var(--ui-radius);overflow:hidden;align-items:stretch;transition:transform .22s,box-shadow .22s}
.quick-grid button.quick-card:hover{transform:translateY(-3px);box-shadow:0 17px 30px #0626382b!important}
.quick-photo{min-height:182px;height:100%;overflow:hidden}
.quick-photo img{width:100%;height:100%;object-fit:cover;display:block}
.quick-content{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px 20px!important;gap:5px;background:linear-gradient(135deg,#0d324a,#0d4645)!important}
.quick-grid button.quick-card:nth-child(2) .quick-content,.quick-grid button.quick-card:nth-child(3) .quick-content,.quick-grid button.quick-card:nth-child(4) .quick-content{background:linear-gradient(135deg,#0d324a,#0c4444)!important}
.quick-icon{width:34px;height:34px;margin-bottom:6px}
.quick-content strong,.quick-grid .quick-content strong{font-size:19px!important;line-height:1.17;color:#fff}
.quick-content small,.quick-grid .quick-content small{font-size:14px!important;line-height:1.32;color:#c4dfe4!important}
.quick-content>b{font-family:Arial,sans-serif!important;font-size:22px;font-weight:700;line-height:1;align-self:flex-end;color:#70efd1}
.section-title h2{font-size:clamp(25px,2.3vw,32px);line-height:1.15!important}
.content-row{gap:12px;align-items:center;margin:23px 0 13px}
.content-row button{font-size:14px;font-weight:800;margin:0;min-height:43px}
.business-grid{gap:18px}
.business-card{border-radius:var(--ui-radius);overflow:hidden}
.business-art{aspect-ratio:4/3}
.business-details{padding:20px 23px!important}
.business-details>span{font-size:12px!important;letter-spacing:0}
.business-details h4{font-size:21px!important;line-height:1.16!important;margin:9px 0}
.business-details p{font-size:15px!important;line-height:1.48!important;min-height:0;margin:0 0 8px}
.business-location{font-size:13px!important;line-height:1.3;margin:13px 0 8px}
.business-details button{font-size:14px!important;font-weight:800;line-height:1.2;min-height:45px;padding:14px 0 2px}
.business-details button span{font-family:Arial,sans-serif;font-size:20px}
.screen-heading{margin:5px 0 26px;align-items:end;gap:18px}
.screen-heading h1{font-size:clamp(33px,3.35vw,45px);line-height:1.11!important;letter-spacing:0!important;text-wrap:balance}
.screen-heading p{font-size:16px!important;line-height:1.55!important;color:#56717b;max-width:720px}
.screen-count{font-size:12px;font-weight:800;color:#31676f;line-height:1.2}
.screen-count strong{font-size:36px;color:#078f7e}
.directory-controls{background:#ffffffc7;padding:17px;border-radius:15px;border:1px solid #d6e9e3}
.directory-search-row{gap:12px}
.directory-controls .directory-search-box,.directory-controls .location-filter-wrap{min-height:48px;border-radius:10px;border-color:var(--ui-border)}
.directory-controls input,.location-filter-wrap select{font-size:15px!important}
.filter-row button,.feed-filter button{min-height:44px;border-radius:99px;font-size:14px!important;font-weight:750}
.filter-row button.active,.feed-filter button.active{background:linear-gradient(100deg,#087ed0,#0aab8d)!important;color:#fff!important}
.feed-disclaimer{font-size:14px;color:#175a50;background:#e2f5ed;border-color:#a4dccb}
.feed-post{border-radius:var(--ui-radius);box-shadow:0 12px 26px #123b4b12}
.post-text{font-size:16px!important;line-height:1.52!important;color:#254653}
.post-author strong{font-size:18px}
.post-author span{font-size:13px;color:#526e79}
.post-company strong{font-size:14px}
.post-company span{font-size:13px;color:#607780}
.post-action,.post-contact{min-height:44px;font-size:14px}
.feed-guide p,.feed-guide.soft p{font-size:15px;line-height:1.54}
.opportunity h3{font-size:25px;line-height:1.19}
.opportunity p,.event-info p,.profile-section p{font-size:15px!important;line-height:1.55!important}
.opportunity .opp-bottom button{font-size:14px}
.community-band h3{font-size:20px!important;line-height:1.18}
.community-band p{font-size:15px!important;line-height:1.45}
.community-band button{font-size:14px;min-height:44px}
.mobile-tabs button{font-size:12px;font-weight:700}
.mobile-tabs button svg{width:23px;height:23px}
@media(max-width:980px){
 .quick-grid{gap:12px!important}
 .quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(3){min-height:170px}
 .quick-content{padding:14px 15px!important}
 .quick-content strong,.quick-grid .quick-content strong{font-size:17px!important}
 .quick-content small,.quick-grid .quick-content small{font-size:13px!important}
 .app-content{padding-left:22px;padding-right:22px}
}
@media(max-width:700px){
 .demo-banner{font-size:11px;line-height:1.22;padding:7px 10px}
 .app-header{border-radius:0;margin:0;min-height:69px!important;height:69px!important}
 .app-header-brand img{width:min(100%,150px)!important;max-height:40px!important}
 .header-join{font-size:13px!important;min-height:42px!important}
 .app-content{padding:16px 14px calc(110px + env(safe-area-inset-bottom))}
 .welcome-hero{min-height:0;padding:27px 22px 29px;border-radius:15px;background-position:62% center}
 .welcome-hero h1{font-size:clamp(30px,7.5vw,37px);line-height:1.12!important;margin:13px 0 14px}
 .welcome-hero p{font-size:15.5px!important;line-height:1.52!important}
 .welcome-actions{gap:9px;margin-top:18px}
 .welcome-actions .cta,.welcome-actions .cta-secondary{min-height:47px;font-size:14px;padding:10px 13px}
 .quick-grid{grid-template-columns:1fr!important;gap:12px!important}
 .quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(2),.quick-grid button.quick-card:nth-child(3),.quick-grid button.quick-card:nth-child(4){grid-column:auto!important;grid-template-columns:42% minmax(0,58%)!important;min-height:157px}
 .quick-photo{min-height:157px}
 .quick-content{padding:12px 14px!important;gap:5px}
 .quick-icon{width:30px;height:30px;margin-bottom:3px}
 .quick-content strong,.quick-grid .quick-content strong{font-size:16px!important;line-height:1.2}
 .quick-content small,.quick-grid .quick-content small{font-size:13px!important;line-height:1.3}
 .quick-content>b{font-size:20px}
 .content-overline,.example-label,.overline{font-size:12px!important;letter-spacing:0}
 .content-row{margin:20px 0 10px;align-items:center}
 .section-title h2{font-size:24px;line-height:1.19!important}
 .content-row button{font-size:13px!important;white-space:nowrap}
 .business-details{padding:17px 19px!important}
 .business-details h4{font-size:19px!important}
 .business-details p{font-size:15px!important}
 .screen-heading{margin:5px 0 20px}
 .screen-heading h1{font-size:clamp(30px,7.3vw,37px);line-height:1.13!important}
 .screen-heading p{font-size:15.5px!important;line-height:1.55!important}
 .screen-count strong{font-size:29px}
 .directory-controls{padding:12px;border-radius:13px}
 .directory-controls .directory-search-box,.directory-controls .location-filter-wrap{min-height:49px}
 .filter-row button,.feed-filter button{font-size:13.5px!important;min-height:44px}
 .feed-post-header{padding:16px 15px 12px}
 .post-text{font-size:15px!important;padding:0 15px}
 .post-author strong{font-size:16px}
 .post-author span{font-size:12px}
 .post-company span{font-size:13px}
 .opportunity h3{font-size:22px}
 .community-band h3{font-size:18px!important}
 .community-band p{font-size:14px!important}
 .mobile-tabs{box-shadow:0 -10px 28px #071e3820}
 .mobile-tabs button{font-size:12px!important;line-height:1.15;min-width:0}
}
@media(max-width:390px){
 .welcome-actions{display:grid;grid-template-columns:1fr 1fr}
 .welcome-actions .cta,.welcome-actions .cta-secondary{font-size:13px;gap:7px;padding:10px 9px}
 .welcome-actions .cta svg,.welcome-actions .cta-secondary svg{width:19px;height:19px}
 .quick-grid button.quick-card,.quick-grid button.quick-card:nth-child(2),.quick-grid button.quick-card:nth-child(3),.quick-grid button.quick-card:nth-child(4){min-height:147px}
 .quick-photo{min-height:147px}
 .quick-content{padding:11px!important}
 .quick-content strong,.quick-grid .quick-content strong{font-size:15px!important}
 .quick-content small,.quick-grid .quick-content small{font-size:12.5px!important}
 .mobile-tabs button{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.quick-grid button.quick-card{transition:none!important}}
.quick-content b svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.9;fill:none}
.business-details button svg{display:block;width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.invite-orb svg{width:23px;height:23px;stroke:#fbc441;stroke-width:1.8;fill:none}
.profile-section h3{font-size:18px!important;line-height:1.28}
.welcome-hero p,.screen-heading p,.business-details p,.post-text,.opportunity p,.event-info p,.profile-section p,.demo-profile-description p,.feed-guide p{hyphens:auto;text-align:justify;text-align-last:left;overflow-wrap:break-word}
@media(min-width:411px){.business-card .business-art{height:100%;min-height:100%;aspect-ratio:auto}}
@media(max-width:410px){.business-card .business-art{height:auto;min-height:0;aspect-ratio:4/3}}