/* ============ BIZZU GOURMET — sistema visual compartilhado ============ */
:root{
  /* cantos: um padrão só para todas as telas */
  --r-botao:100px;--r-campo:10px;--r-foto:8px;--r-card:12px;--r-modal:16px;
  --verde:#334D33; --verde-fundo:#22301F; --verde-claro:#4A6547;
  --creme:#F6EADC; --offwhite:#EEEDE9; --papel:#FFFDF9;
  --texto:#2A3628; --texto2:#5C6957; --borda:#DEDCD2;
  --serif:'Playfair Display',Georgia,serif; --sans:'Poppins',-apple-system,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);font-weight:300;background:var(--offwhite);color:var(--texto);line-height:1.72;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- NAV ---------- */
nav.bz{position:fixed;top:0;left:0;right:0;z-index:70;padding:24px 46px;display:flex;justify-content:space-between;align-items:center;transition:padding .5s var(--ease),background .5s var(--ease),box-shadow .5s var(--ease)}
nav.bz.solid,nav.bz.fixa{background:rgba(51,77,51,.97);backdrop-filter:blur(14px);padding:15px 46px;box-shadow:0 1px 0 rgba(246,234,220,.14)}
nav.bz .marca img{height:32px;transition:height .5s var(--ease)}
nav.bz.solid .marca img,nav.bz.fixa .marca img{height:26px}
nav.bz ul{display:flex;gap:26px;list-style:none;align-items:center}
nav.bz ul a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(246,234,220,.86);font-weight:400;position:relative;padding-bottom:3px;transition:color .4s}
nav.bz ul a:hover{color:var(--creme)}
nav.bz ul a::after{content:'';position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--creme);transition:width .55s var(--ease)}
nav.bz ul a:hover::after,nav.bz ul a[aria-current]::after{width:100%}
nav.bz ul a[aria-current]{color:var(--creme)}
nav.bz .btn-nav{border:1px solid rgba(246,234,220,.55);padding:11px 22px!important;border-radius:100px;color:var(--creme)}
nav.bz .btn-nav::after{display:none!important}
nav.bz .btn-nav:hover{background:var(--creme);color:var(--verde)}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;z-index:80}
.burger i{display:block;width:24px;height:1px;background:var(--creme);transition:.4s var(--ease)}
@media(max-width:1100px){
  nav.bz{padding:16px 22px}nav.bz.solid,nav.bz.fixa{padding:13px 22px}
  /* altura explicita: o backdrop-filter da nav vira bloco de contencao do fixed e o inset:0 sozinho daria 52px, deixando o menu fechado vazar por cima da pagina */
  nav.bz ul{position:fixed;inset:0;height:100vh;height:100dvh;background:var(--verde);flex-direction:column;justify-content:center;gap:26px;transform:translateY(-100%);transition:transform .7s var(--ease)}
  nav.bz ul.open{transform:none}
  nav.bz ul a{font-size:15px;letter-spacing:.16em}
  .burger{display:flex}
}

