/*
Theme Name: Melanger Brasil Experience
Author: Melanger Brasil
Description: Jornada cinematográfica personalizada com WooCommerce.
Version: 2.1
Requires PHP: 7.4
Text Domain: melanger-brasil
*/
:root{--gold:#e9c98e;--teal:#35a998;--brown:#26150f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#1a0d09;color:white;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.mb-header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#1c0e0a}.mb-header a{text-decoration:none}.mb-header nav{display:flex;gap:18px}.mb-logo{font-weight:800;letter-spacing:.12em}.home .mb-header,.home .mb-footer{display:none}.mb-screen{position:relative;min-height:100svh;display:none;align-items:center;isolation:isolate;overflow:hidden;padding:65px clamp(24px,6vw,100px);background-color:#28150f;background-image:linear-gradient(90deg,#1b0c09dd 0%,#1b0c0988 44%,#1b0c0933 100%),url('assets/chocolate-one.webp');background-size:cover;background-position:center}.mb-screen::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 50%,transparent 20%,#180a0777 100%);pointer-events:none}.mb-screen[hidden]{display:none!important}.mb-screen.is-active{display:flex;animation:mbEnter .7s cubic-bezier(.2,.8,.2,1) both}.mb-screen.mb-leaving{display:flex;position:absolute;inset:0;width:100%;animation:mbLeave .55s ease both;pointer-events:none;z-index:4}.mb-inner{width:min(100%,1250px);margin:auto;position:relative;z-index:2}.mb-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(20px,4vw,70px)}.mb-hero-copy{max-width:660px}.mb-eyebrow{display:block;color:var(--gold);letter-spacing:.19em;font-size:.78rem;font-weight:750;margin-bottom:20px}.mb-screen h1,.mb-screen h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.65rem,5vw,5.5rem);font-weight:700;line-height:1.09;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance;text-shadow:0 3px 22px #140a09aa}.mb-screen h2{max-width:900px}.mb-screen p{font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.65;color:#f6e7d7;max-width:730px}.mb-hero .mb-subtitle{font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:500;line-height:1.5;margin-bottom:27px}.mb-btn{border:0;border-radius:8px;background:var(--teal);color:white;font-size:.92rem;letter-spacing:.025em;font-weight:800;padding:17px 24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;box-shadow:0 12px 35px #0005;transition:transform .2s,filter .2s}.mb-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.mb-btn:focus-visible,.mb-back:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.mb-trust{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:33px;padding-top:20px;border-top:1px solid #f5d8a04d;color:#f6e5cc;font-size:.84rem}.mb-trust div{max-width:170px}.mb-trust span{color:var(--gold);margin-right:5px}.mb-machine-wrap{display:flex;align-items:center;justify-content:center;min-height:480px}.mb-machine{width:100%;max-width:560px;max-height:75svh;object-fit:contain;filter:drop-shadow(0 24px 34px #0009)}.mb-machine-placeholder{min-height:390px;width:100%;border:1px dashed #f3d49b88;border-radius:20px;background:#21110d66;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:30px}.mb-machine-placeholder span{color:var(--gold);letter-spacing:.15em;font-size:.7rem}.mb-machine-placeholder strong{font-family:Georgia,serif;font-size:1.55rem}.mb-machine-placeholder small{color:#e4cdb4;line-height:1.6}.mb-authority{background-image:linear-gradient(90deg,#190b08e0,#25120b7a),url('assets/chocolate-two.webp');background-position:center bottom}.mb-demonstration{background-image:linear-gradient(90deg,#190b08e8,#26130988),url('assets/chocolate-one.webp');background-position:center top}.mb-shop{align-items:flex-start;overflow-y:auto;background-image:linear-gradient(#1d0c09ee,#24120fdb),url('assets/chocolate-two.webp');padding-top:75px}.mb-shop .mb-inner{margin:0 auto 45px}.mb-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}.mb-back{border:0;background:transparent;color:#f2d5a8;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font-size:.95rem}.mb-video{width:min(100%,680px);aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#1b0e09;border:1px solid #f2d3a366;margin-top:20px}.mb-video iframe{width:100%;height:100%;border:0}.mb-products{margin:32px 0}.mb-products ul.products{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;list-style:none;padding:0}.mb-products ul.products li.product{float:none!important;width:auto!important;margin:0!important;background:#fff!important;color:#29180f;padding:16px!important;border-radius:12px}.mb-products ul.products li.product a{color:#29180f}.mb-products ul.products li.product img{width:100%;height:auto}.mb-products .button{background:var(--teal)!important;color:white!important;padding:12px!important;border-radius:6px!important}.mb-progress{position:fixed;z-index:10;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;padding:8px 13px;border-radius:30px;background:#180c09a8}.mb-progress[hidden]{display:none!important}.mb-progress button{width:10px;height:10px;border:1px solid #f0d2a1;border-radius:50%;background:transparent;cursor:pointer}.mb-progress button[aria-current=step]{background:var(--gold)}.mb-footer{padding:25px;text-align:center;background:#160a08}.mb-footer a{margin:0 10px}@keyframes mbEnter{from{opacity:.2;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes mbLeave{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@media(max-width:800px){.mb-hero-grid{grid-template-columns:1fr}.mb-hero{padding:50px 24px}.mb-hero h1{font-size:clamp(2.3rem,9vw,4rem)}.mb-machine-wrap{min-height:220px}.mb-machine{max-height:38svh}.mb-machine-placeholder{min-height:190px}.mb-trust{gap:10px 16px}.mb-trust div{max-width:none}.mb-screen{padding:65px 24px}.mb-screen h2{font-size:clamp(2.3rem,9vw,4rem)}}@media(prefers-reduced-motion:reduce){.mb-screen.is-active,.mb-screen.mb-leaving{animation:none}html{scroll-behavior:auto}}
/* v0.3 — imagem aprovada com dois modelos Premier e selo */
.mb-machine{max-width:610px;max-height:min(78svh,760px);border-radius:10px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35))}
@media(max-width:800px){.mb-machine{max-height:40svh;max-width:100%;object-fit:contain}}

