:root{--cream:#f7f1e8;--cream2:#fffaf4;--terr:#b85c43;--terr2:#8f4030;--brown:#3b2924;--rose:#c98f83;--olive:#74705a;--line:#e5d8ca;--white:#fff;--shadow:0 22px 60px rgba(59,41,36,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:'Work Sans',sans-serif;line-height:1.6}h1,h2,h3{font-family:'Playfair Display',serif;line-height:1.1;margin:0 0 18px}h1{font-size:clamp(2.55rem,6vw,5.3rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.025em}h3{font-size:1.45rem}p{margin:0 0 18px;color:#65544d}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:780px}.center{text-align:center}.section{padding:105px 0}.topbar{position:sticky;top:0;z-index:20;background:rgba(247,241,232,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(59,41,36,.08)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Playfair Display',serif;font-weight:700;font-size:1.55rem;color:var(--brown);text-decoration:none}.brand span{color:var(--terr)}.nav-cta{font-size:.84rem;font-weight:700;color:var(--terr2);text-decoration:none}.eyebrow{display:inline-block;color:var(--terr2);font-size:.72rem;font-weight:700;letter-spacing:.16em;margin-bottom:17px}.hero{padding-top:76px;min-height:calc(100vh - 68px);display:flex;align-items:center}.hero-grid,.split,.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.hero-copy .lead{font-size:1.15rem;max-width:650px}.hero-copy em{font-style:normal;color:var(--terr)}.hero-actions{display:flex;align-items:center;gap:22px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;border-radius:999px;background:var(--terr);color:#fff;text-decoration:none;font-weight:700;font-size:.88rem;box-shadow:0 12px 28px rgba(184,92,67,.22);transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--terr2)}.btn-outline{background:transparent;color:var(--terr2);border:1px solid var(--terr);box-shadow:none}.text-link{color:var(--brown);font-weight:600;text-decoration:none}.micro{display:flex;gap:22px;flex-wrap:wrap;font-size:.78rem;color:#796860}.micro span:before{content:'✓';color:var(--terr);margin-right:6px;font-weight:700}.hero-art{display:flex;justify-content:center}.hero-card{width:min(390px,85vw);aspect-ratio:.74;position:relative;background:#fbf5ec;border:1px solid #e7d9ca;border-radius:18px;padding:32px;box-shadow:var(--shadow);transform:rotate(1.2deg)}.mini-label{font-size:.65rem;letter-spacing:.18em;font-weight:700;color:var(--terr2)}.hero-title{font-family:'Playfair Display',serif;font-size:2rem;line-height:1.05;margin-top:22px;max-width:270px}.hero-line{height:3px;width:65px;background:var(--terr);margin:18px 0}.hero-small{font-size:.74rem;color:#75635b;max-width:220px}.hero-photo{position:absolute;left:32px;right:32px;bottom:32px;height:42%;overflow:hidden;border-radius:12px}.hero-photo img{width:100%;height:100%;object-fit:cover}.stamp,.book-badge{position:absolute;background:var(--terr);color:white;border-radius:50%;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1}.stamp{right:16px;top:45%}.stamp small,.book-badge small{font-size:.48rem;letter-spacing:.12em}.idea{background:var(--brown);color:#fff}.idea p,.idea h2{color:#fff}.idea p{font-family:'Playfair Display',serif;font-size:1.8rem}.idea strong{color:#f0b8a8}.section-head{max-width:760px;margin-bottom:42px}.pain{background:var(--cream2)}.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pain-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--cream)}.pain-grid b{color:var(--terr);font-size:.75rem}.pain-grid h3{margin-top:22px}.pain-grid p{font-size:.92rem}.solution{background:#efe3d6}.process{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;padding:30px;border:1px solid rgba(59,41,36,.1);background:rgba(255,255,255,.5);border-radius:24px}.process span{font-size:.74rem;font-weight:700;letter-spacing:.08em}.process i{font-style:normal;color:var(--terr)}.gallery{background:var(--cream2)}.section-head p{font-size:1.05rem}.carousel{position:relative}.track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 3px 18px}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 300px;scroll-snap-align:start;background:var(--cream);border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(59,41,36,.07)}.slide img{width:100%;aspect-ratio:1;display:block;object-fit:cover}.slide div{padding:17px 18px 19px}.slide b{display:block;font-family:'Playfair Display',serif;font-size:1.25rem}.slide small{color:#806e66}.arrow{position:absolute;z-index:2;top:43%;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:2rem;line-height:1;color:var(--brown);box-shadow:0 8px 22px rgba(0,0,0,.08);cursor:pointer}.prev{left:-20px}.next{right:-20px}.dots{display:flex;justify-content:center;gap:7px;margin:10px 0 24px}.dot{width:7px;height:7px;border-radius:50%;background:#d8c7ba}.dot.active{background:var(--terr);width:22px;border-radius:10px}.gallery-note{font-size:.84rem}.cost{background:var(--brown);color:#fff}.cost p{color:#dfd1c9}.cost .eyebrow{color:#e5a190}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span,.optional span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;font-size:.75rem;color:#f6e7df}.calculator-card{background:#fffaf5;color:var(--brown);padding:26px;border-radius:22px;box-shadow:var(--shadow)}.calc-top{font-size:.72rem;letter-spacing:.12em;font-weight:700;color:var(--terr2);margin-bottom:14px}.calc-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.calc-row strong{color:var(--terr2)}.calculator-card small{display:block;color:#806e66;font-size:.72rem;margin-top:10px}.bonuses{background:var(--cream2)}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bonus-card{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:30px;border-radius:22px;border:1px solid var(--line);background:#fff}.bonus-icon{width:56px;height:56px;border-radius:15px;background:#f1ded4;color:var(--terr2);display:grid;place-items:center;font-size:1.7rem}.tag{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--terr2)}.bonus-card p,.bonus-card li{font-size:.9rem}.bonus-card ul{padding-left:18px;color:#695850}.offer-preview{background:#eee0d4}.optional{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.optional span{background:var(--terr2);border:0}.offer-preview small{color:#79675f}.mockup-stack{position:relative;min-height:480px;display:flex;justify-content:center;align-items:center}.book{width:285px;height:390px;background:#e9ddd0;padding:12px;border-radius:5px 16px 16px 5px;box-shadow:25px 24px 0 #d7c5b4,35px 32px 45px rgba(59,41,36,.18);transform:rotate(-4deg);position:relative;z-index:2}.book-cover{height:100%;border-radius:4px 11px 11px 4px;background:#fbf4ea;padding:24px;position:relative;overflow:hidden;border-left:5px solid var(--terr)}.book-cover h3{font-size:1.55rem;margin-top:22px}.book-cover p{font-size:.68rem;max-width:170px}.book-img{position:absolute;left:24px;right:24px;bottom:24px;height:37%;border-radius:9px;overflow:hidden}.book-img img{width:100%;height:100%;object-fit:cover}.book-badge{width:55px;height:55px;right:12px;top:49%;font-size:.85rem}.shadow-card{position:absolute;width:235px;height:315px;border:1px solid #d6c4b5;background:#f7eee5;transform:translate(95px,18px) rotate(8deg);border-radius:6px}.offer{background:var(--cream2)}.offer-box{background:#f1e3d7;border:1px solid #e3d1c2;border-radius:30px;padding:55px}.offer-layout{display:grid;grid-template-columns:1fr 330px;gap:35px;align-items:stretch}.includes h3{font-size:1.7rem}.includes ul{padding-left:20px}.includes li{margin:14px 0}.price-card{background:var(--brown);color:#fff;border-radius:22px;padding:28px;text-align:center;display:flex;flex-direction:column;justify-content:center}.price-card span{font-size:.65rem;letter-spacing:.14em}.price{font-family:'Playfair Display',serif;font-size:3.6rem;color:#f5b5a4;margin:9px 0}.price-card p,.price-card small{color:#ddcec6}.price-card small{margin-top:12px;font-size:.7rem}.full{width:100%}.audience{background:var(--cream)}.two-col{align-items:start}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:28px;margin:14px 0;color:#66554d}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--terr);font-weight:700}.not-for{border-left:1px solid var(--line);padding-left:45px}.faq{background:var(--cream2)}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-family:'Work Sans',sans-serif;color:var(--terr)}details[open] summary:after{content:'−'}details p{max-width:700px;margin:13px 0 0;font-size:.93rem}.final{background:var(--terr2);color:#fff}.final h2,.final p{color:#fff}.final .eyebrow{color:#f1b6a5}.final .btn{background:#fff;color:var(--terr2)}.legal{display:block;margin-top:26px;color:#ead8d1;font-size:.72rem}footer{background:#2e211e;color:#cbbab2;padding:38px 0}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.footer-inner .brand{color:#fff}.footer-inner p,.footer-inner small{margin:0;color:#b9a59c;font-size:.78rem}
@media(max-width:850px){.hero-grid,.split,.two-col{grid-template-columns:1fr;gap:45px}.hero{padding-top:55px}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-wrap:wrap}.micro{justify-content:center}.pain-grid{grid-template-columns:1fr 1fr}.bonus-grid,.offer-layout{grid-template-columns:1fr}.not-for{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:35px}.mockup-stack{min-height:430px}.footer-inner{grid-template-columns:1fr;text-align:center;gap:8px}.nav-cta{font-size:.72rem}.arrow{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1120px)}.section{padding:78px 0}.nav{height:60px}.nav-cta{max-width:180px;text-align:right}.hero{min-height:auto}.hero-card{width:300px}.hero-title{font-size:1.75rem}.pain-grid{grid-template-columns:1fr}.slide{flex-basis:82vw}.process{gap:7px}.process i{display:none}.process span{background:#fff;padding:7px 9px;border-radius:999px}.offer-box{padding:32px 22px}.price{font-size:3rem}.book{width:250px;height:345px}.shadow-card{width:210px;height:280px;transform:translate(65px,18px) rotate(8deg)}}

/* ===== V5: ajustes puntuales sobre la V1 ===== */
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,250,244,.97)}
.nav{height:72px;gap:24px}
.brand-lockup{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:inherit;line-height:1;color:var(--brown);flex:0 0 auto}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start}
.brand-copy strong{font-family:'Playfair Display',serif;font-size:1.75rem;line-height:.95;color:var(--brown)}
.brand-copy small{font-family:'Work Sans',sans-serif;font-size:.61rem;font-weight:600;color:#6f5c54;margin-top:4px;white-space:nowrap}
.cup-logo{position:relative;display:inline-block;width:30px;height:34px;flex:0 0 30px;color:var(--terr2)}
.cup-logo:before{content:'';position:absolute;left:5px;right:5px;top:11px;height:18px;border:2px solid currentColor;border-radius:3px 3px 7px 7px;transform:perspective(18px) rotateX(-5deg)}
.cup-logo:after{content:'';position:absolute;left:6px;right:6px;top:8px;height:5px;border:2px solid currentColor;border-radius:8px 8px 4px 4px;background:var(--cream2)}
.cup-logo i,.cup-logo b{position:absolute;display:block;border-radius:999px;background:var(--terr)}
.cup-logo i{width:13px;height:5px;left:8px;top:1px;transform:rotate(-8deg)}
.cup-logo b{width:8px;height:4px;right:5px;top:4px;transform:rotate(18deg)}
.site-menu{display:flex;align-items:center;gap:22px;margin-left:auto}
.site-menu>a:not(.nav-cta){font-size:.77rem;font-weight:600;color:#5b4740;text-decoration:none}
.site-menu>a:not(.nav-cta):hover{color:var(--terr2)}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 22px;border-radius:999px;background:var(--brown);color:#fff;font-size:.78rem;font-weight:700;box-shadow:none;white-space:nowrap}
.menu-toggle{display:none}
.hero{padding-top:48px;min-height:auto}
.hero-reference{grid-template-columns:.92fr 1.08fr;gap:42px}
.hero-reference h1{font-size:clamp(2.5rem,4.7vw,4.25rem);max-width:600px}
.hero-reference .lead{font-size:1rem;max-width:590px}
.hero-quote{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;color:var(--brown);font-size:1.05rem;max-width:570px;margin-top:8px}
.hero-photo-reference{position:relative;display:block;overflow:hidden;border-radius:0;min-height:460px}
.hero-photo-reference>img{width:100%;height:100%;min-height:460px;object-fit:cover;object-position:center;border-radius:22px;box-shadow:var(--shadow)}
.hero-round-badge{position:absolute;right:22px;top:30px;width:128px;height:128px;border-radius:50%;background:var(--brown);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;padding:12px;box-shadow:0 14px 30px rgba(59,41,36,.24);transform:rotate(-4deg)}
.hero-round-badge strong{font-family:'Playfair Display',serif;font-size:2rem}.hero-round-badge span{font-family:'Playfair Display',serif;font-size:1rem}.hero-round-badge small{font-size:.68rem;line-height:1.15;margin-top:7px}
.mockup-real{min-height:0}.mockup-real img{width:min(100%,560px);height:auto;border-radius:18px;box-shadow:0 24px 55px rgba(59,41,36,.14)}
.dots button{border:0;padding:0;cursor:pointer}
@media(max-width:900px){
 .site-menu{gap:12px}.site-menu>a:not(.nav-cta){font-size:.7rem}.nav-cta{padding:9px 14px}.hero-reference{grid-template-columns:1fr}.hero-photo-reference{min-height:0}.hero-photo-reference>img{min-height:0;height:auto}.hero-copy{text-align:center}.hero-copy .lead,.hero-quote{margin-left:auto;margin-right:auto}.hero-actions,.micro{justify-content:center}
}
@media(max-width:700px){
 .nav{height:64px}.brand-copy strong{font-size:1.48rem}.brand-copy small{font-size:.56rem}.cup-logo{transform:scale(.9);transform-origin:left center}
 .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--brown);font-size:1.15rem;cursor:pointer;margin-left:auto}
 .site-menu{display:none;position:absolute;left:14px;right:14px;top:64px;flex-direction:column;align-items:stretch;gap:0;background:#fffaf4;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 18px 45px rgba(59,41,36,.13)}
 .site-menu.open{display:flex}.site-menu>a:not(.nav-cta){padding:10px 8px;font-size:.82rem}.site-menu .nav-cta{margin-top:6px;text-align:center}
 .hero{padding-top:34px}.hero-reference h1{font-size:clamp(2.35rem,11vw,3.5rem)}.hero-round-badge{width:102px;height:102px;right:12px;top:16px}.hero-round-badge strong{font-size:1.6rem}.hero-round-badge span{font-size:.86rem}.hero-round-badge small{font-size:.56rem}
 .mockup-real img{width:100%}
}


/* V6 — ajuste somente de HERO e MOCKUP; carrossel preservado */
.hero-bg{
  position:relative;
  isolation:isolate;
  min-height:620px;
  padding:64px 0;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#f7f1e8;
}
.hero-backdrop{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("assets/hero-dulcevaso.webp?v=6");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center right;
}
.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(247,241,232,.99) 0%,rgba(247,241,232,.95) 35%,rgba(247,241,232,.58) 56%,rgba(247,241,232,.08) 78%,rgba(247,241,232,0) 100%);
}
.hero-overlay{
  position:relative;
  width:min(1120px,calc(100% - 40px));
  min-height:490px;
  display:flex;
  align-items:center;
}
.hero-overlay .hero-copy{width:min(590px,58%);position:relative;z-index:2}
.hero-overlay h1{font-size:clamp(2.65rem,4.6vw,4.6rem);max-width:590px}
.hero-overlay .lead{font-size:1rem;max-width:550px}
.hero-overlay .hero-quote{max-width:550px}
.hero-overlay .hero-round-badge{
  position:absolute;
  right:3%;
  top:9%;
  z-index:3;
  width:124px;
  height:124px;
}
.mockup-real{
  min-height:0!important;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mockup-real img{
  display:block!important;
  width:min(100%,560px)!important;
  max-width:560px!important;
  height:auto!important;
  max-height:430px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  border-radius:18px;
  box-shadow:0 24px 55px rgba(59,41,36,.14);
}
@media(max-width:850px){
  .hero-bg{min-height:570px;padding:50px 0}
  .hero-backdrop{background-position:68% center}
  .hero-bg::after{background:linear-gradient(90deg,rgba(247,241,232,.98) 0%,rgba(247,241,232,.92) 52%,rgba(247,241,232,.38) 100%)}
  .hero-overlay{min-height:450px}
  .hero-overlay .hero-copy{width:min(610px,72%);text-align:left}
  .hero-overlay .hero-round-badge{right:2%;top:5%}
}
@media(max-width:560px){
  .hero-bg{min-height:610px;padding:48px 0 34px}
  .hero-backdrop{background-position:63% center}
  .hero-bg::after{background:linear-gradient(90deg,rgba(247,241,232,.97) 0%,rgba(247,241,232,.93) 58%,rgba(247,241,232,.65) 100%)}
  .hero-overlay{min-height:525px;align-items:flex-end}
  .hero-overlay .hero-copy{width:100%;text-align:left;background:rgba(247,241,232,.80);backdrop-filter:blur(2px);padding:18px;border-radius:18px}
  .hero-overlay h1{font-size:clamp(2.2rem,11vw,3.3rem)}
  .hero-overlay .hero-round-badge{width:92px;height:92px;right:5px;top:6px}
  .mockup-real img{max-width:100%!important;max-height:330px!important}
}

/* ===== V7: somente logo e hero mobile ===== */
.brand-lockup{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  line-height:0;
}
.brand-image{
  display:block;
  width:190px;
  max-width:100%;
  height:52px;
  object-fit:contain;
  object-position:left center;
}
.hero-mobile-media{display:none}

@media(max-width:700px){
  .brand-image{
    width:156px;
    height:46px;
  }
}

@media(max-width:560px){
  .hero-bg{
    min-height:0;
    padding:36px 0 34px;
    display:block;
    overflow:visible;
    background:#f7f1e8;
  }
  .hero-backdrop{display:none}
  .hero-bg::after{display:none}
  .hero-overlay{
    width:min(1120px,calc(100% - 28px));
    min-height:0;
    display:block;
  }
  .hero-overlay .hero-copy{
    width:100%;
    text-align:left;
    background:transparent;
    backdrop-filter:none;
    padding:0;
    border-radius:0;
  }
  .hero-overlay .hero-round-badge{display:none}
  .hero-mobile-media{
    position:relative;
    display:block;
    margin-top:26px;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(59,41,36,.12);
    background:#f2e8dc;
  }
  .hero-mobile-media img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
    object-position:72% center;
  }
  .hero-mobile-badge{
    position:absolute;
    right:14px;
    top:14px;
    width:88px;
    height:88px;
    border-radius:50%;
    background:var(--brown);
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1;
    padding:9px;
    box-shadow:0 10px 24px rgba(59,41,36,.22);
    transform:rotate(-4deg);
  }
  .hero-mobile-badge strong{
    font-family:'Playfair Display',serif;
    font-size:1.45rem;
  }
  .hero-mobile-badge span{
    font-family:'Playfair Display',serif;
    font-size:.8rem;
  }
  .hero-mobile-badge small{
    font-size:.52rem;
    line-height:1.12;
    margin-top:5px;
  }
}