/* ---------- BASE ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 46px}
@media(max-width:700px){.wrap{padding:0 22px}}
section{position:relative}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.005em}
h2{font-size:clamp(29px,4.1vw,50px);line-height:1.16}
h2 em,h1 em,h3 em{font-style:italic}
.lead{font-size:clamp(14px,1.5vw,16.5px);font-weight:300;line-height:1.85;max-width:56ch;color:#4A5548}
.on-dark .lead{color:rgba(246,234,220,.82)}
.eyebrow{font-size:10px;letter-spacing:.38em;text-transform:uppercase;font-weight:500;color:var(--verde-claro);display:flex;align-items:center;gap:14px;margin-bottom:26px}
.eyebrow::before{content:'';width:34px;height:1px;background:currentColor;opacity:.55}
.on-dark .eyebrow{color:rgba(246,234,220,.72)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--verde);color:var(--creme);padding:16px 38px;border-radius:100px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;transition:transform .6s var(--ease),box-shadow .6s var(--ease),background .4s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(34,48,31,.24)}
.btn.creme{background:var(--creme);color:var(--verde)}
.btn.ghost{background:transparent;border:1px solid var(--borda);color:var(--verde)}
.btn.ghost:hover{background:#fff;border-color:var(--verde)}
.on-dark .btn.ghost{border-color:rgba(246,234,220,.5);color:var(--creme)}
.on-dark .btn.ghost:hover{background:var(--creme);color:var(--verde)}

/* ---------- REVEAL ---------- */
.r{opacity:0;transform:translateY(30px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.r.in{opacity:1;transform:none}
.r2{transition-delay:.13s}.r3{transition-delay:.26s}.r4{transition-delay:.39s}.r5{transition-delay:.52s}
.reveal-line{overflow:hidden;display:block}
.reveal-line>*{display:block;transform:translateY(105%);opacity:0;animation:sobe 1.5s var(--ease) forwards}
@keyframes sobe{to{transform:none;opacity:1}}

/* ---------- HERO ---------- */
.hero{position:relative;overflow:hidden;display:grid;place-items:center;background:var(--verde-fundo);height:100svh;min-height:600px}
.hero.md{height:76svh;min-height:480px}
/* celular: a tela inteira deixava o banner em 9:16 e escondia a foto — aqui ele fica mais baixo e mais claro */
@media(max-width:700px){
  .hero{height:auto;aspect-ratio:4/5;min-height:480px;max-height:78svh}
  .hero.md{aspect-ratio:auto;height:min(100vw,62svh);min-height:360px;max-height:62svh}
  .hero::after{background:linear-gradient(180deg,rgba(34,48,31,.5) 0%,rgba(34,48,31,.26) 32%,rgba(34,48,31,.42) 62%,rgba(34,48,31,.8) 100%)}
  .hero h1 img{height:min(132px,17vh)!important}
  .hero .sub{font-size:13px;max-width:34ch}
  /* no celular o "Role" só apertava o texto contra o contador do carrossel */
  .hero .scroll-cue{display:none}
  .hero .car-conta{bottom:14px}
}
.hero-bg{position:absolute;inset:-2%;background-size:cover;background-position:center 58%;animation:ken 28s ease-in-out infinite alternate;filter:saturate(.9) brightness(.92);will-change:transform}
@keyframes ken{from{transform:scale(1.04)}to{transform:scale(1.16) translate(-1.2%,-1.5%)}}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,48,31,.74) 0%,rgba(34,48,31,.5) 24%,rgba(34,48,31,.62) 50%,rgba(34,48,31,.74) 74%,rgba(34,48,31,.9) 100%)}
.hero-txt{position:relative;z-index:3;text-align:center;color:var(--creme);padding:0 24px;max-width:1000px}
.hero .kicker{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.9vw,32px);animation-delay:.25s}
.hero h1{text-shadow:0 2px 40px rgba(20,30,18,.35);font-size:clamp(40px,8.4vw,108px);line-height:.98;letter-spacing:.045em;text-transform:uppercase;margin:8px 0 24px;animation-delay:.42s}
.hero.md h1{font-size:clamp(34px,6.2vw,74px);text-transform:none;letter-spacing:.005em;line-height:1.08}
.hero .sub{text-shadow:0 1px 22px rgba(20,30,18,.6);font-size:clamp(13px,1.45vw,16px);font-weight:300;max-width:58ch;margin:0 auto;opacity:.95;animation-delay:.6s}
.hero .cta-wrap{animation-delay:.78s;margin-top:34px}
.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;color:var(--creme);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:sobe 1.4s var(--ease) 1.4s forwards}
.scroll-cue i{width:1px;height:52px;background:linear-gradient(var(--creme),transparent);display:block;animation:cue 2.6s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.25;transform:scaleY(.55);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
.scroll-cue span{font-size:9px;letter-spacing:.3em;text-transform:uppercase;opacity:.8}

/* ---------- BLOCOS ---------- */
.manifesto{padding:clamp(90px,13vw,160px) 0;text-align:center}
.manifesto h2{max-width:20ch;margin:0 auto;line-height:1.28}
.selo-div{width:40px;margin:0 auto 32px;opacity:.85}

.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,92px);align-items:center;padding:clamp(76px,10vw,132px) 0}
.split.rev .txt{order:2}
.split .foto{position:relative;overflow:hidden;border-radius:var(--r-card);aspect-ratio:1/1}
.split .foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--ease)}
.split .foto.in img{transform:scale(1)}
@media(max-width:860px){.split{grid-template-columns:1fr;padding:64px 0}.split.rev .txt{order:0}}

.faixa{position:relative;overflow:hidden;height:clamp(300px,46vw,540px)}
.faixa img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 2s var(--ease)}
.faixa.in img{transform:scale(1)}
.faixa .cita{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px;background:linear-gradient(rgba(34,48,31,.42),rgba(34,48,31,.62))}
.faixa .cita p{font-family:var(--serif);font-style:italic;color:var(--creme);font-size:clamp(21px,3.4vw,40px);line-height:1.36;max-width:22ch;text-shadow:0 2px 30px rgba(20,30,18,.4)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.card-exp{position:relative;overflow:hidden;border-radius:var(--r-card);aspect-ratio:4/5;display:block}
.card-exp img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--ease);filter:saturate(.94)}
.card-exp:hover img{transform:scale(1.07)}
.card-exp::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(34,48,31,.88) 0%,rgba(34,48,31,.14) 54%,transparent 100%)}
.card-exp .cap{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;color:var(--creme);transition:transform .9s var(--ease)}
.card-exp:hover .cap{transform:translateY(-6px)}
.card-exp .cap h3{font-size:23px;line-height:1.2;margin-bottom:7px}
.card-exp .cap p{font-size:12px;font-weight:200;opacity:0;max-height:0;transition:opacity .7s var(--ease),max-height .7s var(--ease)}
.card-exp:hover .cap p{opacity:.88;max-height:80px}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}

.passos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,5vw,66px);margin-top:62px}
.passo{border-top:1px solid rgba(51,77,51,.22);padding-top:26px}
.on-dark .passo{border-color:rgba(246,234,220,.28)}
.passo .num{font-family:var(--serif);font-size:15px;letter-spacing:.2em;color:var(--verde-claro);margin-bottom:16px;display:block}
.on-dark .passo .num{color:rgba(246,234,220,.7)}
.passo h3{font-size:clamp(19px,2.2vw,25px);margin-bottom:11px;line-height:1.25}
.passo p{font-size:13.5px;color:var(--texto2);line-height:1.8}
.on-dark .passo p{color:rgba(246,234,220,.78)}
@media(max-width:800px){.passos-grid{grid-template-columns:1fr;gap:32px}}

