.hero{min-height:650px;grid-template-columns:minmax(430px,.9fr) minmax(620px,1.1fr);padding:68px max(4.3vw,calc((100vw - 1780px)/2));background:radial-gradient(circle at 81% 27%,#ffe94c 0 8%,transparent 31%),linear-gradient(106deg,#ad0617 0%,#ee161f 47%,#ff8c18 74%,#ffd53a 100%)}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-80px;height:170px;background:radial-gradient(ellipse at 5% 65%,#82a91c 0 7%,transparent 8%),radial-gradient(ellipse at 20% 70%,#bfdb40 0 8%,transparent 9%),radial-gradient(ellipse at 50% 65%,#638f13 0 8%,transparent 9%),radial-gradient(ellipse at 96% 55%,#277d20 0 10%,transparent 11%);filter:blur(11px);z-index:8;pointer-events:none}.hero-content{position:relative;z-index:10;max-width:710px}.hero-content h1{font-size:clamp(58px,5.5vw,96px);line-height:.96;letter-spacing:-3px}.hero-content h1 .highlight{color:#ffe100;position:relative}.hero-content h1 .highlight:after{content:"";position:absolute;height:8px;left:4%;right:-1%;bottom:-9px;border-radius:50%;background:#ffd800;transform:rotate(-3deg)}.hero-content>p{font-size:clamp(16px,1.25vw,22px);max-width:650px;line-height:1.48}.hero .cta-button{width:min(470px,100%);border-radius:40px;padding:17px 17px 17px 27px;background:linear-gradient(#ffe83f,#ffc000);box-shadow:0 8px 0 #c57400,0 17px 35px #62000855;color:#623500;font-size:18px}.hero-benefits{margin-top:60px}.hero-image{position:absolute;z-index:4;right:0;top:0;width:65%;height:100%;pointer-events:none}.hero-logo-real{position:absolute;left:2%;top:3%;width:53%;height:82%;z-index:3;display:grid;place-items:center;filter:drop-shadow(0 24px 25px #76000a70)}.hero-logo-real:before{content:"";position:absolute;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e71822 0 57%,#fff 58% 62%,#c10b17 63% 69%,transparent 70%);box-shadow:0 0 65px #fff14377;z-index:-1}.hero-logo-real img{width:100%;height:100%;object-fit:contain}.hortifruti{position:absolute;filter:drop-shadow(0 20px 18px #5f310055)}.hortifruti.cesta{right:-2%;bottom:-5%;width:55%;z-index:6}.hortifruti.alface{right:26%;top:20%;width:31%;z-index:4}.hortifruti.abacate{left:33%;top:4%;width:19%;z-index:7;transform:rotate(8deg)}.hortifruti.laranja{right:32%;bottom:-2%;width:19%;z-index:7}.hero-bg-elements{opacity:.6}.leaf{background:#65a726}@media(max-width:1200px){.hero{grid-template-columns:1fr 1fr}.hero-content h1{font-size:64px}.hero-image{width:60%}.hero-logo-real{left:-2%;width:56%}.hero-benefits{margin-top:45px}.hortifruti.cesta{width:60%}}@media(max-width:780px){.hero{display:block;min-height:720px;padding:45px 22px 170px;background:linear-gradient(155deg,#ae0616 0%,#e91820 59%,#ff9b19 100%)}.hero-content{width:100%;max-width:530px}.hero-content h1{font-size:51px;line-height:1}.hero-content>p{font-size:14px;max-width:430px}.hero .cta-button{font-size:14px;width:320px;padding:14px 13px 14px 20px}.hero-image{top:34%;width:100%;height:55%;opacity:.92}.hero-logo-real{left:24%;top:-2%;width:48%;height:64%}.hortifruti.cesta{right:-7%;width:58%;bottom:-17%}.hortifruti.alface{right:38%;top:45%;width:34%}.hortifruti.abacate{left:58%;top:1%;width:23%}.hortifruti.laranja{right:59%;bottom:-12%;width:25%}.hero-benefits{position:absolute;left:15px;right:15px;bottom:22px;margin:0;z-index:12}.hero-benefits .benefit{font-size:10px}.hero:after{height:80px;bottom:-35px}}
.hero-content{justify-self:start;margin-left:0}.hero-image{left:0;right:auto;width:100%;z-index:2}.hero-logo-real{left:50%;top:-13%;width:58%;height:122%;z-index:1;transform:translateX(-50%);opacity:.94;filter:drop-shadow(0 28px 28px #76000a55)}.hero-logo-real:before{display:none}@media(max-width:1200px){.hero-image{width:100%}.hero-logo-real{left:53%;top:-7%;width:62%;height:112%}}@media(max-width:780px){.hero-image{left:0;top:29%;width:100%;height:57%;opacity:.86}.hero-logo-real{left:62%;top:-4%;width:75%;height:100%;transform:translateX(-50%)}.hero-content{position:relative;z-index:10}}
@media(min-width:1201px){.hero-content{justify-self:center;margin-left:clamp(140px,13vw,260px);max-width:620px}.hero-logo-real{left:76%;top:9%;width:30%;height:81%;opacity:.96}}
@media(min-width:781px) and (max-width:1200px){.hero-content{justify-self:center;margin-left:100px;max-width:540px}.hero-logo-real{left:76%;top:9%;width:34%;height:81%}}
@media(max-width:780px){.hero-content{margin-left:0}.hero-logo-real{left:70%;top:2%;width:62%;height:88%}}
@media(min-width:1201px){.hero{display:block;min-height:540px;padding-top:48px;padding-bottom:38px}.hero-content{width:620px;max-width:620px;margin-left:clamp(130px,13.5vw,270px)}.hero-content h1{font-size:70px;line-height:.98}.hero-content>p{font-size:16px;max-width:600px}.hero .cta-button{margin-top:25px}.hero-benefits{margin-top:38px}.hero-logo-real{left:68%;top:-6%;width:28%;height:84%}}
@media(min-width:781px) and (max-width:1200px){.hero{display:block;min-height:520px;padding:45px 35px}.hero-content{width:540px;max-width:54%;margin-left:2vw}.hero-content h1{font-size:58px}.hero-benefits{margin-top:35px}.hero-logo-real{left:68%;top:-3%;width:34%;height:78%}}
@media(max-width:780px){.hero{display:block;min-height:610px;padding:34px 18px 115px}.hero-content{width:100%;max-width:100%;margin:0}.hero-content h1{font-size:45px;line-height:1;letter-spacing:-1.5px}.hero-content>p{font-size:13px;max-width:92%}.hero .cta-button{margin-top:20px;width:290px}.hero-image{left:0;top:40%;width:100%;height:40%;opacity:.9}.hero-logo-real{left:72%;top:-5%;width:57%;height:100%}.hero-benefits{left:12px;right:12px;bottom:17px}.hero:after{height:65px}}
@media(min-width:1201px){.hero-content{transform:translateX(-440px)}}
@media(min-width:781px) and (max-width:1200px){.hero-content{transform:translateX(-170px)}}
@media(max-width:780px){.hero-content{transform:none}}
body{overflow-x:hidden}main{overflow:visible}.hero{overflow:visible}.topo{position:sticky;z-index:30}.hero-image{overflow:visible}
@media(min-width:1201px){.hero-logo-real{top:-4%}}
@media(min-width:781px) and (max-width:1200px){.hero-logo-real{top:-4%}}
.folhas-3d{position:absolute;z-index:35;pointer-events:none;left:68%;top:-4%;width:28%;height:84%;transform:translateX(-50%);clip-path:polygon(49% 0,60% 0,61% 4.8%,48% 4.8%)}.folhas-3d img{width:100%;height:100%;object-fit:contain}
@media(min-width:781px) and (max-width:1200px){.folhas-3d{left:68%;top:-4%;width:34%;height:78%}}
@media(max-width:780px){.hero-logo-real{top:-4%}.folhas-3d{display:none}}

/* Cabecalho mobile em duas linhas para evitar sobreposicoes. */
@media(max-width:780px){
  .topo{height:auto;min-height:112px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:56px 42px;align-items:center;gap:6px 10px;padding:7px 12px 9px}
  .marca{grid-column:1;grid-row:1;width:72px;height:54px}
  body .topo .carrinho-topo{display:flex!important;position:absolute!important;top:15px!important;right:12px!important;left:auto!important;bottom:auto!important;z-index:50!important;visibility:visible!important;opacity:1!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;clip-path:none!important;min-height:40px;padding:7px 9px 7px 13px;gap:8px;font-size:12px;white-space:nowrap}
  body .topo .carrinho-topo span{display:inline!important}
  .carrinho-topo strong{height:25px;min-width:25px;padding:4px}
  .busca{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:42px;padding:0 14px}
  .busca input{min-width:0;font-size:14px}
  .hero{min-height:680px;padding:28px 16px 40px}
  .hero-content{display:flex;flex-direction:column;min-width:0}
  .hero-content h1{font-size:clamp(36px,11.5vw,45px)}
  .selo{display:inline-flex!important;align-self:flex-start;width:max-content!important;max-width:100%}
  .hero-content>p{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;white-space:normal!important;overflow-wrap:anywhere}
  .hero .cta-button{width:min(100%,320px)}
  .hero-benefits{position:static!important;display:flex!important;align-items:center;justify-content:space-between;width:min(100%,360px);margin:32px 0 0!important;gap:8px}
  .benefit{min-width:0;gap:6px}
  .benefit-icon{font-size:20px}
  .benefit-text{font-size:9px;line-height:1.25}
  .benefit-divider{height:34px}
  .hero-image{top:57%;height:38%}
  .hero-logo-real{left:62%;top:0;width:72%;height:100%}
}

@media(max-width:420px){
  .topo{grid-template-columns:64px minmax(0,1fr) auto;padding-inline:10px}
  .marca{width:64px;height:50px}
  .carrinho-topo span{font-size:11px}
  .hero{min-height:660px;padding-top:24px}
  .hero-content h1{font-size:clamp(34px,10.8vw,41px)}
}

/* Ajuste vertical para notebooks e monitores de 17 polegadas (1366x768). */
@media(min-width:1201px) and (max-width:1500px) and (max-height:850px){
  .topo{height:80px;padding-top:6px;padding-bottom:6px}
  .marca{width:150px;height:66px}
  .hero{min-height:470px;padding-top:34px;padding-bottom:28px}
  .hero-content h1{font-size:60px}
  .hero-content>p{font-size:14px;max-width:570px}
  .hero .cta-button{margin-top:20px;padding-top:15px;padding-bottom:15px}
  .hero-benefits{margin-top:28px}
  .hero-logo-real{top:-4%;height:84%}
  .folhas-3d{top:-4%;height:84%}
}