/* Fontes do Figma. Biennale (demo Fontspring) em ./fonts. Citrus Gothic Solid ainda não está na pasta: adicione fonts/CitrusGothic-Solid.(otf|woff2) e o @font-face abaixo já a carrega. */
@font-face{font-family:'FONTSPRING DEMO - Biennale';src:url('../fonts/Fontspring-DEMO-biennale-regular.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-regular.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'FONTSPRING DEMO - Biennale Medium';src:url('../fonts/Fontspring-DEMO-biennale-medium.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-medium.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'FONTSPRING DEMO - Biennale Bold';src:url('../fonts/Fontspring-DEMO-biennale-bold.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-bold.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'FONTSPRING DEMO - Biennale Heavy';src:url('../fonts/Fontspring-DEMO-biennale-heavy.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-heavy.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'FONTSPRING DEMO - Biennale Black';src:url('../fonts/Fontspring-DEMO-biennale-black.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-black.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:normal}
@font-face{font-family:'FONTSPRING DEMO - Biennale Bold It';src:url('../fonts/Fontspring-DEMO-biennale-boldit.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-boldit.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:italic}
@font-face{font-family:'FONTSPRING DEMO - Biennale Book It';src:url('../fonts/Fontspring-DEMO-biennale-bookit.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-bookit.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:italic}
@font-face{font-family:'FONTSPRING DEMO - Biennale Black It';src:url('../fonts/Fontspring-DEMO-biennale-blackit.woff2') format('woff2'),url('../fonts/Fontspring-DEMO-biennale-blackit.otf') format('opentype');font-display:swap;font-weight:100 900;font-style:italic}
@font-face{font-family:'Citrus Gothic Solid';src:local('Citrus Gothic Solid'),url('../fonts/CitrusGothic-Solid.woff2') format('woff2'),url('../fonts/CitrusGothic-Solid.otf') format('opentype');font-weight:100 900;font-display:swap}
:root{--marrom:#4b3321;--marrom2:#693611;--marrom3:#aa6a3b;--grad:linear-gradient(138deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#fffce9}
body{overflow-x:hidden;font-synthesis:none}
img{display:block;max-width:none}
button{font:inherit;border:0;background:none;cursor:pointer}
.page{width:1920px;position:relative;transform-origin:0 0}
.sec{position:relative;width:1920px;isolation:isolate}
.bg{position:absolute;inset:0;pointer-events:none}
.abs{position:absolute}
.f-reg{font-family:'FONTSPRING DEMO - Biennale','Outfit',sans-serif;font-weight:400}
.f-med{font-family:'FONTSPRING DEMO - Biennale Medium','Outfit',sans-serif;font-weight:500}
.f-bold{font-family:'FONTSPRING DEMO - Biennale Bold','Outfit',sans-serif;font-weight:600}
.f-heavy{font-family:'FONTSPRING DEMO - Biennale Heavy','Outfit',sans-serif;font-weight:800}
.f-black{font-family:'FONTSPRING DEMO - Biennale Black','Outfit',sans-serif;font-weight:900}
.f-boldit{font-family:'FONTSPRING DEMO - Biennale Bold It','Outfit',sans-serif;font-weight:600;font-style:italic}
.f-bookit{font-family:'FONTSPRING DEMO - Biennale Book It','Outfit',sans-serif;font-weight:400;font-style:italic}
.f-blackit{font-family:'FONTSPRING DEMO - Biennale Black It','Outfit',sans-serif;font-weight:900;font-style:italic}
.f-h{font-family:'Citrus Gothic Solid','Bebas Neue',Impact,sans-serif;text-transform:uppercase;font-weight:400}
.gt{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.rot{transform:rotate(.1deg)}
/* tag */
.tag{display:flex;align-items:center;padding:8px 22px;border:1px solid #9e6200;background:rgba(255,255,255,.21);backdrop-filter:blur(11.7px);-webkit-backdrop-filter:blur(11.7px);border-radius:14px 4px 14px 4px;font-size:16px;line-height:1.1;letter-spacing:1.92px;color:var(--marrom);white-space:nowrap}
/* section head */
.head{display:flex;flex-direction:column;align-items:center;gap:46px;position:relative;z-index:2}
.head .ttl{font-size:62px;line-height:103px;letter-spacing:-1.24px;color:var(--marrom);text-align:center;white-space:nowrap}
.head .sub{font-size:24px;line-height:38px;letter-spacing:-.48px;color:var(--marrom2);text-align:center}
.hg{display:flex;flex-direction:column;align-items:center;gap:11px}
/* pill cards */
.pill{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:36px 52px;border-radius:194px;background:#fffce9;filter:drop-shadow(0 4px 7.05px rgba(146,146,146,.12))}
.pill::after,.prod::after,.faq::after,.dep::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.pill::after{box-shadow:inset 0 6px 8px rgba(255,255,255,.1)}
.pill .t{font-size:20px;line-height:38px;letter-spacing:-.4px;color:var(--marrom2);white-space:nowrap}
.pill .d{font-size:18px;line-height:26px;letter-spacing:-.36px;color:var(--marrom3);width:315px}
.ben{gap:6px}
.ben .top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;width:100%}
.ben .d{text-align:center}
/* product cards */
.prod{position:relative;display:flex;flex-direction:column;align-items:center;padding:36px 52px 45px;border-radius:103px;background:#fffce9;filter:drop-shadow(0 4px 7.05px rgba(146,146,146,.12))}
.prod::after{box-shadow:inset 0 28px 8px rgba(255,255,255,.18)}
.prod .pimg{position:absolute;overflow:hidden;inset:0;border-radius:103px}
.prod .pimg img{position:absolute}
.prod .hd{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;width:100%}
.prod .hd .t{font-size:20px;line-height:38px;letter-spacing:-.4px;color:var(--marrom2);white-space:nowrap}
.prod .hd .d{font-size:16px;line-height:19px;letter-spacing:-.32px;color:var(--marrom3);width:315px;text-align:center}
.prod .bd{position:relative;display:flex;flex-direction:column;align-items:center;gap:38px}
.prod .list{display:flex;flex-direction:column;gap:20px;width:286px;border-radius:2px}
.prod .kc{display:flex;align-items:center;gap:21px;font-size:18px;line-height:20px;letter-spacing:-.36px;color:var(--marrom3);white-space:nowrap}
.prod .chk{display:flex;flex-direction:column;gap:4px}
.prod .chk div{display:flex;align-items:center;gap:8px;font-size:18px;line-height:26px;letter-spacing:-.36px;color:var(--marrom3);white-space:nowrap}
.prod .chk img{width:16px;height:13px}
/* button */
.btn{display:flex;align-items:center;gap:26px;padding:24px 37px;border:1px solid #6a3925;border-radius:32px;background:linear-gradient(111.7deg,#9e6200 0%,#c0932a 20%,#e7ab35 64.462%,#edc967 96.1%);filter:drop-shadow(0 9px 6.55px rgba(105,54,16,.15));position:relative}
.btn .bt{font-size:28px;line-height:38px;letter-spacing:-.56px;color:var(--marrom2);white-space:nowrap;text-align:center}
.arw{width:14.763px;height:14.763px;display:flex;align-items:center;justify-content:center}
.arw i{display:block;width:12.054px;height:12.054px;position:relative}
.arw i img{position:absolute;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%)}
/* FAQ */
.faq{position:relative;display:flex;flex-direction:column;gap:31px;align-items:flex-start;padding:62px 76px;border-radius:146px;background:#fffce9;box-shadow:0 4px 14.1px rgba(146,146,146,.12);overflow:hidden}
.faq::after{box-shadow:inset 0 6px 8px 3px rgba(255,255,255,.1)}
.faq .q{font-size:20px;line-height:23px;letter-spacing:-.4px;color:var(--marrom2);height:24px;display:flex;align-items:center;width:100%}
.faq .a{font-size:18px;line-height:22px;letter-spacing:-.36px;color:var(--marrom3);width:100%}
/* depoimento */
.dep{position:relative;display:flex;flex-direction:column;gap:26px;align-items:center;justify-content:center;padding:36px 52px;border-radius:194px;background:#fff2d0;filter:drop-shadow(0 4px 7.05px rgba(146,146,146,.12))}
.dep::after{box-shadow:inset 0 6px 8px rgba(255,255,255,.1)}
.dep .who{display:flex;align-items:center;gap:36px;width:287px}
.dep .av{position:relative;width:73px;height:73px;flex:none}
.dep .av img{position:absolute;left:-8px;top:-5px;width:85px;height:85px}
.dep .nm{display:flex;flex-direction:column;justify-content:center}
.dep .n1{font-size:20px;line-height:38px;letter-spacing:-.4px;color:var(--marrom2);height:38.243px;width:133.069px;text-align:center;margin-bottom:-12px;white-space:nowrap}
.dep .n2{font-size:16px;line-height:38px;letter-spacing:-.32px;color:var(--marrom2);height:28.265px;width:78.051px;text-align:center;white-space:nowrap}
.dep .tx{font-size:18px;line-height:26px;letter-spacing:-.36px;color:var(--marrom3);text-align:center}
.wave{position:relative;width:1920px;height:153.462px;z-index:1}
.wave img{position:absolute;left:0;top:-48.5px;width:1920px;height:205px}

/* ===== estilos extraídos do HTML (layout/medidas de cada elemento, vindos do Figma) ===== */
.page .u1.u1{
  height:1034.21px;
  display:flex;
  flex-direction:column;
  padding-bottom:122px;
}
.page .u2.u2{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page .u3.u3{
  inset:0;
  background:linear-gradient(267.637deg,rgba(255,240,208,0) 42.612%,rgba(255,240,208,.291) 62.318%),linear-gradient(180deg,rgba(255,252,233,0) 86.133%,rgb(255,240,200) 100%);
}
.page .u4.u4{
  position:relative;
  display:flex;
  gap:208px;
  align-items:center;
  justify-content:center;
  padding:11px 99px;
  width:100%;
  overflow:hidden;
  background:linear-gradient(160.525deg,rgba(237,201,103,.21) 13.8%,rgba(237,201,103,0) 96.655%);
  isolation:isolate;
}
.page .u5.u5{
  width:172.813px;
  height:70px;
  z-index:5;
}
.page .u6.u6{
  display:flex;
  gap:10px;
  align-items:center;
  z-index:3;
}
.page .u7.u7{
  width:17px;
  height:20.984px;
}
.page .u8.u8{
  font-size:16px;
  line-height:30px;
  letter-spacing:-.32px;
  color:#4b3321;
  white-space:nowrap;
}
.page .u9.u9{
  display:flex;
  gap:10px;
  align-items:center;
  z-index:2;
}
.page .u10.u10{
  width:19.255px;
  height:19.474px;
}
.page .u11.u11{
  display:flex;
  gap:10px;
  align-items:center;
  z-index:1;
}
.page .u12.u12{
  width:20.037px;
  height:21px;
}
.page .u13.u13{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:31px;
  justify-content:flex-end;
  width:1841px;
  height:820.211px;
  padding:125px 160px 0;
  overflow:hidden;
}
.page .u14.u14{
  width:1521px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.page .u15.u15{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:43px;
  justify-content:flex-end;
  padding:10px;
  overflow:hidden;
}
.page .u16.u16{
  width:881px;
  height:296px;
  color:#4b3321;
}
.page .u17.u17{
  font-size:90px;
  line-height:103px;
  letter-spacing:-1.8px;
  white-space:nowrap;
}
.page .u18.u18{
  background-image:linear-gradient(111.964deg,#9e6200 13.8%,#c0932a 17.282%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u19.u19{
  background-image:linear-gradient(111.964deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u20.u20{
  width:662.846px;
  height:115.211px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u21.u21{
  width:662.639px;
  font-size:26px;
  line-height:38px;
  letter-spacing:-.52px;
  color:#693611;
}
.page .u22.u22{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}
.page .u23.u23{
  display:flex;
  gap:963px;
  align-items:center;
  flex:1 0 0;
  min-width:1px;
}
.page .u24.u24{
  display:flex;
  gap:14px;
  align-items:center;
  flex:none;
}
.page .u25.u25{
  position:relative;
  width:200px;
  height:90px;
  flex:none;
}
.page .u26.u26{
  left:0;
  top:-.4px;
  width:200px;
  height:90px;
  border-radius:50px;
  background:#ffe24b;
  box-shadow:inset 0 6px 8px 3px rgba(0,0,0,.1);
}
.page .u27.u27{
  left:13px;
  top:8.4px;
  width:70px;
  height:70px;
  border-radius:1000px;
  background:#fff6c8;
  box-shadow:-2px 1px 6px rgba(0,0,0,.25);
  overflow:hidden;
}
.page .u28.u28{
  left:-21px;
  top:4px;
  width:133px;
  height:74.2px;
}
.page .u29.u29{
  left:109px;
  top:50px;
  width:59.8px;
  font-size:26px;
  line-height:38px;
  letter-spacing:-.52px;
  color:#e7ab35;
}
.page .u30.u30{
  left:90.35px;
  top:19.83px;
  width:24.75px;
  height:19.6px;
  transform:rotate(-43.5deg);
}
.page .u31.u31{
  left:97.43px;
  top:39.97px;
  width:11.55px;
  height:9.16px;
  transform:rotate(-6.69deg);
}
.page .u32.u32{
  left:0;
  top:-.4px;
  width:200px;
  height:90px;
  border-radius:50px;
  background:#e7ab35;
  box-shadow:inset 0 6px 8px 3px rgba(0,0,0,.1);
}
.page .u33.u33{
  left:30px;
  top:46.79px;
  width:69.8px;
  font-size:26px;
  line-height:38px;
  letter-spacing:-.52px;
  color:#ffe24b;
}
.page .u34.u34{
  left:86.93px;
  top:18.74px;
  width:24.75px;
  height:19.61px;
  transform:scaleX(-1) rotate(48.37deg);
}
.page .u35.u35{
  left:98.66px;
  top:41.79px;
  width:11.56px;
  height:9.15px;
  transform:scaleX(-1) rotate(-14.5deg);
}
.page .u36.u36{
  left:112px;
  top:5px;
  width:82px;
  height:82px;
}
.page .u37.u37{
  width:190px;
  height:190px;
  flex:none;
  border-radius:1000px;
  background:rgba(255,255,255,.21);
  border:1px solid rgba(255,255,255,.21);
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u38.u38{
  width:172.227px;
  font-size:22px;
  line-height:28px;
  letter-spacing:-.44px;
  color:#693611;
  text-align:center;
}
.page .u39.u39{
  height:819.372px;
  background:#fff0c8;
  display:flex;
  flex-direction:column;
  gap:68px;
  align-items:center;
  padding:120px 99px 136px;
}
.page .u40.u40{
  font-size:62px;
  line-height:103px;
  letter-spacing:-1.24px;
  color:var(--marrom);
  text-align:center;
  white-space:nowrap;
}
.page .u41.u41{
  background-image:linear-gradient(138.823deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u42.u42{
  width:557.419px;
  height:77.018px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u43.u43{
  width:557.281px;
}
.page .u44.u44{
  display:flex;
  gap:27px;
  align-items:flex-start;
  position:relative;
  z-index:1;
}
.page .u45.u45{
  width:26.325px;
  height:38.78px;
}
.page .u46.u46{
  width:189.069px;
  height:38.345px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u47.u47{
  width:36px;
  height:42.848px;
}
.page .u48.u48{
  width:277.069px;
  height:38.506px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u49.u49{
  width:26px;
  height:43px;
}
.page .u50.u50{
  width:193.069px;
  height:38.353px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u51.u51{
  height:220px;
}
.page .u52.u52{
  width:46px;
  height:39.537px;
}
.page .u53.u53{
  width:222.069px;
  height:38.406px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u54.u54{
  height:1215.607px;
  display:flex;
  flex-direction:column;
  gap:68px;
  align-items:center;
  padding:0 99px 80px;
}
.page .u55.u55{
  inset:0;
  background:#fffce9;
}
.page .u56.u56{
  inset:0;
  opacity:.2;
  overflow:hidden;
}
.page .u57.u57{
  height:99.69%;
  left:-.35%;
  top:-13.48%;
  width:64.69%;
}
.page .u58.u58{
  background-image:linear-gradient(138.953deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u59.u59{
  display:flex;
  gap:68px;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
}
.page .u60.u60{
  width:419px;
  height:792.742px;
  padding:44px 52px 45px;
  gap:312px;
}
.page .u61.u61{
  background:#fffce9;
}
.page .u62.u62{
  height:44.91%;
  left:-8.3%;
  top:16.79%;
  width:101.56%;
}
.page .u63.u63{
  height:793px;
  gap:312px;
  padding-top:35px;
}
.page .u64.u64{
  height:46.1%;
  left:.06%;
  top:16.07%;
  width:100%;
}
.page .u65.u65{
  width:38.147px;
  height:36.254px;
}
.page .u66.u66{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.page .u67.u67{
  width:164.069px;
  height:38.3px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u68.u68{
  width:30.655px;
  height:30.655px;
}
.page .u69.u69{
  width:143.069px;
  height:38.261px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u70.u70{
  gap:312px;
}
.page .u71.u71{
  height:46.4%;
  left:-8.27%;
  top:11.68%;
  width:100%;
}
.page .u72.u72{
  width:42.308px;
  height:42px;
}
.page .u73.u73{
  width:179.069px;
  height:38.327px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u74.u74{
  width:34.372px;
  height:27.498px;
}
.page .u75.u75{
  white-space:pre;
}
.page .u76.u76{
  height:1096.057px;
  display:flex;
  flex-direction:column;
  gap:148px;
  align-items:center;
  padding:0 99px;
}
.page .u77.u77{
  height:62.52%;
  left:50.81%;
  top:126.62%;
  width:38.97%;
}
.page .u78.u78{
  inset:0;
  background:linear-gradient(180deg,rgba(255,252,233,0) 86.133%,#fff0c8 100%);
}
.page .u79.u79{
  display:flex;
  gap:68px;
  align-items:flex-start;
  position:relative;
  z-index:2;
}
.page .u80.u80{
  height:45.4%;
  left:.96%;
  top:15.71%;
  width:97.84%;
}
.page .u81.u81{
  width:38.93px;
  height:40.937px;
}
.page .u82.u82{
  width:150.069px;
  height:38.274px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u83.u83{
  width:28.734px;
  height:31.705px;
}
.page .u84.u84{
  gap:305px;
}
.page .u85.u85{
  height:45.4%;
  left:1.05%;
  top:16.56%;
  width:97.84%;
}
.page .u86.u86{
  height:136.334px;
  justify-content:center;
}
.page .u87.u87{
  width:41.378px;
  height:43.056px;
}
.page .u88.u88{
  width:182.069px;
  height:38.333px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u89.u89{
  width:38.716px;
  height:31.341px;
}
.page .u90.u90{
  position:relative;
  z-index:1;
  width:1920px;
  height:153.462px;
  flex:none;
  margin:0 -99px;
}
.page .u91.u91{
  left:-17.47px;
  top:-48.5px;
  width:1955.4px;
  height:204.7px;
}
.page .u92.u92{
  height:863.379px;
  display:flex;
  gap:68px;
  align-items:center;
  justify-content:center;
  padding:140px 99px 140px 174px;
  background:linear-gradient(180deg,rgba(255,252,233,0) 86.133%,rgb(255,240,200) 100%),linear-gradient(90deg,#fff0c8,#fff0c8);
}
.page .u93.u93{
  display:flex;
  flex-direction:column;
  gap:27px;
  align-items:flex-start;
  z-index:3;
  position:relative;
}
.page .u94.u94{
  gap:14px;
}
.page .u95.u95{
  display:flex;
  gap:22px;
  align-items:center;
  width:100%;
}
.page .u96.u96{
  width:33px;
  height:37px;
}
.page .u97.u97{
  width:160.069px;
  height:38.292px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u98.u98{
  display:flex;
  gap:22px;
  align-items:center;
  justify-content:center;
}
.page .u99.u99{
  width:33px;
  height:32px;
}
.page .u100.u100{
  width:225.313px;
  height:46.412px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u101.u101{
  line-height:23px;
  white-space:normal;
  width:225.23px;
}
.page .u102.u102{
  line-height:22px;
}
.page .u103.u103{
  width:34.068px;
  height:34.068px;
}
.page .u104.u104{
  width:235.471px;
  height:46.43px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u105.u105{
  line-height:23px;
  white-space:normal;
  width:235.387px;
}
.page .u106.u106{
  display:flex;
  flex-direction:column;
  gap:46px;
  align-items:center;
  justify-content:center;
  z-index:2;
  position:relative;
}
.page .u107.u107{
  color:#6a3925;
}
.page .u108.u108{
  display:flex;
  flex-direction:column;
  gap:99px;
  align-items:center;
  justify-content:center;
}
.page .u109.u109{
  justify-content:center;
}
.page .u110.u110{
  background-image:linear-gradient(130.708deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u111.u111{
  width:621.761px;
  height:191.135px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u112.u112{
  width:621.415px;
  font-size:24px;
  line-height:38px;
  letter-spacing:-.48px;
  color:#693611;
  text-align:center;
  white-space:pre-wrap;
}
.page .u113.u113{
  background-image:linear-gradient(113.901deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u114.u114{
  background:linear-gradient(115.723deg,#9e6200 0%,#c0932a 20%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u115.u115{
  width:183.069px;
  height:38.334px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u116.u116{
  width:22px;
  height:22px;
  width:29px;
  position:relative;
}
.page .u117.u117{
  left:-5.17%;
  top:-6.82%;
  width:110.34%;
  height:113.64%;
}
.page .u118.u118{
  display:flex;
  flex-direction:column;
  gap:27px;
  align-items:flex-start;
  z-index:1;
  position:relative;
}
.page .u119.u119{
  display:flex;
  gap:22px;
  align-items:center;
  width:250px;
}
.page .u120.u120{
  width:37px;
  height:37px;
}
.page .u121.u121{
  width:294.256px;
  height:46.538px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u122.u122{
  line-height:23px;
  white-space:pre-wrap;
  width:294.173px;
}
.page .u123.u123{
  width:34px;
  height:33px;
}
.page .u124.u124{
  height:1150.018px;
  display:flex;
  flex-direction:column;
  gap:87px;
  align-items:center;
  padding:80px 99px 203px;
}
.page .u125.u125{
  inset:0;
  background:linear-gradient(180deg,rgba(255,252,233,0) 86.133%,rgb(255,240,200) 100%),linear-gradient(90deg,#fffce9,#fffce9);
}
.page .u126.u126{
  inset:0;
  opacity:.06;
  overflow:hidden;
}
.page .u127.u127{
  height:109.53%;
  left:-11.85%;
  top:-6.23%;
  width:68.57%;
}
.page .u128.u128{
  height:107.6%;
  left:35.65%;
  top:73.11%;
  width:76.58%;
  transform:scaleX(-1);
}
.page .u129.u129{
  background-image:linear-gradient(135.369deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u130.u130{
  display:flex;
  flex-direction:column;
  gap:61px;
  align-items:flex-start;
  position:relative;
  z-index:1;
}
.page .u131.u131{
  display:flex;
  gap:102px;
  align-items:flex-start;
}
.page .u132.u132{
  width:345px;
}
.page .u133.u133{
  width:343px;
}
.page .u134.u134{
  width:349px;
}
.page .u135.u135{
  height:1114.657px;
  display:flex;
  flex-direction:column;
  gap:87px;
  align-items:center;
  padding:80px 99px 242px;
  background:linear-gradient(180deg,rgba(255,252,233,0) 86.133%,rgb(255,252,233) 100%),linear-gradient(90deg,#fff1cc,#fff1cc);
}
.page .u136.u136{
  background-image:linear-gradient(121.235deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u137.u137{
  width:828.993px;
  height:39.515px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u138.u138{
  width:828.925px;
  white-space:pre;
}
.page .u139.u139{
  display:flex;
  gap:87px;
  align-items:flex-start;
  position:relative;
  z-index:1;
}
.page .u140.u140{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.page .u141.u141{
  width:738px;
}
.page .u142.u142{
  width:737px;
}
.page .u143.u143{
  height:842px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
.page .u144.u144{
  inset:0;
  background:linear-gradient(180deg,rgba(255,252,233,0) 61.872%,rgba(255,240,200,.42) 71.833%),linear-gradient(90deg,#fffce9,#fffce9);
}
.page .u145.u145{
  inset:0;
  opacity:.08;
  overflow:hidden;
}
.page .u146.u146{
  height:55.82%;
  left:10.14%;
  top:54.1%;
  width:41.85%;
}
.page .u147.u147{
  position:relative;
  z-index:3;
  width:100%;
  padding:140px 99px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.page .u148.u148{
  display:flex;
  gap:87px;
  align-items:center;
}
.page .u149.u149{
  display:flex;
  flex-direction:column;
  gap:46px;
  height:336px;
  align-items:flex-start;
}
.page .u150.u150{
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.page .u151.u151{
  width:692px;
  font-size:62px;
  line-height:80px;
  letter-spacing:-1.24px;
  color:var(--marrom);
}
.page .u152.u152{
  background-image:linear-gradient(120.372deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u153.u153{
  width:737px;
  gap:31px;
  align-items:center;
  justify-content:center;
  background:#fff1cc;
}
.page .u154.u154{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}
.page .u155.u155{
  flex:1 0 0;
  min-width:1px;
  height:91.069px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u156.u156{
  width:100%;
  font-size:24px;
  line-height:30px;
  letter-spacing:-.48px;
  color:#693611;
  text-align:center;
}
.page .u157.u157{
  color:#301603;
}
.page .u158.u158{
  color:#1c0d02;
}
.page .u159.u159{
  background:linear-gradient(127.146deg,#9e6200 0%,#c0932a 20%,#e7ab35 64.462%,#edc967 96.1%);
}
.page .u160.u160{
  width:371.069px;
  height:38.678px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u161.u161{
  width:22.707px;
  height:22.707px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.page .u162.u162{
  display:block;
  width:18.54px;
  height:18.54px;
  transform:rotate(15deg);
  position:relative;
}
.page .u163.u163{
  position:absolute;
  inset:-10.79%;
  width:auto;
  height:auto;
}
.page .u164.u164{
  position:relative;
  z-index:2;
  width:100%;
  background:#4b3321;
  padding:39px 99px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  overflow:hidden;
  isolation:isolate;
}
.page .u165.u165{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  z-index:3;
}
.page .u166.u166{
  width:172.813px;
  height:70px;
}
.page .u167.u167{
  font-size:18px;
  line-height:23px;
  letter-spacing:-.36px;
  color:#fffbe8;
  opacity:.68;
  white-space:nowrap;
}
.page .u168.u168{
  display:flex;
  gap:66px;
  align-items:center;
  font-size:18px;
  line-height:23px;
  letter-spacing:-.36px;
  color:#fffbe8;
  white-space:nowrap;
  z-index:1;
}
.page .u169.u169{
  position:relative;
  z-index:1;
  width:100%;
  background:#fff1cc;
  padding:16px 99px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.page .u170.u170{
  font-size:18px;
  line-height:23px;
  letter-spacing:-.36px;
  color:#4b3321;
  white-space:nowrap;
}

/* ===== ajustes para os arquivos da pasta NUTRINEW IMPL ===== */
.bgfull{left:0;top:0;width:100%;height:100%;object-fit:cover}
.page .knob-cao{left:5px;top:3.4px;width:82px;height:82px}
/* cards prontos (PNG já contém fundo, sombra e produto) */
.page .prod{background:transparent;filter:none}
.page .prod::after{display:none}
.page .prod .pimg{overflow:visible;background:transparent!important}
.page .prod .pimg img{left:50%!important;top:50%!important;width:448px!important;height:auto!important;transform:translate(-50%,-50%)}
/* ondas ainda sem arquivo: transição neutra até o SVG ser adicionado */
.wave{background:linear-gradient(180deg,#fff0c8,#fffce9)}
.is-missing{visibility:hidden}

/* arrow/swirls exportados do Figma já vêm rotacionados: sem rotação extra */
.page .u30.u30{left:88.72px;top:22.13px;width:28px;height:15px;transform:none}
.page .u31.u31{left:96.7px;top:40.05px;width:13px;height:9px;transform:none}
.page .u34.u34{left:85.8px;top:21.05px;width:27px;height:15px;transform:none}
.page .u35.u35{left:98.94px;top:40.87px;width:11px;height:11px;transform:none}
/* HEADER.png já traz o degradê do topo/base */
.page .u3.u3{display:none}
.page .u162.u162{transform:none}
.page .u163.u163{inset:auto;left:50%;top:50%;width:27px;height:27px;transform:translate(-50%,-50%)}
.page .u106.u106{width:654px;flex:none}

/* remove linhas de emenda entre seções (sub-pixel ao escalar a página) */
.sec>.bg{bottom:-2px}
.sec>.abs.bgfull,.sec>img.bgfull{height:calc(100% + 2px)}
.wave{box-shadow:0 -2px 0 #fff0c8}

/* =====================================================================
   SISTEMA DE MOVIMENTO  (tokens únicos para a página inteira)
   ===================================================================== */
:root{
  --ease:cubic-bezier(.22,1,.36,1);
  --t-fast:.2s; --t-base:.35s; --t-enter:.7s;
  --dist:24px;
  --gold-ring:rgba(237,201,103,.55);
  --err:#a8321f;
}
h1,h2,h3{font-size:inherit;font-weight:inherit}
.u17 .ln{display:block}
footer a{color:inherit;text-decoration:none}
.u168 a{transition:opacity var(--t-fast) var(--ease)}
.u168 a:hover{opacity:.7}
html{scroll-behavior:smooth;scroll-padding-top:0}

/* entrada ao rolar (só com JS ativo; sem JS a página aparece normal) */
.js [data-rv]{opacity:0;transform:translate3d(0,var(--dist),0);will-change:opacity,transform}
.js [data-rv].in{opacity:1;transform:none;transition:opacity var(--t-enter) var(--ease),transform var(--t-enter) var(--ease);transition-delay:var(--d,0s)}

/* cards: elevação no hover */
.pill,.prod,.dep,.faq:not(.u153){transition:transform var(--t-base) var(--ease),filter var(--t-base) var(--ease)}
.pill:hover,.prod:hover,.dep:hover{transform:translateY(-6px);filter:drop-shadow(0 14px 18px rgba(105,54,16,.14))}
.faq:not(.u153):hover{transform:translateY(-3px)}
.ben .top img{transition:transform var(--t-base) var(--ease)}
.ben:hover .top img{transform:translateY(-3px) scale(1.1)}
.page .prod .pimg img{transition:transform .6s var(--ease)}
.page .prod:hover .pimg img{transform:translate(-50%,calc(-50% - 8px)) scale(1.035)}

/* botões: brilho + seta */
.btn{overflow:hidden;transition:transform var(--t-fast) var(--ease),filter var(--t-base) var(--ease);cursor:pointer}
.btn::before{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .8s var(--ease);pointer-events:none}
.btn:hover{transform:translateY(-2px)}
.btn:hover::before{left:130%}
.btn:active{transform:translateY(1px) scale(.98)}
.btn .arw,.m-send .arw{transition:transform var(--t-base) var(--ease)}
.btn:hover .arw,.m-send:hover .arw{transform:translateX(5px)}
.u159{animation:ring 3.2s var(--ease) infinite}
.u159:hover{animation-play-state:paused}
@keyframes ring{0%{box-shadow:0 0 0 0 var(--gold-ring)}70%,100%{box-shadow:0 0 0 22px rgba(237,201,103,0)}}
[data-cta],[data-scroll]{cursor:pointer}
.page .u25{transition:transform var(--t-base) var(--ease),filter var(--t-base) var(--ease)}
.page .u25:hover{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 8px 10px rgba(105,54,16,.2))}
.page .u25:active{transform:scale(.97)}
[data-cta]:focus-visible,[data-scroll]:focus-visible,.btn:focus-visible,.faq .q:focus-visible,.u168 a:focus-visible{outline:3px solid #9e6200;outline-offset:4px}

/* hero: zoom lento no fundo e selo flutuante */
.sec.u1 .bg{overflow:hidden}
.sec.u1 .u2{animation:heroZoom 24s ease-in-out infinite alternate;will-change:transform;transform-origin:60% 55%}
@keyframes heroZoom{to{transform:scale(1.06)}}
.page .u37{animation:floaty 6s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* FAQ sanfona (começa aberto, igual ao Figma) */
.faq:not(.u153) .q{cursor:pointer;position:relative;padding-right:40px}
.faq:not(.u153) .q::before,.faq:not(.u153) .q::after{content:"";position:absolute;right:6px;top:50%;width:18px;height:2.5px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,#9e6200,#edc967);transition:transform var(--t-base) var(--ease)}
.faq:not(.u153) .q::after{transform:rotate(90deg)}
.faq.is-open .q::after{transform:rotate(0)}
.faq:not(.u153) .a{overflow:hidden;transition:height var(--t-base) var(--ease),opacity var(--t-base) var(--ease),margin-top var(--t-base) var(--ease)}
.faq:not(.u153).is-closed .a{opacity:0;margin-top:-31px}

/* barra de progresso de leitura */
.scroll-progress{position:fixed;left:0;top:0;height:4px;width:100%;z-index:60;background:linear-gradient(90deg,#9e6200,#c0932a 31%,#e7ab35 64%,#edc967);transform:scaleX(0);transform-origin:0 50%;will-change:transform;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-rv]{opacity:1!important;transform:none!important}
}

/* =====================================================================
   POP-UP (Figma 84:11 · 688 × 911)
   ===================================================================== */
.modal{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:opacity .3s var(--ease),visibility 0s linear .3s}
.modal[hidden]{display:block}
.modal.is-open{visibility:visible;opacity:1;transition:opacity .3s var(--ease),visibility 0s}
.modal-overlay{position:absolute;inset:0;background:rgba(40,28,18,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.modal-dialog{--s:1;position:absolute;left:50%;top:50%;width:688px;background:#fffce9;border-radius:34px;overflow:hidden;
  background-image:radial-gradient(rgba(105,54,16,.06) 1.2px,transparent 1.4px);background-size:26px 26px;background-color:#fffce9;
  transform:translate(-50%,-50%) scale(calc(var(--s)*.95));transform-origin:center;transition:transform .45s var(--ease);outline:none;
  box-shadow:0 30px 80px rgba(0,0,0,.35)}
.modal.is-open .modal-dialog{transform:translate(-50%,-50%) scale(var(--s))}
.modal-x{position:absolute;right:0;top:0;width:65px;height:65px;display:flex;align-items:center;justify-content:center;z-index:2;border-radius:50%;transition:transform var(--t-base) var(--ease)}
.modal-x:hover{transform:rotate(90deg) scale(1.1)}
.modal-x:focus-visible,.m-cancel:focus-visible,.m-send:focus-visible{outline:3px solid #9e6200;outline-offset:3px}
.modal-body{display:flex;flex-direction:column;align-items:center;gap:32px;width:623px;padding:53px 0 60px 66px}
.modal-logo{width:172.813px;height:70px}
.modal-tabs{width:100%;height:48px;border-bottom:1px solid #693610;position:relative;margin-bottom:-6px}
.modal-tab{display:block;width:max-content;padding:12px 16px 0;font-size:18px;line-height:24px;color:#693610;position:relative;height:48px}
.modal-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:linear-gradient(166.7deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%)}
.lead-form{display:flex;flex-direction:column;gap:26px;width:100%}
.fields{display:flex;flex-direction:column;gap:12px}
.fld{border:1px solid rgba(105,54,16,.4);border-radius:8px;padding:18px 32px;display:flex;flex-direction:column;gap:17px;transition:border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}
.fld label{font-size:18px;line-height:24px;color:#693610}
.fld input{width:100%;border:0;border-bottom:1px solid rgba(105,54,16,.32);background:transparent;padding:0 0 1px;font-size:18px;line-height:24px;color:#693610;outline:none;border-radius:0}
.fld input::placeholder{color:rgba(105,54,16,.35);opacity:1}
.fld:focus-within{border-color:#9e6200;box-shadow:0 0 0 3px rgba(237,201,103,.35)}
.fld:focus-within input{border-bottom-color:#9e6200}
.err{display:none;font-size:14px;line-height:18px;color:var(--err);margin-top:-8px}
.is-invalid{border-color:var(--err)!important}
.is-invalid .err{display:block}
.is-invalid input{border-bottom-color:var(--err)}
.pets{border:1px solid rgba(105,54,16,.4);border-radius:12px;padding:18px 32px;display:grid;grid-template-columns:1fr 1fr;column-gap:9px;row-gap:17px;min-width:0}
.pets-t{font-family:'Outfit','FONTSPRING DEMO - Biennale Bold',sans-serif;font-weight:700;font-size:18px;line-height:24px;color:#693610;grid-column:1/-1}
.opt{display:flex;align-items:center;gap:7px;cursor:pointer;position:relative;min-width:0}
.opt input{position:absolute;opacity:0;width:32px;height:28px;margin:0;cursor:pointer}
.opt .box{flex:none;width:32px;height:28px;border:.5px solid #693610;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.opt .box::after{content:"";width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#edc967,#c0932a 55%,#9e6200);transform:scale(0);transition:transform var(--t-base) var(--ease)}
.opt input:checked+.box::after{transform:scale(1)}
.opt input:focus-visible+.box{outline:3px solid #9e6200;outline-offset:3px}
.opt:hover .box{box-shadow:0 0 0 3px rgba(237,201,103,.4)}
.opt .lbl{font-size:18px;line-height:24px;color:rgba(105,54,16,.71);white-space:nowrap}
.pets>.err{grid-column:1/-1;margin-top:-6px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-msg{font-size:16px;line-height:22px;color:var(--err);margin-bottom:-8px}
.modal-btns{display:flex;gap:16px;align-items:flex-end;margin-top:26px}
.m-cancel{border:1px solid #6a3925;border-radius:31px;padding:12px 26px;font-size:20px;line-height:38px;letter-spacing:-.4px;color:#693611;box-shadow:0 9px 13.1px rgba(105,54,16,.15);transition:transform var(--t-fast) var(--ease),background var(--t-base) var(--ease)}
.m-cancel:hover{background:rgba(237,201,103,.22);transform:translateY(-2px)}
.m-send{position:relative;overflow:hidden;display:flex;align-items:center;gap:26px;padding:12px 26px;border:1px solid #6a3925;border-radius:31px;background:linear-gradient(108.6deg,#9e6200 0%,#c0932a 20%,#e7ab35 64.462%,#edc967 96.1%);filter:drop-shadow(0 9px 6.55px rgba(105,54,16,.15));transition:transform var(--t-fast) var(--ease),opacity var(--t-base)}
.m-send::before{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .8s var(--ease);pointer-events:none}
.m-send:hover{transform:translateY(-2px)}
.m-send:hover::before{left:130%}
.m-send:active{transform:scale(.98)}
.m-send[disabled]{opacity:.7;cursor:progress}
.m-send-t{font-size:22px;line-height:38px;letter-spacing:-.44px;color:#693611;white-space:nowrap}
.modal-ok{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 0 10px}
.ok-t{font-size:30px;line-height:38px;letter-spacing:-.6px;color:#693611}
.ok-d{font-size:18px;line-height:26px;letter-spacing:-.36px;color:#aa6a3b;max-width:480px;margin-bottom:12px}
body.modal-open{overflow:hidden}

.modal [hidden]{display:none!important}
.opt .sl{font-family:Arial,Helvetica,sans-serif}
.sec.u143>.bg{bottom:0}

/* títulos só aparecem quando a fonte está pronta (evita o pisca negrito → normal) */
.js:not(.fonts-ok) .f-h{visibility:hidden}

/* ===== barra de rolagem e cursor da marca ===== */
:root{--cur-arrow:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2228%22 viewBox=%220 0 28 28%22%3E%3Cpath d=%22M4 3v20l5.2-4.8 3.6 8 3.4-1.5-3.6-7.7 7.4-.2z%22 fill=%22%23693611%22 stroke=%22%23fffce9%22 stroke-width=%221.6%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");--cur-paw:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%239e6200%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23e7ab35%22/%3E%3Cstop offset=%221%22 stop-color=%22%23edc967%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill=%22url%28%23g%29%22 stroke=%22%23693611%22 stroke-width=%221.3%22%3E%3Cpath d=%22M16 15c-4 0-8 4.2-8 8 0 2.6 2 4 4.2 4 1.5 0 2.4-.7 3.8-.7s2.3.7 3.8.7c2.2 0 4.2-1.4 4.2-4 0-3.8-4-8-8-8z%22/%3E%3Cellipse cx=%227%22 cy=%2213%22 rx=%222.6%22 ry=%223.4%22/%3E%3Cellipse cx=%2213%22 cy=%227.8%22 rx=%222.6%22 ry=%223.6%22/%3E%3Cellipse cx=%2219.5%22 cy=%227.8%22 rx=%222.6%22 ry=%223.6%22/%3E%3Cellipse cx=%2225.3%22 cy=%2213%22 rx=%222.6%22 ry=%223.4%22/%3E%3C/g%3E%3C/svg%3E")}
html{cursor:var(--cur-arrow) 4 3,auto}
a,button,[role=button],[data-cta],[data-scroll],.faq .q,.opt,.opt input,summary,label[for]{cursor:var(--cur-paw) 16 16,pointer}
input[type=text],input[type=tel],input:not([type]){cursor:text}
@supports selector(::-webkit-scrollbar){
  html::-webkit-scrollbar{width:14px}
  html::-webkit-scrollbar-track{background:#fff0c8;border-left:1px solid rgba(105,54,17,.12)}
  html::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9e6200,#c0932a 30%,#e7ab35 65%,#edc967);border-radius:10px;border:3px solid #fff0c8}
  html::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8a5500,#b08220 30%,#d99a25 65%,#e3bc55)}
}
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-color:#c0932a #fff0c8;scrollbar-width:thin}
}

/* emenda depoimentos -> FAQ: extensão de 2px na cor da base */
.page .sec.u124{z-index:2}
.page .sec.u124>.bg{bottom:-6px}


/* =====================================================================
   VERSÃO MOBILE (até 1023px) — layout fluido; o desktop de 1920px fica oculto
   ===================================================================== */
.m-wrap{display:none}
@media (max-width:1023px){
.page{display:none}
.m-wrap{display:block}
/* =====================================================================
   VERSÃO MOBILE (prévia) — 100% fluida, pensada para 360–430 px
   ===================================================================== */
html.m{background:#efe3c0}
html.m body{background:#fffce9;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.m-wrap{max-width:480px;margin:0 auto;background:#fffce9;position:relative;overflow:hidden;box-shadow:0 0 60px rgba(105,54,16,.18)}
.m-wrap img{max-width:100%}
.m h1,.m h2,.m h3{font-size:inherit;font-weight:inherit}
.m-wrap .tag{display:inline-flex;align-items:center;padding:7px 18px;border:1px solid #9e6200;background:rgba(255,255,255,.21);backdrop-filter:blur(11.7px);-webkit-backdrop-filter:blur(11.7px);border-radius:12px 4px 12px 4px;font-size:13px;line-height:1.1;letter-spacing:1.3px;color:#693611}

/* ---- botão (mesmo visual do desktop, em em) ---- */
.m-wrap .btn{--bf:21px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.93em;padding:.6em 1.15em;font-size:var(--bf);border:1px solid #6a3925;border-radius:1.14em;background:linear-gradient(111.7deg,#9e6200 0%,#c0932a 20%,#e7ab35 64.462%,#edc967 96.1%);filter:drop-shadow(0 9px 6.55px rgba(105,54,16,.15))}
.m-wrap .btn .bt{font-size:1em;line-height:1.36;letter-spacing:-.02em;color:#693611;white-space:nowrap;text-align:center}
.m-wrap .arw{width:.527em;height:.527em;display:flex;align-items:center;justify-content:center;flex:none}
.m-wrap .arw i{display:block;width:.43em;height:.43em;position:relative}
.m-wrap .arw i img{position:absolute;left:50%;top:50%;width:.68em;height:.68em;transform:translate(-50%,-50%);max-width:none}
.m-wrap .btn[data-cta="cta-final"]{--bf:19px;animation:ring 3.2s var(--ease) infinite}
.m-wrap .m-story{--bf:20px}

/* ---- cabeçalhos de seção ---- */
.m-wrap .m-sec{position:relative;padding:54px 20px 56px}
.m-wrap .m-head{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.m-wrap .m-head h2{font-size:clamp(32px,9vw,42px);line-height:1.12;letter-spacing:-.02em;color:#4b3321;text-transform:uppercase}
.m-wrap .m-head .sub{font-size:16px;line-height:1.5;letter-spacing:-.02em;color:#693611;max-width:340px}
.m-wrap .m-head .sub2{font-size:16px;line-height:1.4;letter-spacing:-.02em;margin-top:-6px}
.m-wrap .gt{background:linear-gradient(138deg,#9e6200 13.8%,#c0932a 31.714%,#e7ab35 64.462%,#edc967 96.1%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.m-wrap .m-list{display:flex;flex-direction:column;gap:14px;margin-top:34px}
.m-wrap .m-center{display:flex;justify-content:center;margin-top:30px}

/* ---- hero ---- */
.m-wrap .m-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#78c8e9 0%,#9ad6ec 38%,#d8efe6 62%,#fff0c8 100%);padding-bottom:min(72vw,345px)}
.m-wrap .m-hero-img{position:absolute;left:0;bottom:0;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%);mask-image:linear-gradient(180deg,transparent 0,#000 26%);animation:heroZoomM 24s ease-in-out infinite alternate;transform-origin:70% 70%;will-change:transform}
@keyframes heroZoomM{to{transform:scale(1.05)}}
.m-wrap .m-top{position:relative;z-index:2;padding:16px 20px 14px;background:linear-gradient(160deg,rgba(237,201,103,.28) 13.8%,rgba(237,201,103,0) 96%)}
.m-wrap .m-logo{width:118px;height:auto}
.m-wrap .m-chips{list-style:none;display:flex;gap:8px;overflow-x:auto;margin:12px -20px 0;padding:0 20px;scrollbar-width:none}
.m-wrap .m-chips::-webkit-scrollbar{display:none}
.m-wrap .m-chips li{flex:none;display:flex;align-items:center;gap:6px;font-size:12px;line-height:1;color:#4b3321;background:rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 11px;border-radius:999px;white-space:nowrap}
.m-wrap .m-chips li img{width:14px;height:14px}
.m-wrap .m-hero-txt{position:relative;z-index:2;padding:30px 20px 0}
.m-wrap .m-hero h1{font-size:min(9.6vw,46px);line-height:1.08;letter-spacing:-.02em;color:#4b3321;text-transform:uppercase;font-weight:400}
.m-wrap .m-hero h1 .ln{display:block;white-space:nowrap}
.m-wrap .m-hero .sub{margin-top:18px;font-size:clamp(15px,4.2vw,18px);line-height:1.5;letter-spacing:-.02em;color:#693611;max-width:340px}
.m-wrap .m-sws{display:flex;gap:10px;margin-top:26px}
.m-wrap .m-swbox{width:164px;height:74px}
.m-wrap .m-sw{position:relative;width:200px;height:90px;transform:scale(.82);transform-origin:0 0;border-radius:50px;cursor:pointer;transition:filter var(--t-base) var(--ease)}
.m-wrap .m-sw .bgp{position:absolute;inset:0;border-radius:50px;box-shadow:inset 0 6px 8px 3px rgba(0,0,0,.1)}
.m-wrap .m-sw.cao .bgp{background:#ffe24b}.m-sw.gato .bgp{background:#e7ab35}
.m-wrap .m-sw img{position:absolute;max-width:none}
.m-wrap .m-sw .lb{position:absolute;font-size:26px;line-height:38px;letter-spacing:-.52px;white-space:nowrap}
.m-wrap .m-sw.cao .lb{left:109px;top:50px;color:#e7ab35}.m-sw.gato .lb{left:30px;top:46.8px;color:#ffe24b}
.m-wrap .m-sw.cao .knob{left:5px;top:3.4px;width:82px;height:82px}
.m-wrap .m-sw.cao .s1{left:88.7px;top:22px;width:28px;height:15px}.m-sw.cao .s2{left:96.7px;top:40px;width:13px;height:9px}
.m-wrap .m-sw.gato .s1{left:85.8px;top:21px;width:27px;height:15px}.m-sw.gato .s2{left:98.9px;top:40.9px;width:11px;height:11px}
.m-wrap .m-sw.gato .knob{left:112px;top:5px;width:82px;height:82px}
.m-wrap .m-sw:hover{filter:drop-shadow(0 8px 10px rgba(105,54,16,.2))}
.m-wrap .m-badge{position:absolute;z-index:2;right:14px;bottom:26px;width:108px;height:108px;border-radius:50%;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;animation:floaty 6s ease-in-out infinite}
.m-wrap .m-badge p{font-size:13px;line-height:1.25;letter-spacing:-.02em;color:#693611}

/* ---- benefícios ---- */
.m-wrap .m-ben{background:#fff0c8}
.m-wrap .m-pill{background:#fffce9;border-radius:42px;padding:26px 26px 28px;filter:drop-shadow(0 4px 7px rgba(146,146,146,.12));text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.m-wrap .m-pill .top{display:flex;flex-direction:column;align-items:center;gap:8px}
.m-wrap .m-pill .t{font-size:19px;line-height:1.25;letter-spacing:-.02em;color:#693611}
.m-wrap .m-pill .d{font-size:15.5px;line-height:1.4;letter-spacing:-.02em;color:#aa6a3b;max-width:290px}
.m-wrap .m-pill.q{align-items:flex-start;text-align:left;border-radius:38px}
.m-wrap .m-pill.q .top{flex-direction:row;align-items:center;gap:14px}
.m-wrap .m-pill.q .t{font-size:18px}
.m-wrap .m-pill.q .d{max-width:none}
.m-wrap .m-wave{position:relative;width:100%;height:clamp(54px,14vw,86px);z-index:1;background:linear-gradient(180deg,#fff0c8,#fffce9)}
.m-wrap .m-wave img{position:absolute;left:0;top:-31.6%;width:100%;height:133.6%;max-width:none}

/* ---- produtos (cards escalam por cqw, como no desktop) ---- */
.m-wrap .m-prods{background:#fffce9 url(../assets/mobile/bg-patas-m.webp) no-repeat left -40px top 60px;background-size:320px auto;padding-bottom:26px}
.m-wrap .m-prods2{background:#fffce9 url(../assets/mobile/bg-onda-m.webp) no-repeat bottom center;background-size:100% auto;padding-top:0;padding-bottom:110px;margin-top:-1px}
.m-wrap .m-cards{display:flex;flex-direction:column;gap:22px;align-items:center;margin-top:30px}
.m-wrap .m-prods2 .m-cards{margin-top:0}
.m-wrap .m-prod{container-type:inline-size;position:relative;width:min(100%,400px);aspect-ratio:419/793}
.m-wrap .m-prod-img{position:absolute;left:50%;top:50%;width:106.9%;height:auto;transform:translate(-50%,-50%);max-width:none;transition:transform .6s var(--ease)}
.m-wrap .m-prod:hover .m-prod-img{transform:translate(-50%,calc(-50% - 2cqw)) scale(1.035)}
.m-wrap .m-prod-hd{position:absolute;left:0;right:0;top:9cqw;display:flex;flex-direction:column;align-items:center;gap:2.4cqw;text-align:center}
.m-wrap .m-prod-hd .ic{height:8cqw;width:auto}
.m-wrap .m-prod-hd .t{font-size:4.9cqw;line-height:9cqw;letter-spacing:-.02em;color:#693611;white-space:nowrap}
.m-wrap .m-prod-hd .d{font-size:3.9cqw;line-height:4.6cqw;letter-spacing:-.02em;color:#aa6a3b;width:76cqw;margin-top:-2.2cqw}
.m-wrap .m-prod-hd .d b{font-family:'FONTSPRING DEMO - Biennale Black','Outfit',sans-serif;font-weight:900}
.m-wrap .m-prod-bd{position:absolute;left:0;right:0;bottom:10.4cqw;display:flex;flex-direction:column;align-items:center;gap:8cqw}
.m-wrap .m-kc{display:flex;align-items:center;gap:5cqw;width:68cqw;font-size:4.3cqw;line-height:4.9cqw;letter-spacing:-.02em;color:#aa6a3b;white-space:nowrap;margin-bottom:-3cqw}
.m-wrap .m-kc img{width:7.4cqw;height:7.4cqw;object-fit:contain;flex:none}
.m-wrap .m-chk{list-style:none;display:flex;flex-direction:column;gap:1cqw;width:68cqw;margin-top:-1.5cqw}
.m-wrap .m-chk li{display:flex;align-items:center;gap:1.9cqw;font-size:4.3cqw;line-height:6.2cqw;letter-spacing:-.02em;color:#aa6a3b;white-space:nowrap}
.m-wrap .m-chk li img{width:3.8cqw;height:3.1cqw}
.m-wrap .m-prod .btn{--bf:6.3cqw}

/* ---- qualidade ---- */
.m-wrap .m-qual{background:linear-gradient(180deg,#fdefd2 0,#fff0c8 160px)}
.m-wrap .m-qual .m-head h2{font-size:clamp(30px,8.4vw,40px)}
/* ---- prova social ---- */
.m-wrap .m-social{background:linear-gradient(180deg,#fffce9 72%,#fff0cc);padding-left:0;padding-right:0}
.m-wrap .m-social .m-head{padding:0 20px}
.m-wrap .m-deps{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:34px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.m-wrap .m-deps::-webkit-scrollbar{display:none}
.m-wrap .m-dep{flex:none;width:min(78vw,300px);scroll-snap-align:center;background:#fff2d0;border-radius:40px;padding:28px 26px;filter:drop-shadow(0 4px 7px rgba(146,146,146,.12));display:flex;flex-direction:column;gap:16px;align-items:center}
.m-wrap .m-dep .who{display:flex;align-items:center;gap:16px}
.m-wrap .m-dep .av{position:relative;display:block;width:66px;height:66px;flex:none}
.m-wrap .m-dep .av img{position:absolute;left:-7px;top:-4px;width:77px;height:77px;max-width:none}
.m-wrap .m-dep .nm{display:flex;flex-direction:column}
.m-wrap .m-dep .n1{font-size:18px;line-height:1.3;letter-spacing:-.02em;color:#693611}
.m-wrap .m-dep .n2{font-size:14px;line-height:1.3;color:#693611}
.m-wrap .m-dep .tx{font-size:15.5px;line-height:1.45;letter-spacing:-.02em;color:#aa6a3b;text-align:center}
/* ---- FAQ ---- */
.m-wrap .m-faq{background:linear-gradient(180deg,#fff0cc,#fffce9 70%)}
.m-wrap .faq{background:#fffce9;border-radius:34px;padding:24px 26px;box-shadow:0 4px 14px rgba(146,146,146,.12);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.m-wrap .faq .q{height:auto;font-size:17px;line-height:1.3;letter-spacing:-.02em;color:#693611;width:100%;display:flex;align-items:center;min-height:26px}
.m-wrap .faq .a{font-size:15.5px;line-height:1.45;letter-spacing:-.02em;color:#aa6a3b;width:100%}
.m .faq:not(.u153).is-closed .a{margin-top:-14px}
/* ---- CTA ---- */
.m-wrap .m-cta{background:#fffce9;padding-bottom:64px}
.m-wrap .m-cta .m-head h2{font-size:clamp(32px,9vw,42px)}
.m-wrap .m-cta-card{margin-top:30px;background:#fff1cc;border-radius:40px;padding:30px 24px 32px;box-shadow:0 4px 14px rgba(146,146,146,.12);display:flex;flex-direction:column;align-items:center;gap:26px;text-align:center}
.m-wrap .m-cta-card p{font-size:17px;line-height:1.5;letter-spacing:-.02em;color:#693611}
.m-wrap .m-cta-card .c1{color:#e7ab35}.m-cta-card .c2{color:#9e6200}
/* ---- rodapé ---- */
.m-wrap .m-foot{background:#4b3321}
.m-wrap .m-foot-in{padding:38px 24px 34px;display:flex;flex-direction:column;gap:28px}
.m-wrap .m-foot-in>div p{margin-top:12px;font-size:16px;color:#fffbe8}
.m-wrap .m-foot nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;font-size:16px;color:#fffbe8}
.m-wrap .m-foot a{color:inherit;text-decoration:none}
.m-wrap .m-foot-end{background:#fffce9;padding:16px 24px;font-size:13.5px;line-height:1.4;letter-spacing:-.02em;color:#693611;text-align:center}

/* ---- pop-up: versão fluida para celular ---- */
.m .modal-dialog{width:min(calc(100vw - 24px),440px);max-height:calc(100dvh - 24px);overflow:auto;transform:translate(-50%,-47%);border-radius:28px}
.m .modal.is-open .modal-dialog{transform:translate(-50%,-50%)}
.m .modal-body{width:100%;padding:26px 20px 24px;gap:18px}
.m .modal-logo{width:128px;height:auto}
.m .modal-x{width:54px;height:54px}.m .modal-x svg{width:36px;height:36px}
.m .modal-tabs{margin-bottom:0}
.m .lead-form{gap:18px}
.m .fld{padding:12px 18px;gap:10px}
.m .fld label{font-size:16px;line-height:20px}
.m .fld input{font-size:16px;line-height:22px}
.m .pets{padding:14px 18px;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:12px}
.m .pets-t{font-size:16px}
.m .opt .box{width:26px;height:24px}.m .opt input{width:26px;height:24px}
.m .opt .box::after{width:13px;height:13px}
.m .opt .lbl{font-size:14px;line-height:1.2;white-space:normal}
.m .modal-btns{margin-top:6px;width:100%}
.m .m-cancel{font-size:17px;line-height:30px;padding:9px 20px}
.m .m-send{flex:1;justify-content:center;padding:9px 20px}
.m .m-send-t{font-size:19px;line-height:30px}
.m .ok-t{font-size:24px;line-height:30px}.m .ok-d{font-size:16px}

}