.depo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;align-items:stretch}
@media(max-width:1000px){.depo-grid{grid-template-columns:1fr 1fr}}
.depo-card{display:flex;flex-direction:column;background:rgba(246,234,220,.055);border:1px solid rgba(246,234,220,.15);border-radius:var(--r-card);padding:clamp(28px,3.4vw,42px);transition:background .7s var(--ease),transform .7s var(--ease)}
.depo-card:hover{background:rgba(246,234,220,.09);transform:translateY(-4px)}
.depo-card .estrelas{letter-spacing:.28em;font-size:12px;opacity:.75;margin-bottom:18px}
.depo-card blockquote{flex:1;font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.8vw,20px);line-height:1.6;margin-bottom:22px;
  display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}
.depo-card cite{font-style:normal;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.66}
/* selo com a nota do Perfil da Empresa no Google */
.selo-google{display:inline-flex;align-items:center;gap:15px;margin-top:28px;padding:12px 24px;border:1px solid rgba(246,234,220,.28);border-radius:100px;transition:background .5s var(--ease),border-color .5s var(--ease)}
.selo-google:hover{background:rgba(246,234,220,.09);border-color:rgba(246,234,220,.5)}
.selo-google b{font-family:var(--serif);font-size:23px;font-weight:400;line-height:1}
.selo-google i{font-style:normal;font-size:11px;letter-spacing:.2em;opacity:.8}
.selo-google span{font-size:11.5px;font-weight:200;opacity:.82}
@media(max-width:560px){.selo-google{gap:11px;padding:11px 17px;flex-wrap:wrap;justify-content:center}}
@media(max-width:700px){.depo-grid{grid-template-columns:1fr}}
/* ---- banners promocionais e topo da loja (encomendas) ---- */
.loja-topo{max-width:1320px;margin:0 auto;padding:clamp(86px,11vw,120px) 46px 6px}
.loja-topo h1{font-size:clamp(30px,4.4vw,50px);line-height:1.1}
.loja-topo p{font-size:15px;color:var(--texto2);line-height:1.7;max-width:56ch;margin-top:10px}
.banners{max-width:1320px;margin:18px auto 0;padding:0 46px;display:grid;gap:14px}
.bn{position:relative;overflow:hidden;border-radius:var(--r-card);display:flex;align-items:center;gap:22px;padding:26px 30px;color:var(--creme);background:var(--verde);min-height:132px}
.bn.creme{background:var(--papel);color:var(--texto);border:1px solid var(--borda)}
.bn.escuro{background:var(--verde-fundo)}
.bn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.bn .bn-tx{position:relative;z-index:2;max-width:62ch}
.bn h2{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.6vw,30px);line-height:1.18}
.bn p{font-size:14px;line-height:1.65;margin-top:7px;opacity:.92}
.bn .btn{position:relative;z-index:2;margin-left:auto;flex:none}
.bn.creme img{opacity:.3}
@media(max-width:840px){.loja-topo{padding:84px 22px 4px}.banners{padding:0 22px}
  .bn{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.bn .btn{margin-left:0}}
.cat-banner{margin:6px 0 18px}
/* banner com foto: a foto inteira de um lado, o texto do outro (antes a foto ficava atrás do texto, apagada e cortada numa faixa) */
.bn.bn-foto{padding:0;gap:0;align-items:stretch;min-height:0}
.bn-foto .bn-ft{flex:0 0 52%;aspect-ratio:3/2;overflow:hidden;background:rgba(0,0,0,.06)}
.bn-foto .bn-ft img{position:static;display:block;width:100%;height:100%;object-fit:cover;opacity:1}
.bn-foto .bn-lado{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:clamp(26px,3.4vw,48px)}
.bn-foto .bn-lado .btn{margin-left:0}
.bn-foto h2{font-size:clamp(24px,2.8vw,36px)}
@media(max-width:840px){.bn.bn-foto{flex-direction:column;padding:0;gap:0}
  .bn-foto .bn-ft{flex:none;width:100%;aspect-ratio:4/3}
  .bn-foto .bn-lado{padding:22px;gap:14px}}

.marquee{overflow:hidden;padding:clamp(60px,8vw,100px) 0}
.mq-track{display:flex;gap:16px;width:max-content;animation:mq 56s linear infinite}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
/* todas do mesmo tamanho: a faixa ficava irregular porque cada foto tinha a sua proporção */
.mq-track img{height:clamp(190px,21vw,280px);aspect-ratio:4/3;width:auto;object-fit:cover;border-radius:var(--r-card);filter:saturate(.96);flex:none}

.mosaico{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:52px}
.mosaico img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-card);aspect-ratio:1/1;transition:transform 1.3s var(--ease),filter .8s}
.mosaico a{overflow:hidden;border-radius:var(--r-card);display:block}
.mosaico a:hover img{transform:scale(1.07)}
.mosaico .g{grid-column:span 2;grid-row:span 2}
.mosaico .g img{aspect-ratio:1/1}
@media(max-width:760px){.mosaico{grid-template-columns:repeat(2,1fr)}.mosaico .g{grid-column:span 2;grid-row:auto}}