/* ===== V8: ajuste fino de logo e mockup ===== */
.brand-image{
  width:232px!important;
  height:60px!important;
  max-width:none!important;
}
.mockup-real img{
  width:min(100%,680px)!important;
  max-width:680px!important;
  max-height:510px!important;
}
@media(max-width:900px){
  .mockup-real img{
    width:min(100%,620px)!important;
    max-width:620px!important;
    max-height:470px!important;
  }
}
@media(max-width:700px){
  .brand-image{
    width:178px!important;
    height:50px!important;
  }
}
@media(max-width:560px){
  .mockup-real img{
    width:100%!important;
    max-width:100%!important;
    max-height:380px!important;
  }
}


/* ===== V9: ajuste final — logo maior, mockup desktop maior, título mobile menor ===== */
@media(min-width:901px){
  .nav{height:78px}
  .brand-image{
    width:286px!important;
    height:68px!important;
  }
  .mockup-real{
    overflow:visible!important;
  }
  .mockup-real img{
    width:min(100%,720px)!important;
    max-width:720px!important;
    max-height:540px!important;
    transform:scale(1.12);
    transform-origin:center center;
  }
}
@media(min-width:701px) and (max-width:900px){
  .brand-image{
    width:245px!important;
    height:62px!important;
  }
}
@media(max-width:700px){
  .brand-image{
    width:205px!important;
    height:54px!important;
  }
}
@media(max-width:560px){
  .hero-overlay h1{
    font-size:clamp(1.95rem,9.4vw,2.75rem)!important;
    line-height:1.02;
  }
  /* mantém o mockup mobile exatamente no tamanho aprovado */
  .mockup-real img{
    width:100%!important;
    max-width:100%!important;
    max-height:380px!important;
    transform:none!important;
  }
}