/* v0.4 — marca oficial e tipografia Cinzel / Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
body,.mb-btn,.mb-trust,.mb-subtitle{font-family:'Montserrat',Arial,sans-serif}
.mb-screen h1,.mb-screen h2{font-family:'Cinzel',Georgia,serif;letter-spacing:-.035em}
.mb-hero-logo{display:block;width:clamp(145px,17vw,220px);height:auto;max-height:150px;object-fit:contain;object-position:left center;margin:0 0 16px;filter:drop-shadow(0 4px 12px #0007)}
.mb-header .mb-logo img{display:block;width:120px;height:auto;max-height:75px;object-fit:contain}
.mb-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
.mb-machine-wrap{min-height:540px}
.mb-machine{max-width:720px;max-height:82svh}
@media(max-width:800px){.mb-hero-logo{width:145px;max-height:105px}.mb-machine-wrap{min-height:220px}.mb-machine{max-height:39svh}}

/* v0.5 — composição sem cartões brancos, logo transparente e fontes */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
.mb-hero{padding-block:clamp(24px,4vh,45px)}
.mb-hero-grid{width:min(100%,1480px);grid-template-columns:minmax(0,.96fr) minmax(0,1.12fr);gap:clamp(8px,2vw,35px)}
.mb-hero-copy{position:relative;z-index:3}
.mb-hero-logo{width:clamp(115px,12vw,170px);max-height:112px;margin:0 0 12px;object-fit:contain;object-position:left}
.mb-hero h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(2.1rem,3.75vw,4.55rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:22px}
.mb-hero .mb-subtitle{font-family:'Montserrat',sans-serif;font-size:clamp(1rem,1.2vw,1.28rem);line-height:1.55}
.mb-machine-wrap{min-height:0;position:relative;margin-right:clamp(-40px,-3vw,-8px)}
.mb-machine{width:115%;max-width:none;max-height:90svh;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 28px 26px #0c0302a0)}
.mb-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-family:'Montserrat',sans-serif}
.mb-trust div{max-width:none}
@media(max-width:800px){.mb-hero-grid{grid-template-columns:1fr}.mb-hero-logo{width:120px;max-height:90px}.mb-hero h1{font-size:clamp(1.9rem,8vw,3.3rem)}.mb-machine-wrap{margin:0;min-height:0}.mb-machine{width:100%;max-height:40svh}.mb-trust{font-size:.7rem;gap:8px}.mb-hero{padding:30px 20px}}