.final{background:var(--verde);color:var(--creme);padding:clamp(90px,13vw,160px) 0;text-align:center;position:relative;overflow:hidden}
.final .brilho{position:absolute;width:60vw;height:60vw;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(246,234,220,.09) 0%,transparent 62%);animation:pulso 9s ease-in-out infinite}
@keyframes pulso{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.75}50%{transform:translate(-50%,-50%) scale(1.16);opacity:1}}
.final .wrap{position:relative;z-index:2}
.final h2{max-width:22ch;margin:0 auto 24px}
.final .lead{margin:0 auto 30px;text-align:center}

/* FAQ */
/* galeria de fotos do post e botão de WhatsApp no fim do texto */
.post-galeria{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,1.4vw,16px);margin:34px 0 8px}
.post-galeria figure{margin:0;border-radius:var(--r-card);overflow:hidden;background:#E6E4DB}
.post-galeria img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.post-galeria figure:only-child{grid-column:1/-1}
.post-galeria figure:only-child img{aspect-ratio:16/9}
@media(max-width:620px){.post-galeria{grid-template-columns:1fr}}
.post-zap{margin-top:40px;padding:26px 28px;border-radius:var(--r-card);background:var(--creme);
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.post-zap p{margin:0;font-family:var(--serif);font-size:clamp(17px,2vw,21px);line-height:1.4;color:var(--verde);max-width:34ch}
.post-zap .btn{flex:none}
/* mentoria 2026 — para quem é, seleção e investimento */
.ment-quem{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,58px);margin-top:clamp(44px,6vw,72px)}
.ment-quem h3{font-family:var(--serif);font-weight:400;font-size:clamp(19px,2.2vw,23px);margin-bottom:6px}
.ment-sel{margin-top:clamp(44px,6vw,72px);padding-top:clamp(30px,4vw,44px);border-top:1px solid rgba(246,234,220,.22)}
.ment-sel h3{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.4vw,26px);margin-bottom:14px}
.ment-sel p{font-size:clamp(14.5px,1.6vw,16px);line-height:1.85;max-width:62ch;opacity:.9}
.ment-marcas{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px}
.ment-marcas span{border:1px solid rgba(246,234,220,.34);border-radius:100px;padding:8px 16px;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase}
.ment-marcas span.forte{background:var(--creme);color:var(--verde);border-color:var(--creme)}
.ment-ass{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:clamp(15px,1.8vw,18px);opacity:.85}
@media(max-width:700px){.ment-quem{grid-template-columns:1fr;gap:28px}}
/* formulário da mentoria: marcar até 2 e confirmar */
.edu-passo{font-size:13px;line-height:1.7;color:var(--texto2);margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--borda)}
.edu-rot{display:block;font-size:12.5px;line-height:1.6;margin-bottom:10px;color:var(--texto)}
.edu-rot em{font-style:normal;color:var(--texto2);font-size:11.5px}
.edu-cks{display:grid;gap:9px;min-width:0}
.edu-ck{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.55;cursor:pointer;min-width:0}
.edu-ck input{margin:2px 0 0;flex:none;width:auto}
.edu-ck span{min-width:0;overflow-wrap:anywhere}
.edu-ciente{margin-top:20px;padding-top:16px;border-top:1px solid var(--borda)}
/* lista com check — presentes corporativos, mentoria */
.lista-check{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}
.lista-check li{position:relative;padding-left:32px;font-size:clamp(14.5px,1.6vw,16px);line-height:1.7;color:#404C3E}
.lista-check li::before{content:'';position:absolute;left:5px;top:.5em;width:11px;height:6px;
  border-left:1.6px solid var(--verde-claro);border-bottom:1.6px solid var(--verde-claro);transform:rotate(-45deg)}
.on-dark .lista-check li{color:rgba(246,234,220,.9)}
.on-dark .lista-check li::before{border-color:var(--creme)}
.lista-nao li::before{border:0;width:12px;height:1.6px;background:#B0736B;top:.85em;transform:none}
.faq{max-width:74ch;margin:44px auto 0}
details{border-bottom:1px solid var(--borda);padding:16px 0}
.on-dark details{border-color:rgba(246,234,220,.2)}
summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;font-family:var(--serif)}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';color:var(--verde-claro);font-size:20px;transition:transform .4s var(--ease);flex:none}
.on-dark summary::after{color:rgba(246,234,220,.7)}
details[open] summary::after{transform:rotate(45deg)}
details p{font-size:13.5px;color:var(--texto2);padding-top:12px}
.on-dark details p{color:rgba(246,234,220,.76)}

/* ---------- FOOTER ---------- */
footer.bz{background:var(--verde-fundo);color:rgba(246,234,220,.62);padding:66px 0 34px;font-size:12px;font-weight:200}
footer.bz .top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(246,234,220,.13)}
footer.bz img{height:44px;opacity:.9;width:auto}
footer.bz .col b{display:block;font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(246,234,220,.5);margin-bottom:14px;font-weight:500}
footer.bz .col a{display:block;padding:4px 0;transition:color .4s}
footer.bz .col a:hover{color:var(--creme)}
footer.bz .bot{padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:10.5px;letter-spacing:.1em}
@media(max-width:760px){footer.bz .top{grid-template-columns:1fr;gap:28px}}

