@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

.natal-v4{
  --n4-cream:#fbf5ea;
  --n4-paper:#fffaf1;
  --n4-ink:#223029;
  --n4-green:#1f5b42;
  --n4-green2:#153f31;
  --n4-wine:#982f36;
  --n4-gold:#c99b43;
  --n4-line:#eadcc6;
  --n4-muted:#6f786f;
  margin:0;
  background:#fbf7ef;
  color:var(--n4-ink);
  font-family:'DM Sans',Arial,sans-serif;
}
.natal-v4 *{box-sizing:border-box}
.natal-v4 a{text-decoration:none;color:inherit}
.natal-v4 h1,.natal-v4 h2,.natal-v4 h3{font-family:'Playfair Display',Georgia,serif}
.natal-v4 .n4-topnote{
  min-height:34px;padding:7px 20px;display:flex;justify-content:center;gap:10px;align-items:center;
  background:#153f31;color:#f7eedc;font-size:9px;letter-spacing:.08em;text-align:center
}
.natal-v4 .n4-topnote strong{color:#f3cb78}
.natal-v4 .n4-header{
  position:sticky;top:0;z-index:120;min-height:84px;padding:12px max(24px,calc((100vw - 1180px)/2 + 24px));
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  background:rgba(255,250,241,.96);border-bottom:1px solid var(--n4-line);
  backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(65,49,25,.06)
}
.natal-v4 .n4-brand{display:block;width:260px;line-height:0}
.natal-v4 .n4-brand img{display:block;width:100%;height:auto}
.natal-v4 .n4-header nav{display:flex;gap:22px;font-size:11px;color:#576258}
.natal-v4 .n4-header nav a:hover{color:var(--n4-wine)}
.natal-v4 .n4-header-buy{
  padding:11px 17px;border-radius:999px;background:var(--n4-wine)!important;color:white!important;font-size:11px!important;
  font-weight:800!important;box-shadow:0 9px 24px rgba(152,47,54,.2)
}
.natal-v4 .n4-hero{
  max-width:1220px;margin:auto;padding:54px 24px 60px;
  display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center
}
.natal-v4 .n4-hero-copy{padding-left:10px}
.natal-v4 .n4-kicker{
  display:inline-block;color:var(--n4-wine);font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase
}
.natal-v4 .n4-hero h1{
  max-width:610px;margin:14px 0 19px;font-size:clamp(48px,5.7vw,76px);line-height:.98;letter-spacing:-.035em;color:#25362e
}
.natal-v4 .n4-hero h1 em{color:var(--n4-wine);font-weight:600}
.natal-v4 .n4-hero-copy>p{max-width:620px;color:#687269;line-height:1.75;font-size:15px}
.natal-v4 .n4-hero-points{display:grid;gap:8px;margin:22px 0;color:#365243;font-size:12px;font-weight:700}
.natal-v4 .n4-hero-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}
.natal-v4 .n4-main-buy{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:14px 20px!important;border:0!important;border-radius:9px!important;
  background:linear-gradient(180deg,#a63840,#86272e)!important;color:#fff!important;
  font-size:12px!important;font-weight:800!important;box-shadow:0 12px 28px rgba(134,39,46,.22)!important
}
.natal-v4 .n4-soft-link{font-size:11px;font-weight:700;color:var(--n4-green)}
.natal-v4 .n4-trustline{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;color:#8a8c84;font-size:9px}
.natal-v4 .n4-hero-visual{
  position:relative;min-height:590px;overflow:hidden;border-radius:26px;border:1px solid #e6d4bd;
  box-shadow:0 30px 70px rgba(68,45,25,.18)
}
.natal-v4 .n4-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.natal-v4 .n4-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(59,35,23,.03),rgba(59,35,23,.03) 55%,rgba(59,35,23,.12))}
.natal-v4 .n4-hero-badge{
  position:absolute;left:22px;bottom:22px;padding:13px 15px;border-radius:13px;
  background:rgba(255,250,241,.93);border:1px solid rgba(201,155,67,.38);box-shadow:0 14px 34px rgba(47,31,18,.18)
}
.natal-v4 .n4-hero-badge small{display:block;font-size:7px;font-weight:800;letter-spacing:.13em;color:#7a6544}
.natal-v4 .n4-hero-badge strong{display:block;margin:3px 0;color:var(--n4-wine);font:700 25px 'Playfair Display',Georgia,serif}
.natal-v4 .n4-hero-badge span{font-size:9px;color:#687269}
.natal-v4 .n4-identify{padding:74px 24px;background:#fff}
.natal-v4 .n4-section-head{max-width:1180px;margin:0 auto 30px}
.natal-v4 .n4-section-head h2{max-width:760px;margin:9px 0 0;font-size:clamp(34px,4.3vw,55px);line-height:1.05;color:#24352d}
.natal-v4 .n4-section-head h2 em{color:var(--n4-wine);font-weight:600}
.natal-v4 .n4-center{text-align:center}
.natal-v4 .n4-center h2,.natal-v4 .n4-center p{margin-left:auto;margin-right:auto}
.natal-v4 .n4-center p{color:#717a71}
.natal-v4 .n4-pain-grid{
  max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px
}
.natal-v4 .n4-pain-grid article{
  padding:21px 18px;border:1px solid var(--n4-line);border-radius:14px;background:#fffaf3
}
.natal-v4 .n4-pain-grid b{display:block;margin-bottom:28px;color:var(--n4-wine);font:700 24px 'Playfair Display',Georgia,serif}
.natal-v4 .n4-pain-grid h3{margin:0 0 7px;font-size:18px}
.natal-v4 .n4-pain-grid p{margin:0;color:#717970;font-size:11px;line-height:1.65}
.natal-v4 .n4-recipes{padding:80px 24px;background:linear-gradient(180deg,#f5eadb,#fbf7ef)}
.natal-v4 .n4-recipe-grid{
  max-width:1180px;margin:36px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.natal-v4 .n4-recipe-card{
  overflow:hidden;border:1px solid #e0cfb6;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(86,61,35,.08)
}
.natal-v4 .n4-recipe-preview{position:relative;aspect-ratio:4/5.3;overflow:hidden;background:#eee5d8}
.natal-v4 .n4-recipe-preview canvas{width:100%!important;height:100%!important;object-fit:cover;object-position:top}
.natal-v4 .n4-recipe-card>div:last-child{padding:17px 18px 19px}
.natal-v4 .n4-recipe-card span{font-size:8px;font-weight:800;letter-spacing:.13em;color:var(--n4-wine)}
.natal-v4 .n4-recipe-card h3{margin:6px 0 5px;font-size:21px}
.natal-v4 .n4-recipe-card p{margin:0;color:#747d74;font-size:10px;line-height:1.55}
.natal-v4 .n4-inline-cta{
  max-width:980px;margin:34px auto 0;padding:20px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;
  border-radius:16px;background:var(--n4-green2);color:#fff;border:1px solid rgba(201,155,67,.34)
}
.natal-v4 .n4-inline-cta small{display:block;color:#d9b66e;font-size:8px;font-weight:800;letter-spacing:.13em}
.natal-v4 .n4-inline-cta strong{display:block;margin-top:4px;font:600 24px 'Playfair Display',Georgia,serif}
.natal-v4 .n4-how{
  max-width:1180px;margin:84px auto;padding:0 24px;display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:stretch
}
.natal-v4 .n4-how-photo{
  min-height:600px;border-radius:24px;background:
    linear-gradient(180deg,rgba(25,55,40,.06),rgba(25,55,40,.2)),
    url('/assets/natal/natal-hero-mulher.webp') center/cover no-repeat;
  box-shadow:0 24px 55px rgba(68,45,25,.14)
}
.natal-v4 .n4-how-copy{padding:34px 0}
.natal-v4 .n4-how-copy h2{margin:10px 0 26px;font-size:clamp(34px,4vw,51px);line-height:1.06}
.natal-v4 .n4-steps{display:grid;gap:12px}
.natal-v4 .n4-steps article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid var(--n4-line)}
.natal-v4 .n4-steps b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f0dfc4;color:var(--n4-wine)}
.natal-v4 .n4-steps h3{margin:0 0 4px;font-size:18px}
.natal-v4 .n4-steps p{margin:0;color:#727970;font-size:11px}
.natal-v4 .n4-content{padding:82px 24px;background:#fff}
.natal-v4 .n4-content-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:55px;align-items:center}
.natal-v4 .n4-content-list{display:grid;gap:3px}
.natal-v4 .n4-content-list article{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--n4-line)}
.natal-v4 .n4-content-list span{color:var(--n4-wine);font:700 19px 'Playfair Display',Georgia,serif}
.natal-v4 .n4-content-list h3{margin:0 0 4px;font-size:18px}
.natal-v4 .n4-content-list p{margin:0;color:#747c73;font-size:11px;line-height:1.55}
.natal-v4 .n4-book-stack{position:relative;min-height:560px}
.natal-v4 .n4-book{
  position:absolute;top:50%;left:50%;width:48%;overflow:hidden;border:1px solid #d9c5a7;border-radius:8px;background:#eee;
  box-shadow:0 22px 55px rgba(64,44,24,.2)
}
.natal-v4 .n4-book canvas{display:block;width:100%!important;height:auto!important}
.natal-v4 .n4-book-back{transform:translate(-88%,-48%) rotate(-7deg)}
.natal-v4 .n4-book-mid{transform:translate(-15%,-52%) rotate(7deg)}
.natal-v4 .n4-book-front{z-index:3;transform:translate(-50%,-50%);width:51%}
.natal-v4 .n4-footnote{max-width:1180px;margin:26px auto 0;color:#8a8d85;font-size:9px;line-height:1.6}
.natal-v4 .n4-offer{
  padding:84px max(24px,calc((100vw - 1180px)/2 + 24px));display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;
  background:linear-gradient(135deg,#173f31,#0f2d24);color:#fff
}
.natal-v4 .n4-offer h2{margin:10px 0 17px;max-width:650px;font-size:clamp(36px,4.5vw,58px);line-height:1.04}
.natal-v4 .n4-offer p{max-width:640px;color:#cfddd4;line-height:1.7}
.natal-v4 .n4-offer ul{margin:22px 0 0;padding-left:18px;display:grid;gap:8px;color:#e8efe9;font-size:12px}
.natal-v4 .n4-price-card{padding:31px;border-radius:20px;background:#fff8ed;color:#25362e;box-shadow:0 28px 65px rgba(0,0,0,.23)}
.natal-v4 .n4-price-card>small{font-size:8px;font-weight:800;letter-spacing:.14em;color:#8c6a35}
.natal-v4 .n4-price{margin:12px 0 8px;color:var(--n4-wine);font:700 82px/1 'Playfair Display',Georgia,serif}
.natal-v4 .n4-price span{font:700 18px 'DM Sans',Arial,sans-serif;vertical-align:top;margin-right:4px}
.natal-v4 .n4-price sup{font-size:34px;vertical-align:top}
.natal-v4 .n4-price-card p{color:#747b73;font-size:10px}
.natal-v4 .n4-final-buy{width:100%;margin-top:11px}
.natal-v4 .n4-faq{max-width:1050px;margin:auto;padding:82px 24px}
.natal-v4 .n4-faq-list{display:grid;gap:8px}
.natal-v4 .n4-faq details{border:1px solid var(--n4-line);border-radius:12px;background:#fff;overflow:hidden}
.natal-v4 .n4-faq summary{cursor:pointer;padding:17px 18px;display:flex;justify-content:space-between;gap:20px;font-weight:800;font-size:12px;list-style:none}
.natal-v4 .n4-faq summary::-webkit-details-marker{display:none}
.natal-v4 .n4-faq details p{margin:0;padding:0 18px 18px;color:#737b73;font-size:11px;line-height:1.65}
.natal-v4 .n4-final{
  max-width:1180px;margin:0 auto 78px;display:grid;grid-template-columns:1fr .8fr;overflow:hidden;border-radius:24px;background:#f0dfc5;
  border:1px solid #e0caab
}
.natal-v4 .n4-final-copy{padding:50px}
.natal-v4 .n4-final h2{margin:10px 0 14px;font-size:clamp(36px,4.5vw,56px);line-height:1.03}
.natal-v4 .n4-final p{color:#677168;line-height:1.7}
.natal-v4 .n4-final-photo{min-height:420px;background:url('/assets/natal/natal-hero-mulher.webp') 75% center/cover no-repeat}
.natal-v4 .n4-sticky{
  position:fixed;left:50%;bottom:16px;z-index:220;width:min(720px,calc(100% - 30px));padding:9px 10px 9px 15px;
  display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(201,155,67,.58);border-radius:999px;
  background:rgba(21,63,49,.97);box-shadow:0 18px 45px rgba(0,0,0,.28);backdrop-filter:blur(10px);
  transform:translate(-50%,135%);opacity:0;pointer-events:none;transition:.28s ease
}
.natal-v4 .n4-sticky.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.natal-v4 .n4-sticky>div{display:flex;align-items:center;gap:12px}
.natal-v4 .n4-sticky small{color:#d6e0da;font-size:8px;letter-spacing:.08em}
.natal-v4 .n4-sticky strong{color:#f0ca78;font:700 20px 'Playfair Display',Georgia,serif}
.natal-v4 .n4-sticky-buy{padding:10px 15px!important;border-radius:999px!important;background:#a0353c!important;color:#fff!important;font-size:10px!important;font-weight:800!important}
.natal-v4 .n4-footer{
  padding:30px 24px 42px;display:flex;justify-content:center;align-items:center;gap:18px;border-top:1px solid var(--n4-line);color:#8a8c84;font-size:9px
}
.natal-v4 .n4-footer img{width:190px;height:auto}
.natal-v4 .page-loading{position:absolute;inset:0;display:grid;place-items:center;color:#8f8b82;font-size:9px}
.natal-v4 .pdf-ready .page-loading{display:none}
.natal-v4 .n4-pulse{animation:n4Pulse 2.2s ease-in-out infinite}
@keyframes n4Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

@media(max-width:960px){
  .natal-v4 .n4-hero{grid-template-columns:1fr;gap:28px}
  .natal-v4 .n4-hero-visual{min-height:520px}
  .natal-v4 .n4-pain-grid{grid-template-columns:1fr 1fr}
  .natal-v4 .n4-recipe-grid{grid-template-columns:1fr 1fr}
  .natal-v4 .n4-how{grid-template-columns:1fr}
  .natal-v4 .n4-how-photo{min-height:480px}
  .natal-v4 .n4-content-layout{grid-template-columns:1fr}
  .natal-v4 .n4-book-stack{min-height:520px}
  .natal-v4 .n4-offer{grid-template-columns:1fr}
  .natal-v4 .n4-final{grid-template-columns:1fr}
  .natal-v4 .n4-final-photo{min-height:360px}
}
@media(max-width:720px){
  .natal-v4 .n4-header{min-height:70px;padding:9px 14px}
  .natal-v4 .n4-brand{width:175px}
  .natal-v4 .n4-header nav{display:none}
  .natal-v4 .n4-header-buy{padding:9px 11px!important;font-size:9px!important}
  .natal-v4 .n4-hero{padding:38px 16px 44px}
  .natal-v4 .n4-hero-copy{padding-left:0}
  .natal-v4 .n4-hero h1{font-size:clamp(42px,12vw,58px)}
  .natal-v4 .n4-hero-visual{min-height:430px}
  .natal-v4 .n4-hero-visual>img{object-position:63% center}
  .natal-v4 .n4-identify,.natal-v4 .n4-recipes,.natal-v4 .n4-content{padding-left:16px;padding-right:16px}
  .natal-v4 .n4-pain-grid,.natal-v4 .n4-recipe-grid{grid-template-columns:1fr}
  .natal-v4 .n4-inline-cta{flex-direction:column;align-items:stretch;text-align:center}
  .natal-v4 .n4-inline-cta .n4-main-buy{width:100%}
  .natal-v4 .n4-how{margin:60px auto;padding:0 16px}
  .natal-v4 .n4-how-photo{min-height:420px;background-position:65% center}
  .natal-v4 .n4-book-stack{min-height:430px}
  .natal-v4 .n4-offer{padding:64px 16px}
  .natal-v4 .n4-price{font-size:68px}
  .natal-v4 .n4-faq{padding:66px 16px}
  .natal-v4 .n4-final{margin:0 16px 70px}
  .natal-v4 .n4-final-copy{padding:36px 22px}
  .natal-v4 .n4-final-photo{min-height:320px;background-position:67% center}
  .natal-v4 .n4-sticky{bottom:8px;width:calc(100% - 16px);padding:8px 8px 8px 12px}
  .natal-v4 .n4-sticky small{display:none}
  .natal-v4 .n4-sticky-buy{min-width:132px}
  .natal-v4 .n4-footer{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){.natal-v4 .n4-pulse{animation:none}}


/* Fotos reais das receitas — seção em 5 cards */
.natal-v4 .n4-recipes-photo{
  padding-top:74px;
  padding-bottom:72px;
}
.natal-v4 .n4-food-row{
  max-width:1280px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.natal-v4 .n4-food-card{
  min-width:0;
  text-align:center;
}
.natal-v4 .n4-food-card img{
  display:block;
  width:100%;
  aspect-ratio:1.45/1;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #e4d2b8;
  box-shadow:0 10px 26px rgba(82,55,32,.10);
  transition:transform .25s ease,box-shadow .25s ease;
}
.natal-v4 .n4-food-card:hover img{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 16px 34px rgba(82,55,32,.16);
}
.natal-v4 .n4-food-card h3{
  margin:10px 4px 0;
  color:#7f2328;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.25;
}
.natal-v4 .n4-food-cta{
  display:flex;
  justify-content:center;
  margin-top:28px;
}
.natal-v4 .n4-food-cta .n4-main-buy{
  min-width:min(430px,100%);
}
@media(max-width:980px){
  .natal-v4 .n4-food-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .natal-v4 .n4-food-row{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .natal-v4 .n4-food-card:last-child{
    grid-column:1/-1;
    width:calc(50% - 6px);
    justify-self:center;
  }
  .natal-v4 .n4-food-card h3{
    font-size:12px;
  }
}


/* Ajustes finais — verde claro, mulher só no topo e mockup */
.natal-v4{
  --n4-cream:#edf4e9;
  --n4-paper:#f3f7ef;
  --n4-line:#cad9c4;
  background:
    linear-gradient(rgba(226,238,221,.93),rgba(226,238,221,.93)),
    url('/assets/natal/natal-hero-mulher.webp') center top/cover fixed no-repeat;
}
.natal-v4 .n4-header{
  background:rgba(231,241,226,.97);
  border-bottom-color:#c6d7c0;
}
.natal-v4 .n4-identify{
  background:rgba(232,242,228,.94);
}
.natal-v4 .n4-pain-grid article{
  background:#f4f8f1;
  border-color:#cbdac5;
}
.natal-v4 .n4-recipes{
  background:linear-gradient(180deg,rgba(218,233,212,.96),rgba(231,241,226,.96));
}
.natal-v4 .n4-content{
  background:rgba(234,243,230,.95);
}
.natal-v4 .n4-faq{
  background:rgba(229,239,224,.86);
  border-radius:24px;
  margin-top:64px;
  margin-bottom:64px;
}
.natal-v4 .n4-faq details{
  background:#f4f8f1;
  border-color:#cbdac5;
}
.natal-v4 .n4-how{
  margin-top:72px;
  margin-bottom:72px;
  padding:38px;
  border:1px solid #c7d7c1;
  border-radius:26px;
  background:rgba(231,241,226,.94);
  box-shadow:0 24px 55px rgba(44,75,50,.10);
}
.natal-v4 .n4-offer{
  background:linear-gradient(135deg,#417858,#2f6348);
}
.natal-v4 .n4-price-card{
  background:#edf4e8;
}
.natal-v4 .n4-final{
  background:linear-gradient(135deg,#dbe9d5,#cfe0c8);
  border-color:#bfd2b7;
}
.natal-v4 .n4-topnote{
  background:#2f6348;
}
.natal-v4 .n4-product-mockup{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(145deg,#d8e7d2,#bfd5b7);
  border:1px solid #b9ccb2;
  box-shadow:0 24px 55px rgba(44,75,50,.14);
  perspective:1200px;
}
.natal-v4 .n4-mockup-page,
.natal-v4 .n4-mockup-book{
  position:absolute;
  overflow:hidden;
  background:#f5f0e6;
  border:1px solid rgba(121,92,52,.22);
  box-shadow:0 22px 50px rgba(46,57,40,.22);
}
.natal-v4 .n4-mockup-page canvas,
.natal-v4 .n4-mockup-book canvas{
  display:block;
  width:100%!important;
  height:auto!important;
}
.natal-v4 .n4-mockup-back{
  width:40%;
  left:10%;
  top:19%;
  transform:rotate(-8deg);
  border-radius:7px;
}
.natal-v4 .n4-mockup-side{
  width:40%;
  right:9%;
  top:17%;
  transform:rotate(8deg);
  border-radius:7px;
}
.natal-v4 .n4-mockup-book{
  z-index:3;
  width:45%;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%) rotateY(-8deg);
  border-radius:7px 12px 12px 7px;
}
.natal-v4 .n4-mockup-book::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;width:7%;
  z-index:3;
  background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.08),transparent);
  pointer-events:none;
}
.natal-v4 .n4-mockup-caption{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:5;
  width:82%;
  transform:translateX(-50%);
  padding:15px 18px;
  border-radius:14px;
  text-align:center;
  background:rgba(29,80,57,.94);
  color:#fff;
  border:1px solid rgba(212,175,55,.42);
}
.natal-v4 .n4-mockup-caption small{
  display:block;
  color:#efd081;
  font-size:8px;
  letter-spacing:.14em;
}
.natal-v4 .n4-mockup-caption strong{
  display:block;
  margin:4px 0 2px;
  font:600 22px 'Playfair Display',Georgia,serif;
}
.natal-v4 .n4-mockup-caption span{
  font-size:9px;
  color:#d9e5db;
}
.natal-v4 .n4-final-product{
  position:relative;
  min-height:420px;
  background:linear-gradient(145deg,#c7dbc0,#a9c59e);
}
.natal-v4 .n4-final-book,
.natal-v4 .n4-final-page{
  position:absolute;
  overflow:hidden;
  border-radius:7px;
  background:#f5f0e6;
  box-shadow:0 22px 48px rgba(39,65,42,.22);
}
.natal-v4 .n4-final-book{
  z-index:2;
  width:43%;
  left:42%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-4deg);
}
.natal-v4 .n4-final-page{
  width:38%;
  right:10%;
  top:50%;
  transform:translateY(-50%) rotate(7deg);
}
.natal-v4 .n4-final-book canvas,
.natal-v4 .n4-final-page canvas{
  display:block;
  width:100%!important;
  height:auto!important;
}
.natal-v4 .n4-food-card img{
  border-color:#bfd1b8;
}
.natal-v4 .n4-food-card h3{
  color:#70402d;
}
@media(max-width:960px){
  .natal-v4 .n4-how{
    padding:24px;
  }
  .natal-v4 .n4-product-mockup{
    min-height:540px;
  }
}
@media(max-width:720px){
  .natal-v4{
    background:
      linear-gradient(rgba(226,238,221,.96),rgba(226,238,221,.96)),
      url('/assets/natal/natal-hero-mulher.webp') 65% top/cover no-repeat;
  }
  .natal-v4 .n4-how{
    margin:48px 16px;
    padding:16px;
  }
  .natal-v4 .n4-product-mockup{
    min-height:430px;
  }
  .natal-v4 .n4-mockup-caption{
    width:90%;
    bottom:14px;
  }
  .natal-v4 .n4-final-product{
    min-height:330px;
  }
}

.natal-v4 .n4-how-photo,
.natal-v4 .n4-final-photo{background-image:none!important;}


/* Hero integrado v5 — mulher no próprio background */
.natal-v4 .n4-hero-integrated{
  position:relative;
  max-width:none;
  min-height:690px;
  margin:0;
  padding:0 max(24px,calc((100vw - 1180px)/2 + 24px));
  display:flex;
  justify-content:flex-end;
  align-items:center;
  overflow:hidden;
  background:#163c2f;
}
.natal-v4 .n4-hero-bg{
  position:absolute;
  inset:0;
  background:url('/assets/natal/natal-hero-mulher.webp') 35% center/cover no-repeat;
  transform:scale(1.01);
}
.natal-v4 .n4-hero-darken{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(12,34,25,.05) 0%,rgba(12,34,25,.10) 36%,rgba(12,34,25,.58) 58%,rgba(12,34,25,.88) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.16));
}
.natal-v4 .n4-hero-trust{
  position:absolute;
  top:22px;
  right:max(24px,calc((100vw - 1180px)/2 + 24px));
  z-index:3;
  display:flex;
  gap:12px;
  padding:10px 13px;
  border-radius:12px;
  background:rgba(246,249,242,.94);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.natal-v4 .n4-hero-trust span{
  display:flex;
  align-items:center;
  gap:5px;
  color:#294638;
  font-size:9px;
  white-space:nowrap;
}
.natal-v4 .n4-hero-panel{
  position:relative;
  z-index:3;
  width:min(610px,52vw);
  margin-top:48px;
  padding:34px 0 34px 36px;
  color:#fff;
  text-align:left;
}
.natal-v4 .n4-hero-panel .n4-kicker{
  color:#f4c86e;
}
.natal-v4 .n4-hero-integrated h1{
  margin:12px 0 18px;
  max-width:600px;
  color:#fff;
  font-size:clamp(50px,5.5vw,78px);
  line-height:.96;
  letter-spacing:-.035em;
  text-shadow:0 4px 22px rgba(0,0,0,.28);
}
.natal-v4 .n4-hero-integrated h1 em{
  color:#f3c96d;
  font-weight:600;
}
.natal-v4 .n4-hero-panel>p{
  max-width:560px;
  margin:0;
  color:#f0f3ef;
  font-size:14px;
  line-height:1.72;
  text-shadow:0 2px 14px rgba(0,0,0,.24);
}
.natal-v4 .n4-hero-integrated .n4-hero-points{
  margin:20px 0;
  color:#f4f6f2;
  font-size:11px;
}
.natal-v4 .n4-hero-offer-box{
  margin-top:22px;
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-radius:15px;
  background:rgba(245,249,241,.95);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.natal-v4 .n4-hero-offer-box>div{
  min-width:125px;
  color:#244235;
}
.natal-v4 .n4-hero-offer-box small{
  display:block;
  color:#7a6441;
  font-size:7px;
  font-weight:800;
  letter-spacing:.12em;
}
.natal-v4 .n4-hero-offer-box strong{
  display:block;
  margin:2px 0 1px;
  color:#8f2d34;
  font:700 30px 'Playfair Display',Georgia,serif;
}
.natal-v4 .n4-hero-offer-box span{
  display:block;
  color:#6e786f;
  font-size:8px;
}
.natal-v4 .n4-hero-offer-box .n4-main-buy{
  flex:1;
  min-height:48px;
}
.natal-v4 .n4-hero-scroll{
  display:inline-block;
  margin-top:15px;
  color:#fff4da;
  font-size:10px;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media(max-width:900px){
  .natal-v4 .n4-hero-integrated{
    min-height:720px;
    align-items:flex-end;
    justify-content:center;
    padding:0 20px 28px;
  }
  .natal-v4 .n4-hero-bg{
    background-position:45% center;
  }
  .natal-v4 .n4-hero-darken{
    background:
      linear-gradient(180deg,rgba(11,29,22,.04) 0%,rgba(11,29,22,.16) 38%,rgba(11,29,22,.82) 68%,rgba(11,29,22,.94) 100%);
  }
  .natal-v4 .n4-hero-trust{
    top:14px;
    left:14px;
    right:14px;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px 12px;
  }
  .natal-v4 .n4-hero-panel{
    width:100%;
    max-width:680px;
    margin:0;
    padding:24px 6px 0;
  }
}
@media(max-width:620px){
  .natal-v4 .n4-hero-integrated{
    min-height:760px;
    padding:0 14px 22px;
  }
  .natal-v4 .n4-hero-bg{
    background-position:48% top;
  }
  .natal-v4 .n4-hero-trust{
    gap:6px 9px;
    padding:8px 9px;
  }
  .natal-v4 .n4-hero-trust span{
    font-size:8px;
  }
  .natal-v4 .n4-hero-panel{
    padding:18px 0 0;
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:clamp(40px,12vw,56px);
  }
  .natal-v4 .n4-hero-panel>p{
    font-size:12px;
  }
  .natal-v4 .n4-hero-offer-box{
    flex-direction:column;
    align-items:stretch;
    text-align:center;
  }
  .natal-v4 .n4-hero-offer-box .n4-main-buy{
    width:100%;
  }
}


/* Ajuste mobile do hero — enquadramento da mulher */
.natal-v4 .n4-hero-integrated{
  overflow:hidden;
}
.natal-v4 .n4-hero-bg{
  transform:none!important;
}
@media(max-width:900px){
  .natal-v4 .n4-hero-bg{
    background-size:cover;
    background-position:82% center!important;
  }
}
@media(max-width:620px){
  .natal-v4 .n4-hero-bg{
    background-size:cover;
    background-position:84% top!important;
  }
}


/* Natal decor v1 — decoração clara em todos os blocos */
.natal-v4 .n4-identify,
.natal-v4 .n4-recipes,
.natal-v4 .n4-how,
.natal-v4 .n4-content,
.natal-v4 .n4-offer,
.natal-v4 .n4-faq,
.natal-v4 .n4-final{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.natal-v4 .n4-identify > *,
.natal-v4 .n4-recipes > *,
.natal-v4 .n4-how > *,
.natal-v4 .n4-content > *,
.natal-v4 .n4-offer > *,
.natal-v4 .n4-faq > *,
.natal-v4 .n4-final > *{
  position:relative;
  z-index:2;
}
.natal-v4 .n4-identify::before,
.natal-v4 .n4-recipes::before,
.natal-v4 .n4-how::before,
.natal-v4 .n4-content::before,
.natal-v4 .n4-offer::before,
.natal-v4 .n4-faq::before,
.natal-v4 .n4-final::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20transform%3D%22translate(300%200)%20scale(-1%201)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    radial-gradient(circle at 12% 82%,rgba(202,161,75,.12) 0 4px,transparent 5px),
    radial-gradient(circle at 86% 22%,rgba(151,45,53,.08) 0 5px,transparent 6px);
  background-repeat:no-repeat;
  background-position:left -18px top -14px,right -18px top -14px,left bottom,right 18% top;
  background-size:245px auto,245px auto,100% 100%,100% 100%;
  opacity:.24;
}
.natal-v4 .n4-offer::before{
  opacity:.14;
  filter:brightness(1.28) saturate(.72);
}
.natal-v4 .n4-product-mockup{
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20transform%3D%22translate(300%200)%20scale(-1%201)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    radial-gradient(circle at 50% 40%,rgba(255,255,255,.76),transparent 34%),
    linear-gradient(145deg,#d8e7d2,#bfd5b7)!important;
  background-repeat:no-repeat;
  background-position:left -18px top -8px,right -18px top -8px,center,center;
  background-size:255px auto,255px auto,100% 100%,100% 100%;
}
.natal-v4 .n4-final-product{
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22300%22%20height%3D%22190%22%20viewBox%3D%220%200%20300%20190%22%3E%0A%3Cg%20transform%3D%22translate(300%200)%20scale(-1%201)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M8%2024%20C58%2037%2092%2061%20130%20103%22%20stroke%3D%22%23356b4d%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M18%2042%20L54%2010%20M31%2055%20L78%2020%20M48%2068%20L98%2034%20M67%2082%20L118%2049%20M88%2097%20L137%2066%22%20stroke%3D%22%234b805f%22%20stroke-width%3D%225%22%2F%3E%0A%3Cpath%20d%3D%22M15%2030%20L48%2058%20M32%2043%20L67%2072%20M49%2058%20L87%2088%20M67%2073%20L106%20104%20M87%2091%20L123%20118%22%20stroke%3D%22%232f6045%22%20stroke-width%3D%224%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2248%22%20r%3D%229%22%20fill%3D%22%23a33d42%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2282%22%20cy%3D%2258%22%20r%3D%228%22%20fill%3D%22%23b8494d%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2272%22%20cy%3D%2268%22%20r%3D%227%22%20fill%3D%22%23932f36%22%20stroke%3D%22%237e2930%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2249%22%20cy%3D%2292%22%20r%3D%225%22%20fill%3D%22%23d6b15d%22%2F%3E%0A%3Ccircle%20cx%3D%22118%22%20cy%3D%2256%22%20r%3D%224%22%20fill%3D%22%23e7c978%22%2F%3E%0A%3Cpath%20d%3D%22M42%206%20v26%22%20stroke%3D%22%23caa24f%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2242%22%20cy%3D%2242%22%20r%3D%2213%22%20fill%3D%22%23e4c97f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M39%2028%20h6%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%223%22%2F%3E%0A%3Cpath%20d%3D%22M156%2020%20l5%2011%2012%202-9%208%202%2012-10-6-11%206%203-12-9-8%2012-2z%22%20fill%3D%22%23d8b35f%22%20stroke%3D%22%23c39b45%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(145deg,#c7dbc0,#a9c59e)!important;
  background-repeat:no-repeat;
  background-position:left -20px top -10px,right -20px top -10px,center;
  background-size:220px auto,220px auto,100% 100%;
}
.natal-v4 .n4-pain-grid article,
.natal-v4 .n4-food-card,
.natal-v4 .n4-content-list article,
.natal-v4 .n4-price-card,
.natal-v4 .n4-faq details,
.natal-v4 .n4-hero-offer-box{
  position:relative;
  overflow:hidden;
}
.natal-v4 .n4-pain-grid article::after,
.natal-v4 .n4-food-card::after,
.natal-v4 .n4-price-card::after,
.natal-v4 .n4-faq details::after{
  content:"✦";
  position:absolute;
  right:10px;
  top:8px;
  color:rgba(180,137,60,.20);
  font-size:18px;
  pointer-events:none;
}
@media(max-width:720px){
  .natal-v4 .n4-identify::before,
  .natal-v4 .n4-recipes::before,
  .natal-v4 .n4-how::before,
  .natal-v4 .n4-content::before,
  .natal-v4 .n4-offer::before,
  .natal-v4 .n4-faq::before,
  .natal-v4 .n4-final::before{
    background-size:165px auto,165px auto,100% 100%,100% 100%;
    opacity:.20;
  }
  .natal-v4 .n4-product-mockup{
    background-size:175px auto,175px auto,100% 100%,100% 100%;
  }
}


/* Responsividade v1 — sem cortes em PC e celular */
.natal-v4{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
.natal-v4 img,
.natal-v4 canvas{
  max-width:100%;
}
.natal-v4 img{
  height:auto;
}
.natal-v4 main,
.natal-v4 section,
.natal-v4 header,
.natal-v4 footer{
  max-width:100%;
}

/* Cabeçalho fluido */
.natal-v4 .n4-header{
  width:100%;
}
.natal-v4 .n4-brand{
  width:clamp(170px,22vw,260px);
  min-width:0;
}
.natal-v4 .n4-header-buy{
  flex:0 0 auto;
  white-space:nowrap;
}

/* Hero: a imagem inteira permanece visível no desktop. */
@media(min-width:901px){
  .natal-v4 .n4-hero-integrated{
    min-height:clamp(620px,48vw,760px);
  }
  .natal-v4 .n4-hero-bg{
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-color:#163c2f;
  }
  .natal-v4 .n4-hero-panel{
    width:min(600px,48vw);
    padding-left:clamp(24px,3vw,44px);
  }
}

/* Tablets e celulares: imagem completa no topo e conteúdo com espaço próprio.
   Nada depende de crop para caber. */
@media(max-width:900px){
  .natal-v4 .n4-header{
    gap:12px;
    padding-left:16px;
    padding-right:16px;
  }
  .natal-v4 .n4-header nav{
    display:none;
  }
  .natal-v4 .n4-brand{
    width:min(52vw,230px);
  }

  .natal-v4 .n4-hero-integrated{
    min-height:0!important;
    height:auto!important;
    display:block!important;
    padding:0!important;
    background:#153f31!important;
  }
  .natal-v4 .n4-hero-bg{
    position:relative!important;
    inset:auto!important;
    display:block;
    width:100%;
    aspect-ratio:3/2;
    background-size:contain!important;
    background-repeat:no-repeat!important;
    background-position:center top!important;
    background-color:#153f31;
    transform:none!important;
  }
  .natal-v4 .n4-hero-darken{
    top:0!important;
    bottom:auto!important;
    height:auto;
    aspect-ratio:3/2;
    background:linear-gradient(180deg,rgba(10,30,22,.02),rgba(10,30,22,.30))!important;
  }
  .natal-v4 .n4-hero-trust{
    top:12px!important;
    left:12px!important;
    right:12px!important;
    width:auto;
  }
  .natal-v4 .n4-hero-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:34px 20px 30px!important;
    background:linear-gradient(180deg,#153f31,#102f25);
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:clamp(40px,9vw,60px)!important;
    max-width:760px;
  }
  .natal-v4 .n4-hero-offer-box{
    width:100%;
  }
}

/* Cards de receitas: mostrar a foto completa, sem cortar bordas do prato. */
.natal-v4 .n4-food-card{
  display:flex;
  flex-direction:column;
}
.natal-v4 .n4-food-card img{
  width:100%;
  height:auto!important;
  aspect-ratio:1.45/1;
  object-fit:contain!important;
  object-position:center!important;
  background:#edf4e8;
}

/* Mockup principal: todos os elementos ficam dentro do quadro. */
.natal-v4 .n4-product-mockup{
  width:100%;
  max-width:100%;
}
@media(min-width:961px){
  .natal-v4 .n4-mockup-back{
    width:34%!important;
    left:12%!important;
    top:20%!important;
  }
  .natal-v4 .n4-mockup-side{
    width:34%!important;
    right:12%!important;
    top:19%!important;
  }
  .natal-v4 .n4-mockup-book{
    width:40%!important;
    top:45%!important;
  }
}
@media(max-width:960px){
  .natal-v4 .n4-how{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .natal-v4 .n4-product-mockup{
    min-height:clamp(470px,78vw,620px)!important;
  }
  .natal-v4 .n4-mockup-back{
    width:34%!important;
    left:10%!important;
    top:18%!important;
    transform:rotate(-5deg)!important;
  }
  .natal-v4 .n4-mockup-side{
    width:34%!important;
    right:10%!important;
    top:18%!important;
    transform:rotate(5deg)!important;
  }
  .natal-v4 .n4-mockup-book{
    width:42%!important;
    top:44%!important;
    transform:translate(-50%,-50%)!important;
  }
}
@media(max-width:620px){
  .natal-v4 .n4-topnote{
    padding-left:10px;
    padding-right:10px;
    flex-wrap:wrap;
    line-height:1.35;
  }
  .natal-v4 .n4-header{
    min-height:66px;
  }
  .natal-v4 .n4-brand{
    width:min(48vw,190px);
  }
  .natal-v4 .n4-header-buy{
    padding:9px 11px!important;
    font-size:9px!important;
  }
  .natal-v4 .n4-hero-trust{
    justify-content:center!important;
    gap:5px 8px!important;
    padding:7px 8px!important;
  }
  .natal-v4 .n4-hero-trust span{
    font-size:7.5px!important;
  }
  .natal-v4 .n4-hero-panel{
    padding:28px 16px 26px!important;
  }
  .natal-v4 .n4-hero-offer-box{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .natal-v4 .n4-hero-offer-box .n4-main-buy{
    width:100%!important;
  }

  .natal-v4 .n4-food-row{
    grid-template-columns:1fr!important;
  }
  .natal-v4 .n4-food-card:last-child{
    width:100%!important;
    grid-column:auto!important;
  }
  .natal-v4 .n4-food-card img{
    aspect-ratio:auto!important;
    max-height:none!important;
  }

  .natal-v4 .n4-how{
    margin-left:12px!important;
    margin-right:12px!important;
    padding:12px!important;
  }
  .natal-v4 .n4-product-mockup{
    min-height:520px!important;
  }
  .natal-v4 .n4-mockup-back{
    width:31%!important;
    left:8%!important;
    top:18%!important;
  }
  .natal-v4 .n4-mockup-side{
    width:31%!important;
    right:8%!important;
    top:18%!important;
  }
  .natal-v4 .n4-mockup-book{
    width:44%!important;
    top:43%!important;
  }
  .natal-v4 .n4-mockup-caption{
    width:calc(100% - 24px)!important;
    bottom:12px!important;
  }

  .natal-v4 .n4-content-layout,
  .natal-v4 .n4-offer,
  .natal-v4 .n4-final{
    grid-template-columns:1fr!important;
  }
  .natal-v4 .n4-book-stack{
    min-height:460px!important;
  }
  .natal-v4 .n4-final-product{
    min-height:360px!important;
  }
  .natal-v4 .n4-final-book{
    width:39%!important;
    left:38%!important;
  }
  .natal-v4 .n4-final-page{
    width:34%!important;
    right:12%!important;
  }
}

/* Evita qualquer estouro horizontal em telas muito estreitas. */
@media(max-width:390px){
  .natal-v4 .n4-brand{
    width:145px;
  }
  .natal-v4 .n4-header-buy{
    padding:8px 9px!important;
    font-size:8px!important;
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:38px!important;
  }
  .natal-v4 .n4-product-mockup{
    min-height:480px!important;
  }
}


/* Hero overlay v2 — texto sempre dentro da imagem */
.natal-v4 .n4-hero-integrated{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:clamp(620px,50vw,760px)!important;
  height:auto!important;
  padding:0 max(24px,calc((100vw - 1180px)/2 + 24px))!important;
  overflow:hidden!important;
  background:#153f31!important;
}
.natal-v4 .n4-hero-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background-image:url('/assets/natal/natal-hero-mulher.webp')!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#153f31!important;
  transform:none!important;
}
.natal-v4 .n4-hero-darken{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background:
    linear-gradient(90deg,
      rgba(13,35,27,.06) 0%,
      rgba(13,35,27,.10) 34%,
      rgba(13,35,27,.50) 57%,
      rgba(13,35,27,.88) 100%
    )!important;
}
.natal-v4 .n4-hero-panel{
  position:relative!important;
  z-index:4!important;
  width:min(570px,48vw)!important;
  max-width:570px!important;
  min-height:0!important;
  margin:48px 0 0 auto!important;
  padding:32px 0 32px 34px!important;
  background:transparent!important;
  color:#fff!important;
}
.natal-v4 .n4-hero-integrated h1{
  max-width:100%!important;
  margin:12px 0 18px!important;
  font-size:clamp(48px,5.2vw,76px)!important;
  line-height:.96!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.natal-v4 .n4-hero-panel>p,
.natal-v4 .n4-hero-integrated .n4-hero-points{
  max-width:100%!important;
}
.natal-v4 .n4-hero-trust{
  z-index:5!important;
}

/* Tablet: mantém tudo sobre o mesmo banner. */
@media(max-width:900px){
  .natal-v4 .n4-hero-integrated{
    min-height:760px!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:0 18px 26px!important;
  }
  .natal-v4 .n4-hero-bg{
    position:absolute!important;
    inset:0!important;
    background-size:cover!important;
    background-position:72% center!important;
  }
  .natal-v4 .n4-hero-darken{
    inset:0!important;
    height:100%!important;
    aspect-ratio:auto!important;
    background:
      linear-gradient(180deg,
        rgba(10,29,21,.04) 0%,
        rgba(10,29,21,.10) 24%,
        rgba(10,29,21,.38) 48%,
        rgba(10,29,21,.82) 73%,
        rgba(10,29,21,.94) 100%
      )!important;
  }
  .natal-v4 .n4-hero-panel{
    width:100%!important;
    max-width:680px!important;
    margin:0 auto!important;
    padding:24px 6px 0!important;
    background:transparent!important;
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:clamp(40px,8vw,60px)!important;
  }
}

/* Celular: texto, benefícios e CTA continuam dentro da própria imagem. */
@media(max-width:620px){
  .natal-v4 .n4-hero-integrated{
    min-height:820px!important;
    padding:0 14px 20px!important;
    border-radius:0!important;
  }
  .natal-v4 .n4-hero-bg{
    background-size:cover!important;
    background-position:76% center!important;
  }
  .natal-v4 .n4-hero-darken{
    background:
      linear-gradient(180deg,
        rgba(10,29,21,.05) 0%,
        rgba(10,29,21,.12) 26%,
        rgba(10,29,21,.46) 49%,
        rgba(10,29,21,.86) 72%,
        rgba(10,29,21,.96) 100%
      )!important;
  }
  .natal-v4 .n4-hero-panel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px 0 0!important;
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:clamp(38px,11vw,54px)!important;
    line-height:.97!important;
  }
  .natal-v4 .n4-hero-panel>p{
    font-size:12px!important;
    line-height:1.62!important;
  }
  .natal-v4 .n4-hero-integrated .n4-hero-points{
    font-size:10px!important;
    gap:7px!important;
  }
  .natal-v4 .n4-hero-offer-box{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .natal-v4 .n4-hero-offer-box .n4-main-buy{
    width:100%!important;
  }
}

/* Tela muito estreita */
@media(max-width:390px){
  .natal-v4 .n4-hero-integrated{
    min-height:840px!important;
  }
  .natal-v4 .n4-hero-bg{
    background-position:78% center!important;
  }
  .natal-v4 .n4-hero-integrated h1{
    font-size:37px!important;
  }
}


/* Site background watermark v1 — ceia de Natal */
.natal-v4{
  background:
    linear-gradient(rgba(226,238,221,.18),rgba(226,238,221,.18)),
    url('/assets/natal/site-background-watermark.webp') center top / 100% auto repeat-y!important;
}
.natal-v4 main{background:transparent!important}

/* A foto aparece como marca d'água sem atrapalhar a leitura. */
.natal-v4 .n4-identify{background:rgba(232,242,228,.78)!important}
.natal-v4 .n4-recipes{background:rgba(218,233,212,.78)!important}
.natal-v4 .n4-how{background:rgba(231,241,226,.80)!important}
.natal-v4 .n4-content{background:rgba(234,243,230,.80)!important}
.natal-v4 .n4-faq{background:rgba(229,239,224,.82)!important}
.natal-v4 .n4-final{background:rgba(219,233,213,.84)!important}
.natal-v4 .n4-offer{background:linear-gradient(135deg,rgba(65,120,88,.96),rgba(47,99,72,.96))!important}

/* O hero continua com a própria imagem. */
.natal-v4 .n4-hero-integrated{background:#153f31!important}

@media(max-width:720px){
  .natal-v4{
    background:
      linear-gradient(rgba(226,238,221,.18),rgba(226,238,221,.18)),
      url('/assets/natal/site-background-watermark.webp') center top / 100% auto repeat-y!important;
    background-attachment:scroll!important;
  }
}


/* Container mockups v2 — referência visual enviada */
/* Fundo dos três mockups no mesmo estilo do exemplo: verde-claro, decoração natalina suave,
   três páginas abertas e placa verde escura na base. */
.natal-v4 .n4-product-mockup,
.natal-v4 .n4-book-stack,
.natal-v4 .n4-final-product{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  min-height:640px!important;
  border-radius:30px!important;
  border:1px solid rgba(91,126,82,.22)!important;
  background:
    linear-gradient(rgba(220,236,214,.72),rgba(220,236,214,.72)),
    url('/assets/natal/site-background-watermark.webp') center/cover no-repeat!important;
  box-shadow:
    inset 0 0 0 10px rgba(239,247,235,.58),
    inset 0 0 0 11px rgba(105,140,96,.16),
    0 24px 58px rgba(44,75,50,.13)!important;
  perspective:1200px!important;
}
.natal-v4 .n4-product-mockup::after,
.natal-v4 .n4-book-stack::after,
.natal-v4 .n4-final-product::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,248,196,.56) 0 9px,transparent 28px),
    radial-gradient(circle at 82% 13%,rgba(255,248,196,.48) 0 8px,transparent 26px),
    radial-gradient(circle at 12% 76%,rgba(255,248,196,.35) 0 7px,transparent 25px),
    radial-gradient(circle at 88% 72%,rgba(255,248,196,.38) 0 7px,transparent 24px);
  opacity:.9;
}

.natal-v4 .n4-mockup-page,
.natal-v4 .n4-mockup-book,
.natal-v4 .n4-book,
.natal-v4 .n4-final-page,
.natal-v4 .n4-final-book{
  z-index:2!important;
  background:#fffaf2!important;
  border:1px solid rgba(129,92,47,.24)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 24px 54px rgba(47,54,39,.22)!important;
}
.natal-v4 .n4-mockup-page canvas,
.natal-v4 .n4-mockup-book canvas,
.natal-v4 .n4-book canvas,
.natal-v4 .n4-final-page canvas,
.natal-v4 .n4-final-book canvas{
  display:block!important;
  width:100%!important;
  height:auto!important;
}

/* Mockup principal */
.natal-v4 .n4-product-mockup .n4-mockup-back{
  width:40%!important;
  left:9%!important;
  top:18%!important;
  transform:rotate(-7deg)!important;
}
.natal-v4 .n4-product-mockup .n4-mockup-side{
  width:40%!important;
  right:8%!important;
  top:16%!important;
  transform:rotate(7deg)!important;
}
.natal-v4 .n4-product-mockup .n4-mockup-book{
  width:46%!important;
  left:50%!important;
  top:44%!important;
  transform:translate(-50%,-50%)!important;
}

/* Mockup da seção "plano de ceia" */
.natal-v4 .n4-book-stack .n4-book{
  position:absolute!important;
  top:auto!important;
  left:auto!important;
}
.natal-v4 .n4-book-stack .n4-book-back{
  width:40%!important;
  left:9%!important;
  top:18%!important;
  transform:rotate(-7deg)!important;
}
.natal-v4 .n4-book-stack .n4-book-mid{
  width:40%!important;
  right:8%!important;
  top:16%!important;
  left:auto!important;
  transform:rotate(7deg)!important;
}
.natal-v4 .n4-book-stack .n4-book-front{
  width:46%!important;
  left:50%!important;
  top:44%!important;
  transform:translate(-50%,-50%)!important;
}

/* Mockup final */
.natal-v4 .n4-final-product .n4-final-left{
  width:40%!important;
  left:9%!important;
  right:auto!important;
  top:18%!important;
  transform:rotate(-7deg)!important;
}
.natal-v4 .n4-final-product .n4-final-right{
  width:40%!important;
  right:8%!important;
  left:auto!important;
  top:16%!important;
  transform:rotate(7deg)!important;
}
.natal-v4 .n4-final-product .n4-final-book{
  width:46%!important;
  left:50%!important;
  top:44%!important;
  transform:translate(-50%,-50%)!important;
}

/* Placa verde escura igual à referência enviada */
.natal-v4 .n4-mockup-caption,
.natal-v4 .n4-stack-caption,
.natal-v4 .n4-final-caption{
  position:absolute!important;
  left:50%!important;
  bottom:5%!important;
  z-index:5!important;
  width:82%!important;
  transform:translateX(-50%)!important;
  padding:20px 22px!important;
  border-radius:20px!important;
  text-align:center!important;
  background:linear-gradient(180deg,rgba(28,94,66,.97),rgba(24,82,58,.97))!important;
  color:#fff!important;
  border:1px solid rgba(210,177,87,.5)!important;
  box-shadow:0 14px 30px rgba(39,67,46,.18)!important;
}
.natal-v4 .n4-mockup-caption small,
.natal-v4 .n4-stack-caption small,
.natal-v4 .n4-final-caption small{
  display:block!important;
  color:#e6c96f!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}
.natal-v4 .n4-mockup-caption strong,
.natal-v4 .n4-stack-caption strong,
.natal-v4 .n4-final-caption strong{
  display:block!important;
  margin:6px 0 5px!important;
  color:#fff!important;
  font:600 clamp(24px,3vw,38px) 'Playfair Display',Georgia,serif!important;
  line-height:1.05!important;
}
.natal-v4 .n4-mockup-caption span,
.natal-v4 .n4-stack-caption span,
.natal-v4 .n4-final-caption span{
  display:block!important;
  color:#dce8df!important;
  font-size:10px!important;
}

/* Responsivo e sem cortar páginas */
@media(max-width:960px){
  .natal-v4 .n4-product-mockup,
  .natal-v4 .n4-book-stack,
  .natal-v4 .n4-final-product{
    min-height:clamp(540px,92vw,690px)!important;
    max-width:680px!important;
    width:100%!important;
    margin-inline:auto!important;
  }
}
@media(max-width:620px){
  .natal-v4 .n4-product-mockup,
  .natal-v4 .n4-book-stack,
  .natal-v4 .n4-final-product{
    min-height:560px!important;
    border-radius:22px!important;
    box-shadow:
      inset 0 0 0 6px rgba(239,247,235,.58),
      inset 0 0 0 7px rgba(105,140,96,.16),
      0 18px 38px rgba(44,75,50,.12)!important;
  }
  .natal-v4 .n4-product-mockup .n4-mockup-back,
  .natal-v4 .n4-book-stack .n4-book-back,
  .natal-v4 .n4-final-product .n4-final-left{
    width:36%!important;
    left:7%!important;
    top:17%!important;
    transform:rotate(-5deg)!important;
  }
  .natal-v4 .n4-product-mockup .n4-mockup-side,
  .natal-v4 .n4-book-stack .n4-book-mid,
  .natal-v4 .n4-final-product .n4-final-right{
    width:36%!important;
    right:7%!important;
    top:16%!important;
    transform:rotate(5deg)!important;
  }
  .natal-v4 .n4-product-mockup .n4-mockup-book,
  .natal-v4 .n4-book-stack .n4-book-front,
  .natal-v4 .n4-final-product .n4-final-book{
    width:45%!important;
    top:42%!important;
  }
  .natal-v4 .n4-mockup-caption,
  .natal-v4 .n4-stack-caption,
  .natal-v4 .n4-final-caption{
    width:88%!important;
    bottom:4%!important;
    padding:15px 13px!important;
    border-radius:16px!important;
  }
  .natal-v4 .n4-mockup-caption strong,
  .natal-v4 .n4-stack-caption strong,
  .natal-v4 .n4-final-caption strong{
    font-size:25px!important;
  }
}


/* Marca mãe + vertical Mental & Financeiro */
.natal-v4 .n4-brand-cluster{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  flex:0 1 auto;
}
.natal-v4 .n4-brand{
  display:block;
  line-height:0;
  flex:0 0 auto;
}
.natal-v4 .n4-brand-parent{
  width:clamp(165px,17vw,235px)!important;
}
.natal-v4 .n4-brand-vertical{
  width:clamp(150px,15vw,205px)!important;
}
.natal-v4 .n4-brand img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.natal-v4 .n4-brand-divider{
  width:1px;
  height:36px;
  background:linear-gradient(180deg,transparent,rgba(178,136,52,.75),transparent);
  flex:0 0 1px;
}

/* Footer institucional */
.natal-v4 .n4-footer{
  padding:32px max(20px,calc((100vw - 1180px)/2 + 20px)) 42px!important;
  display:grid!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  justify-content:space-between;
  gap:28px!important;
  border-top:1px solid var(--n4-line);
  background:rgba(230,239,225,.92);
}
.natal-v4 .n4-footer-brand-cluster{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.natal-v4 .n4-footer-parent,
.natal-v4 .n4-footer-vertical{
  display:block;
  line-height:0;
}
.natal-v4 .n4-footer-parent img{
  width:190px!important;
  max-width:100%;
  height:auto;
}
.natal-v4 .n4-footer-vertical img{
  width:170px!important;
  max-width:100%;
  height:auto;
}
.natal-v4 .n4-footer-divider{
  width:1px;
  height:42px;
  background:linear-gradient(180deg,transparent,rgba(178,136,52,.72),transparent);
}
.natal-v4 .n4-footer-meta{
  display:grid;
  justify-items:end;
  gap:5px;
  color:#6f786f;
  font-size:9px;
  text-align:right;
}
.natal-v4 .n4-footer-meta>span:first-child{
  color:#4f6254;
  font-weight:700;
}
.natal-v4 .n4-socials{
  display:flex;
  gap:8px;
  margin-top:7px;
}
.natal-v4 .n4-social-link{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(178,136,52,.54);
  background:rgba(255,255,255,.46);
  color:#8b6827;
}
.natal-v4 .n4-social-link svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.6;
}
.natal-v4 .n4-social-link:first-child svg{
  fill:none;
}

@media(max-width:1100px){
  .natal-v4 .n4-header nav{
    display:none;
  }
}
@media(max-width:760px){
  .natal-v4 .n4-header{
    padding:9px 12px!important;
    gap:10px!important;
  }
  .natal-v4 .n4-brand-cluster{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }
  .natal-v4 .n4-brand-divider{
    display:none;
  }
  .natal-v4 .n4-brand-parent{
    width:145px!important;
  }
  .natal-v4 .n4-brand-vertical{
    width:150px!important;
  }
  .natal-v4 .n4-header-buy{
    padding:9px 10px!important;
    font-size:8.5px!important;
  }

  .natal-v4 .n4-footer{
    grid-template-columns:1fr!important;
    justify-items:center;
    gap:18px!important;
    text-align:center;
  }
  .natal-v4 .n4-footer-brand-cluster{
    flex-direction:column;
    gap:6px;
  }
  .natal-v4 .n4-footer-divider{
    display:none;
  }
  .natal-v4 .n4-footer-parent img{
    width:170px!important;
  }
  .natal-v4 .n4-footer-vertical img{
    width:180px!important;
  }
  .natal-v4 .n4-footer-meta{
    justify-items:center;
    text-align:center;
  }
}


/* Header lockup v2 — marca-mãe menor + vertical completa */
.natal-v4 .n4-header{
  min-height:78px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  gap:18px!important;
}
.natal-v4 .n4-brand-cluster{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0;
}
.natal-v4 .n4-brand-parent{
  width:clamp(118px,11vw,155px)!important;
  flex:0 0 auto!important;
}
.natal-v4 .n4-brand-divider{
  display:block!important;
  width:1px!important;
  height:42px!important;
  flex:0 0 1px!important;
  background:linear-gradient(180deg,transparent,rgba(178,136,52,.78),transparent)!important;
}
.natal-v4 .n4-vertical-lockup{
  display:grid;
  gap:3px;
  align-items:center;
  justify-items:start;
  min-width:0;
}
.natal-v4 .n4-vertical-label{
  display:block;
  padding:2px 8px;
  border:1px solid rgba(178,136,52,.38);
  border-radius:999px;
  color:#49604e;
  background:rgba(255,255,255,.42);
  font-size:7px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.12em;
  white-space:nowrap;
}
.natal-v4 .n4-brand-vertical{
  width:clamp(150px,14vw,205px)!important;
  flex:0 0 auto!important;
}
.natal-v4 .n4-brand-vertical img,
.natal-v4 .n4-brand-parent img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
}
.natal-v4 .n4-header nav{
  margin-left:auto;
}
@media(max-width:1100px){
  .natal-v4 .n4-header nav{display:none!important}
}
@media(max-width:760px){
  .natal-v4 .n4-header{
    min-height:72px!important;
    padding:7px 10px!important;
    gap:8px!important;
  }
  .natal-v4 .n4-brand-cluster{
    gap:7px!important;
    flex-direction:row!important;
    align-items:center!important;
  }
  .natal-v4 .n4-brand-parent{
    width:104px!important;
  }
  .natal-v4 .n4-brand-divider{
    display:block!important;
    height:36px!important;
  }
  .natal-v4 .n4-vertical-lockup{
    gap:2px;
  }
  .natal-v4 .n4-vertical-label{
    font-size:5.5px!important;
    padding:1px 5px!important;
    letter-spacing:.08em!important;
  }
  .natal-v4 .n4-brand-vertical{
    width:125px!important;
  }
  .natal-v4 .n4-header-buy{
    padding:8px 9px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
}
@media(max-width:390px){
  .natal-v4 .n4-brand-parent{
    width:92px!important;
  }
  .natal-v4 .n4-brand-vertical{
    width:112px!important;
  }
  .natal-v4 .n4-vertical-label{
    font-size:5px!important;
  }
  .natal-v4 .n4-header-buy{
    padding:7px 8px!important;
    font-size:7.5px!important;
  }
}


/* Header v3 — composição igual à referência enviada */
.natal-v4 .n4-header{
  position:sticky!important;
  top:0!important;
  z-index:120!important;
  min-height:112px!important;
  padding:12px max(18px,calc((100vw - 1180px)/2 + 18px))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 36% 32%,rgba(255,246,198,.42) 0 8px,transparent 28px),
    radial-gradient(circle at 72% 26%,rgba(255,246,198,.34) 0 7px,transparent 26px),
    linear-gradient(180deg,rgba(225,237,217,.98),rgba(207,224,199,.98))!important;
  border-bottom:1px solid rgba(174,136,61,.44)!important;
  box-shadow:0 8px 26px rgba(59,87,60,.10)!important;
  backdrop-filter:blur(10px);
}
.natal-v4 .n4-header::before,
.natal-v4 .n4-header::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:min(30vw,360px);
  pointer-events:none;
  z-index:0;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.58;
}
.natal-v4 .n4-header::before{
  left:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%22150%22%20viewBox%3D%220%200%20360%20150%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M0%2018%20C72%2025%20120%2047%20175%2095%22%20stroke%3D%22%23315f46%22%20stroke-width%3D%2210%22%2F%3E%0A%3Cpath%20d%3D%22M18%2035%20L72%204%20M42%2048%20L101%2012%20M68%2062%20L129%2025%20M96%2078%20L155%2042%20M126%2096%20L180%2063%22%20stroke%3D%22%234d8563%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M14%2031%20L58%2060%20M38%2043%20L83%2075%20M65%2057%20L110%2091%20M93%2072%20L139%20107%20M121%2089%20L164%20120%22%20stroke%3D%22%232c5b43%22%20stroke-width%3D%226%22%2F%3E%0A%3Ccircle%20cx%3D%2292%22%20cy%3D%2250%22%20r%3D%2210%22%20fill%3D%22%23a63d43%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22110%22%20cy%3D%2262%22%20r%3D%228%22%20fill%3D%22%23b44a4e%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2298%22%20cy%3D%2274%22%20r%3D%227%22%20fill%3D%22%23922f35%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22150%22%20cy%3D%2234%22%20r%3D%2220%22%20fill%3D%22%23d9b666%22%20stroke%3D%22%23bd9643%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M150%200%20v14%22%20stroke%3D%22%23bd9643%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22214%22%20cy%3D%2236%22%20r%3D%225%22%20fill%3D%22%23f0d78a%22%2F%3E%0A%3Ccircle%20cx%3D%22242%22%20cy%3D%2260%22%20r%3D%224%22%20fill%3D%22%23f0d78a%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position:left top;
}
.natal-v4 .n4-header::after{
  right:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22360%22%20height%3D%22150%22%20viewBox%3D%220%200%20360%20150%22%3E%0A%3Cg%20transform%3D%22translate(360%200)%20scale(-1%201)%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%3Cpath%20d%3D%22M0%2018%20C72%2025%20120%2047%20175%2095%22%20stroke%3D%22%23315f46%22%20stroke-width%3D%2210%22%2F%3E%0A%3Cpath%20d%3D%22M18%2035%20L72%204%20M42%2048%20L101%2012%20M68%2062%20L129%2025%20M96%2078%20L155%2042%20M126%2096%20L180%2063%22%20stroke%3D%22%234d8563%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M14%2031%20L58%2060%20M38%2043%20L83%2075%20M65%2057%20L110%2091%20M93%2072%20L139%20107%20M121%2089%20L164%20120%22%20stroke%3D%22%232c5b43%22%20stroke-width%3D%226%22%2F%3E%0A%3Ccircle%20cx%3D%2292%22%20cy%3D%2250%22%20r%3D%2210%22%20fill%3D%22%23a63d43%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22110%22%20cy%3D%2262%22%20r%3D%228%22%20fill%3D%22%23b44a4e%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2298%22%20cy%3D%2274%22%20r%3D%227%22%20fill%3D%22%23922f35%22%20stroke%3D%22%237d2c31%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22150%22%20cy%3D%2234%22%20r%3D%2220%22%20fill%3D%22%23d9b666%22%20stroke%3D%22%23bd9643%22%20stroke-width%3D%222%22%2F%3E%0A%3Cpath%20d%3D%22M150%200%20v14%22%20stroke%3D%22%23bd9643%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%22214%22%20cy%3D%2236%22%20r%3D%225%22%20fill%3D%22%23f0d78a%22%2F%3E%0A%3Ccircle%20cx%3D%22242%22%20cy%3D%2260%22%20r%3D%224%22%20fill%3D%22%23f0d78a%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position:right top;
}
.natal-v4 .n4-header > *{
  position:relative;
  z-index:2;
}
.natal-v4 .n4-brand-cluster{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:22px!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin-inline:auto!important;
}
.natal-v4 .n4-brand-parent{
  width:clamp(160px,15vw,215px)!important;
  flex:0 0 auto!important;
}
.natal-v4 .n4-brand-divider{
  display:block!important;
  width:1px!important;
  height:58px!important;
  flex:0 0 1px!important;
  background:linear-gradient(180deg,transparent,#c79c43 18%,#e4bd68 50%,#c79c43 82%,transparent)!important;
  box-shadow:0 0 8px rgba(219,178,84,.45);
}
.natal-v4 .n4-vertical-lockup{
  display:grid!important;
  gap:5px!important;
  justify-items:center!important;
  align-items:center!important;
}
.natal-v4 .n4-vertical-label{
  display:block!important;
  padding:4px 16px!important;
  border:1px solid rgba(187,137,49,.72)!important;
  border-radius:999px!important;
  background:rgba(255,252,244,.64)!important;
  color:#35503c!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(9px,.9vw,12px)!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  box-shadow:0 3px 10px rgba(182,138,51,.08);
}
.natal-v4 .n4-brand-vertical{
  width:clamp(205px,19vw,275px)!important;
  flex:0 0 auto!important;
}
.natal-v4 .n4-brand-parent img,
.natal-v4 .n4-brand-vertical img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.natal-v4 .n4-header nav{
  display:none!important;
}
.natal-v4 .n4-header-buy{
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding:10px 14px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .natal-v4 .n4-header{
    min-height:84px!important;
    padding:8px 9px!important;
    gap:7px!important;
  }
  .natal-v4 .n4-header::before,
  .natal-v4 .n4-header::after{
    width:135px!important;
    opacity:.38!important;
  }
  .natal-v4 .n4-brand-cluster{
    gap:7px!important;
    margin:0!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
  }
  .natal-v4 .n4-brand-parent{
    width:88px!important;
  }
  .natal-v4 .n4-brand-divider{
    height:40px!important;
  }
  .natal-v4 .n4-vertical-lockup{
    gap:2px!important;
    justify-items:start!important;
  }
  .natal-v4 .n4-vertical-label{
    padding:2px 6px!important;
    font-size:5.8px!important;
  }
  .natal-v4 .n4-brand-vertical{
    width:118px!important;
  }
  .natal-v4 .n4-header-buy{
    padding:8px 8px!important;
    font-size:7.5px!important;
  }
}

@media(max-width:390px){
  .natal-v4 .n4-brand-parent{width:78px!important}
  .natal-v4 .n4-brand-vertical{width:104px!important}
  .natal-v4 .n4-vertical-label{font-size:5.2px!important;padding:2px 5px!important}
  .natal-v4 .n4-header-buy{font-size:7px!important;padding:7px 7px!important}
}


/* Footer v2 — Mental & Financeiro principal + marca-mãe */
.natal-v4 .n4-footer{
  position:relative!important;
  overflow:hidden!important;
  padding:34px max(20px,calc((100vw - 1180px)/2 + 20px)) 24px!important;
  display:block!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(235,203,113,.10) 0 10px,transparent 34px),
    radial-gradient(circle at 84% 22%,rgba(235,203,113,.08) 0 8px,transparent 32px),
    linear-gradient(180deg,#123d2e 0%,#0d3024 100%)!important;
  border-top:1px solid rgba(210,177,87,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
  color:#f3ead0!important;
}

.natal-v4 .n4-footer-brand-row{
  max-width:1060px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
}

.natal-v4 .n4-footer-vertical,
.natal-v4 .n4-footer-parent{
  display:block;
  line-height:0;
  flex:0 0 auto;
}

.natal-v4 .n4-footer-vertical{
  width:clamp(260px,31vw,430px);
}

.natal-v4 .n4-footer-parent{
  width:clamp(180px,20vw,270px);
}

.natal-v4 .n4-footer-vertical img,
.natal-v4 .n4-footer-parent img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

.natal-v4 .n4-footer-divider{
  width:1px;
  height:88px;
  flex:0 0 1px;
  background:linear-gradient(180deg,transparent,#c99e48 18%,#e4bd68 50%,#c99e48 82%,transparent);
  box-shadow:0 0 10px rgba(219,178,84,.38);
}

.natal-v4 .n4-footer-parent-stack{
  display:grid;
  justify-items:center;
  gap:9px;
  min-width:0;
}

.natal-v4 .n4-footer-branch-label{
  display:inline-block;
  padding:6px 15px;
  border:1px solid rgba(210,177,87,.58);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#ead28a;
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(10px,1vw,13px);
  font-weight:600;
  line-height:1.15;
  white-space:nowrap;
}

.natal-v4 .n4-footer-bottom{
  max-width:1060px;
  margin:24px auto 0;
  padding-top:16px;
  border-top:1px solid rgba(210,177,87,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:rgba(244,239,220,.72);
  font-size:9px;
}

.natal-v4 .n4-socials{
  display:flex;
  gap:8px;
  margin:0;
}

.natal-v4 .n4-social-link{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(210,177,87,.58);
  background:rgba(255,255,255,.035);
  color:#e4bd68;
  transition:transform .2s ease,background .2s ease;
}

.natal-v4 a.n4-social-link:hover{
  transform:translateY(-2px);
  background:rgba(210,177,87,.10);
}

.natal-v4 .n4-social-link svg{
  width:16px;
  height:16px;
  display:block;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.6;
}

.natal-v4 .n4-social-link:first-child svg{
  fill:none;
}

@media(max-width:760px){
  .natal-v4 .n4-footer{
    padding:28px 16px 22px!important;
  }

  .natal-v4 .n4-footer-brand-row{
    flex-direction:column;
    gap:17px;
  }

  .natal-v4 .n4-footer-vertical{
    width:min(86vw,330px);
  }

  .natal-v4 .n4-footer-divider{
    width:72%;
    height:1px;
    flex:0 0 1px;
    background:linear-gradient(90deg,transparent,#c99e48 18%,#e4bd68 50%,#c99e48 82%,transparent);
  }

  .natal-v4 .n4-footer-parent-stack{
    gap:8px;
  }

  .natal-v4 .n4-footer-parent{
    width:min(62vw,215px);
  }

  .natal-v4 .n4-footer-branch-label{
    font-size:11px;
    padding:5px 12px;
    white-space:normal;
    text-align:center;
  }

  .natal-v4 .n4-footer-bottom{
    margin-top:22px;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:11px;
  }
}

@media(max-width:390px){
  .natal-v4 .n4-footer-vertical{
    width:min(88vw,300px);
  }

  .natal-v4 .n4-footer-parent{
    width:min(64vw,195px);
  }

  .natal-v4 .n4-footer-branch-label{
    font-size:10px;
  }
}


/* Footer v3 — logo Mental & Financeiro horizontal e compacto */
.natal-v4 .n4-footer{
  padding-top:24px!important;
  padding-bottom:18px!important;
}
.natal-v4 .n4-footer-brand-row{
  gap:26px!important;
}
.natal-v4 .n4-footer-vertical{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  text-decoration:none!important;
  color:#e5bb58!important;
}
.natal-v4 .n4-footer-vertical-icon{
  width:96px!important;
  height:96px!important;
  object-fit:contain!important;
  flex:0 0 96px!important;
}
.natal-v4 .n4-footer-vertical-name{
  display:block!important;
  color:#e4b44f!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(34px,4vw,54px)!important;
  font-weight:700!important;
  line-height:.82!important;
  letter-spacing:-.035em!important;
  text-shadow:
    0 2px 0 #6d4517,
    0 0 10px rgba(230,180,72,.22)!important;
  white-space:nowrap!important;
}
.natal-v4 .n4-footer-parent{
  width:clamp(160px,17vw,225px)!important;
}
.natal-v4 .n4-footer-divider{
  height:70px!important;
}
.natal-v4 .n4-footer-bottom{
  margin-top:16px!important;
  padding-top:12px!important;
}

@media(max-width:760px){
  .natal-v4 .n4-footer{
    padding:20px 14px 16px!important;
  }
  .natal-v4 .n4-footer-brand-row{
    gap:11px!important;
  }
  .natal-v4 .n4-footer-vertical{
    width:auto!important;
    max-width:94vw!important;
    gap:10px!important;
  }
  .natal-v4 .n4-footer-vertical-icon{
    width:76px!important;
    height:76px!important;
    flex-basis:76px!important;
  }
  .natal-v4 .n4-footer-vertical-name{
    font-size:34px!important;
    line-height:.83!important;
  }
  .natal-v4 .n4-footer-divider{
    width:62%!important;
  }
  .natal-v4 .n4-footer-parent{
    width:min(50vw,185px)!important;
  }
  .natal-v4 .n4-footer-branch-label{
    padding:4px 10px!important;
    font-size:10px!important;
  }
  .natal-v4 .n4-footer-bottom{
    margin-top:14px!important;
    padding-top:10px!important;
  }
}

@media(max-width:390px){
  .natal-v4 .n4-footer-vertical-icon{
    width:68px!important;
    height:68px!important;
    flex-basis:68px!important;
  }
  .natal-v4 .n4-footer-vertical-name{
    font-size:30px!important;
  }
  .natal-v4 .n4-footer-parent{
    width:min(52vw,172px)!important;
  }
}


/* Conteúdo do e-book v2 — cards pequenos e curiosidade */
.natal-v4 .n4-guide-grid{
  max-width:1180px;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 16px;
}
.natal-v4 .n4-guide-card{
  min-width:0;
  text-align:left;
}
.natal-v4 .n4-guide-preview{
  position:relative;
  width:100%;
  aspect-ratio:1.45/1;
  overflow:hidden;
  border-radius:11px;
  background:#f7f0e5;
  border:1px solid rgba(177,145,90,.30);
  box-shadow:0 10px 26px rgba(63,74,54,.10);
  transition:transform .22s ease,box-shadow .22s ease;
}
.natal-v4 .n4-guide-card:hover .n4-guide-preview{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(63,74,54,.15);
}
.natal-v4 .n4-guide-preview canvas{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  transform:translateY(-3%);
  transform-origin:top center;
}
.natal-v4 .n4-guide-card--menus .n4-guide-preview canvas{
  transform:translateY(-1%);
}
.natal-v4 .n4-guide-preview .page-loading{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:9px;
  color:#657166;
  background:#edf4e8;
  z-index:0;
}
.natal-v4 .n4-guide-tag{
  display:block;
  margin:10px 4px 3px;
  color:#9b6e28;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.natal-v4 .n4-guide-card h3{
  margin:0 4px;
  color:#71272b;
  font-family:'DM Sans',Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  line-height:1.24;
}
.natal-v4 .n4-recipes-photo .n4-section-head p{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.natal-v4 .n4-food-cta{
  margin-top:30px!important;
}
.natal-v4 .n4-food-cta .n4-main-buy{
  min-width:min(440px,100%)!important;
}

@media(max-width:980px){
  .natal-v4 .n4-guide-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .natal-v4 .n4-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px 11px;
    margin-top:26px;
  }
  .natal-v4 .n4-guide-preview{
    border-radius:9px;
  }
  .natal-v4 .n4-guide-tag{
    margin-top:8px;
    font-size:6.5px;
  }
  .natal-v4 .n4-guide-card h3{
    font-size:12px;
    line-height:1.22;
  }
}
@media(max-width:370px){
  .natal-v4 .n4-guide-grid{
    gap:13px 9px;
  }
  .natal-v4 .n4-guide-card h3{
    font-size:11px;
  }
}


/* Carrossel do conteúdo v3 — autoplay + swipe + setas */
.natal-v4 .n4-guide-carousel{
  position:relative;
  max-width:1240px;
  margin:34px auto 0;
  padding:0 44px 40px;
}
.natal-v4 .n4-guide-viewport{
  overflow-x:auto;
  overflow-y:visible;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y;
}
.natal-v4 .n4-guide-viewport::-webkit-scrollbar{
  display:none;
}
.natal-v4 .n4-guide-track{
  display:flex;
  gap:18px;
  align-items:stretch;
  width:max-content;
  min-width:100%;
  padding:12px calc((100% - min(31%,360px))/2) 18px;
}
.natal-v4 .n4-guide-card{
  flex:0 0 clamp(245px,29vw,340px);
  scroll-snap-align:center;
  transition:transform .28s ease,opacity .28s ease,filter .28s ease;
  opacity:.74;
  transform:scale(.94);
}
.natal-v4 .n4-guide-card.is-active{
  opacity:1;
  transform:scale(1);
}
.natal-v4 .n4-guide-card.is-active .n4-guide-preview{
  box-shadow:0 18px 38px rgba(63,74,54,.18);
}
.natal-v4 .n4-carousel-arrow{
  position:absolute;
  top:41%;
  z-index:5;
  width:38px;
  height:38px;
  border:1px solid rgba(153,111,43,.42);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(246,249,241,.92);
  color:#7b292c;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(52,68,48,.10);
  transition:transform .2s ease,background .2s ease;
}
.natal-v4 .n4-carousel-arrow:hover{
  transform:scale(1.06);
  background:#fff;
}
.natal-v4 .n4-carousel-prev{left:0}
.natal-v4 .n4-carousel-next{right:0}
.natal-v4 .n4-carousel-meta{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  display:grid;
  justify-items:center;
  gap:8px;
}
.natal-v4 .n4-carousel-hint{
  color:#68786b;
  font-size:8px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.natal-v4 .n4-carousel-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.natal-v4 .n4-carousel-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(112,74,37,.28);
  cursor:pointer;
  transition:width .22s ease,background .22s ease,border-radius .22s ease;
}
.natal-v4 .n4-carousel-dot.is-active{
  width:22px;
  border-radius:999px;
  background:#a62f35;
}

@media(max-width:980px){
  .natal-v4 .n4-guide-carousel{
    padding-left:38px;
    padding-right:38px;
  }
  .natal-v4 .n4-guide-card{
    flex-basis:clamp(235px,42vw,315px);
  }
}

@media(max-width:720px){
  .natal-v4 .n4-guide-carousel{
    margin-top:26px;
    padding:0 0 38px;
    max-width:none;
    width:calc(100% + 32px);
    margin-left:-16px;
  }
  .natal-v4 .n4-guide-viewport{
    padding-inline:0;
  }
  .natal-v4 .n4-guide-track{
    gap:12px;
    padding-left:9vw;
    padding-right:9vw;
  }
  .natal-v4 .n4-guide-card{
    flex:0 0 78vw;
    max-width:330px;
    opacity:.56;
    transform:scale(.95);
  }
  .natal-v4 .n4-guide-card.is-active{
    opacity:1;
    transform:scale(1);
  }
  .natal-v4 .n4-carousel-arrow{
    display:none;
  }
  .natal-v4 .n4-carousel-hint{
    font-size:7px;
  }
}

@media(prefers-reduced-motion:reduce){
  .natal-v4 .n4-guide-viewport{scroll-behavior:auto}
  .natal-v4 .n4-guide-card,
  .natal-v4 .n4-carousel-dot{transition:none}
}


/* Footer banner v4 — referência natalina luxuosa */
.natal-v4 .n4-footer{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  display:block!important;
  background:#0c2f21!important;
  border-top:1px solid rgba(232,188,80,.72)!important;
  color:#f7edcf!important;
}

.natal-v4 .n4-footer-banner{
  position:relative;
  isolation:isolate;
  min-height:280px;
  padding:34px max(28px,calc((100vw - 1180px)/2 + 28px));
  display:grid;
  grid-template-columns:minmax(0,1.12fr) 1px minmax(0,.88fr);
  align-items:center;
  gap:34px;
  background:
    radial-gradient(circle at 19% 12%,rgba(255,218,108,.18),transparent 24%),
    radial-gradient(circle at 81% 15%,rgba(255,218,108,.14),transparent 22%),
    linear-gradient(180deg,#214d26 0%,#143d24 44%,#0d321f 100%);
  box-shadow:inset 0 -1px rgba(232,188,80,.24);
}

.natal-v4 .n4-footer-banner::before,
.natal-v4 .n4-footer-banner::after{
  content:"";
  position:absolute;
  z-index:0;
  width:min(31vw,420px);
  aspect-ratio:420/220;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22220%22%20viewBox%3D%220%200%20420%20220%22%3E%0A%3Cdefs%3E%0A%20%20%3CradialGradient%20id%3D%22g%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2250%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffd978%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23f0b731%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239f6716%22%2F%3E%3C%2FradialGradient%3E%0A%3C%2Fdefs%3E%0A%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%0A%20%20%3Cpath%20d%3D%22M0%2038%20C85%2045%20142%2070%20222%20145%22%20stroke%3D%22%231d4e32%22%20stroke-width%3D%2218%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M25%2063%20L83%2010%20M55%2078%20L120%2019%20M88%2094%20L155%2034%20M123%20112%20L190%2052%20M158%20130%20L220%2074%22%20stroke%3D%22%233f7a4c%22%20stroke-width%3D%2211%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M18%2058%20L72%2094%20M48%2071%20L105%20110%20M80%2087%20L137%20127%20M115%20104%20L170%20145%20M150%20123%20L202%20160%22%20stroke%3D%22%232c633d%22%20stroke-width%3D%229%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22105%22%20cy%3D%2272%22%20r%3D%2212%22%20fill%3D%22%239e2630%22%20stroke%3D%22%2367181f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22126%22%20cy%3D%2287%22%20r%3D%229%22%20fill%3D%22%23b93b43%22%20stroke%3D%22%2367181f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22115%22%20cy%3D%22101%22%20r%3D%228%22%20fill%3D%22%238f222b%22%20stroke%3D%22%2367181f%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%22191%22%20cy%3D%2250%22%20r%3D%2228%22%20fill%3D%22url(%23g)%22%20stroke%3D%22%23d7ad4e%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M191%200%20v19%22%20stroke%3D%22%23d7ad4e%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
  opacity:.96;
}
.natal-v4 .n4-footer-banner::before{
  left:-14px;
  top:-10px;
}
.natal-v4 .n4-footer-banner::after{
  right:-14px;
  bottom:-18px;
  transform:rotate(180deg);
}

.natal-v4 .n4-footer-brand{
  position:relative;
  z-index:2;
  min-width:0;
  text-decoration:none!important;
}

.natal-v4 .n4-footer-brand--mental{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:20px!important;
  color:#f1bd51!important;
}

.natal-v4 .n4-footer-mental-icon{
  width:clamp(118px,12vw,170px)!important;
  height:auto!important;
  flex:0 0 auto;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.26));
}

.natal-v4 .n4-footer-mental-name{
  display:block;
  color:#e7b449!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(42px,5.1vw,72px)!important;
  font-weight:700!important;
  line-height:.84!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
  text-shadow:
    0 2px 0 #6d4517,
    0 0 12px rgba(241,187,75,.22)!important;
}

.natal-v4 .n4-footer-brand-divider{
  position:relative;
  z-index:2;
  width:1px;
  height:132px;
  background:linear-gradient(180deg,transparent,#d4a946 15%,#f3cf72 50%,#d4a946 85%,transparent);
  box-shadow:0 0 14px rgba(236,190,78,.52);
}

.natal-v4 .n4-footer-brand--parent{
  display:grid!important;
  justify-items:center!important;
  align-items:center!important;
  gap:10px!important;
}

.natal-v4 .n4-footer-parent-label{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:7px 22px!important;
  color:#f0d27c!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(13px,1.4vw,19px)!important;
  font-weight:600!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  border-top:1px solid rgba(235,195,90,.52);
  border-bottom:1px solid rgba(235,195,90,.36);
}

.natal-v4 .n4-footer-brand--parent img{
  display:block!important;
  width:clamp(250px,29vw,410px)!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.20));
}

.natal-v4 .n4-footer-brand:hover{
  transform:translateY(-2px);
}
.natal-v4 .n4-footer-brand{
  transition:transform .2s ease,filter .2s ease;
}

.natal-v4 .n4-footer-social-wrap{
  position:relative;
  z-index:3;
  padding:17px 18px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  background:rgba(6,35,24,.94);
  border-top:1px solid rgba(232,188,80,.20);
}

.natal-v4 .n4-footer-social-wrap .n4-socials{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px!important;
  margin:0!important;
}

.natal-v4 .n4-footer-social-wrap .n4-social-link{
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(232,188,80,.62)!important;
  background:rgba(255,255,255,.025)!important;
  color:#efc65e!important;
}

.natal-v4 .n4-footer-edition{
  color:rgba(247,237,207,.68);
  font-size:9px;
  letter-spacing:.04em;
}

@media(max-width:820px){
  .natal-v4 .n4-footer-banner{
    min-height:auto;
    padding:28px 16px 24px;
    grid-template-columns:1fr;
    gap:16px;
  }

  .natal-v4 .n4-footer-banner::before,
  .natal-v4 .n4-footer-banner::after{
    width:185px;
    opacity:.78;
  }

  .natal-v4 .n4-footer-banner::before{
    left:-44px;
    top:-28px;
  }

  .natal-v4 .n4-footer-banner::after{
    right:-44px;
    bottom:-34px;
  }

  .natal-v4 .n4-footer-brand--mental{
    justify-content:center!important;
    gap:12px!important;
  }

  .natal-v4 .n4-footer-mental-icon{
    width:92px!important;
  }

  .natal-v4 .n4-footer-mental-name{
    font-size:40px!important;
    line-height:.86!important;
  }

  .natal-v4 .n4-footer-brand-divider{
    width:72%;
    height:1px;
    margin:2px auto;
    background:linear-gradient(90deg,transparent,#d4a946 15%,#f3cf72 50%,#d4a946 85%,transparent);
  }

  .natal-v4 .n4-footer-parent-label{
    font-size:12px!important;
    padding:5px 14px!important;
  }

  .natal-v4 .n4-footer-brand--parent img{
    width:min(72vw,290px)!important;
  }

  .natal-v4 .n4-footer-social-wrap{
    padding:14px 14px 16px;
  }
}

@media(max-width:430px){
  .natal-v4 .n4-footer-banner{
    padding-top:24px;
  }

  .natal-v4 .n4-footer-mental-icon{
    width:78px!important;
  }

  .natal-v4 .n4-footer-mental-name{
    font-size:34px!important;
  }

  .natal-v4 .n4-footer-brand--parent img{
    width:min(76vw,250px)!important;
  }

  .natal-v4 .n4-footer-parent-label{
    font-size:11px!important;
  }
}


/* Footer v6 — usa exatamente a imagem enviada */
.natal-v4 .n4-footer{
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#08281c!important;
  border-top:0!important;
  box-shadow:none!important;
}
.natal-v4 .n4-footer-exact-banner{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  background:#123d22!important;
}
.natal-v4 .n4-footer-exact-banner>img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
}
.natal-v4 .n4-footer-banner-link{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  z-index:5!important;
  display:block!important;
  background:transparent!important;
}
.natal-v4 .n4-footer-banner-link--mental{
  left:0!important;
  width:55%!important;
}
.natal-v4 .n4-footer-banner-link--parent{
  right:0!important;
  width:45%!important;
}
.natal-v4 .n4-footer-banner-link:focus-visible{
  outline:2px solid #f0c75d!important;
  outline-offset:-4px!important;
}
.natal-v4 .n4-footer-social-wrap{
  padding:13px 16px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#08281c!important;
  border-top:1px solid rgba(232,188,80,.22)!important;
}
.natal-v4 .n4-footer-social-wrap .n4-socials{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
}
.natal-v4 .n4-footer-social-wrap .n4-social-link{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(232,188,80,.64)!important;
  background:rgba(255,255,255,.025)!important;
  color:#efc65e!important;
}
.natal-v4 .n4-footer-social-wrap .n4-social-link svg{
  width:16px!important;
  height:16px!important;
}
.natal-v4 .n4-footer-edition{
  color:rgba(247,237,207,.67)!important;
  font-size:9px!important;
  letter-spacing:.04em!important;
}
@media(max-width:760px){
  .natal-v4 .n4-footer-exact-banner>img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .natal-v4 .n4-footer-social-wrap{
    padding:11px 12px 13px!important;
  }
  .natal-v4 .n4-footer-social-wrap .n4-social-link{
    width:32px!important;
    height:32px!important;
  }
}