/* Paleta do brand book 2021 (Pantone 2269 / 7489 / 2408 / 5615) + verde-limão das artes */
:root{
  --v-2269:#7DC462; --v-7489:#71B06A; --v-2408:#54855F; --v-5615:#45734F;
  --v-noite:#1F3B27;           /* verde profundo para texto e fundos escuros */
  --lima:#D4F99B; --lima-forte:#B3D55B;
  --papel:#FAFBF6; --branco:#FFFFFF; --texto:#1E2A21; --texto-2:#4B5A4E; --linha:#E2E8DC;
  --display:"Plus Jakarta Sans",system-ui,sans-serif;
  --maquina:"Courier Prime","Courier New",monospace;   /* a letra de máquina de escrever da marca */
  --raio:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--display);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
@media (max-width:560px){.wrap{padding:0 16px}}
.maquina{font-family:var(--maquina);letter-spacing:.02em}
.eyebrow{font-family:var(--maquina);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--v-2408);margin:0 0 12px}
h1,h2,h3{font-family:var(--display);line-height:1.1;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-size:clamp(30px,4vw,46px);font-weight:800;color:var(--v-noite)}
.sub{color:var(--texto-2);max-width:62ch;margin:14px 0 0;font-size:18px}
section{padding:96px 0}
@media (max-width:760px){section{padding:64px 0}}
:focus-visible{outline:3px solid var(--v-2269);outline-offset:3px}