/* whatsapp */
.wpp{position:fixed;right:24px;bottom:24px;z-index:60;width:54px;height:54px;border-radius:50%;background:var(--verde);color:var(--creme);display:grid;place-items:center;box-shadow:0 10px 34px rgba(34,48,31,.34);transition:transform .55s var(--ease),opacity .5s}
.wpp:hover{transform:scale(1.08)}
.wpp svg{width:25px;height:25px;fill:currentColor}

@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition-duration:.01ms!important}
  .r,.reveal-line>*{opacity:1!important;transform:none!important}
}

/* ============ CARROSSEL ============ */
.carrossel{position:absolute;inset:0;overflow:hidden}
.carrossel .sl{position:absolute;inset:0;opacity:0;transition:opacity 1.6s var(--ease)}
.carrossel .sl.on{opacity:1}
.carrossel .sl img,.carrossel .sl .bg{width:100%;height:100%;object-fit:cover;display:block}
.carrossel .sl.on img,.carrossel .sl.on .bg{animation:kenslow 9s ease-out forwards}
@keyframes kenslow{from{transform:scale(1.02)}to{transform:scale(1.11)}}
.hero .carrossel .sl::after{content:'';position:absolute;inset:0}
/* setas do carrossel (no lugar das listrinhas) */
.car-nav{position:absolute;z-index:6;top:50%;transform:translateY(-50%);width:46px;height:46px;display:grid;place-items:center;
  background:none;border:0;padding:0;color:var(--creme);cursor:pointer;opacity:.88;
  transition:opacity .4s var(--ease),transform .4s var(--ease)}
.car-nav:hover{opacity:1}
.car-nav.ant:hover{transform:translate(-3px,-50%)}.car-nav.pro:hover{transform:translate(3px,-50%)}
.car-nav:focus-visible{outline:2px solid var(--creme);outline-offset:3px}
.car-nav.ant{left:20px}.car-nav.pro{right:20px}
.car-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 4px rgba(18,26,16,.55))}
.car-conta{position:absolute;z-index:6;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.2em;color:var(--creme);opacity:.75}
.hero .car-conta{bottom:30px}
.pfoto .car-nav{width:36px;height:36px}.pfoto .car-nav.ant{left:8px}.pfoto .car-nav.pro{right:8px}
.pfoto .car-nav svg{width:21px;height:21px}
.pfoto .car-conta{bottom:12px;font-size:10px}
@media(max-width:700px){.car-nav{width:40px;height:40px}.car-nav.ant{left:10px}.car-nav.pro{right:10px}}
.pontos{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:9px}
.hero .pontos{left:46px;bottom:36px;transform:none}
@media(max-width:700px){.hero .pontos{left:50%;transform:translateX(-50%);bottom:14px}}
.pontos button{width:22px;height:2px;background:rgba(246,234,220,.34);border-radius:2px;padding:0;transition:background .5s var(--ease),width .5s var(--ease)}
.pontos button.on{background:var(--creme);width:36px}

/* ============ BLOCO DE PRODUTO (home) ============ */
.produtos{padding:clamp(56px,7vw,88px) 0 clamp(64px,8vw,104px);background:var(--offwhite)}
.pbloco{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,4.4vw,64px);align-items:center;padding:clamp(26px,3.4vw,42px) 0}
.pbloco.inv .pinfo{order:2}
.pfoto{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-card);background:var(--verde-fundo)}
.pfoto .carrossel .sl img{filter:saturate(.97)}
.pinfo .para{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--verde-claro);margin-bottom:15px;display:block;font-weight:500}
.pinfo h3{font-size:clamp(28px,3.6vw,42px);line-height:1.08;margin-bottom:15px}
.pinfo p{font-size:clamp(14px,1.45vw,15.5px);color:#4A5548;line-height:1.82;max-width:40ch}
.pinfo .marcas{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 0}
.pinfo .marcas span{font-size:10.5px;letter-spacing:.06em;padding:5px 12px;border:1px solid rgba(51,77,51,.22);border-radius:100px;color:var(--verde-claro)}
.pinfo .ir{margin-top:26px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--verde);display:inline-flex;align-items:center;gap:11px;transition:gap .5s var(--ease)}
.pinfo .ir:hover{gap:18px}
.pinfo .ir i{width:24px;height:1px;background:currentColor;display:block}
@media(max-width:900px){.pbloco{grid-template-columns:1fr;gap:24px;padding:24px 0}.pbloco.inv .pinfo{order:0}.pfoto{aspect-ratio:16/11}.pinfo p{max-width:46ch}}

