:root{--ink:#17241f;--forest:#101d19;--cream:#f6f6ed;--lime:#d9ee7f;--muted:#6d756e;--line:#dce0d3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;left:12px;top:-60px;background:var(--lime);padding:10px 15px;z-index:10}.skip-link:focus{top:12px}.topline{background:var(--forest);color:#c9d3c9;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.topline-inner{height:34px;display:flex;align-items:center;justify-content:space-between}.site-header{background:var(--cream);position:sticky;top:0;z-index:5;border-bottom:1px solid #e7e8dd}.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:46px;height:46px;background:var(--forest);color:var(--lime);border-radius:14px;display:grid;place-items:center;font:800 37px/1 Manrope;letter-spacing:-.12em;padding-right:5px}.brand-mark span{color:white;letter-spacing:0}.brand-text{font:700 20px/.84 Manrope;letter-spacing:-.08em}.brand-text strong{font-weight:800}.main-nav{display:flex;align-items:center;gap:36px;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;color:#6f786f;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:15px}.nav-cta,.pill-button{border-radius:100px;background:var(--lime);font-size:13px;font-weight:800;padding:14px 20px;display:inline-flex;align-items:center;gap:22px;transition:transform .2s,background .2s}.nav-cta:hover,.pill-button:hover{transform:translateY(-2px);background:#c9e965}.menu-toggle{display:none}.hero{min-height:575px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:45px;padding-bottom:54px}.hero-copy{padding:22px 0}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:10px;white-space:nowrap}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:#90b754}.eyebrow .line{width:22px;height:1px;background:#9ba39a}.hero h1,.section h2,.topics-section h2,.about h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.075em}.hero h1{font-size:clamp(53px,6vw,87px);line-height:1.03;margin:26px 0 20px;font-weight:800;max-width:650px}.hero h1 em,.about h2 em{font-style:normal;color:#799b4c}.hero-copy>p{color:#5e6860;font-size:17px;line-height:1.65;max-width:480px;margin-bottom:29px}.hero-foot{display:flex;align-items:center;gap:12px;font-size:12px;color:#7b857b;margin-top:54px}.tiny-star{font-size:25px;color:#8dab61}.hero-art{min-height:485px;height:100%;max-height:540px;position:relative;overflow:hidden;border-radius:24px;background:#bfd36c;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,#e9f2a7 0 8%,transparent 9%),linear-gradient(150deg,#d7e786,#adc85c 62%,#759856);opacity:.9}.art-grain{position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:4;pointer-events:none}.art-sun{position:absolute;right:10%;top:9%;width:230px;aspect-ratio:1;border-radius:50%;background:#f4ecb8;box-shadow:0 0 0 33px #e9e89a73,0 0 0 75px #e0e88b44}.art-hill{position:absolute;border-radius:50% 50% 0 0}.hill-one{width:115%;height:54%;left:-19%;bottom:-25%;background:#526f42;transform:rotate(-12deg)}.hill-two{width:115%;height:48%;right:-35%;bottom:-22%;background:#284a3a;transform:rotate(17deg)}.art-sticker{position:absolute;top:44px;left:42px;color:var(--forest);font:800 clamp(30px,3.4vw,48px)/.95 Manrope;letter-spacing:-.08em;z-index:3}.art-sticker b{font-weight:500;font-size:30px;display:block;margin-top:10px}.art-caption{position:absolute;right:36px;bottom:30px;color:#eff4d0;text-align:right;font-size:10px;font-weight:800;letter-spacing:.17em;line-height:1.7;z-index:3}.ticker{background:var(--forest);color:var(--lime);overflow:hidden}.ticker-track{height:62px;display:flex;align-items:center;white-space:nowrap;gap:42px;width:max-content;font:800 13px Manrope;letter-spacing:.13em;animation:marquee 28s linear infinite}.ticker-track span{font-size:24px;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:110px;padding-bottom:112px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}.section h2,.topics-section h2{font-size:clamp(35px,4vw,53px);line-height:1.1;margin:13px 0 0;font-weight:800}.accent-dot{color:#8faa5b}.section-heading p{max-width:260px;color:#69736a;font-size:14px;line-height:1.5;margin:0 0 4px}.featured-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:22px}.feature-card{overflow:hidden;background:#fff;border:1px solid #e6e9dd;border-radius:19px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #18241e12}.feature-main .card-art{height:320px}.card-art{position:relative;overflow:hidden;isolation:isolate}.art-culture{background:#cbdb91}.arch{position:absolute;border-radius:50% 50% 0 0;width:32%;height:76%;bottom:-4%;background:#294b3d}.a1{left:16%;transform:rotate(-20deg);background:#78985a}.a2{left:40%;height:100%;width:42%;background:#355641;transform:rotate(12deg)}.floating-symbol{position:absolute;top:16%;left:18%;font-size:90px;color:#eff7c7;line-height:1}.card-body{padding:27px 30px}.tag{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#638341}.card-body h3{font:800 26px/1.16 Manrope;letter-spacing:-.05em;margin:12px 0 10px}.card-body p{font-size:14px;line-height:1.6;color:#69736b;margin:0}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7eadf;margin-top:25px;padding-top:17px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#7e897c}.card-link span{font-size:18px;color:var(--ink)}.side-cards{display:grid;gap:22px}.horizontal{display:grid;grid-template-columns:42% 58%;min-height:230px}.horizontal .card-body{display:flex;flex-direction:column;justify-content:center;padding:24px}.horizontal .card-body h3{font-size:22px}.horizontal .card-link{margin-top:auto;padding-top:12px}.art-community{background:#d8e4b8}.orbit{position:absolute;border:18px solid #608358;border-radius:50%;width:190px;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.o2{width:110px;border-color:#9bb969}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:47px;color:#294b3d}.art-city{background:#cbd9bc}.building{position:absolute;bottom:0;width:34%;height:63%;background:#496956}.b1{left:0;height:47%;background:#839f75}.b2{left:30%;height:75%}.b3{right:0;height:55%;background:#6b8a67}.moon{position:absolute;top:20%;right:18%;width:65px;height:65px;background:#eef2ce;border-radius:50%}.topics-section{background:#e9eedc;padding:102px 0 116px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic{background:#f8f9f1;border:1px solid #dce5d1;border-radius:15px;padding:25px 28px;display:flex;align-items:center;gap:27px;transition:background .2s,transform .2s}.topic:hover{background:var(--lime);transform:translateY(-3px)}.topic-num{font-size:11px;font-weight:800;color:#7b9470}.topic>span:nth-child(2){font:800 23px Manrope;letter-spacing:-.05em}.topic small{display:block;font:500 12px 'DM Sans';letter-spacing:0;color:#7c8779;margin-top:3px}.topic b{font-size:24px;font-weight:400;margin-left:auto}.about{display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:80px;padding-top:123px;padding-bottom:132px}.about-symbol{width:min(100%,300px);aspect-ratio:1;background:var(--forest);color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:220px;line-height:1}.about h2{font-size:clamp(37px,4.5vw,61px);line-height:1.12;margin:15px 0 20px}.about p{color:#687269;font-size:16px;line-height:1.7;max-width:580px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:800;border-bottom:2px solid #92ae63;padding:13px 0;margin-top:12px}.text-link:hover{color:#62833f}footer{background:var(--forest);color:#e7eddf}.footer-main{display:flex;align-items:center;gap:50px;padding-top:55px;padding-bottom:55px}.brand-footer .brand-mark{background:var(--lime);color:var(--forest)}.brand-footer .brand-mark span{color:#699049}.footer-main p{font-size:14px;color:#a9b7a5;margin-left:auto}.footer-main>a:last-child{font-size:13px;font-weight:700;border:1px solid #678070;border-radius:100px;padding:12px 17px}.footer-bottom{border-top:1px solid #3a4b3d;display:flex;justify-content:space-between;padding:20px 0 27px;color:#93a392;font-size:11px}.footer-bottom span span{color:var(--lime)}@media(max-width:900px){.wrap{width:min(100% - 40px,1240px)}.main-nav{gap:17px}.nav-shell{gap:18px}.hero{gap:30px}.hero-art{min-height:420px}.art-sticker{left:28px;top:32px}.horizontal{grid-template-columns:38% 62%}.horizontal .card-body{padding:18px}.horizontal .card-body h3{font-size:19px}}@media(max-width:700px){.topline-inner{height:29px}.topline-inner span:first-child{display:none}.topline-inner{justify-content:center}.nav-shell{height:70px}.brand-mark{width:41px;height:41px;font-size:33px}.brand-text{font-size:18px}.nav-cta{display:none}.menu-toggle{width:43px;height:43px;border:1px solid #d8dfcf;border-radius:12px;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:var(--forest);border-radius:5px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--cream);padding:13px 20px 23px;box-shadow:0 15px 20px #1c271d18;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:14px 6px;border-bottom:1px solid #dfe4d8}.hero{grid-template-columns:1fr;gap:28px;padding-top:43px;padding-bottom:42px}.hero-copy{padding:0}.eyebrow{font-size:9px;gap:7px}.hero h1{font-size:clamp(50px,13vw,77px);margin:20px 0 16px}.hero-copy>p{font-size:15px;line-height:1.55}.hero-foot{margin-top:27px}.hero-art{min-height:360px;height:360px;max-height:none}.art-sticker{font-size:38px}.art-sun{width:170px}.ticker-track{height:52px}.section{padding-top:75px;padding-bottom:80px}.section-heading{display:block}.section-heading p{margin:12px 0 0}.featured-grid{grid-template-columns:1fr}.feature-main .card-art{height:250px}.side-cards{gap:16px}.horizontal{min-height:200px}.topics-section{padding:73px 0 85px}.topics{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:32px;padding-top:85px;padding-bottom:92px}.about-symbol{width:150px;font-size:105px}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:26px}.footer-main p{grid-column:1/-1;grid-row:2;margin:0}.footer-main>a:last-child{justify-self:end;white-space:nowrap}.footer-bottom{gap:15px}}@media(max-width:430px){.wrap{width:calc(100% - 32px)}.hero-art{height:315px;min-height:315px}.art-sticker{font-size:30px}.art-caption{right:20px;bottom:20px}.horizontal{grid-template-columns:36% 64%;min-height:185px}.horizontal .card-body{padding:15px}.horizontal .card-body h3{font-size:17px}.horizontal .card-link{font-size:9px}.card-body{padding:23px}.topic{padding:21px}.topic>span:nth-child(2){font-size:20px}.footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.footer-main p{order:1}.footer-main>a:last-child{order:2}.footer-bottom{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.instagram-section{padding:105px 0 112px;background:#eef2e5}.instagram-section h2{font:800 clamp(35px,4vw,53px)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.075em;margin:13px 0 0}.instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.instagram-post{min-width:0;background:#fff;border:1px solid #dce4d4;border-radius:16px;overflow:hidden}.instagram-post iframe{display:block;width:100%;height:560px;border:0;background:#fff}.instagram-post>a{display:block;border-top:1px solid #e8e8e8;padding:14px 17px;font-size:12px;font-weight:800;color:#4d714d}.instagram-post>a:hover{text-decoration:underline}.instagram-note{display:flex;justify-content:space-between;gap:24px;margin-top:24px;color:#6b756a;font-size:12px;line-height:1.5}.instagram-note a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.instagram-note>a{white-space:nowrap;color:var(--forest)}@media(max-width:900px){.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.instagram-post:last-child{grid-column:1/-1;max-width:450px}}@media(max-width:700px){.instagram-section{padding:75px 0 84px}.instagram-grid{grid-template-columns:1fr}.instagram-post:last-child{grid-column:auto;max-width:none}.instagram-post iframe{height:535px}.instagram-note{display:block}.instagram-note>a{display:inline-block;margin-top:12px}}

/* Identidade Conecta Upanema */
:root{
  --conecta-navy-950:#01020e;
  --conecta-navy-900:#02031a;
  --conecta-blue-900:#070072;
  --conecta-blue-700:#001dd1;
  --conecta-blue-600:#003bff;
  --conecta-blue-500:#006cff;
  --conecta-cyan-400:#35b8ff;
  --conecta-cyan-300:#8ed7ff;
  --conecta-orange:#f36b14;
  --conecta-white:#ffffff;
  --brand-primary:var(--conecta-blue-600);
  --brand-secondary:var(--conecta-cyan-400);
  --brand-accent:var(--conecta-orange);
  --brand-background:var(--conecta-navy-950);
  --brand-surface:var(--conecta-navy-900);
  --brand-text:var(--conecta-white);
  --ink:var(--brand-text);
  --forest:var(--brand-background);
  --cream:var(--brand-background);
  --lime:var(--brand-secondary);
  --muted:#aebdd7;
  --line:#243565;
}
.conecta-theme{color:var(--brand-text);background:radial-gradient(circle at 68% 12%,rgba(0,59,255,.24) 0%,rgba(0,29,209,.12) 24%,transparent 45%),linear-gradient(145deg,var(--conecta-navy-900),var(--conecta-navy-950));}
.conecta-logo{display:flex;max-width:320px;height:auto}
body{background-color:var(--brand-background);color:var(--brand-text)}
.topline{background:#000109;color:var(--conecta-cyan-300)}
.site-header{background:rgba(2,3,26,.96);border-bottom-color:#182455;backdrop-filter:blur(18px)}
.brand-mark{background:linear-gradient(145deg,var(--conecta-blue-600),var(--conecta-blue-900));color:#fff;box-shadow:0 4px 22px rgba(0,59,255,.28)}
.brand-mark span{color:var(--conecta-orange)}
.brand-text{color:#fff}
.main-nav a{color:#b6c5e7}.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active:after{content:"";display:block;height:2px;margin-top:6px;background:var(--brand-accent);border-radius:2px}
.nav-cta,.pill-button{background:var(--brand-primary);color:#fff;box-shadow:0 8px 24px rgba(0,59,255,.24)}
.nav-cta:hover,.pill-button:hover{background:var(--conecta-blue-500)}
.skip-link{background:var(--conecta-cyan-300);color:var(--conecta-navy-950)}
.eyebrow,.section-kicker{color:var(--conecta-cyan-300)}
.eyebrow .dot{background:var(--brand-accent)}.eyebrow .line{background:#59709e}
.hero h1 em,.about h2 em{color:var(--conecta-cyan-400)}
.hero-copy>p,.section-heading p,.about p{color:#b6c2dc}
.hero-foot{color:#9fb0d0}.tiny-star{color:var(--brand-accent)}
.hero-art{background:var(--conecta-blue-900);box-shadow:0 24px 80px rgba(0,59,255,.17)}
.hero-art:before{background:radial-gradient(circle at 68% 45%,rgba(0,59,255,.78) 0%,rgba(0,29,209,.38) 22%,rgba(7,0,114,.18) 44%,transparent 65%),linear-gradient(145deg,var(--conecta-navy-900),var(--conecta-navy-950));opacity:1}
.art-sun{background:var(--conecta-cyan-400);box-shadow:0 0 0 30px rgba(53,184,255,.13),0 0 0 76px rgba(0,108,255,.12),0 0 95px rgba(53,184,255,.56)}
.hill-one{background:#07166e}.hill-two{background:#020a39}
.art-sticker{color:#fff;text-shadow:0 3px 20px #02031a77}.art-sticker b{color:var(--brand-accent)}.art-caption{color:var(--conecta-cyan-300)}
.ticker{background:var(--conecta-blue-700);color:#fff}.ticker-track span{color:var(--brand-accent)}
.accent-dot{color:var(--brand-accent)}
.feature-card{background:#080d2b;border-color:#24376a}.feature-card:hover{box-shadow:0 16px 35px rgba(0,59,255,.2)}
.art-culture{background:#082892}.a1{background:var(--conecta-blue-500)}.a2{background:#020d50}.floating-symbol{color:var(--conecta-cyan-300)}
.art-community{background:#071f75}.orbit{border-color:var(--conecta-blue-500)}.o2{border-color:var(--conecta-cyan-400)}.orbit-center{color:#fff}
.art-city{background:#122a80}.b1{background:#006cff}.b2{background:#00175d}.b3{background:#003bff}.moon{background:var(--conecta-cyan-300)}
.tag{color:var(--conecta-cyan-300)}.card-body p{color:#b9c5df}.card-link{border-top-color:#294079;color:#aac1e6}.card-link span{color:var(--brand-accent)}
.instagram-section{background:#050b28}.instagram-section .section-heading p{color:#b6c2dc}.instagram-post{border-color:#284382;background:#fff}.instagram-post>a{background:#091c5e;color:#fff;border-top-color:#284382}.instagram-note{color:#aebddd}.instagram-note>a{color:var(--conecta-cyan-300)}
.topics-section{background:#071149}.topic{background:#0a1b60;border-color:#23439c;color:#fff}.topic:hover{background:var(--conecta-blue-700)}.topic-num{color:var(--conecta-cyan-300)}.topic small{color:#b2c5ec}.topic b{color:var(--brand-accent)}
.about-symbol{background:radial-gradient(circle at 65% 30%,var(--conecta-blue-500),var(--conecta-blue-900) 60%,var(--conecta-navy-900));color:var(--conecta-cyan-300);box-shadow:0 0 65px rgba(0,59,255,.28)}
.text-link{border-bottom-color:var(--brand-accent)}.text-link:hover{color:var(--conecta-cyan-300)}
footer{background:#000109}.brand-footer .brand-mark{background:linear-gradient(145deg,var(--conecta-blue-600),var(--conecta-blue-900));color:#fff}.brand-footer .brand-mark span{color:var(--brand-accent)}.footer-main p{color:#b7c4dc}.footer-main>a:last-child{border-color:#38559e}.footer-bottom{border-top-color:#21366d;color:#a7b5d2}.footer-bottom span span{color:var(--brand-accent)}
@media(max-width:700px){.menu-toggle{border-color:#2c4382;background:#081643}.menu-toggle span{background:#fff}.main-nav{background:#02031a;box-shadow:0 15px 25px rgba(0,0,0,.35)}.main-nav a{border-bottom-color:#1e316a}}
:where(a,button):focus-visible{outline:3px solid var(--conecta-orange);outline-offset:4px}