/* v0.6 — composição premium: texto editável e fotografia separada */
.mb-hero{padding:clamp(22px,3.5vh,45px) clamp(24px,4.5vw,76px);background-image:linear-gradient(90deg,rgba(22,6,2,.87) 0%,rgba(33,10,4,.55) 42%,rgba(45,12,4,.10) 100%),url('assets/chocolate-one.webp');background-position:center center}
.mb-hero-grid{width:min(100%,1540px);grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:0}
.mb-hero-copy{z-index:3;padding:12px 0}
.mb-hero-logo{width:clamp(145px,17vw,230px);max-height:145px;margin-bottom:clamp(12px,2vh,25px);object-fit:contain;object-position:left center}
.mb-hero h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(2.05rem,3.55vw,4.45rem);line-height:1.15;letter-spacing:-.028em;font-weight:700;text-transform:uppercase;text-shadow:0 5px 22px #120603;margin-bottom:18px}
.mb-hero h1 em{font-style:normal;color:#f4c45f;display:inline}
.mb-hero .mb-subtitle{font-family:'Montserrat',Arial,sans-serif;font-size:clamp(.95rem,1.12vw,1.19rem);font-weight:500;line-height:1.5;margin:0 0 24px;max-width:590px;color:#fff4e8}
.mb-hero .mb-btn{font-family:'Montserrat',sans-serif;font-size:clamp(.76rem,1vw,1rem);background:linear-gradient(180deg,#20b49e,#008575);border:2px solid #e8b95c;border-radius:50px;box-shadow:0 0 0 3px #25100866,0 10px 25px #090201aa;padding:17px clamp(20px,2.3vw,36px);white-space:nowrap}
.mb-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:620px;border-top:1px solid #d7a847;margin-top:30px;padding-top:22px}
.mb-trust div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 10px;border-right:1px solid #bc873e8c;font-family:'Montserrat',sans-serif;font-size:.85rem;line-height:1.25;color:white}
.mb-trust div:last-child{border-right:0}
.mb-trust strong{font-size:clamp(.72rem,.9vw,.98rem);font-weight:700}
.mb-trust small{font-size:clamp(.66rem,.8vw,.85rem);margin-top:3px}
.mb-trust .mb-benefit-icon{font-size:1.8rem;color:#f5bf51;margin:0 0 7px;font-weight:600;line-height:1}
.mb-machine-wrap{position:relative;min-width:0;min-height:0;margin:0 -5vw 0 -2vw;align-self:stretch;display:flex;align-items:center;justify-content:center}
.mb-machine{display:block;width:116%;max-width:none;max-height:92svh;height:auto;object-fit:contain;filter:drop-shadow(0 28px 24px #160503b0);border:0!important;border-radius:0!important;background:transparent!important}
@media(min-width:1000px) and (max-height:760px){.mb-hero h1{font-size:clamp(2rem,3.2vw,3.8rem)}.mb-hero-logo{max-height:95px;width:150px}.mb-machine{max-height:86svh}.mb-trust{margin-top:18px;padding-top:14px}}
@media(max-width:800px){.mb-hero{padding:25px 20px 35px;min-height:100svh;overflow-y:auto}.mb-hero-grid{grid-template-columns:1fr;gap:0}.mb-hero-logo{width:140px;max-height:90px;margin-bottom:12px}.mb-hero h1{font-size:clamp(1.65rem,7.4vw,3.3rem);line-height:1.16}.mb-hero .mb-subtitle{font-size:.92rem;margin-bottom:17px}.mb-hero .mb-btn{font-size:.73rem;padding:14px 18px}.mb-machine-wrap{grid-row:2;margin:-4px -12px 0;min-height:0}.mb-machine{width:100%;max-height:36svh}.mb-trust{margin-top:20px;padding-top:14px}.mb-trust div{padding:0 5px}.mb-trust .mb-benefit-icon{font-size:1.25rem}.mb-trust strong{font-size:.65rem}.mb-trust small{font-size:.62rem}}

/* v0.7: fotografia original preservada; remoção apenas do fundo externo conectado */
.mb-machine{filter:drop-shadow(0 18px 22px rgba(15,4,2,.45));}
.mb-machine-wrap{overflow:visible}
.mb-hero h1{font-size:clamp(2.15rem,3.35vw,4.3rem)}
.mb-hero-logo{max-height:120px;width:clamp(150px,15vw,205px)}
@media(max-width:800px){.mb-hero-logo{max-height:90px;width:135px}.mb-machine{max-height:38svh}}

/* v0.7 image corrected with natural stainless-steel detail, no destructive white keying */
.mb-machine{width:118%;max-height:92svh;object-fit:contain;filter:none}

/* v0.8 — imagem fornecida pela cliente, sem filtros ou distorções */
.mb-machine-wrap { overflow: visible; }
.mb-machine { display:block; width:118%; height:auto !important; aspect-ratio:1 / 1; object-fit:contain !important; max-height:min(88svh,900px); filter:drop-shadow(0 18px 26px rgba(0,0,0,.35)); transform:none !important; }
@media(max-width:800px){.mb-machine{width:100%;height:auto !important;max-height:42svh;aspect-ratio:1 / 1;object-fit:contain !important}}

/* v0.9 — primeira dobra branca, ondas de chocolate e fotografia ORIGINAL */
:root{--gold:#c3943e;--teal:#078d80;--brown:#321d16}
.mb-hero{background-color:#fff;background-image:url('assets/chocolate-white.webp');background-position:center center;background-size:cover;color:#321d16;padding:clamp(24px,3.5vh,50px) clamp(24px,5vw,90px)}
.mb-hero::after{background:linear-gradient(90deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.35) 43%,transparent 75%)}
.mb-hero-grid{grid-template-columns:minmax(0,0.98fr) minmax(0,1.02fr);gap:clamp(6px,1.5vw,22px)}
.mb-hero-copy{max-width:650px}
.mb-hero-logo{width:clamp(145px,15vw,200px);max-height:120px;margin-bottom:clamp(10px,2vh,20px);filter:none}
.mb-hero h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(2.2rem,3.45vw,3.65rem);font-weight:700;line-height:1.12;letter-spacing:-.028em;text-shadow:none;color:#301b13;margin-bottom:20px}
.mb-hero h1 em{color:#c3943e}
.mb-hero .mb-subtitle{font-family:'Montserrat',Arial,sans-serif;font-size:clamp(1rem,1.25vw,1.22rem);line-height:1.55;color:#3d281e;max-width:540px;font-weight:500;margin-bottom:24px}
.mb-hero .mb-btn{min-height:56px;border:2px solid #c99a45;border-radius:32px;background:linear-gradient(180deg,#1db6a5,#008477);box-shadow:0 5px 14px #27150e33;color:white;font-family:'Montserrat',sans-serif;font-weight:750;font-size:clamp(.8rem,1vw,1rem);padding:14px 27px}
.mb-trust{border-top:1px solid #cda965;max-width:600px;margin-top:27px;padding-top:20px}
.mb-trust div{color:#38251b;border-right:1px solid #cda965;font-size:.8rem}
.mb-trust .mb-benefit-icon{color:#b88735;font-size:1.6rem}
.mb-machine-wrap{margin:0 -4vw 0 -2vw;min-width:0;align-self:center;min-height:0}
.mb-machine{width:112%;height:auto!important;max-width:none;max-height:82svh;aspect-ratio:1/1;object-fit:contain!important;filter:none!important;border-radius:0!important;box-shadow:none!important;mix-blend-mode:multiply}
@media(max-width:800px){.mb-hero{padding:25px 22px 35px;background-position:center center;overflow-y:auto}.mb-hero-grid{grid-template-columns:1fr;gap:8px}.mb-hero-logo{width:135px;max-height:92px}.mb-hero h1{font-size:clamp(1.85rem,7vw,2.9rem);margin-bottom:13px}.mb-hero .mb-subtitle{font-size:.95rem;margin-bottom:18px}.mb-hero .mb-btn{font-size:.78rem;padding:13px 18px;min-height:52px;white-space:normal}.mb-machine-wrap{margin:0 -12px}.mb-machine{width:100%;max-height:38svh}.mb-trust{margin-top:18px;padding-top:14px}.mb-trust div{font-size:.7rem}}

/* v1.0 — manter fundo original e fotografia integral, sem blend ou remoção de branco */
.mb-hero{background-image:url('assets/chocolate-white.webp')!important;background-color:#fff!important;background-size:cover!important;background-position:center center!important}
.mb-hero::after{background:none!important}
.mb-machine{mix-blend-mode:normal!important;opacity:1!important;filter:none!important;object-fit:contain!important;aspect-ratio:auto!important;width:112%!important;height:auto!important;max-height:82svh!important;transform:none!important}
.mb-machine-wrap{isolation:isolate;overflow:visible}
.mb-trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;width:100%;max-width:600px;padding-top:18px!important;align-items:start}
.mb-trust>div{display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;max-width:none!important;padding:0 12px!important;margin:0!important;border-right:1px solid #d4b679!important;color:#352218!important;font-family:'Montserrat',sans-serif!important}
.mb-trust>div:last-child{border-right:0!important}
.mb-trust .mb-benefit-icon{display:flex!important;align-items:center;justify-content:center;margin:0 0 8px!important;color:#bb8d37!important;font-size:initial!important}
.mb-trust .mb-benefit-icon svg{width:29px;height:29px;display:block}
.mb-trust strong,.mb-trust small{display:block!important;color:#352218!important;font-family:'Montserrat',sans-serif!important;line-height:1.35!important;letter-spacing:0!important}
.mb-trust strong{font-size:clamp(.7rem,.92vw,.85rem)!important;font-weight:700!important}
.mb-trust small{font-size:clamp(.67rem,.82vw,.78rem)!important;font-weight:500!important;margin-top:2px!important}
@media(max-width:800px){.mb-machine{width:100%!important;max-height:38svh!important}.mb-trust>div{padding:0 5px!important}.mb-trust .mb-benefit-icon svg{width:24px;height:24px}.mb-trust strong{font-size:.65rem!important}.mb-trust small{font-size:.61rem!important}}

/* v1.1: arte aprovada pixel-fiel no desktop, CTA real; mobile em HTML responsivo */
.mb-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mb-hero-art{display:none}
@media(min-width:801px){
 .mb-screen.mb-hero{padding:0!important;background:#fff!important;align-items:center!important;justify-content:center!important;min-height:100svh!important}
 .mb-hero>.mb-inner{display:none!important}
 .mb-hero-art{display:block;position:relative;z-index:2;width:min(100vw,177.802svh);aspect-ratio:1650/928;max-height:100svh;overflow:hidden;background:#fff}
 .mb-hero-art-img{display:block;width:100%;height:100%;object-fit:fill}
 .mb-hero-art-cta{position:absolute;left:5.6%;top:65.5%;width:39%;height:10.5%;border:0;background:transparent;cursor:pointer;border-radius:60px}
 .mb-hero-art-cta:hover{box-shadow:0 0 0 3px rgba(3,133,116,.4)}
 .mb-hero-art-cta:focus-visible{outline:4px solid #087f72;outline-offset:3px}
}
@media(max-width:800px){.mb-hero-art{display:none!important}.mb-hero>.mb-inner{display:grid!important}.mb-hero{background-image:url('assets/chocolate-white.webp')!important}}


/* v1.2 — hero responsivo sem zoom/corte, inclusive no personalizador WordPress */
@media (min-width:801px) {
  html,body {max-width:100%;overflow-x:hidden}
  .mb-experience {width:100%;max-width:100%;min-width:0}
  .mb-screen.mb-hero {
    box-sizing:border-box!important;position:relative!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:100svh!important;min-height:0!important;padding:0!important;margin:0!important;
    overflow:hidden!important;background:#fff!important;background-image:none!important;
  }
  .mb-screen.mb-hero::before,.mb-screen.mb-hero::after {display:none!important;content:none!important}
  .mb-hero-art {
    display:block!important;position:relative!important;flex:0 1 auto!important;
    width:min(100%, 177.87234svh)!important;max-width:100%!important;
    height:auto!important;max-height:100svh!important;aspect-ratio:1672 / 940!important;
    margin:auto!important;overflow:hidden!important;background:#fff!important;
  }
  .mb-hero-art-img {display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;max-width:100%!important}
  .mb-hero-art-cta {left:5.4%!important;top:65%!important;width:39.3%!important;height:10.7%!important;z-index:5!important}
  .mb-hero>.mb-inner {display:none!important}
}
@media (max-width:800px) {
  .mb-screen.mb-hero {height:auto!important;min-height:100svh!important;overflow-y:auto!important}
  .mb-hero-art {display:none!important}
}


/* v1.3 — correção definitiva do enquadramento da arte aprovada.
   O contêiner segue a proporção exata do arquivo (1672 x 940),
   limitado simultaneamente pela largura E altura da viewport. */
@media (min-width:801px) {
  .mb-screen.mb-hero.is-active {
    display:flex!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#fff!important;
    animation:none!important;
  }
  .mb-hero-art {
    position:relative!important;
    display:block!important;
    flex:none!important;
    box-sizing:border-box!important;
    width:min(100%, calc(100dvh * 1672 / 940))!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100dvh!important;
    aspect-ratio:1672 / 940!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .mb-hero-art-img {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:fill!important;
    transform:none!important;
  }
  .mb-hero-art-cta {
    position:absolute!important;
    left:5.5%!important;
    top:65.4%!important;
    width:39.2%!important;
    height:9.2%!important;
    z-index:10!important;
  }
}
/* Permite que o preview do Personalizador se ajuste ao iframe, sem herdar largura fixa. */
html,body,.mb-experience {max-width:100%;min-width:0}


/* v1.6 — isolated stages; hero v1.3 deliberately unchanged */
.mb-screen.mb-authority,.mb-screen.mb-offer{background:#fff url('assets/chocolate-white.webp') center/cover no-repeat!important;color:#50392f!important;padding:24px clamp(20px,3vw,48px)!important;height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;align-items:center!important}
.mb-screen.mb-authority::after,.mb-screen.mb-offer::after{content:none!important;display:none!important}
.mb-authority .mb-stage-inner,.mb-offer .mb-stage-inner{width:100%!important;max-width:1220px!important;margin:auto!important;display:grid!important;align-items:center!important;gap:clamp(24px,4vw,60px)!important;min-height:0!important;padding:0!important}
.mb-authority .mb-authority-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.mb-offer .mb-offer-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important}
.mb-authority .mb-stage-copy,.mb-offer .mb-offer-copy{min-width:0!important;max-width:none!important;background:rgba(255,255,255,.94)!important;border-radius:14px!important;padding:clamp(14px,2vw,28px)!important;box-shadow:none!important}
.mb-authority .mb-stage-copy{display:flex!important;flex-direction:column!important;gap:0!important}
.mb-authority .mb-eyebrow,.mb-offer .mb-eyebrow{font:700 11px Montserrat,Arial,sans-serif!important;letter-spacing:.17em!important;color:#9c793d!important;margin-bottom:10px!important}
.mb-authority h2,.mb-offer h2{font-family:Cinzel,Georgia,serif!important;font-size:clamp(26px,2.6vw,42px)!important;line-height:1.17!important;font-weight:700!important;letter-spacing:-.02em!important;color:#50392f!important;text-shadow:none!important;margin:0 0 16px!important}
.mb-authority p,.mb-offer p{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(12px,1vw,15px)!important;line-height:1.48!important;color:#50392f!important;margin:0 0 10px!important}
.mb-authority .mb-stage-lead{font-weight:700!important;font-size:clamp(15px,1.35vw,19px)!important}
.mb-authority .mb-stage-closer{font-weight:800!important;color:#50392f!important;margin-top:8px!important}
.mb-authority .mb-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:12px!important}
.mb-authority .mb-authority-media{display:block!important;width:100%!important;min-width:0!important;align-self:center!important}
.mb-authority .mb-video-frame{display:block!important;width:100%!important;aspect-ratio:16/9!important;border-radius:14px!important;overflow:hidden!important;background:#2b1711!important;box-shadow:0 15px 38px #3a251b33!important}
.mb-authority .mb-video-frame iframe{display:block!important;width:100%!important;height:100%!important;border:0!important}
.mb-authority .mb-media-caption{display:block!important;text-align:center!important;margin-top:12px!important;font:700 11px Montserrat,Arial,sans-serif!important;color:#876944!important;letter-spacing:.12em!important}
.mb-offer .mb-offer-photo{min-width:0!important;width:100%!important;height:min(67dvh,580px)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:rgba(255,255,255,.9)!important;border-radius:14px!important}
.mb-offer .mb-offer-photo img{display:block!important;position:static!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;mix-blend-mode:normal!important}
.mb-offer .mb-offer-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}
.mb-offer .mb-offer-copy h2{margin:0!important}
.mb-offer .mb-offer-price{font:700 clamp(25px,3vw,40px) Montserrat,Arial,sans-serif!important;color:#50392f!important}
.mb-offer .mb-offer-price del{display:block!important;font-size:.55em!important;opacity:.6!important}.mb-offer .mb-offer-price ins{text-decoration:none!important}
.mb-offer .mb-offer-note{font-weight:700!important;color:#078d80!important}
.mb-screen.mb-authority .mb-btn,.mb-screen.mb-offer .mb-btn{font:700 15px Montserrat,Arial,sans-serif!important;min-height:56px!important;background:#078d80!important;color:#fff!important;border:2px solid #d9af5d!important;border-radius:12px!important;box-shadow:none!important;padding:12px 22px!important}
.mb-screen.mb-authority .mb-back,.mb-screen.mb-offer .mb-back{color:#50392f!important;font:500 13px Montserrat,Arial,sans-serif!important}
@media(max-width:800px){.mb-screen.mb-authority,.mb-screen.mb-offer{height:auto!important;min-height:100dvh!important;padding:22px 16px 65px!important;overflow-y:auto!important}.mb-authority .mb-authority-layout,.mb-offer .mb-offer-layout{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}.mb-authority h2,.mb-offer h2{font-size:clamp(27px,7vw,36px)!important}.mb-authority .mb-stage-copy,.mb-offer .mb-offer-copy{padding:15px!important}.mb-offer .mb-offer-photo{height:38dvh!important}.mb-authority .mb-authority-media{grid-row:2!important}}

/* v1.7 — second and third folds, clean white central area; no white cards */
.mb-screen.mb-authority,.mb-screen.mb-offer{background-color:#fff!important;background-image:url('assets/chocolate-white.webp')!important;background-size:100% 100%!important;background-position:center!important;overflow:hidden!important;padding:clamp(28px,5vh,60px) clamp(38px,5vw,84px)!important}
.mb-authority .mb-stage-inner,.mb-offer .mb-stage-inner{max-width:1250px!important;gap:clamp(28px,4vw,68px)!important}
.mb-authority .mb-stage-copy,.mb-offer .mb-offer-copy{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.mb-authority .mb-stage-copy{padding:0!important}
.mb-authority h2{font-size:clamp(27px,2.55vw,43px)!important;line-height:1.18!important}
.mb-authority p{font-size:clamp(12px,.98vw,15px)!important;line-height:1.48!important}
.mb-authority .mb-video-frame{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;aspect-ratio:16/9!important;overflow:hidden!important}
.mb-authority .mb-video-frame iframe{border:0!important;border-radius:0!important;box-shadow:none!important}
.mb-authority .mb-media-caption{display:none!important}
.mb-offer .mb-offer-photo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;height:min(66dvh,570px)!important;overflow:visible!important}
.mb-offer .mb-offer-photo img{object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply!important}
.mb-offer .mb-offer-copy{background:transparent!important;padding:0!important}
.mb-screen.mb-authority .mb-btn,.mb-screen.mb-offer .mb-btn{border-radius:12px!important}
@media(max-width:800px){.mb-screen.mb-authority,.mb-screen.mb-offer{height:auto!important;min-height:100dvh!important;overflow-y:auto!important;padding:65px 22px 75px!important;background-size:cover!important}.mb-authority .mb-authority-layout,.mb-offer .mb-offer-layout{gap:20px!important}.mb-authority .mb-video-frame{width:100%!important}.mb-offer .mb-offer-photo{height:38dvh!important}}

/* v1.8: design lock for second and third screens. First fold untouched. */
@media(min-width:801px){
.mb-screen.mb-authority,.mb-screen.mb-offer{padding:clamp(32px,5.5vh,64px) clamp(34px,4.2vw,78px)!important;background:#fff url('assets/chocolate-white.webp') center center/100% 100% no-repeat!important;overflow:hidden!important}
.mb-authority .mb-stage-inner,.mb-offer .mb-stage-inner{width:100%!important;max-width:1320px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:clamp(22px,3.2vw,52px)!important;align-items:center!important}
.mb-authority .mb-stage-copy,.mb-offer .mb-offer-copy{background:none!important;box-shadow:none!important;border:none!important;padding:0!important}
.mb-authority .mb-authority-media{min-width:0!important;width:100%!important;align-self:center!important}
.mb-authority .mb-video-frame{position:relative!important;width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.mb-authority .mb-video-frame iframe{position:absolute!important;inset:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;max-width:none!important;border:0!important;border-radius:0!important}
.mb-authority h2{font-family:Cinzel,Georgia,serif!important;font-size:clamp(27px,2.45vw,42px)!important}
.mb-authority p{font-family:Montserrat,Arial,sans-serif!important;font-size:clamp(12px,.98vw,15px)!important}
.mb-authority .mb-actions{margin-top:12px!important}
.mb-offer .mb-offer-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}
.mb-offer .mb-offer-photo{width:100%!important;height:min(66dvh,560px)!important;background:transparent!important;overflow:hidden!important;border:0!important;border-radius:0!important}
.mb-offer .mb-offer-photo img{width:100%!important;height:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;transform:none!important}
}
@media(max-width:800px){
.mb-authority .mb-video-frame{border-radius:0!important;box-shadow:none!important;border:0!important;aspect-ratio:16/9!important}
.mb-authority .mb-video-frame iframe{border:0!important;border-radius:0!important}
.mb-offer .mb-offer-photo img{object-fit:contain!important;mix-blend-mode:multiply!important}
}

/* v1.9 — ajuste pontual solicitado; primeira dobra intocada */
@media (min-width:801px) {
  .mb-screen.mb-authority,.mb-screen.mb-offer {
    background-size:100% 126%!important;
    background-position:center center!important;
    padding:clamp(24px,3.5vh,42px) clamp(34px,4vw,68px)!important;
  }
  .mb-authority .mb-stage-inner {grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr)!important;gap:clamp(22px,2.5vw,42px)!important;}
  .mb-authority .mb-video-frame {width:100%!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#fff!important;}
  .mb-authority .mb-video-frame iframe {inset:-9%!important;width:118%!important;height:118%!important;max-width:none!important;border:0!important;}
  .mb-offer .mb-offer-layout {grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr)!important;gap:clamp(18px,2vw,36px)!important;}
  .mb-offer .mb-offer-photo {height:min(85dvh,760px)!important;overflow:visible!important;align-self:end!important;position:relative!important;z-index:1!important;}
  .mb-offer .mb-offer-photo img {width:114%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center bottom!important;mix-blend-mode:multiply!important;}
  .mb-offer .mb-offer-copy {position:relative!important;z-index:4!important;}
  .mb-screen.mb-offer::before {content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:url('assets/chocolate-white.webp') center center/100% 126% no-repeat!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 73%,#000 93%)!important;mask-image:linear-gradient(to bottom,transparent 0%,transparent 73%,#000 93%)!important;}
}
@media(max-width:800px){
 .mb-screen.mb-authority,.mb-screen.mb-offer{background-size:100% 116%!important}
 .mb-authority .mb-video-frame{overflow:hidden!important;background:#fff!important}
 .mb-authority .mb-video-frame iframe{position:absolute!important;inset:-9%!important;width:118%!important;height:118%!important;max-width:none!important}
 .mb-offer .mb-offer-photo{height:47dvh!important}
}

/* v2.0 — clean layout; previous hero image/CTA preserved */
.mb-screen.mb-authority,.mb-screen.mb-offer{background:#fff!important;background-image:none!important;overflow:hidden!important;isolation:isolate!important;}
.mb-screen.mb-authority::before,.mb-screen.mb-authority::after{content:none!important;display:none!important;}
.mb-authority .mb-stage-inner{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;max-width:1260px!important;gap:clamp(28px,4vw,72px)!important;padding:45px 0 24px!important;}
.mb-authority .mb-stage-copy{padding:0!important;background:none!important;position:relative!important;z-index:3!important;}
.mb-authority .mb-authority-media{display:flex!important;justify-content:center!important;align-items:center!important;height:min(73dvh,660px)!important;min-height:0!important;}
.mb-authority .mb-video-frame.mb-video-portrait{position:relative!important;width:min(100%,430px)!important;height:100%!important;aspect-ratio:9/16!important;overflow:hidden!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;}
/* Cover portrait region with video frames, eliminating black bars from landscape source. */
.mb-authority .mb-video-frame.mb-video-portrait iframe{position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;width:calc(min(73dvh,660px) * 16 / 9)!important;height:100%!important;max-width:none!important;transform:translate(-50%,-50%)!important;border:0!important;}
.mb-screen.mb-offer{background:#fff!important;}
.mb-screen.mb-offer::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background:url('assets/chocolate-white.webp') center center/100% 100% no-repeat!important;opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;pointer-events:none!important;}
.mb-screen.mb-offer::after{content:none!important;display:none!important;}
.mb-offer .mb-stage-inner{position:relative!important;z-index:2!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)!important;gap:clamp(25px,3vw,55px)!important;}
.mb-offer .mb-offer-photo{position:relative!important;z-index:3!important;height:min(82dvh,720px)!important;overflow:visible!important;background:transparent!important;}
.mb-offer .mb-offer-photo img{width:110%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;mix-blend-mode:normal!important;opacity:1!important;filter:none!important;transform:none!important;}
.mb-offer .mb-offer-copy{position:relative!important;z-index:4!important;}
.mb-stage-official-logo{position:absolute!important;z-index:15!important;right:clamp(20px,3vw,54px)!important;top:clamp(12px,2vh,24px)!important;width:clamp(92px,11vw,150px)!important;height:auto!important;max-height:78px!important;object-fit:contain!important;pointer-events:none!important;}
.mb-hero>.mb-stage-official-logo{width:clamp(80px,9vw,130px)!important;max-height:65px!important;top:12px!important;right:16px!important;}
.mb-screen.mb-shop{position:relative!important;}
@media(max-width:800px){
 .mb-screen.mb-authority,.mb-screen.mb-offer{overflow-y:auto!important;min-height:100dvh!important;height:auto!important;padding:76px 22px 65px!important;}
 .mb-authority .mb-stage-inner,.mb-offer .mb-stage-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:22px!important;}
 .mb-authority .mb-authority-media{height:min(68dvh,550px)!important;}
 .mb-authority .mb-video-frame.mb-video-portrait{width:min(100%,310px)!important;}
 .mb-authority .mb-video-frame.mb-video-portrait iframe{width:calc(min(68dvh,550px) * 16 / 9)!important;}
 .mb-offer .mb-offer-photo{height:43dvh!important;}
 .mb-offer .mb-offer-photo img{width:100%!important;}
 .mb-stage-official-logo{top:14px!important;right:18px!important;width:95px!important;max-height:48px!important;}
}

/* v2.1 — composition refinements, preserving the approved first fold */
.mb-screen.mb-offer{background:#fff!important;isolation:isolate!important;}
.mb-screen.mb-offer::before{z-index:0!important;background:url('assets/chocolate-white.webp') center/100% 100% no-repeat!important;}
/* Only the bottom chocolate wave comes in front of the isolated product. */
.mb-screen.mb-offer::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;background:url('assets/chocolate-white.webp') center/100% 100% no-repeat!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 76%,#000 96%)!important;mask-image:linear-gradient(to bottom,transparent 0%,transparent 76%,#000 96%)!important;}
.mb-offer .mb-stage-inner{z-index:2!important;}
.mb-offer .mb-offer-photo{z-index:2!important;background:transparent!important;overflow:visible!important;}
.mb-offer .mb-offer-photo img{mix-blend-mode:normal!important;object-fit:contain!important;width:114%!important;opacity:1!important;}
.mb-offer .mb-offer-copy{z-index:5!important;max-width:410px!important;padding:12px 8px!important;}
.mb-offer .mb-offer-copy h2,.mb-offer .mb-offer-copy p,.mb-offer .mb-eyebrow{position:relative!important;z-index:5!important;}
/* White backing for the official logo, consistently placed in every non-hero fold. */
.mb-stage-official-logo{box-sizing:content-box!important;background:#fff!important;padding:9px 13px!important;border-radius:0!important;right:clamp(22px,3vw,52px)!important;top:clamp(14px,2.5vh,25px)!important;width:105px!important;max-height:82px!important;object-fit:contain!important;}
.mb-screen.mb-authority{background:#fff!important;}
@media(max-width:800px){.mb-offer .mb-offer-photo img{width:100%!important}.mb-offer .mb-offer-copy{max-width:100%!important}.mb-stage-official-logo{width:75px!important;padding:5px 8px!important}}