/* Topo MPB: cores da capa, letras fortes e clima de roda de violão. */
#b_3387019_1_176151509468fe965644860.mpb-hero{
  height:auto!important;min-height:0;position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 83% 42%,#78852c70 0%,transparent 40%),radial-gradient(ellipse at 94% 0%,#cf791449 0%,transparent 38%),#14291c;
  color:#fff9e9;font-family:Montserrat,Arial,sans-serif;
}
.mpb-hero *{box-sizing:border-box}
.mpb-hero .mpb-shell{max-width:1280px;width:calc(100% - 96px);margin:0 auto;position:relative;z-index:1}
.mpb-hero .mpb-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid #ecedbf24}
.mpb-hero .mpb-brand{display:flex;gap:12px;align-items:center;color:#fff9e9;text-decoration:none;transform:rotate(-2deg)}
.mpb-hero .mpb-brand-main{font-family:Montserrat,Arial,sans-serif;font-size:44px;line-height:1;font-weight:900;letter-spacing:-3px;color:#ffd25c;text-shadow:2px 3px 0 #050e06}
.mpb-hero .mpb-brand-dot{color:#ff8c38}
.mpb-hero .mpb-brand-sub{font-size:11px;line-height:1.55;letter-spacing:1.1px;font-weight:900}
.mpb-hero .mpb-brand-sub small{font-size:9px;letter-spacing:.1px;font-weight:500;color:#c9d4ba}
.mpb-hero .mpb-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}
.mpb-hero .mpb-nav a{color:#fff9e9;text-decoration:none;padding:8px 0}
.mpb-hero .mpb-nav a:hover{color:#ffd25c}
.mpb-hero .mpb-hero-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:60px;align-items:center;padding:56px 0 58px}
.mpb-hero .mpb-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#ffffff0a;border:1px solid #b7cb5966;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:1px;color:#d8e99d;margin-bottom:23px}
.mpb-hero .mpb-eyebrow>span{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#c7e466;box-shadow:0 0 10px #c7e45977}
.mpb-hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(42px,4.4vw,60px);font-weight:900;line-height:1.1;letter-spacing:-2.6px;margin:0 0 25px;color:#fff9e9}
.mpb-hero h1 em{display:inline-block;position:relative;isolation:isolate;font-family:inherit;font-weight:900;font-style:normal;color:#ffd05b;transform:rotate(-1.5deg);margin-top:7px;letter-spacing:-2px}
.mpb-hero h1 em:after{content:'';position:absolute;height:7px;left:1px;right:0;bottom:-6px;background:#f28c36;clip-path:polygon(0 25%,100% 0,98% 68%,2% 100%)}
.mpb-hero .mpb-description{font-size:15px;line-height:1.8;color:#dce3d5;max-width:510px;margin:0 0 22px}
.mpb-hero .mpb-features{margin:0 0 29px;padding:0;display:grid;gap:9px;list-style:none;font-size:13px;font-weight:600;line-height:1.55;color:#f8f6e8}
.mpb-hero .mpb-features li{display:flex;gap:10px;align-items:center}
.mpb-hero .mpb-features li:before{content:'✓';display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#c5df6622;color:#cfeb74;font-size:12px;font-weight:900}
.mpb-hero .mpb-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:63px;padding:18px 25px;background:#ffb53e;color:#1d2815;border:1px solid #ffd776;border-radius:9px;font-size:12px;font-weight:900;letter-spacing:.1px;text-decoration:none;box-shadow:0 5px 0 #bc671e,0 12px 30px #ffab2224;transition:background .2s,transform .2s,box-shadow .2s}
.mpb-hero .mpb-cta>span{font-size:24px;line-height:1}
.mpb-hero .mpb-cta:hover{background:#ffd05b;transform:translateY(-2px);box-shadow:0 7px 0 #bc671e,0 16px 32px #ffab2233}
.mpb-hero .mpb-cta:active{transform:translateY(3px);box-shadow:0 2px 0 #bc671e}
.mpb-hero a:focus-visible{outline:3px solid #ffd05b;outline-offset:6px}
.mpb-hero .mpb-signoff{font-family:Montserrat,Arial,sans-serif;font-size:11px;line-height:1.6;font-style:normal;color:#c3cbb9;margin-top:20px}
.mpb-hero .mpb-product-art{position:relative;max-width:350px;width:87%;margin:0 auto;transform:perspective(1000px) rotateY(-7deg) rotate(4deg);border-radius:7px;box-shadow:8px 8px 0 #42512b,13px 13px 0 #b7b782,20px 32px 38px #020b06b0;background:#27301d;line-height:0}
.mpb-hero .mpb-product-art:before{content:'';position:absolute;inset:-35px -48px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#cb9e3b3d 0%,transparent 65%)}
.mpb-hero .mpb-product-art img{display:block;width:100%;height:auto;border-radius:7px}
.mpb-hero .mpb-art-sticker{position:absolute;left:-36px;bottom:28px;width:119px;height:119px;display:flex;align-items:center;justify-content:center;background:#ffd05b;color:#183021;border:5px solid #14291c;border-radius:50%;font-size:23px;font-weight:900;line-height:1.02;text-align:center;text-transform:uppercase;letter-spacing:-.9px;transform:rotate(-15deg);box-shadow:0 4px 14px #0004}
.mpb-hero .mpb-bottom-line{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 0;color:#1a2d1c;background:#d4df80;box-shadow:0 0 0 100vmax #d4df80;clip-path:inset(0 -100vmax);font-size:12px;font-weight:600;line-height:1.5}
.mpb-hero .mpb-bottom-line>span:first-child{font-size:12px;letter-spacing:1.4px;font-weight:900}
.mpb-hero .mpb-bottom-line>span:last-child span{margin-left:15px;font-size:21px;font-weight:900}
@media(min-width:1600px){.mpb-hero .mpb-hero-grid{padding:65px 0 67px}.mpb-hero h1{font-size:63px}.mpb-hero .mpb-product-art{max-width:370px}}
@media(max-width:1100px) and (min-width:801px){.mpb-hero .mpb-shell{width:calc(100% - 64px)}.mpb-hero .mpb-hero-grid{gap:35px}.mpb-hero h1{font-size:43px;letter-spacing:-1.8px}.mpb-hero h1 em{letter-spacing:-1.5px}.mpb-hero .mpb-description{font-size:14px}.mpb-hero .mpb-cta{font-size:11px;gap:18px;padding:17px 20px}.mpb-hero .mpb-art-sticker{width:95px;height:95px;font-size:19px;left:-23px}}
@media(max-width:800px){
  .mpb-hero .mpb-shell{width:calc(100% - 44px);max-width:540px}
  .mpb-hero .mpb-header{padding:21px 0;gap:16px}
  .mpb-hero .mpb-brand{gap:8px}.mpb-hero .mpb-brand-main{font-size:35px;letter-spacing:-2.5px}
  .mpb-hero .mpb-brand-sub{font-size:8px;letter-spacing:.7px}.mpb-hero .mpb-brand-sub small{font-size:8px}
  .mpb-hero .mpb-nav{gap:0;font-size:10px}.mpb-hero .mpb-nav a:last-child{display:none}
  .mpb-hero .mpb-hero-grid{grid-template-columns:1fr;gap:43px;padding:33px 0 44px}
  .mpb-hero .mpb-eyebrow{font-size:8px;letter-spacing:.5px;padding:8px 10px;gap:7px;margin-bottom:19px}
  .mpb-hero h1{font-size:clamp(30px,8.6vw,46px);letter-spacing:-1.5px;line-height:1.13;margin-bottom:23px}
  .mpb-hero h1 em{letter-spacing:-1.4px;margin-top:6px}.mpb-hero h1 em:after{height:5px;bottom:-4px}
  .mpb-hero .mpb-description{font-size:13px;line-height:1.75;margin-bottom:19px}
  .mpb-hero .mpb-features{font-size:11px;gap:8px;margin-bottom:24px}
  .mpb-hero .mpb-features li{gap:8px}.mpb-hero .mpb-features li:before{height:18px;width:18px;font-size:11px}
  .mpb-hero .mpb-cta{width:100%;font-size:10px;min-height:59px;padding:16px;gap:12px}.mpb-hero .mpb-cta>span{font-size:22px}
  .mpb-hero .mpb-signoff{font-size:10px;text-align:center;margin-top:18px}
  .mpb-hero .mpb-product-art{width:76%;max-width:280px;transform:rotate(3deg);box-shadow:6px 6px 0 #42512b,10px 10px 0 #b7b782,15px 22px 27px #020b0680}
  .mpb-hero .mpb-art-sticker{width:92px;height:92px;font-size:18px;left:-25px;bottom:20px;border-width:4px}
  .mpb-hero .mpb-bottom-line{flex-direction:column;align-items:flex-start;gap:6px;padding:17px 0;font-size:10px}
  .mpb-hero .mpb-bottom-line>span:first-child{font-size:10px;letter-spacing:.7px}
}
@media(prefers-reduced-motion:reduce){.mpb-hero .mpb-cta{transition:none}.mpb-hero .mpb-cta:hover,.mpb-hero .mpb-cta:active{transform:none}}

/* Transição para os exemplos: leitura clara e centralizada. */
.mpb-hero .mpb-bottom-line{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:25px 0 21px}
.mpb-hero .mpb-divider-title{display:block;font-size:22px;font-weight:900;line-height:1.25;letter-spacing:-.5px;color:#193323;margin:0}
.mpb-hero .mpb-divider-subtitle{font-size:13px;line-height:1.6;font-weight:600;letter-spacing:0;margin:0;color:#30452a}
.mpb-hero .mpb-divider-arrow{display:block;flex-shrink:0;margin-top:3px;width:23px;height:23px}
@media(min-width:801px){.mpb-hero .mpb-bottom-line{padding:27px 0 23px}.mpb-hero .mpb-divider-title{font-size:28px}.mpb-hero .mpb-divider-title br{display:none}.mpb-hero .mpb-divider-title br:after{content:' '}.mpb-hero .mpb-divider-subtitle{font-size:15px}}