/* ============ BUSCA E FILTRO (encomendas) ============ */
.busca-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:1320px;margin:0 auto;padding:14px 46px 0}
.busca{flex:1;min-width:220px;position:relative;display:flex;align-items:center}
.busca svg{position:absolute;left:14px;width:15px;height:15px;stroke:var(--texto2);fill:none;stroke-width:1.6;pointer-events:none}
.busca input{width:100%;background:var(--papel);border:1px solid var(--borda);border-radius:var(--r-campo);padding:13px 16px 13px 42px;font-family:var(--sans);font-size:15px;font-weight:300;color:var(--texto);transition:border-color .4s var(--ease),box-shadow .4s var(--ease)}
.busca input:focus{outline:none;border-color:var(--verde-claro);box-shadow:0 0 0 3px rgba(74,101,71,.09)}
.busca .limpa{position:absolute;right:14px;color:var(--texto2);font-size:17px;line-height:1;display:none}
.busca .limpa.on{display:block}
.ordena{display:flex;gap:7px;align-items:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--texto2)}
.ordena select{background:var(--papel);border:1px solid var(--borda);border-radius:var(--r-campo);padding:12px 16px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--texto);cursor:pointer}
.ordena select:focus{outline:none;border-color:var(--verde-claro)}
.sem-resultado{text-align:center;padding:70px 20px;color:var(--texto2)}
.sem-resultado img{width:38px;margin:0 auto 18px;opacity:.35}
.sem-resultado b{font-family:var(--serif);font-size:23px;font-weight:400;display:block;margin-bottom:6px;color:var(--texto)}
@media(max-width:840px){.busca-bar{padding:12px 22px 0}}

/* ---- MENTORIA: turmas ---- */
.turmas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);margin-top:clamp(40px,5vw,60px)}
.turma{background:var(--papel);border:1px solid rgba(51,77,51,.14);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.turma:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(34,48,31,.1)}
.turma .tf{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--verde-fundo)}
.turma .tf img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.turma:hover .tf img{transform:scale(1.05)}
.selo-turma{position:absolute;left:16px;top:16px;background:var(--verde);color:var(--creme);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:6px 13px;border-radius:100px;font-weight:500}
.selo-turma.prox{background:rgba(255,253,249,.94);color:var(--verde-claro)}
.turma .tc{padding:clamp(24px,2.8vw,34px);display:flex;flex-direction:column;flex:1}
.turma .tk{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--verde-claro);display:block;margin-bottom:12px;font-weight:500}
.turma h3{font-size:clamp(23px,2.5vw,30px);line-height:1.12;margin-bottom:12px}
.turma p{font-size:13.5px;color:#4A5548;line-height:1.8;flex:1}
.turma .tm{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0}
.turma .tm span{font-size:10.5px;padding:5px 12px;border:1px solid rgba(51,77,51,.2);border-radius:100px;color:var(--verde-claro)}
.turma .ir{margin-top:22px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--verde);display:inline-flex;align-items:center;gap:11px;align-self:flex-start;transition:gap .5s var(--ease)}
.turma .ir:hover{gap:18px}
.turma .ir i{width:24px;height:1px;background:currentColor;display:block}
.turma .ir.prox{color:#98A093;cursor:default}
@media(max-width:840px){.turmas{grid-template-columns:1fr}}

/* ---- BLOG ---- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,34px)}
.posts.dois{grid-template-columns:repeat(2,1fr);margin-top:34px}
.post-card{display:flex;flex-direction:column;background:var(--papel);border:1px solid rgba(51,77,51,.13);border-radius:var(--r-card);overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(34,48,31,.1)}
.post-card .pf{aspect-ratio:3/2;overflow:hidden;background:var(--verde-fundo)}
.post-card .pf img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.post-card:hover .pf img{transform:scale(1.05)}
.post-card .pc{padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;flex:1}
.post-card .pk{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--verde-claro);margin-bottom:11px;font-weight:500}
.post-card h3{font-size:clamp(19px,1.9vw,23px);line-height:1.2;margin-bottom:10px}
.post-card p{font-size:12.5px;color:#4A5548;line-height:1.75;flex:1}
.post-card .ir{margin-top:18px;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--verde);display:inline-flex;align-items:center;gap:10px;align-self:flex-start;transition:gap .5s var(--ease)}
.post-card:hover .ir{gap:17px}
.post-card .ir i{width:20px;height:1px;background:currentColor;display:block}
@media(max-width:940px){.posts{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.posts,.posts.dois{grid-template-columns:1fr}}

.artigo{padding:clamp(56px,7vw,96px) 0}
.artigo .wrap{max-width:720px}
.artigo .resumo{font-family:var(--serif);font-size:clamp(19px,2.2vw,25px);line-height:1.5;color:var(--verde);padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid rgba(51,77,51,.16)}
.artigo p{font-size:clamp(15px,1.6vw,16.5px);line-height:1.95;color:#404C3E;margin-bottom:22px}
.artigo p b{font-weight:500;color:var(--texto)}
.artigo p em{font-family:var(--serif);font-style:italic}
.assina{display:flex;align-items:center;gap:15px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(51,77,51,.16)}
.assina img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 22%}
.assina b{display:block;font-family:var(--serif);font-size:16px;font-weight:400}
.assina span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-claro)}

/* ---- intro dos três formatos + peças sob encomenda ---- */
.intro-tres{max-width:760px;margin-bottom:clamp(16px,2.4vw,30px)}
.intro-tres h2{font-size:clamp(28px,3.8vw,46px);line-height:1.14;margin-bottom:22px;max-width:20ch}
.intro-tres p{font-size:clamp(15px,1.6vw,17px);line-height:1.9;color:#4A5548}
.intro-tres p b{font-weight:500;color:var(--texto)}
.pecas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,20px);margin:4px 0 clamp(20px,3vw,34px)}
.peca-card{display:block;background:var(--papel);border:1px solid rgba(51,77,51,.13);border-radius:var(--r-card);overflow:hidden;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.peca-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(34,48,31,.11)}
.peca-card .pi{aspect-ratio:1/1;overflow:hidden;background:#E6E4DB}
.peca-card .pi img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.peca-card:hover .pi img{transform:scale(1.06)}
.peca-card b{display:block;font-family:var(--serif);font-size:15px;font-weight:400;line-height:1.25;padding:14px 15px 4px}
.peca-card span{display:block;font-size:12.5px;color:var(--verde-claro);padding:0 15px 15px;font-variant-numeric:tabular-nums}
/* início: apresentação do produto, sem preço; o preço aparece na página da encomenda */
.peca-card p{font-size:12.5px;line-height:1.55;color:var(--texto2);padding:0 15px;margin:2px 0 0}
.peca-card em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-claro);padding:12px 15px 16px}
.peca-card em::after{content:' →'}
@media(max-width:600px){.peca-card em{letter-spacing:.08em;font-size:10px;white-space:nowrap}}
@media(max-width:600px){.pecas{grid-template-columns:1fr}}

