*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fffdf0;color:rgb(26,18,20);overflow-x:hidden;cursor:none}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{display:block;max-width:100%}

/* ── Cursor ── */
#cur{width:10px;height:10px;background:#fbdc00;border-radius:50%;position:fixed;z-index:99999;pointer-events:none;mix-blend-mode:difference;left:0;top:0;transform:translate(-50%,-50%)}
#cur-ring{width:36px;height:36px;border:2px solid rgba(251,220,0,.6);border-radius:50%;position:fixed;z-index:99998;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%)}

/* ── Hero bg wipe ── */
#hero-wipe{position:absolute;inset:0;z-index:0;transform:scaleX(0);transform-origin:0% 50%;pointer-events:none;}

/* ── Flying product ── */
#fly-wrap{position:fixed;left:50%;top:50%;width:520px;transform:translate(-50%,-50%);z-index:9000;pointer-events:none;will-change:left,top,width;perspective:900px;}
#fly-inner{width:100%;transform-style:preserve-3d;will-change:transform;}
#fly-flip{width:100%;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#fly-wrap img{width:100%;height:620px;object-fit:contain;display:block;}
/* ── Canastra institucional ── */
#canastra{background:linear-gradient(135deg,#513629 0%,#3d2519 100%);padding:100px 196px;color:#fff;position:relative;overflow:hidden;}
#canastra::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(251,220,0,.09) 0%,transparent 60%);pointer-events:none;}
#canastra-grid{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;max-width:1200px;margin:auto;position:relative;z-index:1;}
#canastra h2{font-size:clamp(28px,3.8vw,52px);font-weight:800;line-height:1.1;margin-bottom:24px;color:#fbdc00;opacity:0;transform:translateY(24px);}
#canastra p{color:rgba(255,255,255,.75);font-size:16px;line-height:1.78;margin-bottom:16px;opacity:0;transform:translateY(16px);}
#canastra-seal{display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);}
#canastra-seal img{width:100%;max-width:360px;filter:drop-shadow(0 0 48px rgba(251,220,0,.35));}

/* ── WhatsApp button ── */
#wa-btn{position:fixed;right:28px;bottom:28px;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99000;box-shadow:0 4px 20px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s;text-decoration:none;}
#wa-btn:hover{transform:scale(1.12);box-shadow:0 6px 28px rgba(37,211,102,.6);}
#wa-btn svg{width:30px;height:30px;fill:#fff;}