/* ===== V10: logo maior + mockup mais presente + refinamento hero mobile ===== */
@media(min-width:901px){
  .nav{height:84px}
  .brand-image{
    width:330px!important;
    height:76px!important;
  }
  .offer-preview .split{
    grid-template-columns:.86fr 1.14fr;
    gap:42px;
  }
  .mockup-real{
    width:100%;
    overflow:visible!important;
  }
  .mockup-real img{
    width:100%!important;
    max-width:790px!important;
    max-height:590px!important;
    transform:none!important;
  }
}
@media(min-width:701px) and (max-width:900px){
  .brand-image{
    width:270px!important;
    height:66px!important;
  }
  .mockup-real img{
    width:min(100%,660px)!important;
    max-width:660px!important;
    max-height:500px!important;
  }
}
@media(max-width:700px){
  .brand-image{
    width:236px!important;
    height:60px!important;
  }
}
@media(max-width:560px){
  .hero-overlay h1{
    font-size:clamp(2.08rem,10.15vw,2.95rem)!important;
    line-height:1.025;
  }
  .hero-overlay .lead{
    font-size:.92rem!important;
    line-height:1.52;
  }
  .mockup-real{
    width:calc(100% + 24px)!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
  }
  .mockup-real img{
    width:100%!important;
    max-width:none!important;
    max-height:425px!important;
    transform:none!important;
  }
}
\n\n/* ===== V11: aumento final somente da logo ===== */\n@media(min-width:901px){\n  .nav{height:92px!important;}\n  .brand-image{\n    width:390px!important;\n    height:88px!important;\n    object-fit:contain!important;\n  }\n}\n@media(min-width:701px) and (max-width:900px){\n  .nav{height:80px!important;}\n  .brand-image{\n    width:315px!important;\n    height:72px!important;\n    object-fit:contain!important;\n  }\n}\n@media(max-width:700px){\n  .nav{height:74px!important;}\n  .brand-image{\n    width:272px!important;\n    height:66px!important;\n    object-fit:contain!important;\n  }\n}\n@media(max-width:390px){\n  .brand-image{\n    width:248px!important;\n    height:62px!important;\n  }\n}\n
/* ===== V12: animaciones ligeras + accesibilidad ===== */
.reveal{
  opacity:0;
  transform:translateY(42px);
  transition:opacity .92s ease, transform .92s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.reveal.is-visible{
  opacity:1;
  transform:none;
}
.reveal-left{transform:translateX(-46px)}
.reveal-right{transform:translateX(46px)}
.reveal-left.is-visible,.reveal-right.is-visible{transform:none}
.reveal-scale{transform:scale(.945);transform-origin:center}
.reveal-scale.is-visible{transform:scale(1)}
.reveal[data-delay="1"]{transition-delay:.12s}
.reveal[data-delay="2"]{transition-delay:.24s}
.reveal[data-delay="3"]{transition-delay:.36s}
.reveal[data-delay="4"]{transition-delay:.48s}
.hero-copy.hero-enter{
  animation:heroFadeUp .95s cubic-bezier(.2,.7,.2,1) both;
}
.hero-round-badge.hero-enter,
.hero-mobile-badge.hero-enter{
  animation:badgePop .85s .28s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes heroFadeUp{
  from{opacity:0;transform:translateY(34px)}
  to{opacity:1;transform:none}
}
@keyframes badgePop{
  from{opacity:0;transform:scale(.9)}
  to{opacity:1;transform:scale(1)}
}
.topbar{transition:box-shadow .25s ease,background-color .25s ease}
.topbar.scrolled{box-shadow:0 8px 24px rgba(59,41,36,.08)}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* ===== V14: hero responsive, bonos visuales, oferta y animaciones ===== */
.hero-mobile-product{display:none}
.hero-mini-mockup{display:none}

@media(min-width:901px){
  .hero-mini-mockup{
    display:block;
    position:absolute;
    z-index:4;
    left:57%;
    bottom:44px;
    width:245px;
    max-height:205px;
    object-fit:contain;
    filter:drop-shadow(0 18px 24px rgba(59,41,36,.20));
    transform:translateX(-50%) rotate(-2deg);
    pointer-events:none;
  }
}

/* Bônus: mantém o card limpo, mas mostra o produto real */
.bonus-card{position:relative;overflow:hidden;padding-bottom:178px}
.bonus-copy{min-width:0}
.bonus-product{
  position:absolute;
  bottom:15px;
  width:150px;
  max-height:155px;
  object-fit:contain;
  filter:drop-shadow(0 14px 18px rgba(59,41,36,.16));
}
.bonus-product-calc{left:24px;transform:rotate(-4deg)}
.bonus-product-menu{right:22px;transform:rotate(4deg)}
.bonus-price{display:flex;align-items:center;gap:10px;margin:-3px 0 12px;font-size:.82rem}
.bonus-price s{color:#9b857b}
.bonus-price strong{color:var(--terr2);background:#f4e4da;border-radius:999px;padding:4px 9px}

/* Oferta: ancoragem de preço e bônus inclusos */
.price-before{font-size:.9rem;color:#d8c8c0;margin-top:14px}
.price-before s{text-decoration-thickness:2px;text-decoration-color:#e8a08e}
.price-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#f2c3b6;margin-top:8px}
.included-bonuses{margin-top:24px;padding-top:18px;border-top:1px solid rgba(59,41,36,.13)}
.included-bonuses h4{font-family:'Playfair Display',serif;font-size:1.32rem;margin:0 0 13px}
.included-bonus-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:10px 0;border-top:1px solid rgba(59,41,36,.08);color:#66554d}
.included-bonus-row:first-of-type{border-top:0}
.included-bonus-price{white-space:nowrap}
.included-bonus-price s{color:#9b857b;margin-right:7px}
.included-bonus-price strong{color:var(--terr2)}

/* Animaciones V14: únicamente fade + desplazamiento vertical, deliberadamente lentas */
.reveal,
.reveal-left,
.reveal-right,
.reveal-scale{
  opacity:0!important;
  transform:translateY(34px)!important;
  transition:opacity 1.45s ease, transform 1.45s cubic-bezier(.18,.72,.24,1)!important;
  will-change:opacity,transform;
}
.reveal.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible,
.reveal-scale.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.reveal[data-delay="1"]{transition-delay:.16s!important}
.reveal[data-delay="2"]{transition-delay:.32s!important}
.reveal[data-delay="3"]{transition-delay:.48s!important}
.reveal[data-delay="4"]{transition-delay:.64s!important}
.hero-copy.hero-enter{animation:heroFadeUpV14 1.55s cubic-bezier(.18,.72,.24,1) both!important}
.hero-round-badge.hero-enter{animation:heroFadeUpV14 1.35s .25s cubic-bezier(.18,.72,.24,1) both!important}
@keyframes heroFadeUpV14{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
  .hero-bg{
    min-height:auto!important;
    padding:34px 0 42px!important;
  }
  .hero-backdrop{display:none!important}
  .hero-bg::after{display:none!important}
  .hero-overlay{min-height:0!important;display:block!important}
  .hero-overlay .hero-copy{width:100%!important;background:none!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important}
  .hero-mobile-product{
    display:block;
    margin:24px 0 24px;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(59,41,36,.11);
  }
  .hero-mobile-product img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
  .hero-round-badge{display:none!important}
  .hero-mini-mockup{display:none!important}
  .bonus-card{padding-bottom:172px}
  .bonus-product{width:138px;max-height:145px}
  .included-bonus-row{display:block}
  .included-bonus-price{display:block;margin-top:5px}
}

@media(max-width:560px){
  .hero-overlay h1{font-size:clamp(2.08rem,10.15vw,2.95rem)!important}
  .hero-overlay .lead{font-size:.9rem!important;line-height:1.5}
  .hero-mobile-product{margin-top:22px}
}

@media(prefers-reduced-motion:reduce){
  .reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important;transition:none!important}
  .hero-copy.hero-enter,.hero-round-badge.hero-enter{animation:none!important}
}


/* ===== V15: refinamientos mobile, bonos, precios y animaciones ===== */

/* Anclajes de precio más legibles */
.bonus-price s,
.included-bonus-price s,
.price-before s{
  color:#887168!important;
  text-decoration-thickness:1px!important;
  text-decoration-color:#ad6b59!important;
}
.bonus-price s{font-size:.96rem!important}
.bonus-price strong{font-size:.96rem!important;padding:5px 11px!important}
.included-bonus-price s,
.included-bonus-price strong{font-size:1rem!important}
.price-before{
  font-size:1.05rem!important;
  color:#e2d2ca!important;
  line-height:1.35;
}
.price-before s{font-size:1.08rem!important;color:#ddc9c0!important}

/* V15: movimiento uniforme, solo vertical + fade, ligeramente más rápido */
.reveal,
.reveal-left,
.reveal-right,
.reveal-scale{
  opacity:0!important;
  transform:translateY(28px)!important;
  transition:opacity 1.12s ease, transform 1.12s cubic-bezier(.18,.72,.24,1)!important;
}
.reveal.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible,
.reveal-scale.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}
.reveal[data-delay="1"]{transition-delay:.10s!important}
.reveal[data-delay="2"]{transition-delay:.20s!important}
.reveal[data-delay="3"]{transition-delay:.30s!important}
.reveal[data-delay="4"]{transition-delay:.40s!important}
.hero-copy.hero-enter{animation:heroFadeUpV15 1.18s cubic-bezier(.18,.72,.24,1) both!important}
.hero-round-badge.hero-enter{animation:heroFadeUpV15 1.08s .18s cubic-bezier(.18,.72,.24,1) both!important}
@keyframes heroFadeUpV15{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
  /* Hero mais compacto sem mudar a hierarquia headline → imagem → subheadline → CTA */
  .hero-bg{padding:24px 0 34px!important}
  .hero-overlay .eyebrow{margin-bottom:10px!important}
  .hero-overlay h1{margin-bottom:10px!important}
  .hero-mobile-product{
    width:92%;
    margin:12px auto 17px!important;
    border-radius:20px;
  }
  .hero-mobile-product img{
    width:100%;
    height:auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
  }
  .hero-overlay .lead{
    margin-top:0!important;
    margin-bottom:14px!important;
  }
  .hero-quote{margin-top:4px!important;margin-bottom:14px!important}
  .hero-actions{margin:18px 0 14px!important}
  .micro{gap:12px!important}

  /* Bônus: produto no canto superior, sem criar um rodapé vazio no card */
  .bonus-card{
    display:block!important;
    position:relative!important;
    padding:30px 28px 32px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .bonus-card .bonus-icon{display:none!important}
  .bonus-product{
    position:absolute!important;
    top:26px!important;
    bottom:auto!important;
    width:108px!important;
    max-height:132px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 16px rgba(59,41,36,.15));
  }
  .bonus-product-calc{left:24px!important;right:auto!important;transform:rotate(-4deg)!important}
  .bonus-product-menu{right:22px!important;left:auto!important;transform:rotate(4deg)!important}
  .bonus-card-calc .bonus-copy>.tag,
  .bonus-card-calc .bonus-copy>h3,
  .bonus-card-calc .bonus-copy>.bonus-price{margin-left:126px!important}
  .bonus-card-menu .bonus-copy>.tag,
  .bonus-card-menu .bonus-copy>h3,
  .bonus-card-menu .bonus-copy>.bonus-price{margin-right:126px!important}
  .bonus-card .bonus-copy>p{margin-top:24px!important}
  .bonus-card p,.bonus-card li{font-size:.9rem!important}
  .bonus-price{gap:12px!important;margin-top:2px!important;margin-bottom:10px!important}
  .bonus-price s{font-size:1rem!important}
  .bonus-price strong{font-size:1rem!important;padding:6px 12px!important}
  .included-bonus-price s,
  .included-bonus-price strong{font-size:1.04rem!important}
  .price-before{font-size:1.08rem!important;margin-top:15px!important}
  .price-before s{font-size:1.12rem!important}
}

@media(max-width:560px){
  .hero-bg{padding-top:20px!important}
  .hero-overlay .eyebrow{margin-bottom:8px!important}
  .hero-overlay h1{font-size:clamp(2.02rem,9.8vw,2.85rem)!important;line-height:1.01!important}
  .hero-mobile-product{width:90%;margin-top:10px!important;margin-bottom:15px!important}
  .hero-overlay .lead{font-size:.88rem!important;line-height:1.45!important}
}


/* ===== V16: refino final de composição desktop + headline mobile ===== */

/* Desktop: mini mockup sobe para a área central entre a headline e a sobremesa */
@media(min-width:901px){
  .hero-mini-mockup{
    left:58.2%!important;
    top:27%!important;
    bottom:auto!important;
    width:228px!important;
    max-height:190px!important;
    transform:translateX(-50%) rotate(-2deg)!important;
  }
}

/* Desktop/tablet: bônus compactos, com produto visual sobreposto ao canto superior */
@media(min-width:701px){
  .bonus-grid{align-items:stretch!important;gap:24px!important}
  .bonus-card{
    display:block!important;
    position:relative!important;
    overflow:visible!important;
    padding:34px 32px 34px!important;
    min-height:0!important;
  }
  .bonus-card .bonus-icon{display:none!important}
  .bonus-product{
    position:absolute!important;
    top:-28px!important;
    bottom:auto!important;
    width:126px!important;
    max-height:150px!important;
    object-fit:contain!important;
    filter:drop-shadow(0 13px 18px rgba(59,41,36,.16));
    z-index:3;
  }
  .bonus-product-calc{left:18px!important;right:auto!important;transform:rotate(-4deg)!important}
  .bonus-product-menu{right:18px!important;left:auto!important;transform:rotate(4deg)!important}
  .bonus-card-calc .bonus-copy>.tag,
  .bonus-card-calc .bonus-copy>h3,
  .bonus-card-calc .bonus-copy>.bonus-price{margin-left:122px!important}
  .bonus-card-menu .bonus-copy>.tag,
  .bonus-card-menu .bonus-copy>h3,
  .bonus-card-menu .bonus-copy>.bonus-price{margin-right:122px!important}
  .bonus-card .bonus-copy>p{margin-top:26px!important}
  .bonus-card ul{margin-bottom:0!important}
}

/* Mobile: devolve um pouco de respiro e aumenta levemente a headline */
@media(max-width:560px){
  .hero-overlay h1{
    font-size:clamp(2.14rem,10.45vw,2.98rem)!important;
    line-height:1.025!important;
    letter-spacing:-.038em!important;
    margin-bottom:14px!important;
  }
  .hero-mobile-product{
    width:90%!important;
    margin-top:20px!important;
    margin-bottom:17px!important;
  }
}

/* ===== V17: ajuste final solicitado ===== */
/* Remove a citação repetida no hero e aproxima o CTA da subheadline */
.hero-quote{display:none!important}
.hero-actions{margin-top:22px!important}

/* Desktop: sobe mais o mini mockup para a área central aprovada */
@media(min-width:901px){
  .hero-mini-mockup{
    top:21.5%!important;
    left:58.2%!important;
    bottom:auto!important;
  }
}

/* Mobile: mantém a hierarquia e faz o botão aparecer mais cedo */
@media(max-width:700px){
  .hero-overlay .lead{margin-bottom:10px!important}
  .hero-actions{margin:10px 0 14px!important}
}


/* ===== V18: mini mockup desktop — posição + animação ===== */
@media(min-width:901px){
  .hero-mini-mockup{
    top:12.5%!important;
    left:58.2%!important;
    bottom:auto!important;
    width:228px!important;
    max-height:190px!important;
    opacity:0;
    transform:translateX(-50%) translateY(22px) rotate(-2deg)!important;
    animation:heroMiniMockupUp 1.08s .24s cubic-bezier(.18,.72,.24,1) forwards;
    will-change:opacity,transform;
  }
}
@keyframes heroMiniMockupUp{
  from{
    opacity:0;
    transform:translateX(-50%) translateY(22px) rotate(-2deg);
  }
  to{
    opacity:1;
    transform:translateX(-50%) translateY(0) rotate(-2deg);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-mini-mockup{
    opacity:1!important;
    animation:none!important;
    transform:translateX(-50%) rotate(-2deg)!important;
  }
}


/* ===== V19: mini mockup com o mesmo movimento dos demais elementos ===== */
@media(min-width:901px){
  .hero-mini-mockup{
    animation:none!important;
    opacity:1;
  }
  .hero-mini-mockup.mini-reveal{
    opacity:0!important;
    transform:translateX(-50%) translateY(28px) rotate(-2deg)!important;
    transition:
      opacity 1.12s ease,
      transform 1.12s cubic-bezier(.18,.72,.24,1)!important;
    will-change:opacity,transform;
  }
  .hero-mini-mockup.mini-reveal.is-visible{
    opacity:1!important;
    transform:translateX(-50%) translateY(0) rotate(-2deg)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-mini-mockup.mini-reveal{
    opacity:1!important;
    transform:translateX(-50%) rotate(-2deg)!important;
    transition:none!important;
  }
}


/* ===== V20: mini mockup mais alto e levemente à esquerda ===== */
@media(min-width:901px){
  .hero-mini-mockup{
    top:7.8%!important;
    left:55.8%!important;
  }
  .hero-mini-mockup.mini-reveal{
    transform:translateX(-50%) translateY(28px) rotate(-2deg)!important;
  }
  .hero-mini-mockup.mini-reveal.is-visible{
    transform:translateX(-50%) translateY(0) rotate(-2deg)!important;
  }
}


/* ===== V21: mini mockup alinhado à altura do GUÍA DIGITAL ===== */
@media(min-width:901px){
  .hero-mini-mockup{
    top:-8px!important;
    left:54.8%!important;
    bottom:auto!important;
  }
  .hero-mini-mockup.mini-reveal{
    transform:translateX(-50%) translateY(28px) rotate(-2deg)!important;
  }
  .hero-mini-mockup.mini-reveal.is-visible{
    transform:translateX(-50%) translateY(0) rotate(-2deg)!important;
  }
}

/* ===== V22: secciones de oferta separadas + nuevos mockups ===== */
#oferta{scroll-margin-top:90px}
.offer-includes{background:var(--cream2);padding-bottom:48px}
.offer-price{background:var(--cream2);padding-top:34px;padding-bottom:105px}
.includes-box{position:relative}
.includes-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:center}
.included-kit-visual{display:flex;align-items:center;justify-content:center;min-width:0}
.included-kit-visual img{display:block;width:min(100%,350px);height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(59,41,36,.16))}
.order-bump-visual{min-height:360px}
.order-bump-visual img{display:block;width:min(100%,590px);height:auto;max-height:430px;object-fit:contain;margin-inline:auto;filter:drop-shadow(0 20px 28px rgba(59,41,36,.16))}
.price-section-wrap{max-width:440px}
.price-card-main{min-height:510px;padding:38px 32px;box-shadow:0 22px 55px rgba(59,41,36,.16)}
.price-card-main .price{font-size:4rem}
.price-before{font-size:1.16rem!important;margin-top:18px!important;color:#f0dcd4!important}
.price-before s{position:relative;display:inline-block;font-size:1.28rem!important;color:#f4ddd5!important;text-decoration:none!important;font-weight:500}
.price-before s::after{content:"";position:absolute;left:-3%;right:-3%;top:52%;height:3px;background:#df6a52;border-radius:999px;transform:rotate(-2deg);box-shadow:0 0 0 1px rgba(223,106,82,.08)}

@media(max-width:850px){
  .includes-grid{grid-template-columns:1fr;gap:22px}
  .included-kit-visual{margin-top:2px}
  .included-kit-visual img{width:min(88%,330px);max-height:300px}
  .order-bump-visual{min-height:0;margin-top:8px}
  .order-bump-visual img{width:min(94%,560px);max-height:360px}
  .offer-price{padding-top:28px}
}

@media(max-width:560px){
  #oferta{scroll-margin-top:72px}
  .offer-includes{padding-bottom:34px}
  .offer-price{padding:24px 0 78px}
  .includes-box{padding:32px 22px}
  .includes-grid{gap:14px}
  .included-kit-visual img{width:min(94%,310px);max-height:270px}
  .order-bump-visual img{width:100%;max-height:330px}
  .price-section-wrap{width:min(100% - 28px,440px)}
  .price-card-main{min-height:0;padding:34px 26px;border-radius:24px}
  .price-card-main .price{font-size:3.55rem}
  .price-before{font-size:1.18rem!important}
  .price-before s{font-size:1.32rem!important}
  .price-before s::after{height:4px;background:#e25e45;top:51%}
}


/* ===== V22: oferta separada + mockups de bonos + precio anterior más legible ===== */
.offer-included{background:#f1e3d7;scroll-margin-top:84px}
.offer-included-box{border-top:1px solid rgba(59,41,36,.10);padding-top:8px}
.offer-included-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:42px;align-items:center}
.included-kit-visual{display:flex;align-items:center;justify-content:center;min-height:360px}
.included-kit-visual img{display:block;width:min(100%,480px);height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(59,41,36,.15))}
.offer-preview .optional-kit-visual{display:flex;align-items:center;justify-content:center;min-height:410px}
.offer-preview .optional-kit-visual img{display:block;width:min(100%,590px);height:auto;max-height:430px;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(59,41,36,.18))}
.offer{scroll-margin-top:76px}
.price-offer-box{padding-top:48px;padding-bottom:48px}
.price-offer-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:stretch;margin-top:28px}
.price-summary{border:1px solid rgba(59,41,36,.10);background:rgba(255,255,255,.42);border-radius:22px;padding:26px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:350px}
.price-summary-kicker{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--terr2);margin-bottom:8px}
.price-summary p{max-width:420px;margin-bottom:14px;font-weight:600}
.price-offer-mockup{display:block;width:min(100%,335px);height:auto;max-height:255px;object-fit:contain;margin:auto;filter:drop-shadow(0 18px 28px rgba(59,41,36,.14))}
.price-before{font-size:1.08rem!important;color:#eadad2!important;margin-top:16px!important;line-height:1.25}
.price-before s{position:relative;display:inline-block;text-decoration:none!important;font-size:1.34rem!important;font-weight:700!important;color:#f1ddd5!important;line-height:1.15}
.price-before s::after{content:"";position:absolute;left:-4%;right:-4%;top:50%;height:4px;background:#ef7159;border-radius:999px;transform:rotate(-2deg);box-shadow:0 0 0 1px rgba(239,113,89,.08)}
@media(max-width:850px){
  .offer-included-grid,.price-offer-layout{grid-template-columns:1fr}
  .included-kit-visual{min-height:0;margin-top:12px}
  .included-kit-visual img{width:min(100%,430px);max-height:330px}
  .offer-preview .optional-kit-visual{min-height:0;margin-top:14px}
  .offer-preview .optional-kit-visual img{width:min(100%,520px);max-height:360px}
  .price-summary{min-height:0;padding:22px 20px}
  .price-offer-mockup{width:min(100%,300px);max-height:220px}
}
@media(max-width:560px){
  .offer-included{padding-top:70px;padding-bottom:70px}
  .offer-included-grid{gap:24px}
  .offer-included-box{padding-top:0}
  .included-kit-visual img{width:92%;max-height:280px}
  .offer-preview .optional-kit-visual img{width:96%;max-height:310px}
  .price-offer-box{padding:34px 22px!important}
  .price-offer-layout{gap:22px;margin-top:20px}
  .price-summary{padding:18px 14px 12px}
  .price-summary p{font-size:.92rem;margin-bottom:8px}
  .price-offer-mockup{width:86%;max-height:195px}
  .price-before{font-size:1.08rem!important;margin-top:17px!important}
  .price-before s{font-size:1.38rem!important}
  .price-before s::after{height:4px}
}

/* ===== V22.1: ajustes finales de oferta + CTA FAQ ===== */
.faq-cta{display:flex;justify-content:center;margin-top:34px}
.offer-includes .offer-box{background:#f1e3d7}
.offer-price .price-card-main{margin-top:30px}
.price-before s::after{height:5px!important;background:#f04f32!important;box-shadow:0 0 0 1px rgba(240,79,50,.13),0 1px 2px rgba(0,0,0,.08)!important;top:50%!important}
.price-before s{font-size:1.42rem!important;font-weight:600!important}
.price-before{font-size:1.24rem!important}
@media(max-width:560px){
  .faq-cta{margin-top:28px}
  .faq-cta .btn{width:100%;max-width:330px}
  .price-before{font-size:1.22rem!important}
  .price-before s{font-size:1.48rem!important}
  .price-before s::after{height:5px!important;background:#f04f32!important}
}


/* ===== V23: ajuste de tamanho dos novos mockups + preço anterior mais visível ===== */
.offer-included{background:var(--cream2)}
.offer-included-box{background:#f1e3d7;border:1px solid #e3d1c2;border-radius:30px;padding:48px 42px}
.offer-included-grid,.price-offer-layout{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center}
.price-offer-box{padding:48px 42px!important}
.price-summary-kicker{font-size:.82rem;font-weight:700;letter-spacing:.12em;color:var(--terr2);margin-bottom:10px}
.price-summary p{font-size:1.08rem;max-width:460px;margin-bottom:0}
.included-kit-visual,.optional-kit-visual{display:flex;align-items:center;justify-content:center}
.included-kit-visual img,
.optional-kit-visual img,
.price-offer-mockup{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  margin:0 auto;
  filter:drop-shadow(0 18px 28px rgba(59,41,36,.16));
}
.included-kit-visual img{max-width:270px;max-height:220px}
.optional-kit-visual img{max-width:340px;max-height:270px}
.price-offer-mockup{max-width:285px;max-height:230px;margin-top:18px}
.price-card{width:100%;max-width:420px;margin-left:auto}
.price-before{
  font-size:1.22rem!important;
  color:#ecdcd4!important;
  font-weight:600;
  line-height:1.35;
  margin-top:16px!important;
}
.price-before s{
  display:inline-block;
  font-size:1.3rem!important;
  color:#f1d9d1!important;
  text-decoration-line:line-through!important;
  text-decoration-color:#d96c61!important;
  text-decoration-thickness:3px!important;
  text-decoration-skip-ink:none!important;
}
.faq-cta{margin-top:28px;text-align:center}

@media(min-width:901px){
  .included-kit-visual{justify-content:flex-end}
  .optional-kit-visual{justify-content:flex-end}
}

@media(max-width:850px){
  .offer-included-box,.price-offer-box{padding:36px 26px!important}
  .offer-included-grid,.price-offer-layout{grid-template-columns:1fr;gap:26px}
  .included-kit-visual,.optional-kit-visual{justify-content:center}
  .included-kit-visual img{max-width:240px;max-height:200px}
  .optional-kit-visual img{max-width:300px;max-height:240px}
  .price-offer-mockup{max-width:250px;max-height:205px}
  .price-card{max-width:none;margin-left:0}
}

@media(max-width:560px){
  .offer-included-box,.price-offer-box{padding:30px 22px!important}
  .included-kit-visual img{max-width:210px;max-height:178px}
  .optional-kit-visual img{max-width:240px;max-height:205px}
  .price-offer-mockup{max-width:220px;max-height:185px;margin-top:16px}
  .price-summary p{font-size:1rem}
  .price-before{font-size:1.26rem!important}
  .price-before s{font-size:1.36rem!important;text-decoration-thickness:3.25px!important}
}

/* ===== V24: refino final responsivo dos kits e do preço anterior ===== */
/* Preço anterior: mantém o tamanho aprovado e suaviza apenas o risco */
.price-before s::after{
  height:2.5px!important;
  background:#e75f49!important;
  box-shadow:none!important;
  top:51%!important;
}

/* Desktop: bônus incluídos no canto superior direito, sem dividir toda a seção em duas colunas */
@media(min-width:851px){
  .offer-included-grid{
    display:block!important;
    position:relative!important;
    min-height:0!important;
  }
  .included-kit-visual{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:300px!important;
    min-height:0!important;
    margin:0!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
  }
  .included-kit-visual img{
    width:100%!important;
    max-width:300px!important;
    max-height:245px!important;
  }
  .offer-included .includes > .eyebrow,
  .offer-included .includes > h2,
  .offer-included .includes > h3,
  .offer-included .main-access{
    max-width:calc(100% - 330px)!important;
  }
  .offer-included .included-bonuses{
    width:100%!important;
    clear:both!important;
  }

  /* Desktop: order bumps maiores, ocupando aproximadamente a altura do bloco de texto */
  .offer-preview .split{
    grid-template-columns:.92fr 1.08fr!important;
    gap:30px!important;
    align-items:center!important;
  }
  .offer-preview .optional-kit-visual{
    min-height:0!important;
    margin:0!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .offer-preview .optional-kit-visual img{
    width:min(100%,500px)!important;
    max-width:500px!important;
    max-height:390px!important;
  }
}

/* Tablet e celular: mantém os kits abaixo do texto e aumenta levemente a leitura visual */
@media(max-width:850px){
  .included-kit-visual{
    position:static!important;
    width:100%!important;
    min-height:0!important;
    margin:8px 0 0!important;
    justify-content:center!important;
  }
  .included-kit-visual img{
    width:min(100%,280px)!important;
    max-width:280px!important;
    max-height:235px!important;
  }
  .offer-preview{
    padding-bottom:54px!important;
  }
  .offer-preview .optional-kit-visual{
    min-height:0!important;
    margin:8px 0 0!important;
    padding:0!important;
    justify-content:center!important;
  }
  .offer-preview .optional-kit-visual img{
    width:min(100%,340px)!important;
    max-width:340px!important;
    max-height:260px!important;
  }
}

@media(max-width:560px){
  .offer-included{
    padding-top:64px!important;
    padding-bottom:58px!important;
  }
  .included-kit-visual{
    margin-top:6px!important;
  }
  .included-kit-visual img{
    width:245px!important;
    max-width:78vw!important;
    max-height:210px!important;
  }
  .offer-preview{
    padding-top:64px!important;
    padding-bottom:42px!important;
  }
  .offer-preview .optional-kit-visual{
    margin-top:4px!important;
  }
  .offer-preview .optional-kit-visual img{
    width:300px!important;
    max-width:88vw!important;
    max-height:230px!important;
  }
  .price-before s::after{
    height:2.5px!important;
    background:#e75f49!important;
  }
}


/* ===== V26: oferta ampliada, bonos clean, hero mobile y garantía ===== */
.bonus-clean-list{display:grid;gap:24px;margin-top:34px}
.bonus-clean-card{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(0,.58fr);gap:34px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px 32px;overflow:hidden;box-shadow:0 14px 36px rgba(59,41,36,.055)}
.bonus-clean-card.image-right .bonus-clean-media{order:2}
.bonus-clean-card.image-right .bonus-clean-copy{order:1}
.bonus-clean-media{display:flex;align-items:center;justify-content:center;min-height:260px}
.bonus-clean-media img{display:block;width:100%;max-width:380px;max-height:315px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(59,41,36,.15))}
.bonus-clean-tag{display:inline-flex;background:#f4e3d9;color:var(--terr2);border-radius:999px;padding:7px 12px;font-size:.66rem;font-weight:700;letter-spacing:.12em;margin-bottom:13px}
.bonus-clean-copy h3{font-size:clamp(1.85rem,3vw,2.55rem);margin-bottom:10px}
.bonus-clean-copy h4{font-family:'Work Sans',sans-serif;font-size:1.04rem;line-height:1.4;margin:0 0 12px;color:var(--brown)}
.bonus-clean-copy p{font-size:.96rem;line-height:1.62;margin-bottom:12px}
.bonus-clean-copy strong{display:block;color:var(--terr2);font-size:.88rem;line-height:1.5}
.included-intro{max-width:610px}
.offer-trust{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.offer-trust span{font-size:.65rem;color:#ead9d1;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 8px}
.guarantee{background:var(--cream)}
.guarantee-card{display:grid;grid-template-columns:190px 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:40px 44px;box-shadow:0 18px 45px rgba(59,41,36,.07)}
.guarantee-seal{width:164px;height:164px;border-radius:50%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f2b93b;border:7px solid #d89916;box-shadow:inset 0 0 0 5px #fff4bf,0 12px 28px rgba(59,41,36,.14);color:#2f241f;line-height:1}
.guarantee-seal small{font-weight:800;font-size:.7rem;letter-spacing:.12em}
.guarantee-seal strong{font-family:'Playfair Display',serif;font-size:3.5rem;line-height:.9;margin:8px 0 4px}
.guarantee-seal span{font-size:.78rem;font-weight:800;letter-spacing:.13em}
.guarantee-copy h2{margin-bottom:8px}
.guarantee-copy h3{font-family:'Work Sans',sans-serif;font-size:1.15rem;margin:0 0 14px}
.guarantee-copy p{margin-bottom:10px}
.guarantee-note{font-weight:600;color:var(--terr2)!important}

@media(min-width:851px){
  .offer-included-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)!important;gap:38px!important;align-items:center!important}
  .included-kit-visual{position:static!important;width:auto!important;min-height:0!important;justify-content:center!important;align-items:center!important}
  .included-kit-visual img{width:100%!important;max-width:560px!important;max-height:430px!important}
  .offer-included .includes > .eyebrow,.offer-included .includes > h2,.offer-included .includes > h3,.offer-included .main-access{max-width:none!important}
  .price-offer-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)!important}
  .price-offer-mockup{max-width:520px!important;max-height:420px!important;margin-top:20px!important}
}

@media(max-width:850px){
  .bonus-clean-card{grid-template-columns:minmax(180px,.43fr) minmax(0,.57fr);gap:22px;padding:24px}
  .bonus-clean-media{min-height:220px}
  .bonus-clean-media img{max-width:310px;max-height:270px}
  .guarantee-card{grid-template-columns:150px 1fr;padding:32px 28px}
  .guarantee-seal{width:140px;height:140px}
  .included-kit-visual img{width:min(100%,520px)!important;max-width:520px!important;max-height:390px!important}
  .price-offer-mockup{width:min(100%,480px)!important;max-width:480px!important;max-height:390px!important}
}

@media(max-width:560px){
  .hero-bg{padding:18px 0 34px!important}
  .hero-mobile-product{width:100%!important;margin:14px auto 18px!important;max-width:520px!important}
  .hero-mobile-product img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;border-radius:24px!important}
  .hero-overlay .lead{margin-top:6px!important}
  .bonus-clean-list{gap:18px;margin-top:26px}
  .bonus-clean-card{grid-template-columns:42% 58%;gap:14px;padding:18px 16px;border-radius:22px;align-items:center}
  .bonus-clean-card.image-right .bonus-clean-media{order:2}
  .bonus-clean-card.image-right .bonus-clean-copy{order:1}
  .bonus-clean-media{min-height:190px;align-self:stretch}
  .bonus-clean-media img{width:116%;max-width:none;max-height:235px;object-fit:contain}
  .bonus-clean-tag{font-size:.57rem;padding:6px 9px;margin-bottom:8px;letter-spacing:.08em}
  .bonus-clean-copy h3{font-size:1.5rem;line-height:1.05;margin-bottom:8px}
  .bonus-clean-copy h4{font-size:.83rem;line-height:1.35;margin-bottom:8px}
  .bonus-clean-copy p{font-size:.78rem;line-height:1.48;margin-bottom:8px}
  .bonus-clean-copy strong{font-size:.72rem;line-height:1.38}
  .offer-included-box{padding:28px 18px!important}
  .included-kit-visual{margin-top:16px!important}
  .included-kit-visual img{width:100%!important;max-width:100%!important;max-height:none!important}
  .price-offer-mockup{width:100%!important;max-width:100%!important;max-height:none!important;margin:14px auto 0!important}
  .price-summary p{font-size:.96rem!important}
  .guarantee{padding-top:58px!important;padding-bottom:58px!important}
  .guarantee-card{grid-template-columns:1fr;gap:20px;padding:28px 22px;text-align:center}
  .guarantee-seal{width:132px;height:132px}
  .guarantee-seal strong{font-size:3rem}
  .guarantee-copy h2{font-size:2.15rem}
  .guarantee-copy h3{font-size:1rem}
  .guarantee-copy p{font-size:.88rem;line-height:1.55}
}


/* ===== V27: ajustes finos mobile — hero, cards y garantía ===== */
@media(max-width:560px){
  /* Hero ligeramente más compacta para acercarla al primer viewport */
  .hero-mobile-product{
    width:94%!important;
    max-width:490px!important;
    margin:12px auto 16px!important;
  }
  .hero-mobile-product img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }

  /* Cards: mantiene el buen encaje de las imágenes a la izquierda */
  .bonus-clean-card.image-left .bonus-clean-media img{
    width:112%!important;
    max-width:none!important;
    max-height:228px!important;
  }

  /* Cards con imagen a la derecha: evita que la imagen invada el texto */
  .bonus-clean-card.image-right{
    grid-template-columns:58% 42%!important;
  }
  .bonus-clean-card.image-right .bonus-clean-media img{
    width:96%!important;
    max-width:100%!important;
    max-height:214px!important;
    margin:0 auto!important;
  }
  .bonus-clean-card.image-right .bonus-clean-copy{
    min-width:0!important;
    padding-right:2px!important;
  }

  /* Sello premium de garantía */
  .guarantee-seal{
    width:154px!important;
    height:154px!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  .guarantee-seal img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:drop-shadow(0 12px 20px rgba(59,41,36,.16));
  }
}

@media(min-width:561px){
  .guarantee-seal{
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  .guarantee-seal img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 14px 22px rgba(59,41,36,.16));
  }
}

/* ===== V28: fechamento responsivo — hero, proporções dos bônus e espaçamentos ===== */
html,body{overflow-x:hidden}

/* Desktop: nova arte da hero, sem mini mockup e sem selo redundante. */
@media(min-width:701px){
  .hero-bg{
    min-height:620px!important;
    padding:54px 0!important;
    background:#f7f1e8!important;
  }
  .hero-backdrop{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    left:42%!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    background-image:url("assets/hero-desktop-v28.png")!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    background-size:contain!important;
    background-color:#f7f1e8!important;
  }
  .hero-bg::after{
    display:block!important;
    content:""!important;
    background:linear-gradient(90deg,
      rgba(247,241,232,1) 0%,
      rgba(247,241,232,.99) 30%,
      rgba(247,241,232,.90) 43%,
      rgba(247,241,232,.45) 54%,
      rgba(247,241,232,.08) 66%,
      rgba(247,241,232,0) 78%)!important;
  }
  .hero-mini-mockup,
  .hero-round-badge{
    display:none!important;
  }
  .hero-overlay{
    min-height:500px!important;
  }
  .hero-overlay .hero-copy{
    width:min(610px,52%)!important;
  }
}

/* Mobile: mantém a arte já aprovada; reduz somente a altura visual. */
@media(max-width:700px){
  .hero-bg{
    min-height:auto!important;
    padding:18px 0 28px!important;
    background:#f7f1e8!important;
    overflow:visible!important;
  }
  .hero-backdrop{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    background:none!important;
  }
  .hero-bg::after{
    display:none!important;
    content:none!important;
  }
  .hero-mini-mockup,
  .hero-round-badge{
    display:none!important;
  }
  .hero-mobile-product{
    width:100%!important;
    max-width:none!important;
    margin:12px auto 14px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 18px 42px rgba(59,41,36,.11)!important;
  }
  .hero-mobile-product img{
    display:block!important;
    width:100%!important;
    height:clamp(500px,136vw,680px)!important;
    max-height:none!important;
    object-fit:fill!important;
    object-position:center!important;
    border-radius:22px!important;
    transform:none!important;
    filter:none!important;
  }
}

/* iOS/Safari: evita artefatos pretos de composição junto ao header/hero. */
@supports (-webkit-touch-callout:none){
  @media(max-width:700px){
    .topbar{
      background:#f7f1e8!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
      transform:translateZ(0);
      -webkit-transform:translateZ(0);
    }
    .hero-bg,.hero-overlay,.hero-copy,.hero-mobile-product{
      -webkit-transform:translateZ(0);
      transform:translateZ(0);
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
    }
  }
}

/* Bônus mobile: mesma caixa visual e mesma dimensão para os cinco mockups. */
@media(max-width:560px){
  .bonus-clean-card,
  .bonus-clean-card.image-right{
    grid-template-columns:43% 57%!important;
    gap:14px!important;
    align-items:center!important;
  }
  .bonus-clean-card.image-right{
    grid-template-columns:57% 43%!important;
  }
  .bonus-clean-media{
    width:100%!important;
    min-height:190px!important;
    height:190px!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .bonus-clean-media img,
  .bonus-clean-card.image-left .bonus-clean-media img,
  .bonus-clean-card.image-right .bonus-clean-media img{
    display:block!important;
    width:100%!important;
    height:190px!important;
    max-width:100%!important;
    max-height:190px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0 auto!important;
    filter:none!important;
  }
  .bonus-clean-card.image-right .bonus-clean-copy{
    min-width:0!important;
    padding-right:0!important;
  }
}

/* Tablet também recebe proporção consistente dos mockups. */
@media(min-width:561px) and (max-width:850px){
  .bonus-clean-media{height:240px!important;min-height:240px!important}
  .bonus-clean-media img{width:100%!important;height:240px!important;max-width:320px!important;max-height:240px!important;object-fit:contain!important}
}

/* Compacta as transições entre as seções novas da oferta. */
.bonuses{padding-bottom:58px!important}
.offer-included{padding-top:54px!important;padding-bottom:54px!important}
.offer{padding-top:54px!important;padding-bottom:54px!important}
.guarantee{padding-top:54px!important;padding-bottom:54px!important}
.audience{padding-top:62px!important;padding-bottom:62px!important}
.faq{padding-top:62px!important}

@media(max-width:700px){
  .bonuses{padding-bottom:38px!important}
  .offer-included{padding-top:38px!important;padding-bottom:38px!important}
  .offer{padding-top:38px!important;padding-bottom:38px!important}
  .guarantee{padding-top:40px!important;padding-bottom:40px!important}
  .audience{padding-top:46px!important;padding-bottom:46px!important}
  .faq{padding-top:46px!important}
}

/* ===== V29: hero desktop em banner e bônus mobile com mídia junto ao título ===== */
@media (min-width:701px){
  .hero-bg{
    min-height:620px!important;
    padding:48px 0!important;
  }
  .hero-backdrop{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    background-image:url("assets/hero-desktop-v28.png")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-color:#f7f1e8!important;
  }
  .hero-bg::after{
    background:linear-gradient(90deg,
      rgba(247,241,232,.99) 0%,
      rgba(247,241,232,.98) 18%,
      rgba(247,241,232,.92) 32%,
      rgba(247,241,232,.72) 45%,
      rgba(247,241,232,.34) 58%,
      rgba(247,241,232,.08) 70%,
      rgba(247,241,232,0) 80%)!important;
  }
  .hero-overlay{
    min-height:525px!important;
  }
  .hero-overlay .hero-copy{
    width:min(610px,49%)!important;
  }
}

@media (max-width:560px){
  .bonus-clean-card,
  .bonus-clean-card.image-left,
  .bonus-clean-card.image-right{
    display:grid!important;
    gap:14px!important;
    padding:18px 16px!important;
    border-radius:22px!important;
    align-items:start!important;
  }
  .bonus-clean-card.image-left{
    grid-template-columns:41% 59%!important;
    grid-template-areas:
      "media head"
      "body body"!important;
  }
  .bonus-clean-card.image-right{
    grid-template-columns:59% 41%!important;
    grid-template-areas:
      "head media"
      "body body"!important;
  }
  .bonus-clean-copy{
    display:contents!important;
  }
  .bonus-clean-head{
    grid-area:head!important;
    align-self:start!important;
  }
  .bonus-clean-body{
    grid-area:body!important;
    margin-top:2px!important;
  }
  .bonus-clean-media{
    grid-area:media!important;
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    overflow:visible!important;
    padding-top:2px!important;
  }
  .bonus-clean-media img,
  .bonus-clean-card.image-left .bonus-clean-media img,
  .bonus-clean-card.image-right .bonus-clean-media img{
    width:100%!important;
    height:auto!important;
    max-width:200px!important;
    max-height:172px!important;
    object-fit:contain!important;
    object-position:center top!important;
    margin:0 auto!important;
    filter:none!important;
  }
  .bonus-clean-tag{margin-bottom:8px!important}
  .bonus-clean-copy h3{font-size:1.48rem!important;line-height:1.03!important;margin-bottom:8px!important}
  .bonus-clean-copy h4{font-size:.84rem!important;line-height:1.35!important;margin-bottom:0!important}
  .bonus-clean-copy p{font-size:.82rem!important;line-height:1.5!important;margin-bottom:8px!important}
  .bonus-clean-copy strong{font-size:.75rem!important;line-height:1.42!important}
}

/* ===== V30: estabilidade de renderização mobile (Safari/iOS + Android) ===== */
@media (max-width:700px){
  /* Em mobile, remove animações por transform dos blocos grandes para evitar artefatos de composição. */
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-scale,
  .reveal.is-visible,
  .reveal-left.is-visible,
  .reveal-right.is-visible,
  .reveal-scale.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  /* Blocos mais sensíveis ao bug de pintura do WebKit. */
  .offer-included-box,
  .offer-box,
  .guarantee-card,
  .bonus-clean-card{
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    isolation:isolate;
  }

  /* Evita qualquer composição acelerada no bloco de oferta que gerava o retângulo deslocado no iPhone. */
  .offer-included-box{
    overflow:hidden!important;
    contain:paint;
  }

  /* Imagens dos bônus: renderização estável em ambos os motores. */
  .bonus-clean-media,
  .bonus-clean-media img{
    transform:none!important;
    -webkit-transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    will-change:auto!important;
  }
}

/* Android/Chromium: garante fundo claro no mockup do Menú caso o navegador trate alpha de forma inconsistente. */
.bonus-clean-card:nth-child(2) .bonus-clean-media{
  background:#fff!important;
  border-radius:16px;
}
.bonus-clean-card:nth-child(2) .bonus-clean-media img{
  background:#fff!important;
}

/* ===== V31: fechamento — hero desktop controlada + asset Menú sem alpha/cache ===== */
@media (min-width:701px){
  .hero-bg{
    min-height:620px!important;
    padding:48px 0!important;
    overflow:hidden!important;
  }
  .hero-backdrop{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    background-image:url("assets/hero-desktop-v28.png")!important;
    background-repeat:no-repeat!important;
    background-position:right center!important;
    background-size:auto 92%!important;
    background-color:#f7f1e8!important;
  }
  .hero-bg::after{
    display:block!important;
    content:""!important;
    background:linear-gradient(90deg,
      rgba(247,241,232,1) 0%,
      rgba(247,241,232,.99) 20%,
      rgba(247,241,232,.96) 34%,
      rgba(247,241,232,.80) 45%,
      rgba(247,241,232,.46) 55%,
      rgba(247,241,232,.16) 64%,
      rgba(247,241,232,0) 72%)!important;
  }
  .hero-overlay{
    min-height:525px!important;
  }
  .hero-overlay .hero-copy{
    width:min(610px,50%)!important;
  }
}

/* Menú: arquivo JPEG opaco, sem alpha, sem filtro e com URL nova para furar cache mobile/desktop. */
.bonus-clean-card:nth-child(2) .bonus-clean-media{
  background:transparent!important;
}
.bonus-clean-card:nth-child(2) .bonus-clean-media img{
  background:#fff!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

/* ===== V32: página compacta, nueva hero, producto por dentro y oferta reforzada ===== */
html{scroll-padding-top:78px}
body{padding-top:68px}
.topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:100!important;
  background:#fffaf4!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
section[id]{scroll-margin-top:78px}

/* Hero desktop: el banner completo ocupa el fondo; el propio arte ya reserva espacio a la izquierda. */
@media(min-width:701px){
  .hero-bg{
    min-height:clamp(620px,calc(100vh - 68px),760px)!important;
    padding:52px 0!important;
    overflow:hidden!important;
  }
  .hero-backdrop{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url("assets/hero-desktop-v32.webp")!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:cover!important;
    background-color:#f7f1e8!important;
  }
  .hero-bg::after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(247,241,232,.98) 0%,
      rgba(247,241,232,.95) 18%,
      rgba(247,241,232,.86) 31%,
      rgba(247,241,232,.58) 43%,
      rgba(247,241,232,.20) 54%,
      rgba(247,241,232,0) 66%)!important;
  }
  .hero-overlay{min-height:520px!important;position:relative!important;z-index:2!important}
  .hero-overlay .hero-copy{width:min(650px,48%)!important;text-align:left!important}
  .hero-overlay h1{font-size:clamp(3rem,4.4vw,4.85rem)!important;line-height:.98!important;max-width:650px!important}
  .hero-overlay .lead{max-width:600px!important;font-size:1.04rem!important;line-height:1.58!important}
  .hero-mini-mockup,.hero-round-badge{display:none!important}
}

/* Mobile mantiene la proporción vertical aprobada. */
@media(max-width:700px){
  .hero-bg{padding:20px 0 30px!important;min-height:auto!important}
  .hero-backdrop,.hero-bg::after{display:none!important}
  .hero-overlay{display:block!important;min-height:0!important}
  .hero-overlay .hero-copy{width:100%!important;background:none!important;padding:0!important;text-align:left!important}
  .hero-overlay h1{font-size:clamp(2.15rem,10.2vw,3.05rem)!important;line-height:1.01!important;margin-bottom:12px!important}
  .hero-mobile-product{display:block!important;width:100%!important;max-width:520px!important;margin:14px auto 18px!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(59,41,36,.10)!important}
  .hero-mobile-product img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:24px!important}
  .hero-overlay .lead{font-size:.92rem!important;line-height:1.52!important;margin-top:4px!important}
  .hero-actions{margin:16px 0 14px!important}
}

/* Resumen del sistema + identificación */
.system-summary{background:#efe3d6;padding:78px 0!important}
.system-summary-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:center}
.system-summary-copy p{font-size:1.02rem;max-width:650px}
.fit-card{background:rgba(255,255,255,.72);border:1px solid rgba(59,41,36,.10);border-radius:24px;padding:30px 32px;box-shadow:0 16px 42px rgba(59,41,36,.06)}
.fit-card h3{font-size:1.75rem;margin-bottom:18px}
.compact-checks li{margin:11px 0}

/* Producto por dentro */
.inside{background:var(--cream);padding:76px 0!important}
.inside-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}
.inside-copy p{font-size:1rem}
.inside-highlight{color:var(--terr2);font-weight:700}
.inside-media{display:flex;justify-content:center;align-items:center;min-width:0}
.inside-media img{display:block;width:100%;max-width:680px;height:auto;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(59,41,36,.12))}

/* Bonos: persuasivos pero compactos, con valor visible. */
.bonuses{padding-top:76px!important;padding-bottom:54px!important}
.bonus-clean-card{padding:25px 28px!important}
.bonus-clean-copy h4{font-weight:700}
.bonus-clean-body p{margin-bottom:12px!important}
.bonus-value{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:.86rem}
.bonus-value span{color:#7c6961}
.bonus-value s{text-decoration-thickness:2px;text-decoration-color:#b85c43}
.bonus-value strong{display:inline-flex!important;background:#f4e3d9;color:var(--terr2)!important;border-radius:999px;padding:5px 10px;font-size:.78rem!important;line-height:1.2!important}

/* Transición antes de la oferta. */
.decision{background:var(--brown);color:#fff;padding:64px 0!important}
.decision h2,.decision p{color:#fff}
.decision .eyebrow{color:#efb29f}
.decision p{font-size:1.02rem}
.decision-strong{font-family:'Playfair Display',serif;font-size:1.45rem!important;font-weight:600;margin-bottom:0!important;color:#f4b7a6!important}

/* Oferta: anclaje de valor y microcopy de entrega/pago más visibles. */
.price-before{font-size:1.18rem!important;margin:10px 0 4px!important;font-weight:600!important;color:#eadbd3!important}
.price-before s{font-size:1.34rem!important;text-decoration-thickness:3px!important;text-decoration-color:#d96c61!important}
.delivery-note,.currency-note{display:block!important;margin-top:10px!important;font-size:.78rem!important;line-height:1.35!important;color:#f1ded5!important}
.currency-note{margin-top:5px!important}
.offer-trust{margin-top:14px!important}

/* FAQ y cierre más compactos. */
.guarantee{padding:52px 0!important}
.faq{padding:68px 0!important}
.final{padding:66px 0!important}

@media(max-width:850px){
  .system-summary-grid,.inside-grid{grid-template-columns:1fr;gap:30px}
  .inside-copy{text-align:center}
  .inside-media img{max-width:620px}
}
@media(max-width:560px){
  body{padding-top:68px}
  .system-summary{padding:48px 0!important}
  .system-summary-grid{gap:24px}
  .fit-card{padding:24px 20px}
  .fit-card h3{font-size:1.5rem}
  .inside{padding:48px 0!important}
  .inside-grid{gap:18px}
  .inside-copy{text-align:left}
  .inside-media img{width:108%;max-width:none;margin-left:-4%;filter:drop-shadow(0 16px 25px rgba(59,41,36,.10))}
  .bonuses{padding-top:48px!important;padding-bottom:36px!important}
  .bonus-value{font-size:.78rem;margin-top:9px}
  .bonus-value strong{font-size:.7rem!important}
  .decision{padding:46px 0!important}
  .decision h2{font-size:2rem}
  .price-before{font-size:1.2rem!important}
  .price-before s{font-size:1.38rem!important}
  .delivery-note,.currency-note{font-size:.76rem!important}
  .guarantee{padding:42px 0!important}
  .faq{padding:48px 0!important}
  .final{padding:50px 0!important}
}

/* ===== V34: ajustes finos sobre a V32 (header preservado) ===== */
.bonus-value strong{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.bonus-value .free-price{
  color:#c23f2d!important;
  font-weight:800!important;
}

@media(max-width:560px){
  /* Aproxima levemente a hero do cabeçalho sem alterar o header */
  .hero-bg{
    padding-top:12px!important;
  }
  .hero-copy .eyebrow{
    margin-bottom:12px!important;
  }
  /* Redução sutil da headline, preservando o impacto visual da V32 */
  .hero-overlay h1{
    font-size:clamp(2.02rem,9.65vw,2.92rem)!important;
    line-height:1.01!important;
  }
  /* Mantém largura integral e mostra a imagem completa, apenas um pouco mais baixa */
  .hero-mobile-product{
    width:100%!important;
    max-width:520px!important;
    margin:12px auto 16px!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }
  .hero-mobile-product img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:24px!important;
  }
}

/* ===== V35: refinamento final da hero desktop e mobile ===== */
/* Desktop: mostra o banner inteiro dentro da área da hero e leva a copy mais à esquerda. */
@media(min-width:701px){
  .hero-backdrop{
    background-size:100% 100%!important;
    background-position:center center!important;
  }
  .hero-overlay{
    width:min(1280px,calc(100% - 56px))!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-overlay .hero-copy{
    width:min(535px,42%)!important;
    max-width:535px!important;
    margin-left:0!important;
  }
  .hero-bg::after{
    background:linear-gradient(90deg,
      rgba(247,241,232,.99) 0%,
      rgba(247,241,232,.97) 17%,
      rgba(247,241,232,.91) 28%,
      rgba(247,241,232,.68) 38%,
      rgba(247,241,232,.30) 48%,
      rgba(247,241,232,.08) 57%,
      rgba(247,241,232,0) 66%)!important;
  }
}

/* Mobile: preserva a largura/composição e comprime só um pouco a altura. */
@media(max-width:560px){
  .hero-mobile-product{
    margin-top:12px!important;
    margin-bottom:0!important;
  }
  .hero-mobile-product img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    transform:scaleY(.945)!important;
    transform-origin:top center!important;
    margin-bottom:-5.5%!important;
  }
  .hero-overlay .lead{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:94%!important;
  }
}

/* ===== V36: microajuste final de proporção da hero ===== */
/* Desktop: reduz apenas a largura visual do banner, sem cortar a imagem. */
@media(min-width:701px){
  .hero-backdrop{
    background-size:95% 100%!important;
    background-position:right center!important;
    background-repeat:no-repeat!important;
  }
}

/* Mobile: redução mínima da headline e mais um pequeno ajuste vertical na imagem. */
@media(max-width:560px){
  .hero-overlay h1{
    font-size:clamp(1.98rem,9.35vw,2.84rem)!important;
  }
  .hero-mobile-product img{
    transform:scaleY(.925)!important;
    transform-origin:top center!important;
    margin-bottom:-7.5%!important;
  }
}

/* ===== V37: oferta especial + nueva jerarquía de bonos + estabilidad iOS ===== */
.bonus-tier-title{
  max-width:760px;
  margin:38px auto 24px;
  text-align:center;
}
.bonus-tier-title>span{
  display:inline-block;
  padding:7px 14px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.13em;
  margin-bottom:12px;
}
.bonus-tier-title h3{font-size:clamp(1.55rem,3vw,2.15rem);margin-bottom:8px}
.bonus-tier-title p{max-width:620px;margin:0 auto}
.bonus-tier-super>span{background:#f2c94c;color:#3b2924;box-shadow:0 8px 20px rgba(242,201,76,.22)}
.bonus-tier-extra{margin-top:54px;padding-top:38px;border-top:1px solid var(--line)}
.bonus-tier-extra>span{background:#efe3d6;color:var(--terr2)}
.super-bonus-card{border-color:#dfc36c!important;box-shadow:0 14px 34px rgba(59,41,36,.08)}
.super-tag{color:#7a5b00!important;background:#fff1b8!important;border-radius:999px;padding:5px 9px}
.special-offer-badge{
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f2c94c;
  color:#3b2924;
  border-radius:999px;
  padding:8px 14px;
  margin:0 auto 14px;
  font-size:.68rem;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 8px 20px rgba(242,201,76,.20);
}

/* Safari/iPhone: mantém o cabeçalho fixo sem criar uma nova camada de composição sobre a hero. */
@supports (-webkit-touch-callout:none){
  @media(max-width:700px){
    html,body{overflow-x:hidden!important}
    .topbar{
      position:fixed!important;
      top:0!important;left:0!important;right:0!important;
      background:#fffaf4!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
      -webkit-transform:none!important;
      transform:none!important;
      -webkit-backface-visibility:visible!important;
      backface-visibility:visible!important;
      isolation:isolate;
      contain:layout paint;
    }
    .topbar .nav{-webkit-transform:none!important;transform:none!important}
  }
}

@media(max-width:700px){
  .bonus-tier-title{margin:30px auto 20px;padding-left:4px;padding-right:4px}
  .bonus-tier-extra{margin-top:38px;padding-top:30px}
  .bonus-tier-title h3{font-size:1.55rem}
  .special-offer-badge{font-size:.64rem;padding:8px 12px;margin-bottom:12px}
}