/* ============ EDUCACIONAL: botões das turmas, bloco da mentoria e modal ============ */
.turma button.ir{background:none;border:0;padding:0;font-family:var(--sans);font-weight:300;line-height:1.72;text-align:left;cursor:pointer}
.turma .ir.prox{color:var(--verde-claro);cursor:pointer}
.turma .ir.prox:hover{color:var(--verde)}
.turma button.ir:focus-visible,.mentoria-bloco .btn:focus-visible,.final button.btn:focus-visible{outline:2px solid var(--verde-claro);outline-offset:4px}
.final button.btn{border:0;cursor:pointer;font-family:var(--sans)}

.mentoria-bloco{background:var(--verde-fundo);color:var(--creme);padding:clamp(80px,11vw,140px) 0}
.mentoria-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:start}
.mentoria-bloco h2{max-width:15ch}
.mentoria-txt .lead{margin-top:18px}
.mentoria-txt h2+.lead{margin-top:26px}
.mentoria-nota{display:block;margin:34px 0 18px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(246,234,220,.66)}
.mentoria-bloco .btn{border:0;font-family:var(--sans);cursor:pointer}
.mentoria-cobre-tit{display:block;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:rgba(246,234,220,.6);margin-bottom:18px;font-weight:500}
.mentoria-cobre{list-style:none;border-top:1px solid rgba(246,234,220,.24)}
.mentoria-cobre li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;row-gap:6px;padding:24px 0;border-bottom:1px solid rgba(246,234,220,.15)}
.mentoria-cobre .num{font-family:var(--serif);font-size:14px;letter-spacing:.16em;color:rgba(246,234,220,.58);padding-top:5px}
.mentoria-cobre h3{font-size:clamp(19px,2vw,23px);line-height:1.25}
.mentoria-cobre p{grid-column:2;font-size:13.5px;line-height:1.8;color:rgba(246,234,220,.76)}
@media(max-width:860px){.mentoria-grid{grid-template-columns:1fr}}

.edu-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px}
.edu-modal[hidden],.edu-modal [hidden]{display:none!important}
.edu-fundo{position:absolute;inset:0;background:rgba(21,30,19,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .4s var(--ease)}
.edu-caixa{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--papel);color:var(--texto);border-radius:var(--r-modal);box-shadow:0 30px 90px rgba(20,30,18,.35);padding:clamp(30px,4vw,46px);opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.edu-modal.on .edu-fundo{opacity:1}
.edu-modal.on .edu-caixa{opacity:1;transform:none}
html.edu-trava,html.edu-trava body{overflow:hidden}
.edu-x{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;font-size:28px;font-weight:200;line-height:1;color:var(--verde);display:grid;place-items:center;transition:background .3s}
.edu-x:hover{background:var(--offwhite)}
.edu-x:focus-visible,.edu-caixa .btn:focus-visible{outline:2px solid var(--verde-claro);outline-offset:3px}
.edu-kick{display:flex;align-items:center;gap:12px;font-size:9.5px;letter-spacing:.32em;text-transform:uppercase;font-weight:500;color:var(--verde-claro);margin-bottom:14px}
.edu-kick::before{content:'';width:28px;height:1px;background:currentColor;opacity:.55}
.edu-cab h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15;margin-bottom:10px;padding-right:34px}
.edu-cab p{font-size:13.5px;color:var(--texto2);line-height:1.75;max-width:50ch}
/* minmax(0,1fr): com 1fr puro a coluna nao encolhe abaixo do conteudo e as perguntas longas
   da aplicacao da mentoria empurravam o formulario para fora da tela no celular */