/* ── Header ── */
#hdr{position:fixed;top:0;left:0;right:0;z-index:12000;padding:22px 0;transition:padding .35s ease,background .35s ease,box-shadow .35s ease}
#hdr.scrolled{padding:12px 0;background:rgba(255,253,240,.88);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 1px 0 rgba(251,220,0,.3), 0 4px 28px rgba(26,18,20,.07);}
#hdr.scrolled #nav{color:rgb(26,18,20)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;padding:0 196px;gap:20px}
.hdr-logo{position:relative;display:flex;align-items:center}
.logo-branca{height:72px;width:auto;object-fit:contain;transition:opacity .35s ease,height .35s ease;opacity:1}
.logo-original{height:48px;width:auto;object-fit:contain;transition:opacity .35s ease,height .35s ease;opacity:0;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#hdr.scrolled .logo-branca{opacity:0}
#hdr.scrolled .logo-original{opacity:1}
#nav{display:inline-flex;align-items:center;gap:32px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.95);transition:color .35s ease}
#nav a{transition:opacity .2s}
#nav a:hover{opacity:.65}

/* ── Hero ── */
#hero{position:relative;min-height:100dvh;padding:132px 196px 120px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:background-color .9s ease;}
#hero-bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(72px,17vw,260px);font-weight:800;color:rgba(255,255,255,.22);letter-spacing:-10px;white-space:nowrap;pointer-events:none;z-index:1;user-select:none;text-align:center;width:100%;line-height:1;transition:opacity .3s;}
#hero-bg span{display:inline-block;will-change:transform,opacity}
#stage{position:relative;aspect-ratio:16/11;min-height:min(78vw,580px);max-width:880px;margin:auto;z-index:2;}
.di{position:absolute;pointer-events:none;will-change:transform;z-index:3}
.di img{display:block;height:auto}
.di-1{top:12%;left:10%;opacity:0;transform:rotate(-38deg)}
.di-1 img{width:min(160px,11vw)}
.di-2{top:10%;right:10%;filter:blur(1px);opacity:0;transform:rotate(18deg)}
.di-2 img{width:min(216px,15vw)}
.di-3{bottom:12%;right:8%;filter:blur(3.5px);opacity:0;transform:rotate(58deg)}
.di-3 img{width:min(352px,25vw)}
.di-4{bottom:8%;left:8%;filter:blur(5px);opacity:0;transform:rotate(-145deg)}
.di-4 img{width:min(424px,30vw)}
.di-extra{opacity:0}
.di-5{top:38%;left:5%;transform:rotate(22deg)}
.di-5 img{width:min(160px,11vw)}
.di-6{top:22%;right:24%;filter:blur(.5px);transform:rotate(-55deg)}
.di-6 img{width:min(160px,11vw)}
.di-7{top:65%;left:28%;filter:blur(1px);transform:rotate(75deg)}
.di-7 img{width:min(160px,11vw)}
.di-8{top:45%;right:5%;filter:blur(.5px);transform:rotate(-28deg)}
.di-8 img{width:min(160px,11vw)}
#prev-btn,#next-btn{position:absolute;top:50%;z-index:8;width:56px;height:56px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;transform:translateY(-50%);transition:background .25s, transform .2s;backdrop-filter:blur(8px);}
#prev-btn{left:32px}
#next-btn{right:32px}
#prev-btn:hover,#next-btn:hover{background:rgba(255,255,255,.28);transform:translateY(-50%) scale(1.08)}
#dots{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:8;}
.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:background .3s, transform .3s;}
.dot.on{background:#fff;transform:scale(1.3)}
#hero-cta{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 22px));left:0;right:0;display:flex;justify-content:center;z-index:8;}
#hero-cta a{display:inline-flex;align-items:center;justify-content:center;padding:18px 48px;background:#fff;border-radius:1000px;font-size:16px;font-weight:800;letter-spacing:2px;color:#513629;transition:transform .2s, box-shadow .2s;}
#hero-cta a:hover{transform:scale(1.04);box-shadow:0 12px 32px rgba(0,0,0,.15)}

/* ── Brand strip ── */
#strip{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;column-gap:40px;row-gap:20px;padding:32px 196px;background:linear-gradient(135deg,#fff 0%,#fffef0 50%,#fffbd0 100%);position:relative;z-index:10;}
#strip::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(251,220,0,.5) 25%,rgba(251,220,0,.5) 75%,transparent 100%);}
#strip img{height:40px;width:auto;object-fit:contain}
#strip p{color:rgba(26,18,20,.62);font-size:16px;text-align:center;max-width:520px;line-height:1.6}
#strip strong{color:#8a6200;font-weight:700}

/* ── Brand section ── */
#brand{background:linear-gradient(165deg,#fff 0%,#fffef5 38%,#fffae8 72%,#fffdf5 100%);isolation:isolate;position:relative;overflow:hidden;padding:80px 196px 100px;}
#brand::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;z-index:2;background:linear-gradient(to right,transparent 0%,rgba(251,220,0,.4) 25%,rgba(251,220,0,.4) 75%,transparent 100%);}
#brand::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;z-index:2;background:linear-gradient(to right,transparent 0%,rgba(251,220,0,.25) 25%,rgba(251,220,0,.25) 75%,transparent 100%);}
.glow{position:absolute;z-index:0;pointer-events:none}
.g1{background:radial-gradient(80% 60% at 70% 20%,rgba(251,220,0,.12) 0%,rgba(255,220,80,.06) 40%,transparent 70%);inset:-20% -10% auto -10%;height:70%}
.g2{background:radial-gradient(circle,rgba(251,220,0,.32) 0%,rgba(255,200,60,.1) 55%,transparent 70%);filter:blur(48px);opacity:.55;width:384px;height:384px;top:8%;right:-8%;border-radius:50%}
.g3{background:radial-gradient(circle,rgba(255,200,60,.25) 0%,rgba(251,220,0,.08) 50%,transparent 68%);filter:blur(48px);opacity:.55;width:288px;height:288px;bottom:12%;left:-5%;border-radius:50%}
.g4{background:radial-gradient(circle,rgba(251,220,0,.18) 0%,transparent 65%);filter:blur(48px);opacity:.35;width:200px;height:200px;left:35%;top:42%;border-radius:50%}
#brand-grid{position:relative;z-index:1;max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr minmax(280px,1.05fr);align-items:center;gap:88px;}
.lbl{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:4px;color:#8a6200;margin-bottom:24px}
.lbl::before{content:'';width:7px;height:7px;border-radius:50%;background:#fbdc00;flex-shrink:0}
#brand-hl{overflow:hidden;margin-bottom:28px;font-size:clamp(32px,4.5vw,66px);font-weight:800;line-height:1.15}
#brand-hl span{display:inline-block;transform:translateY(105%)}
.brand-lead{color:rgba(26,18,20,.62);font-size:18px;max-width:480px;margin-bottom:40px;line-height:1.6;opacity:0;transform:translateY(24px)}
.brand-lead strong{color:#8a6200;font-weight:700}
#cards{display:flex;flex-direction:column;gap:14px}
.card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:20px;row-gap:14px;padding:20px 22px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:2px solid rgba(251,220,0,.28);border-radius:16px;align-items:start;opacity:0;transform:translateY(18px);}
.ci{grid-row:1/span 2;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#fbdc00 0%,#e8c600 100%);display:flex;align-items:center;justify-content:center;color:#513629;margin-top:2px;flex-shrink:0}
.ci svg{width:22px;height:22px}
.ct h3{font-size:16px;font-weight:700;margin-bottom:6px}
.cd{grid-column:2;font-size:14px;color:rgba(26,18,20,.62);line-height:1.5}
#brand-cta-wrap{margin-top:32px;opacity:0;transform:translateY(20px)}
#brand-cta-wrap button{padding:16px 28px;background:#fff;border:none;border-radius:100px;font-size:14px;font-weight:700;cursor:pointer;color:#513629;transition:transform .2s,box-shadow .2s;}
#brand-cta-wrap button:hover{transform:scale(1.04);box-shadow:0 8px 24px rgba(26,18,20,.1)}
#brand-vis{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(700px,85vw);}
#brand-slot{width:520px;height:620px;flex-shrink:0;opacity:0;}
.rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;}
.ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);border-style:solid;}
.ring:nth-child(1){width:300px;height:300px;border-width:1.5px;border-color:rgba(251,220,0,.32)}
.ring:nth-child(2){width:480px;height:480px;border-width:1px;border-color:rgba(251,220,0,.22)}
.ring:nth-child(3){width:660px;height:660px;border-width:1px;border-color:rgba(251,220,0,.14)}
.ring:nth-child(4){width:840px;height:840px;border-width:1px;border-color:rgba(251,220,0,.08)}

/* ── Produtos carousel ── */
#produtos{padding:120px 0 100px;background:linear-gradient(#fffdf0 0%,#fff 100%);overflow:hidden;position:relative;}
#produtos-header{padding:0 196px;margin-bottom:56px;}
#produtos-header .lbl{margin-bottom:16px}
#produtos-header h2{font-size:clamp(30px,4.5vw,60px);font-weight:800;line-height:1.1;margin-bottom:12px;overflow:hidden;}
#produtos-header h2 span{display:inline-block;transform:translateY(110%);}
#produtos-header p{color:rgba(26,18,20,.58);font-size:17px;opacity:0;transform:translateY(16px);}
#prod-stage{position:relative;height:460px;display:flex;align-items:center;justify-content:center;}
.prod-card{position:absolute;width:280px;border-radius:28px;cursor:pointer;will-change:transform;}
.prod-card-inner{width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 28px;position:relative;border-radius:28px;overflow:hidden;}
.prod-card-img{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;}
.prod-card-img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.22));}
.prod-card-name{display:block;font-size:18px;font-weight:800;color:#513629;text-align:center;padding:14px 16px 0;letter-spacing:.2px;}
#prod-arrows{display:flex;justify-content:center;gap:12px;margin-top:36px;padding:0 196px;}
#prod-arrows button{width:48px;height:48px;border-radius:50%;border:2px solid rgba(251,220,0,.4);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#513629;transition:background .2s,transform .2s,border-color .2s;}
#prod-arrows button:hover{background:#fbdc00;border-color:#fbdc00;transform:scale(1.08);}
#prod-arrows button svg{width:20px;height:20px;}

/* ── Mapa ── */
#mapa-section{background:#f5f2ec;padding:120px 196px;}
#mapa-section > .sec-head{text-align:center;margin-bottom:64px;}
#mapa-section > .sec-head h2{font-size:clamp(26px,4vw,52px);font-weight:800;color:#1a1214;letter-spacing:-1px;margin-bottom:12px;overflow:hidden;}
#mapa-section > .sec-head h2 span{display:inline-block;transform:translateY(110%);}
#mapa-section > .sec-head p{color:rgba(26,18,20,.5);font-size:16px;}
#mapa-grid{display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:start;max-width:1200px;margin:auto;}
#mapa-svg-wrap{opacity:0;transform:translateX(-30px);}
#mapa-svg-wrap svg{width:100%;height:auto;filter:drop-shadow(0 8px 32px rgba(26,18,20,.08));}
.estado{fill:#e6e1d9;stroke:rgba(245,242,236,.95);stroke-width:.7;transition:fill .25s,filter .25s;}
.estado.ativo{fill:#fbdc00;cursor:pointer;}
.estado.ativo:hover{fill:#ffe234;filter:drop-shadow(0 0 10px rgba(251,220,0,.45));}
.estado.selecionado{fill:#e08c00;stroke:rgba(245,242,236,.95);stroke-width:.7;}
.estado-label{font-size:6px;font-weight:400;fill:rgba(81,54,41,.18);pointer-events:none;text-anchor:middle;dominant-baseline:middle;font-family:-apple-system,sans-serif;}
.estado.ativo + .estado-label{fill:#3d2519;font-size:7px;font-weight:700;}
.estado.selecionado + .estado-label,.estado-label.sel{fill:#3d2519;font-size:7px;font-weight:700;}
#loja-painel{background:#fff;border-radius:24px;padding:36px;border:1px solid rgba(26,18,20,.07);box-shadow:0 8px 40px rgba(26,18,20,.07);position:sticky;top:100px;opacity:0;transform:translateX(30px);}
#loja-estado-nome{font-size:22px;font-weight:800;margin-bottom:10px;color:#1a1214;letter-spacing:-.3px;}
#loja-resumo{font-size:13px;font-weight:600;color:#a06a00;margin:-4px 0 12px;}
#loja-divider{height:2px;width:36px;background:#fbdc00;border-radius:2px;margin-bottom:24px;}
#loja-lista{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;}
.loja-item{padding:11px 0;font-size:14px;color:rgba(26,18,20,.65);border-bottom:1px solid rgba(26,18,20,.05);transition:color .2s;}
.loja-item:last-child{border-bottom:none;}
.loja-item:hover{color:#513629;}

/* ── Novidades ── */
#novidades{background:linear-gradient(rgb(255,252,220) 0%,rgb(255,254,240) 45%,#fff 100%);padding:120px 196px;}
#novidades-head{text-align:center;margin-bottom:60px;}
#novidades-head h2{font-size:clamp(28px,4.5vw,60px);font-weight:800;line-height:1.1;margin-bottom:12px;overflow:hidden;}
#novidades-head h2 span{display:inline-block;transform:translateY(110%);}
#novidades-head p{color:rgba(26,18,20,.58);font-size:16px;max-width:480px;margin:0 auto;line-height:1.6;opacity:0;transform:translateY(16px);}
#blog-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;}
.blog-card{background:#fff;border-radius:20px;overflow:hidden;border:1.5px solid rgba(251,220,0,.22);display:flex;flex-direction:column;opacity:0;transform:translateY(28px);transition:box-shadow .25s;}
.blog-card:first-child{grid-column:1/-1;flex-direction:row;}
.blog-card:first-child .blog-thumb{width:420px;min-width:420px;flex-shrink:0;}
.blog-card:hover{box-shadow:0 12px 40px rgba(26,18,20,.1);}
.blog-thumb{width:100%;overflow:hidden;}
.blog-thumb img{width:100%;object-fit:cover;display:block;aspect-ratio:16/10;transition:transform .4s;}
.blog-card:first-child .blog-thumb img{aspect-ratio:unset;height:100%;}
.blog-card:hover .blog-thumb img{transform:scale(1.04);}
.blog-thumb-placeholder{width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#fbdc00 0%,#e8a800 100%);display:flex;align-items:center;justify-content:center;font-size:52px;}
.blog-card:first-child .blog-thumb-placeholder{aspect-ratio:unset;height:100%;min-height:220px;}
.blog-thumb-acats{width:100%;height:100%;min-height:220px;background:linear-gradient(135deg,#080400 0%,#1c0c00 45%,#291100 70%,#080400 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.blog-thumb-acats::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(201,162,39,.25) 0%,transparent 65%);pointer-events:none;}
.acats-inner{text-align:center;position:relative;z-index:1;padding:24px;}
.acats-sup{color:rgba(201,162,39,.65);font-size:9px;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;}
.acats-badge{display:flex;align-items:baseline;justify-content:center;gap:6px;line-height:1;}
.acats-badge span:first-child{color:#c9a227;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.acats-badge strong{color:#fbdc00;font-size:42px;font-weight:900;letter-spacing:3px;text-transform:uppercase;}
.acats-badge span:last-child{color:#c9a227;font-size:28px;font-weight:800;}
.acats-rule{width:60px;height:2px;background:linear-gradient(90deg,transparent,#c9a227,transparent);margin:10px auto;}
.acats-sub{color:rgba(255,255,255,.35);font-size:9px;letter-spacing:4px;text-transform:uppercase;}
.acats-date-line{color:rgba(201,162,39,.55);font-size:10px;margin-top:12px;letter-spacing:1px;}
.blog-body{padding:24px;flex:1;display:flex;flex-direction:column;}
.blog-card:first-child .blog-body{padding:32px 36px;justify-content:center;}
.blog-tag{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:#8a6200;font-weight:700;margin-bottom:10px;}
.blog-body h3{font-size:17px;font-weight:800;line-height:1.3;margin-bottom:8px;}
.blog-card:first-child .blog-body h3{font-size:24px;line-height:1.2;}
.blog-body p{font-size:14px;color:rgba(26,18,20,.6);line-height:1.6;flex:1;}
.blog-card:first-child .blog-body p{font-size:15px;}
.blog-date{font-size:12px;color:rgba(26,18,20,.35);margin-top:14px;}

/* ── Numbers ── */
#nums{background:rgb(255,252,225);border-top:2px solid rgba(251,220,0,.22);padding:120px 196px 130px;overflow:hidden;position:relative}
#nums-lbl{margin-bottom:60px}
#nums-hl{overflow:hidden;margin-bottom:80px;font-size:clamp(32px,6.5vw,88px);font-weight:800;line-height:1}
#nums-hl span{display:inline-block;transform:translateY(110%)}
#nums-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding-right:48px}
.stat+.stat{border-left:2px solid rgba(251,220,0,.35);padding-left:48px;padding-right:48px}
.stat:last-child{padding-right:0}
.sn{display:flex;align-items:baseline;font-size:clamp(56px,7.5vw,110px);font-weight:800;color:#a98449;line-height:1;opacity:0;transform:translateY(30px)}
.sn .sf{font-size:clamp(22px,3.2vw,42px);color:rgb(26,18,20)}
.sn.dk{color:rgb(26,18,20)}
.sn.dk .sf{color:#fbdc00}
.sl{margin-top:16px;font-size:14px;color:rgba(26,18,20,.62);max-width:160px;line-height:1.5;opacity:0;transform:translateY(16px)}
.sl strong{display:block;font-size:12px;font-weight:600;color:#8a6200;text-transform:uppercase;margin-bottom:6px}

/* ── Contato ── */
#contato{background:linear-gradient(135deg,#513629 0%,#3d2519 100%);padding:120px 196px;color:#fff;position:relative;overflow:hidden;}
#contato::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(251,220,0,.08) 0%,transparent 60%);pointer-events:none;}
#contato-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1200px;margin:auto;position:relative;z-index:1;}
#contato-info h2{font-size:clamp(30px,4vw,52px);font-weight:800;margin-bottom:12px;color:#fbdc00;overflow:hidden;}
#contato-info h2 span{display:inline-block;transform:translateY(110%);}
#contato-info > p{color:rgba(255,255,255,.62);font-size:17px;line-height:1.7;margin-bottom:44px;opacity:0;transform:translateY(16px);}
.contato-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;opacity:0;transform:translateY(12px);}
.contato-icon{width:44px;height:44px;border-radius:12px;background:rgba(251,220,0,.12);border:1.5px solid rgba(251,220,0,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fbdc00;}
.contato-icon svg{width:20px;height:20px;}
.contato-label{font-size:10px;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.42);margin-bottom:4px;}
.contato-val{color:rgba(255,255,255,.88);font-size:15px;line-height:1.5;}
#contato-form{display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateX(30px);}
#contato-form h3{font-size:22px;font-weight:800;color:#fbdc00;margin-bottom:4px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.48);}
.form-field input,.form-field textarea{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;color:#fff;font-size:15px;outline:none;transition:border-color .25s;font-family:inherit;resize:vertical;}
.form-field input:focus,.form-field textarea:focus{border-color:rgba(251,220,0,.45);}
.form-field input::placeholder,.form-field textarea::placeholder{color:rgba(255,255,255,.28);}
#form-submit{padding:16px 32px;background:#fbdc00;border:none;border-radius:100px;font-size:15px;font-weight:800;color:#513629;cursor:pointer;transition:transform .2s,box-shadow .2s;align-self:flex-start;letter-spacing:1px;}
#form-submit:hover{transform:scale(1.04);box-shadow:0 8px 28px rgba(251,220,0,.4);}

/* ── Footer ── */
footer{background:linear-gradient(#fff 0%,rgb(255,252,220) 100%);border-top:2px solid rgba(251,220,0,.22);padding:64px 196px 36px}
#ft{display:grid;grid-template-columns:1fr repeat(3,auto);gap:80px;padding-bottom:56px;border-bottom:2px solid rgba(251,220,0,.18);margin-bottom:24px}
.fl img{height:40px;width:auto;object-fit:contain;margin-bottom:14px}
.fl p{font-size:14px;color:rgba(26,18,20,.62);max-width:280px;line-height:1.5}
.fct{font-size:10px;text-transform:uppercase;letter-spacing:4px;color:#8a6200;margin-bottom:20px}
.fcl{display:flex;flex-direction:column;gap:12px;font-size:14px;color:rgba(26,18,20,.62)}
#fb{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(26,18,20,.45)}
.fbl{display:flex;gap:24px}

/* ── Ingredientes Interativos ── */
#ing-section{background:#f5f2ec;padding:100px 196px;}
#ing-grid{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:center;max-width:1200px;margin:auto;}
#ing-img-wrap{position:relative;border-radius:28px;overflow:visible;flex-shrink:0;}
#ing-img{width:100%;display:block;border-radius:28px;box-shadow:0 24px 64px rgba(26,18,20,.14);}
.ing-dot{position:absolute;width:16px;height:16px;background:#fbdc00;border:none;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);padding:0;z-index:10;transition:transform .2s,box-shadow .2s;}
.ing-dot::before{content:'';position:absolute;inset:0;border-radius:50%;background:#fbdc00;animation:ingPulse 2.2s ease-out infinite;}
.ing-dot::after{content:'';position:absolute;inset:-5px;border-radius:50%;background:rgba(251,220,0,.25);animation:ingPulse 2.2s ease-out infinite .4s;}
.ing-dot:hover{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 0 8px rgba(251,220,0,.2);}
@keyframes ingPulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(2.4);opacity:0}100%{opacity:0}}
#ing-tooltip{position:absolute;background:#3d2519;border-radius:16px;padding:18px 20px 18px 20px;width:220px;pointer-events:none;opacity:0;transition:opacity .22s,transform .22s;transform:scale(.93) translateY(6px);z-index:50;box-shadow:0 12px 40px rgba(26,18,20,.3);}
#ing-tooltip.vis{opacity:1;pointer-events:auto;transform:scale(1) translateY(0);}
#ing-tooltip-close{position:absolute;top:8px;right:12px;background:none;border:none;color:rgba(255,255,255,.45);font-size:17px;cursor:pointer;line-height:1;padding:2px 4px;}
#ing-tooltip-close:hover{color:#fbdc00;}
#ing-tooltip-name{color:#fbdc00;font-size:13px;font-weight:800;margin-bottom:6px;letter-spacing:.3px;padding-right:20px;}
#ing-tooltip-desc{color:rgba(255,255,255,.78);font-size:12px;line-height:1.65;}
#ing-right{display:flex;flex-direction:column;gap:18px;}
#ing-right .lbl{margin-bottom:0;}
#ing-right h2{font-size:clamp(28px,3.5vw,48px);font-weight:800;line-height:1.1;color:#1a1214;opacity:0;transform:translateY(24px);}
#ing-right p{font-size:15px;color:rgba(26,18,20,.6);line-height:1.75;opacity:0;transform:translateY(16px);}
#ing-right p strong{color:#513629;}
#ing-hint{display:flex;align-items:center;gap:10px;margin-top:8px;opacity:0;transform:translateY(12px);}
#ing-hint-dot{width:12px;height:12px;background:#fbdc00;border-radius:50%;flex-shrink:0;animation:ingPulse 2.2s ease-out infinite;}
#ing-hint span{font-size:13px;color:rgba(26,18,20,.5);font-style:italic;}

/* ── Valores Strip ── */
#valores-strip{background:#f5f2ec;padding:72px 196px;}
#vs-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:auto;}
.vs-item{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:0 48px;border-right:1px solid rgba(81,54,41,.12);}
.vs-item:first-child{padding-left:0;}
.vs-item:last-child{border-right:none;padding-right:0;}
.vs-icon-wrap{width:56px;height:56px;background:rgba(251,220,0,.18);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.vs-icon-wrap svg{width:28px;height:28px;stroke:#8a6200;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.vs-title{font-size:15px;font-weight:800;color:#1a1214;letter-spacing:-.1px;margin-bottom:6px;}
.vs-desc{font-size:13px;color:rgba(26,18,20,.5);line-height:1.65;}

/* ── Parceiros ── */
#parceiros-wrap{background:#f5f2ec;padding:80px 60px;}
#parceiros{background:linear-gradient(140deg,#1f0d0d 0%,#2c1510 55%,#18100e 100%);border-radius:40px;overflow:hidden;position:relative;}
#parceiros::after{content:'';position:absolute;top:-100px;right:-40px;width:480px;height:480px;background:radial-gradient(circle,rgba(251,220,0,.07) 0%,transparent 65%);pointer-events:none;}
#parceiros-inner{display:grid;grid-template-columns:360px 1fr;min-height:340px;position:relative;z-index:1;}
#parceiros-left{padding:64px 56px 64px 64px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,.07);}
#parceiros-left .lbl{color:rgba(251,220,0,.55);}
#parceiros-left h2{font-size:clamp(24px,2.2vw,34px);font-weight:800;color:#fff;line-height:1.15;margin:10px 0 0;}
#parceiros-stats{display:flex;gap:28px;padding-top:32px;}
.ps-item{display:flex;flex-direction:column;}
.ps-num{font-size:36px;font-weight:900;color:#fbdc00;line-height:1;letter-spacing:-1px;}
.ps-label{font-size:10px;color:rgba(255,255,255,.35);margin-top:5px;letter-spacing:.6px;text-transform:uppercase;}
/* Marquee */
#logos-marquee-section{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:40px 0;position:relative;overflow:hidden;}
#logos-marquee-section::before,#logos-marquee-section::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}
#logos-marquee-section::before{left:0;background:linear-gradient(to right,#1f0d0d,transparent);}
#logos-marquee-section::after{right:0;background:linear-gradient(to left,#18100e,transparent);}
.logos-row{overflow:visible;}
.logos-track{display:flex;align-items:center;gap:64px;width:max-content;padding-right:64px;}
.logos-track--l{animation:tkLeft 70s linear infinite;}
.logos-track--r{animation:tkRight 60s linear infinite;}
@keyframes tkLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes tkRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.logo-pill{display:flex;align-items:center;justify-content:center;height:72px;flex-shrink:0;}
.logo-pill img{height:44px;width:auto;max-width:170px;object-fit:contain;opacity:.8;transition:opacity .3s;}
.logo-pill:hover img{opacity:1;}

/* ── Filtros de Produto ── */
#prod-filter-tabs{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 196px;margin-bottom:44px;flex-wrap:wrap;}
.pft{padding:11px 26px;border-radius:100px;border:2px solid rgba(251,220,0,.45);background:#fff;font-size:13px;font-weight:700;cursor:pointer;color:#513629;letter-spacing:.5px;transition:background .2s,border-color .2s,color .2s;}
.pft:hover{border-color:#FFCD00;background:#fffbe8;}
.pft.on{background:#FFCD00;border-color:#FFCD00;color:#3d2519;}
.pft-sm{border-color:rgba(81,54,41,.3);}
.pft-sm:hover{border-color:#3d2519;background:rgba(81,54,41,.06);}
.pft-sm.on{background:#3d2519;border-color:#3d2519;color:#fff;}
#prod-filter-tabs{margin-bottom:14px;}
#prod-size-tabs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 16px;margin-bottom:40px;}
.pst{padding:7px 16px;border-radius:100px;border:1px solid rgba(81,54,41,.18);background:transparent;font-size:12px;font-weight:700;color:rgba(81,54,41,.7);cursor:pointer;letter-spacing:.3px;transition:background .2s,color .2s,border-color .2s;}
.pst:hover{border-color:#513629;color:#513629;}
.pst.on{background:#513629;border-color:#513629;color:#fff;}
.prod-card-inner.is-photo .prod-card-img{padding:0;}
.prod-card-inner.is-photo .prod-card-img img{object-fit:cover;filter:none;}
/* ── Gramatura pills ── */
.prod-gram-pills{display:flex;gap:6px;justify-content:center;margin-top:8px;flex-wrap:wrap;}
.pgp{padding:4px 13px;border-radius:100px;border:1.5px solid rgba(81,54,41,.22);background:#fff;font-size:11px;font-weight:700;cursor:pointer;color:#513629;transition:background .18s,border-color .18s,color .18s;}
.pgp:hover{border-color:#513629;}
.pgp.on{background:#513629;color:#fff;border-color:#513629;}
/* ── Serra Mineira badge ── */
.prod-linha-badge{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.48);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:5px 13px;border-radius:100px;z-index:10;font-weight:700;white-space:nowrap;}

/* ── Responsive ── */
@media(max-width:1200px){#mapa-grid{grid-template-columns:1fr;}.#loja-painel{position:static;}}
@media(max-width:1024px){.hdr-in{padding:0 48px}}
@media(max-width:960px){#brand-grid{grid-template-columns:1fr}#brand-vis{min-height:380px}#contato-grid{grid-template-columns:1fr}#blog-grid{grid-template-columns:1fr}.blog-card:first-child{flex-direction:column}.blog-card:first-child .blog-thumb{width:100%;min-width:unset}.blog-thumb-acats{min-height:200px}#ing-section{padding:60px 24px}#ing-grid{grid-template-columns:1fr;gap:40px}#ing-right h2,#ing-right p,#ing-hint{opacity:1;transform:none}#valores-strip{padding:48px 24px}#vs-grid{grid-template-columns:1fr 1fr;gap:32px}.vs-item{border-right:none;padding:0}#parceiros-wrap{padding:40px 20px}#parceiros{border-radius:24px}#parceiros-inner{grid-template-columns:1fr}#parceiros-left{padding:48px 32px 36px;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}#logos-marquee-section::before,#logos-marquee-section::after{width:60px}}
@media(max-width:768px){
  #hero,#brand,#strip,#produtos-header,#mapa-section,#novidades,#nums,#contato,footer{padding-left:24px;padding-right:24px}
  .hdr-in{padding:0 24px}
  #nums-grid{grid-template-columns:1fr 1fr;gap:32px 0}
  .stat+.stat{border-left:none;padding-left:0}
  #ft{grid-template-columns:1fr 1fr;row-gap:40px}
  #fly-wrap{width:320px !important}
  #mapa-grid{grid-template-columns:1fr}
}
@media(max-width:480px){#nums-grid{grid-template-columns:1fr}#blog-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .sn,.sl,.brand-lead{opacity:1!important;transform:none!important}
  #brand-hl span,#nums-hl span{transform:none!important}
  #fly-wrap{display:none}
  .blog-card{opacity:1!important;transform:none!important}
  .contato-item,#contato-form{opacity:1!important;transform:none!important}
}

/* ══ Produtos por canal ══ */
#canal-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1048px;margin:0 auto 28px;padding:0 24px;}
.canal-btn{display:flex;align-items:center;gap:16px;text-align:left;padding:18px 22px;border-radius:20px;border:2px solid rgba(81,54,41,.12);background:#fff;cursor:pointer;color:#513629;font:inherit;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;}
.canal-btn:hover{border-color:rgba(81,54,41,.35);transform:translateY(-2px);}
.canal-btn.on{background:#3d2519;border-color:#3d2519;color:#fff;box-shadow:0 18px 40px -18px rgba(61,37,25,.6);}
.canal-ico{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,205,0,.22);color:#8a5a00;transition:background .25s,color .25s;}
.canal-btn.on .canal-ico{background:#FFCD00;color:#3d2519;}
.canal-ico svg{width:26px;height:26px;}
.canal-txt{display:flex;flex-direction:column;gap:3px;}
.canal-txt strong{font-size:18px;font-weight:800;letter-spacing:-.2px;}
.canal-txt small{font-size:13px;opacity:.7;}

#canal-hero{display:grid;grid-template-columns:1.05fr .95fr;max-width:1000px;margin:0 auto 40px;border-radius:32px;overflow:hidden;background:#FFCD00;color:#3d2519;min-height:420px;transition:background .5s;}
#canal-hero[data-canal="negocio"]{background:#3d2519;color:#fff;}
.ch-text{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;}
.ch-kicker{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;opacity:.65;margin-bottom:14px;}
.ch-title{font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.05;letter-spacing:-1px;margin-bottom:16px;}
.ch-desc{font-size:16px;line-height:1.55;opacity:.8;margin-bottom:22px;max-width:420px;}
.ch-facts{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:28px;}
.ch-facts li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;}
.ch-facts li::before{content:'';width:18px;height:18px;border-radius:50%;flex-shrink:0;background:#3d2519 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%23FFCD00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;}
#canal-hero[data-canal="negocio"] .ch-facts li::before{background-color:#FFCD00;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='%233d2519' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.ch-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;background:#3d2519;color:#fff;font-weight:800;font-size:14px;text-decoration:none;transition:transform .2s,box-shadow .2s;}
.ch-cta::after{content:'→';transition:transform .2s;}
.ch-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(0,0,0,.45);}
.ch-cta:hover::after{transform:translateX(4px);}
#canal-hero[data-canal="negocio"] .ch-cta{background:#FFCD00;color:#3d2519;}
.ch-photo{position:relative;overflow:hidden;min-height:320px;}
.ch-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

#prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(228px,1fr));gap:18px;max-width:1000px;margin:0 auto;padding:0 0 10px;}
.pc{background:#fff;border-radius:26px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(81,54,41,.06),0 10px 30px -20px rgba(61,37,25,.35);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;}
.pc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(61,37,25,.5);}
.pc-visual{position:relative;aspect-ratio:4/4.4;background:var(--bg);overflow:hidden;display:grid;place-items:center;}
.pc-food{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .45s,transform .6s;}
.pc:hover .pc-food{opacity:1;transform:scale(1);}
.pc-pack{position:relative;width:74%;height:86%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25));transition:transform .45s cubic-bezier(.2,.8,.2,1);}
.pc:hover .pc-pack{transform:translateY(-8px) rotate(-4deg) scale(1.04);}
.pc.is-photo .pc-pack{width:100%;height:100%;object-fit:cover;filter:none;}
.pc.is-photo:hover .pc-pack{transform:scale(1.04);}
.pc-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
.pc-body h4{font-size:19px;font-weight:900;color:#1a1214;letter-spacing:-.3px;}
.pc-rende{font-size:13px;color:rgba(26,18,20,.6);}
.pc-rende strong{color:#1a1214;}
.pc-sizes{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 4px;}
.pc-size{padding:6px 12px;border-radius:100px;border:1.5px solid rgba(81,54,41,.18);background:transparent;font:inherit;font-size:12px;font-weight:800;color:#513629;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
span.pc-size{cursor:default;}
.pc-size.on{background:#3d2519;border-color:#3d2519;color:#fff;}
.pc-act{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(81,54,41,.08);font-size:13px;font-weight:800;color:#8a5a00;text-decoration:none;}
.pc-act span{transition:transform .2s;}
.pc-act:hover span{transform:translateX(4px);}

@media(max-width:960px){
  #canal-hero{grid-template-columns:1fr;margin:0 16px 32px;}
  .ch-photo{min-height:260px;order:-1;}
  .ch-text{padding:32px 24px 36px;}
  #prod-grid{padding:0 16px;grid-template-columns:repeat(2,1fr);gap:12px;}
}
@media(max-width:600px){
  #canal-switch{grid-template-columns:1fr;padding:0 16px;}
  .canal-btn{padding:14px 16px;}
  .pc-body{padding:14px 14px 16px;}
  .pc-body h4{font-size:16px;}
}

/* ══ Onde encontrar: localizador ══ */
#mapa-section{padding:120px 40px;}
#loc{display:grid;grid-template-columns:380px 1fr;height:680px;max-width:1240px;margin:0 auto;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px -40px rgba(61,37,25,.45);}
#loc-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid rgba(81,54,41,.08);}
#loc-side-head{padding:26px 24px 16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid rgba(81,54,41,.06);}
#loc-titulo{font-size:22px;font-weight:900;color:#1a1214;letter-spacing:-.4px;}
#loc-busca{display:flex;align-items:center;gap:10px;background:#f6f3ee;border-radius:14px;padding:0 14px;color:#a06a00;}
#loc-busca svg{width:18px;height:18px;flex-shrink:0;}
#loc-q{flex:1;border:0;background:transparent;padding:13px 0;font:inherit;font-size:15px;outline:none;color:#1a1214;}
#loc-geo{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;border:1.5px solid rgba(81,54,41,.15);background:#fff;font:inherit;font-size:13px;font-weight:800;color:#513629;cursor:pointer;transition:background .2s,border-color .2s;}
#loc-geo:hover{background:#FFCD00;border-color:#FFCD00;}
#loc-geo svg{width:17px;height:17px;}
#loc-geo.busy{opacity:.6;pointer-events:none;}
#loc-lista{flex:1;overflow-y:auto;padding:14px 16px 20px;display:flex;flex-direction:column;gap:10px;}
.loc-card{position:relative;text-align:left;padding:15px 16px;border-radius:16px;border:1.5px solid rgba(81,54,41,.08);background:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .2s,box-shadow .2s,transform .2s;}
.loc-card:hover{border-color:rgba(81,54,41,.25);transform:translateY(-1px);}
.loc-card.on{border-color:#FFCD00;box-shadow:0 0 0 3px rgba(255,205,0,.3);}
.loc-card strong{font-size:15px;font-weight:900;color:#1a1214;text-transform:uppercase;letter-spacing:.3px;padding-right:56px;}
.loc-onde{font-size:13px;font-weight:700;color:#7a6a5f;}
.loc-dist{position:absolute;top:15px;right:16px;font-size:12px;font-weight:800;color:#a06a00;}
.loc-prods{display:flex;align-items:flex-end;gap:5px;margin-top:9px;flex-wrap:wrap;}
.loc-prods img{height:30px;width:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));}
.loc-prods span{font-size:11px;font-weight:800;color:#7a6a5f;}
.loc-vazio{padding:30px 10px;text-align:center;color:#7a6a5f;font-size:14px;line-height:1.6;}
#loc-map-wrap{position:relative;min-height:0;}
#loc-map{position:absolute;inset:0;background:#efe9df;}
#loc-chips{position:absolute;top:16px;left:16px;right:16px;z-index:500;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;}
#loc-chips::-webkit-scrollbar{display:none;}
.loc-chip{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:8px 15px;border-radius:100px;border:1.5px solid transparent;background:#fff;font:inherit;font-size:13px;font-weight:800;color:#3d2519;cursor:pointer;box-shadow:0 4px 14px -6px rgba(0,0,0,.3);transition:background .2s,border-color .2s;}
.loc-chip img{height:22px;width:auto;}
.loc-chip:hover{border-color:#FFCD00;}
.loc-chip.on{background:#FFCD00;border-color:#e0b400;}
.loc-pin span{display:block;width:30px;height:30px;background:#3d2519;border:3px solid #FFCD00;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 12px -4px rgba(0,0,0,.45);}
.loc-pin span::after{content:'';position:absolute;inset:7px;border-radius:50%;background:#FFCD00;}
.loc-cluster{display:grid;place-items:center;background:rgba(255,205,0,.35);border-radius:50%;}
.loc-cluster span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#3d2519;color:#FFCD00;font-weight:900;font-size:13px;border:2px solid #FFCD00;}
.loc-pop{display:flex;flex-direction:column;gap:3px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.loc-pop strong{font-size:15px;font-weight:900;text-transform:uppercase;color:#1a1214;}
.loc-pop span{font-size:13px;font-weight:700;color:#7a6a5f;}
.loc-pop em{font-style:normal;font-size:12px;color:#7a6a5f;}
.loc-pop a{margin-top:8px;font-weight:800;color:#a06a00;text-decoration:none;font-size:13px;}
#loc .leaflet-popup-content-wrapper{border-radius:16px;}
#loc .leaflet-control-zoom a{border-radius:10px;}
@media(max-width:960px){
  #mapa-section{padding:80px 16px;}
  #loc{grid-template-columns:1fr;grid-template-rows:440px auto;height:auto;}
  #loc-map-wrap{order:-1;}
  #loc-side{border-right:0;}
  #loc-lista{max-height:460px;}
}

/* ══ Menu mobile ══ */
#nav-btn{display:none;}
@media(max-width:860px){
  #nav-btn{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.18);cursor:pointer;padding:0 11px;position:relative;z-index:2;}
  #hdr.scrolled #nav-btn,body.nav-open #nav-btn{background:#3d2519;}
  #nav-btn span{display:block;height:2.5px;border-radius:2px;background:#fff;transition:transform .3s;}
  body.nav-open #nav-btn span:first-child{transform:translateY(4.25px) rotate(45deg);}
  body.nav-open #nav-btn span:last-child{transform:translateY(-4.25px) rotate(-45deg);}
  #nav{position:fixed;inset:0;flex-direction:column;justify-content:center;gap:26px;background:#FFCD00;color:#3d2519 !important;font-size:22px;font-weight:900;letter-spacing:1px;opacity:0;pointer-events:none;transition:opacity .3s;}
  body.nav-open #nav{opacity:1;pointer-events:auto;}
}
.loc-tiles{filter:grayscale(.85) sepia(.18) brightness(1.04) contrast(.92);}
#marca-tabs{display:flex;justify-content:center;gap:6px;margin:-8px auto 26px;flex-wrap:wrap;padding:0 16px;}
#marca-tabs[hidden]{display:none;}
.marca-tab{padding:9px 20px;border-radius:100px;border:1.5px solid rgba(81,54,41,.18);background:transparent;font:inherit;font-size:13px;font-weight:800;color:#513629;cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.marca-tab:hover{border-color:#513629;}
.marca-tab.on{background:#513629;border-color:#513629;color:#fff;}
/* grupo aberto em leque: esconde o círculo que sobra no meio e marca o centro */
#loc .leaflet-marker-icon.loc-cluster[style*="opacity: 0.3"]{opacity:1 !important;background:transparent;}
#loc .leaflet-marker-icon.loc-cluster[style*="opacity: 0.3"] span{width:10px;height:10px;font-size:0;border-width:2px;margin:auto;}
.socs{display:flex;gap:10px;margin-top:20px;}
.soc{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#513629;background:rgba(81,54,41,.07);transition:background .25s,color .25s,transform .25s;}
.soc[hidden]{display:none;}
.soc svg{width:19px;height:19px;}
.soc:hover{background:#3d2519;color:#FFCD00;transform:translateY(-2px);}

/* ══ Blog: 3 matérias iguais ══ */
#blog-grid .post{text-decoration:none;color:inherit;}
#blog-grid .post:first-child{grid-column:auto;flex-direction:column;}
#blog-grid .post:first-child .blog-thumb{width:100%;min-width:0;}
#blog-grid .post:first-child .blog-thumb img{aspect-ratio:16/10;height:auto;}
#blog-grid .post:first-child .blog-body{padding:24px;justify-content:flex-start;}
#blog-grid .post:first-child .blog-body h3{font-size:17px;line-height:1.3;}
#blog-grid .post:first-child .blog-body p{font-size:14px;}
.post-ler{margin-top:16px;padding-top:14px;border-top:1px solid rgba(81,54,41,.08);font-size:13px;font-weight:800;color:#8a5a00;display:flex;justify-content:space-between;}
.post-ler span{transition:transform .2s;}
.post:hover .post-ler span{transform:translateX(4px);}
/* hover com foto de comida: a embalagem sai e a foto ocupa o card */
.pc.has-food .pc-pack{transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);}
.pc.has-food:hover .pc-pack{opacity:0;transform:scale(.9);}
.pc.has-food .pc-food{transform:scale(1.12);}
.pc.has-food:hover .pc-food{opacity:1;transform:scale(1);}
#form-status{margin-top:12px;font-size:14px;min-height:20px;}
#form-status.ok{color:#FFCD00;font-weight:700;}
#form-status.erro{color:#ffb4a2;}
#form-status a{color:#FFCD00;font-weight:800;}
#form-submit:disabled{opacity:.7;cursor:default;}

/* ══ Selo "Lançamento" do slide Protein+ ══ */
#hero-badge{position:absolute;z-index:9100;left:calc(50% + 240px);top:max(100px,calc(50% - 300px));width:172px;height:172px;opacity:0;transform:scale(.85);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
#hero-badge.on{opacity:1;transform:scale(1);}
#hero-badge .hb-ring{position:absolute;inset:0;width:100%;height:100%;animation:hbGira 28s linear infinite;}
#hero-badge text{font:700 15px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:4px;fill:rgba(255,205,0,.85);}
#hero-badge .hb-core{position:absolute;inset:34px;border-radius:50%;border:1px solid rgba(255,205,0,.55);background:rgba(12,11,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;font:700 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:3.5px;text-transform:uppercase;padding-left:3px;}
@keyframes hbGira{to{transform:rotate(360deg)}}
@media(max-width:860px){#hero-badge{width:122px;height:122px;left:auto;right:12px;top:110px;}}
@media(prefers-reduced-motion:reduce){#hero-badge .hb-ring{animation:none}}
.pc{position:relative;}
.pc:has(.pc-novo){overflow:visible;}
.pc:has(.pc-novo) .pc-visual{border-radius:26px 26px 0 0;}
.pc-novo{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:5;white-space:nowrap;padding:7px 16px;border-radius:100px;background:#0c0b0a;border:1px solid rgba(255,205,0,.7);color:#FFCD00;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;box-shadow:0 6px 18px -6px rgba(0,0,0,.45);}

/* ══ SEO: H1 acessível, FAQ e links ══ */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.ver-mais{text-align:center;margin-top:28px;font-size:14px;font-weight:800;}
.ver-mais a{color:#8a5a00;text-decoration:none;}
.ver-mais a:hover{text-decoration:underline;}
#faq{padding:100px 24px;background:#fffdf0;}
#faq .sec-head{text-align:center;margin-bottom:40px;}
#faq .sec-head h2{font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:-1px;color:#1a1214;}
#faq .sec-head p{color:rgba(26,18,20,.55);margin-top:8px;}
.faq-lista{max-width:820px;margin:0 auto;}
.faq-lista details{background:#fff;border:1.5px solid rgba(251,220,0,.35);border-radius:18px;margin-bottom:10px;padding:0 22px;}
.faq-lista summary{cursor:pointer;list-style:none;font-weight:800;font-size:16px;padding:18px 30px 18px 0;position:relative;color:#1a1214;}
.faq-lista summary::-webkit-details-marker{display:none;}
.faq-lista summary::after{content:'+';position:absolute;right:0;top:13px;font-size:24px;color:#8a5a00;transition:transform .2s;}
.faq-lista details[open] summary::after{transform:rotate(45deg);}
.faq-lista details p{padding:0 0 18px;color:rgba(26,18,20,.65);line-height:1.6;}
/* pontinhos do slider: área de toque maior, visual igual */
.dot{position:relative;}
.dot::before{content:'';position:absolute;inset:-9px;}
#dots{gap:14px;}
/* cards do blog: imagem sempre 16:10, mesmo com width/height no HTML */
#blog-grid .blog-thumb img,#blog-grid .post:first-child .blog-thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;}
#blog-grid .post .blog-body{justify-content:flex-start;}
/* imagens dos cards de produto: proporção do card, mesmo com width/height no HTML */
.pc-pack,.pc-food{height:auto;}
.pc-visual .pc-food{height:100%;}
.pc.is-photo .pc-pack{height:100%;}

/* ═════════════ CELULAR (revisão completa) ═════════════ */
html,body{max-width:100%;overflow-x:hidden;}
@supports (overflow:clip){html,body{overflow-x:clip;}}
#brand-pack-mobile{display:none;}
@media (hover:none),(pointer:coarse){#cur,#cur-ring{display:none!important}body{cursor:auto}}
@media(max-width:860px){
  /* cabeçalho */
  .hdr-in{padding:0 16px!important;width:100%;box-sizing:border-box;}
  .logo-branca{height:52px}
  .logo-original{height:40px}
  /* topo: pacote parado e menor, sem setas */
  #hero{min-height:100svh;padding:96px 16px 110px;}
  #fly-wrap{position:absolute!important;left:50%!important;top:calc(50svh + 10px)!important;width:min(62vw,280px)!important;transform:translate(-50%,-50%)!important;z-index:5!important;}
  #fly-wrap img{height:auto;max-height:52svh;}
  #prev-btn,#next-btn{display:none;}
  #dots{bottom:96px;}
  .di-1 img{width:16vw}.di-2 img{width:20vw}.di-3 img{width:30vw}.di-4 img{width:34vw}
  .di-5 img,.di-6 img,.di-7 img,.di-8 img{width:13vw}
  #hero-badge{width:88px!important;height:88px!important;left:auto!important;right:14px!important;top:calc(50svh - min(45vw,200px) - 135px)!important;}
  #hero-badge text{font-size:16px;}
  #hero-bg{font-size:24vw;letter-spacing:-4px;}
  /* tradição mineira: imagem própria (o pacote não desce no celular) */
  #brand-slot{display:none;}
  #brand-vis{min-height:0;padding:24px 0 8px;}
  #brand-pack-mobile{display:block;width:min(60vw,260px);height:auto;margin:0 auto;position:relative;z-index:2;filter:drop-shadow(0 24px 40px rgba(0,0,0,.25));}
  #brand-grid,#brand-grid > *{min-width:0;}
  .card{min-width:0;}
  /* canastra */
  #canastra{padding:72px 20px;}
  #canastra-grid{grid-template-columns:1fr;gap:36px;}
  #canastra-seal img{max-width:220px;}
  /* em números */
  #nums{padding:72px 20px 80px;}
  #nums-lbl{margin-bottom:24px}
  #nums-hl{margin-bottom:36px;font-size:36px;}
  #nums-grid{grid-template-columns:1fr 1fr!important;gap:28px 16px!important;}
  .sn{font-size:44px;}
  .sn .sf{font-size:22px;}
  .sl{font-size:13px;line-height:1.5;}
  /* contato */
  #contato{padding:72px 20px;}
  #contato-grid{gap:44px;}
  .form-row{grid-template-columns:1fr;}
  #contato-info,#contato-form,.contato-item > div{min-width:0;overflow-wrap:anywhere;}
  /* rodapé */
  footer{padding-left:20px!important;padding-right:20px!important;}
  #ft{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px 20px!important;}
  #ft > .fl{grid-column:1/-1;}
  #ft a,#ft p,#ft li{overflow-wrap:anywhere;}
  /* onde encontrar */
  #mapa-section{padding:64px 12px;}
  #loc{grid-template-rows:380px auto;border-radius:24px;}
  #loc-lista{max-height:none!important;overflow:visible!important;}
  #loc-side-head{padding:20px 16px 12px;}
  .loc-mais{margin:4px 0 6px;padding:13px;border-radius:14px;border:1.5px dashed rgba(81,54,41,.3);background:#fff;font:inherit;font-weight:800;font-size:14px;color:#513629;cursor:pointer;}
  #loc-chips{top:10px;left:10px;right:10px;}
  /* seções gerais */
  #produtos{padding:72px 0 64px;}
  #faq{padding:72px 16px;}
  #wa-btn{right:16px;bottom:16px;width:54px;height:54px;}
}
@media(max-width:860px){#hero-cta a{padding:15px 34px;font-size:14px;}#hero-cta{padding:0 82px 0 16px;}#hero-cta a{padding:14px 26px;}}
@media(max-width:860px){.di-2{display:none!important;}}