/* curvas de nível — a textura da marca, desenhada em SVG */
.curvas{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%2345734F' stroke-opacity='.13' stroke-width='1.4'%3E%3Cpath d='M-20 60 C120 10 220 120 360 70 S560 20 640 80'/%3E%3Cpath d='M-20 100 C120 50 220 160 360 110 S560 60 640 120'/%3E%3Cpath d='M-20 140 C130 95 230 200 370 150 S560 100 640 160'/%3E%3Cpath d='M-20 185 C140 140 240 245 380 195 S560 145 640 205'/%3E%3Cpath d='M-20 230 C150 185 250 290 390 240 S570 190 640 250'/%3E%3Cpath d='M-20 275 C160 230 260 335 400 285 S570 235 640 295'/%3E%3Cpath d='M-20 320 C170 275 270 380 410 330 S580 280 640 340'/%3E%3Cpath d='M-20 365 C180 320 280 425 420 375 S590 325 640 385'/%3E%3C/g%3E%3C/svg%3E")}

/* ---------- cabeçalho ---------- */
.topo{position:sticky;top:0;z-index:30;background:rgba(250,251,246,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px}
.marca img{height:52px;width:auto}
.menu{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:600;white-space:nowrap}
.menu a{text-decoration:none;color:var(--texto-2)}
.menu a:hover,.menu a[aria-current]{color:var(--v-noite)}
.bt{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15px;text-decoration:none;padding:13px 22px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s,background .15s}
.bt:hover{transform:translateY(-1px)}
.bt-cheio{background:var(--v-5615);color:#fff}
.bt-cheio:hover{background:var(--v-noite)}
.bt-lima{background:var(--lima);color:var(--v-noite)}
.bt-linha{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.bt-linha-escura{background:transparent;color:var(--v-noite);box-shadow:inset 0 0 0 2px var(--v-5615)}
.abre-menu{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--v-noite)}
@media (max-width:1180px){
  .menu{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--papel);border-bottom:1px solid var(--linha);padding:8px 24px 20px}
  .menu a{padding:12px 0;font-size:17px;width:100%}
  .menu.aberto{display:flex}
  .abre-menu{display:block}
  .topo .bt-cheio{display:none}
}

/* ---------- abertura ---------- */
.hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;padding:0}
.hero-foto{position:absolute;inset:0;background:url("../img/hero-cafezal.jpg") center 60%/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,59,39,.92) 0%,rgba(31,59,39,.72) 42%,rgba(31,59,39,.15) 75%),linear-gradient(0deg,rgba(31,59,39,.55),transparent 45%)}
.hero .wrap{position:relative;z-index:2;padding-top:120px;padding-bottom:84px;width:100%}
.hero .eyebrow{color:var(--lima)}
.hero h1{font-size:clamp(40px,6.2vw,80px);font-weight:800;max-width:13ch;color:#fff}
.hero h1 em{font-style:normal;color:var(--lima)}
.hero p{font-size:clamp(17px,1.6vw,20px);max-width:52ch;margin:22px 0 32px;color:rgba(255,255,255,.9)}
.hero .acoes{display:flex;gap:12px;flex-wrap:wrap}
.selos{display:flex;gap:14px;align-items:center;margin-top:44px}
.selos span{font-family:var(--maquina);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-right:4px}
.selos img{height:54px;width:auto;background:#fff;border-radius:12px;padding:6px}

/* ---------- comunicado ---------- */
.aviso{background:var(--lima);padding:0}
.aviso .wrap{display:flex;gap:18px;align-items:center;padding-top:22px;padding-bottom:22px;flex-wrap:wrap}
.aviso-tag{font-family:var(--maquina);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:var(--v-noite);color:var(--lima);padding:6px 12px;border-radius:999px}
.aviso p{margin:0;font-size:18px;font-weight:600;color:var(--v-noite)}
.aviso strong{font-weight:800}

/* ---------- pilares ---------- */
.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:48px}
@media (max-width:980px){.pilares{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pilares{grid-template-columns:minmax(0,1fr)}.pilar{min-height:0}.pilar h3{margin-top:18px}}
.pilar{border-radius:var(--raio);padding:30px 26px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
.pilar:nth-child(1){background:var(--v-noite);color:#fff}
.pilar:nth-child(2){background:var(--v-5615);color:#fff}
.pilar:nth-child(3){background:var(--v-7489);color:var(--v-noite)}
.pilar:nth-child(4){background:var(--lima);color:var(--v-noite)}
.pilar .n{font-family:var(--maquina);font-weight:700;font-size:14px;opacity:.8}
.pilar h3{font-size:25px;font-weight:800;margin-top:40px}
.pilar p{margin:10px 0 0;font-size:15px;opacity:.9}

/* ---------- números ---------- */
.numeros{background:var(--branco);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:56px 0}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:760px){.nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
.num strong{display:block;font-size:clamp(36px,4.4vw,54px);font-weight:800;letter-spacing:-.03em;color:var(--v-5615);line-height:1}
.num span{display:block;margin-top:8px;color:var(--texto-2);font-size:15px}

/* ---------- cooperados ---------- */
.coop-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 24px 12px;margin:0 -24px;scrollbar-width:thin}
.card-coop{scroll-snap-align:start;background:var(--branco);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column}
.card-coop img{aspect-ratio:4/5;object-fit:cover;width:100%}
.card-coop .txt{padding:20px 20px 24px}
.card-coop h3{font-size:19px;font-weight:800;color:var(--v-noite)}
.card-coop .cidade{font-family:var(--maquina);font-size:13px;color:var(--v-2408);margin-top:2px}
.card-coop blockquote{margin:12px 0 0;font-size:15px;color:var(--texto-2);line-height:1.55}
.setas{display:flex;gap:8px}
.seta{width:48px;height:48px;border-radius:50%;border:0;background:var(--v-5615);color:#fff;font-size:20px;cursor:pointer}
.seta:hover{background:var(--v-noite)}

/* ---------- notícias ---------- */
.noticias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
@media (max-width:860px){.noticias{grid-template-columns:minmax(0,1fr)}}
.noticia{background:var(--branco);border-radius:var(--raio);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s}
.noticia:hover{transform:translateY(-3px)}
.noticia img{aspect-ratio:16/9;object-fit:cover;width:100%}
.noticia .txt{padding:24px 26px 28px}
.noticia time{font-family:var(--maquina);font-size:13px;color:var(--v-2408)}
.noticia h3{font-size:24px;font-weight:800;color:var(--v-noite);margin-top:6px}
.noticia p{margin:10px 0 0;color:var(--texto-2);font-size:16px}
.ler{display:inline-block;margin-top:14px;font-weight:700;color:var(--v-5615)}

/* ---------- vídeo ---------- */
.video-sec{background:var(--v-noite);color:#fff}
.video-sec h2{color:#fff}
.video-sec .sub{color:rgba(255,255,255,.8)}
.video-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
@media (max-width:900px){.video-grade{grid-template-columns:minmax(0,1fr)}}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--raio);overflow:hidden;background:#000}
.video button{all:unset;cursor:pointer;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:center/cover no-repeat}
.video button span{width:84px;height:84px;border-radius:50%;background:var(--lima);display:flex;align-items:center;justify-content:center;transition:transform .15s}
.video button:hover span{transform:scale(1.07)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- princípios ---------- */
.principios{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:44px}
@media (max-width:900px){.principios{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.principios{grid-template-columns:repeat(2,minmax(0,1fr))}}
.principios a{border-radius:14px;overflow:hidden;transition:transform .15s}
.principios a:hover{transform:scale(1.03)}

/* ---------- região ---------- */
.regiao{position:relative;color:#fff;overflow:hidden;padding:0}
.regiao .foto{position:absolute;inset:0;background:url("../img/sudoeste.jpg") center/cover no-repeat}
.regiao::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,59,39,.85),rgba(31,59,39,.2) 70%)}
.regiao .wrap{position:relative;z-index:2;padding-top:110px;padding-bottom:110px;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.regiao img.logo-sud{width:130px;height:auto}   /* logo branco: vai direto sobre a foto escura */
.regiao h2{color:#fff}
.regiao p{margin:12px 0 22px;color:rgba(255,255,255,.88);max-width:46ch}

/* ---------- cooperinfo ---------- */
.info{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:56px;align-items:center}
@media (max-width:860px){.info{grid-template-columns:minmax(0,1fr)}}
.info img{border-radius:var(--raio);box-shadow:0 30px 60px -30px rgba(31,59,39,.45)}

/* ---------- rodapé ---------- */
footer{background:var(--v-noite);color:rgba(255,255,255,.85);padding:72px 0 28px;font-size:15px}
.rod{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:36px}
@media (max-width:900px){.rod{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.rod{grid-template-columns:minmax(0,1fr)}}
.rod h4{font-family:var(--maquina);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lima);margin:0 0 14px;font-weight:700}
.rod a{text-decoration:none}
.rod a:hover{text-decoration:underline}
.rod p{margin:0 0 8px}
.rod .logo-rod{height:110px;width:auto;margin-bottom:16px}
.cert{display:flex;gap:10px;flex-wrap:wrap}
.cert img{height:52px;width:auto;background:#fff;border-radius:10px;padding:5px}
.base{border-top:1px solid rgba(255,255,255,.14);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.6)}
.confirmar{font-family:var(--maquina);font-size:11px;letter-spacing:.06em;color:var(--lima);box-shadow:inset 0 0 0 1px var(--lima);border-radius:6px;padding:1px 6px;margin-left:6px;white-space:nowrap}
.zap{position:fixed;right:18px;bottom:18px;z-index:40;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ================= páginas internas ================= */
.pag-topo{background:var(--v-noite);color:#fff;padding:72px 0 64px;position:relative;overflow:hidden}
.pag-topo::after{content:"";position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%23D4F99B' stroke-opacity='.12' stroke-width='1.4'%3E%3Cpath d='M-20 60 C120 10 220 120 360 70 S560 20 640 80'/%3E%3Cpath d='M-20 140 C130 95 230 200 370 150 S560 100 640 160'/%3E%3Cpath d='M-20 230 C150 185 250 290 390 240 S570 190 640 250'/%3E%3Cpath d='M-20 320 C170 275 270 380 410 330 S580 280 640 340'/%3E%3C/g%3E%3C/svg%3E")}
.pag-topo .wrap{position:relative;z-index:1}
.pag-topo .eyebrow{color:var(--lima)}
.pag-topo h1{font-size:clamp(36px,5vw,60px);font-weight:800;letter-spacing:-.02em;color:#fff;max-width:18ch}
.pag-topo p{color:rgba(255,255,255,.85);max-width:62ch;margin:18px 0 0;font-size:18px}
.migalha{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:18px}
.migalha a{color:rgba(255,255,255,.85)}
.prosa{max-width:760px}
.prosa p{margin:0 0 18px;color:var(--texto-2)}
.prosa h2{margin:48px 0 16px;font-size:clamp(26px,3vw,34px)}
.prosa h3{margin:32px 0 10px;font-size:21px;font-weight:800;color:var(--v-noite)}
.prosa ul,.prosa ol{color:var(--texto-2);padding-left:22px;margin:0 0 18px}
.prosa li{margin-bottom:8px}
.duas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
@media (max-width:860px){.duas{grid-template-columns:minmax(0,1fr)}}
.foto-raio{border-radius:var(--raio);width:100%;object-fit:cover}
.caixa{background:var(--branco);border-radius:var(--raio);padding:28px}
.caixa-lima{background:var(--lima);border-radius:var(--raio);padding:28px;color:var(--v-noite)}
.lista-coop{display:flex;flex-direction:column;gap:28px;margin-top:40px}
.coop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;background:var(--branco);border-radius:var(--raio);overflow:hidden}
.coop img{width:100%;height:340px;object-fit:cover;object-position:center 30%}
.coop .txt{padding:30px 30px 30px 0}
.coop h2{font-size:26px}
.coop .cidade{font-family:var(--maquina);color:var(--v-2408);font-size:14px;margin-top:4px}
.coop blockquote{margin:16px 0 0;color:var(--texto-2);font-size:16px;line-height:1.65}
.coop blockquote p{margin:0 0 12px}
@media (max-width:720px){.coop{grid-template-columns:minmax(0,1fr)}.coop img{aspect-ratio:4/3;min-height:0}.coop .txt{padding:0 22px 26px}}
.lista-princ{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
@media (max-width:760px){.lista-princ{grid-template-columns:minmax(0,1fr)}}
.princ{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:start;background:var(--branco);border-radius:var(--raio);padding:20px;scroll-margin-top:100px}
.princ img{border-radius:12px}
.princ h2{font-size:20px}
.princ p{margin:8px 0 0;color:var(--texto-2);font-size:15px}
.arquivo{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.arquivo details{background:var(--branco);border-radius:14px}
.arquivo summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--v-noite);list-style:none;display:flex;justify-content:space-between;gap:16px}
.arquivo summary::-webkit-details-marker{display:none}
.arquivo summary time{font-family:var(--maquina);font-weight:400;font-size:13px;color:var(--v-2408);white-space:nowrap}
.arquivo details[open] summary{border-bottom:1px solid var(--linha)}
.arquivo .corpo{padding:18px 22px 6px}
.arquivo .corpo p{margin:0 0 14px;color:var(--texto-2);font-size:16px}
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
@media (max-width:860px){.docs{grid-template-columns:minmax(0,1fr)}}
.doc{background:var(--branco);border-radius:var(--raio);padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.doc small{font-family:var(--maquina);color:var(--v-2408);font-size:13px}
.doc strong{font-size:19px;color:var(--v-noite)}
.doc span{color:var(--texto-2);font-size:15px}
.links-uteis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
@media (max-width:860px){.links-uteis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.links-uteis a{background:var(--branco);border-radius:var(--raio);padding:22px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-weight:700;color:var(--v-noite);font-size:15px}
.links-uteis img{height:64px;width:auto;object-fit:contain}
.form-zap{display:grid;gap:14px}
.form-zap label{font-weight:700;font-size:14px;color:var(--v-noite)}
.form-zap input,.form-zap select,.form-zap textarea{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--linha-campo,#C9D3C3);color:var(--texto)}
.form-zap textarea{min-height:120px;resize:vertical}
.form-zap input:focus,.form-zap select:focus,.form-zap textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--v-2269)}
.canais-c{display:grid;gap:14px}
.canal-c{display:flex;gap:16px;align-items:center;background:var(--branco);border-radius:var(--raio);padding:20px 22px;text-decoration:none}
.canal-c b{display:block;color:var(--v-noite);font-size:17px}
.canal-c small{color:var(--texto-2);font-size:14px}
.canal-c i{width:46px;height:46px;border-radius:50%;background:var(--lima);display:flex;align-items:center;justify-content:center;flex:none;font-style:normal;font-size:20px}
.ingles{background:var(--branco);border-radius:var(--raio);padding:30px;margin-top:40px}
.ingles h2{font-size:24px}
.ingles p{color:var(--texto-2);font-size:16px;margin:12px 0 0}

/* item "Portal do cooperado" só no menu aberto (no computador ele é o botão verde) */
.menu .so-celular{display:none}
@media (max-width:1180px){.menu .so-celular{display:block;color:var(--v-5615)}}

/* troca de idioma: atual = sólido; demais = só texto */
.topo .direita{display:flex;align-items:center;gap:14px}
.idiomas{display:flex;gap:2px;align-items:center}
.idiomas a{font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;color:var(--texto-2);padding:6px 9px;border-radius:999px}
.idiomas a:hover{color:var(--v-noite)}
.idiomas a[aria-current]{background:var(--v-5615);color:#fff}