.edu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin-top:26px}
.edu-modal .campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.edu-modal .campo.full{grid-column:1/-1}
.edu-modal .campo label{font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--texto2);font-weight:400;line-height:1.5}
.edu-modal .campo label b{color:var(--verde-claro);font-weight:500}
.edu-modal .campo input,.edu-modal .campo select,.edu-modal .campo textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(51,77,51,.3);border-radius:0;color:var(--texto);font-family:var(--sans);font-size:15px;font-weight:300;padding:9px 0;transition:border-color .4s var(--ease),box-shadow .4s var(--ease);-webkit-appearance:none;appearance:none}
.edu-modal .campo select{padding-right:24px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%234A6547' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center}
.edu-modal .campo textarea{resize:vertical;min-height:72px;line-height:1.6}
.edu-modal .campo input::placeholder,.edu-modal .campo textarea::placeholder{color:#9AA394}
.edu-modal .campo input:focus,.edu-modal .campo select:focus,.edu-modal .campo textarea:focus{outline:none;border-color:var(--verde);box-shadow:0 1px 0 var(--verde)}
.edu-modal .campo.erro input,.edu-modal .campo.erro select,.edu-modal .campo.erro textarea{border-color:#A5473B;box-shadow:0 1px 0 #A5473B}
.edu-erro{margin-top:20px;font-size:13px;line-height:1.6;color:#8E3A30;background:rgba(165,71,59,.08);border-left:2px solid #A5473B;padding:10px 14px}
.edu-caixa .btn{width:100%;margin-top:26px;border:0;font-family:var(--sans);cursor:pointer}
.edu-caixa .btn[disabled]{opacity:.6;cursor:default;transform:none;box-shadow:none}
.edu-aviso{font-size:11px;color:var(--texto2);text-align:center;margin-top:12px}
.edu-ok{text-align:center;padding:26px 0 6px}
.edu-ok img{width:44px;margin:0 auto 22px;opacity:.85}
.edu-ok h3{font-size:clamp(26px,3.2vw,34px);line-height:1.15;margin-bottom:10px}
.edu-ok p{font-size:14px;color:var(--texto2);line-height:1.75;max-width:36ch;margin:0 auto}
.edu-ok .btn{width:auto;margin-top:28px}
@media(max-width:640px){
  .edu-modal{padding:0;align-items:stretch}
  .edu-caixa{max-width:none;height:100%;max-height:none;border-radius:0;padding:58px 22px calc(30px + env(safe-area-inset-bottom))}
  .edu-grid{grid-template-columns:1fr;gap:18px}
  .edu-modal .campo input,.edu-modal .campo select,.edu-modal .campo textarea{font-size:16px}
}

/* ---------- ACESSIBILIDADE E LGPD ---------- */
.pular{position:absolute;left:12px;top:-60px;z-index:200;background:var(--creme);color:var(--verde);padding:12px 20px;border-radius:100px;font-size:12px;letter-spacing:.1em;font-weight:500;transition:top .2s}
.pular:focus{top:12px;outline:3px solid var(--verde-claro);outline-offset:2px}
footer.bz .bot .leg{display:flex;gap:18px;flex-wrap:wrap}
footer.bz .bot .leg a{transition:color .4s}
footer.bz .bot .leg a:hover{color:var(--creme)}
.edu-aviso a{text-decoration:underline;text-underline-offset:2px}
.edu-ck a{text-decoration:underline;text-underline-offset:2px}

/* ---- foto até a borda da tela, texto alinhado na coluna do site (pedido da Fabíola 28/10, referência chefjuliaandrade.com.br) ----
   .split (todas as páginas) e .pbloco (Início): a foto ocupa metade da tela, sem margem nem canto arredondado;
   o texto fica do outro lado, começando na mesma linha do logo. */
@media(min-width:901px){.pbloco.inv .pfoto{order:2}.pbloco.inv .pinfo{order:1}}
.pbloco+.pecas,.pecas{margin-top:clamp(28px,3.4vw,44px)}
/* o letreiro vertical da lateral ficava por cima das fotos que agora vão até a borda */
.trilho{display:none!important}
@media(min-width:901px){
  .split,.pbloco{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);grid-template-columns:1fr 1fr;gap:0;padding:0;align-items:stretch}
  .split .foto,.pbloco .pfoto{border-radius:0;aspect-ratio:auto;height:100%;min-height:clamp(460px,74vh,780px)}
  .split .txt,.pbloco .pinfo{align-self:center;padding-top:clamp(56px,7vw,110px);padding-bottom:clamp(56px,7vw,110px)}
  .split:not(.rev) .txt,.pbloco.inv .pinfo{padding-left:max(46px,calc(50vw - 544px));padding-right:clamp(48px,6vw,96px)}
  .split.rev .txt,.pbloco:not(.inv) .pinfo{padding-right:max(46px,calc(50vw - 544px));padding-left:clamp(48px,6vw,96px)}
  .pinfo p{max-width:48ch}
  .pbloco+.pbloco{margin-top:0}
}
@media(max-width:900px){
  .split .foto,.pbloco .pfoto{border-radius:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:none}
}
/* Início: "Como a Bizzu chega até você" ocupa a largura toda — título de um lado, texto do outro */
.intro-tres{max-width:none}
@media(min-width:901px){
  .intro-tres{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:clamp(40px,6vw,96px);align-items:end;margin-bottom:clamp(36px,4.4vw,60px)}
  .intro-tres .eyebrow{grid-column:1/-1}
  .intro-tres h2{margin-bottom:0;max-width:none}
}