/* Willboat Marketing — Hero module v0.7.0 */
.wbm-hero,
.wbm-hero *{box-sizing:border-box}
.wbm-hero{
  --wbm-navy:#020057;
  --wbm-deep:#010037;
  --wbm-dark:#01002d;
  --wbm-blue:#0756d8;
  --wbm-yellow:#ffd200;
  --wbm-yellow-hover:#ffc400;
  --wbm-white:#fff;
  --wbm-text:rgba(255,255,255,.68);
  --wbm-muted:rgba(255,255,255,.46);
  --wbm-line:rgba(255,255,255,.13);
  --wbm-ease:cubic-bezier(.16,1,.3,1);
  position:relative;
  isolation:isolate;
  width:100%;
  min-height:680px;
  overflow:hidden;
  color:var(--wbm-white);
  background:var(--wbm-dark);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wbm-hero a{color:inherit}
.wbm-hero__background{position:absolute;inset:0;z-index:-5;overflow:hidden}
.wbm-hero__background picture,.wbm-hero__background img{display:block;width:100%;height:100%}
.wbm-hero__background img{object-fit:cover;object-position:center;transform:scale(1.015)}
.wbm-hero__atmosphere{position:absolute;inset:0;z-index:-3;pointer-events:none;background:
  radial-gradient(circle at 73% 48%,rgba(7,86,216,.24) 0%,rgba(7,86,216,.08) 25%,transparent 48%),
  linear-gradient(90deg,rgba(1,0,45,.995) 0%,rgba(1,0,55,.98) 25%,rgba(2,0,87,.90) 46%,rgba(2,0,87,.54) 70%,rgba(1,0,45,.27) 100%),
  linear-gradient(180deg,rgba(1,0,45,.02) 0%,rgba(1,0,45,.06) 58%,rgba(1,0,45,.52) 100%)}
.wbm-hero__top-accent{position:absolute;top:0;left:0;z-index:7;width:105px;height:3px;background:var(--wbm-yellow);box-shadow:0 0 18px rgba(255,210,0,.16)}
.wbm-hero__inner{width:min(1380px,calc(100% - 64px));min-height:680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(50px,6vw,100px);align-items:center;padding:72px 0}
.wbm-hero__content{position:relative;z-index:5;min-width:0;max-width:600px}
.wbm-hero__eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:rgba(255,255,255,.68);font-size:.65rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.wbm-hero__eyebrow::before{content:"";width:23px;height:2px;flex:0 0 23px;background:var(--wbm-yellow)}
.wbm-hero__title{margin:0 0 20px!important;color:#fff!important;font-family:Archivo,sans-serif;font-size:clamp(3.05rem,4.5vw,5rem)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.055em;text-wrap:balance}
.wbm-hero__description{max-width:500px;margin:0 0 35px!important;color:var(--wbm-text)!important;font-size:.96rem!important;font-weight:500;line-height:1.65!important}
.wbm-hero__price{display:flex;align-items:flex-end;gap:25px;width:fit-content;max-width:100%;margin:0 0 31px;padding:0 0 24px;border-bottom:1px solid var(--wbm-line)}
.wbm-hero__entry{padding-bottom:4px;min-width:0}
.wbm-hero__label{display:block;margin-bottom:7px;color:var(--wbm-muted);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.wbm-hero__entry-value{display:block;color:rgba(255,255,255,.94);font-family:Archivo,sans-serif;font-size:1.08rem;font-weight:800;white-space:nowrap}
.wbm-hero__price-divider{width:1px;height:52px;flex:0 0 1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.25),transparent)}
.wbm-hero__installment{min-width:0}
.wbm-hero__installment-row{display:flex;align-items:flex-end;min-width:0}
.wbm-hero__times{margin-right:7px;margin-bottom:5px;color:var(--wbm-yellow);font-family:Archivo,sans-serif;font-size:clamp(1.55rem,2.3vw,2.35rem);font-weight:900;line-height:1;letter-spacing:-.05em}
.wbm-hero__amount{color:var(--wbm-yellow);font-family:Archivo,sans-serif;font-size:clamp(2.55rem,3.8vw,4rem);font-weight:900;line-height:.86;letter-spacing:-.065em;white-space:nowrap}
.wbm-hero__currency{margin-right:5px;font-size:.38em;letter-spacing:0}
.wbm-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.wbm-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 26px;border:1px solid transparent;border-radius:8px;text-decoration:none!important;font-size:.82rem;font-weight:800;line-height:1.15;transition:transform .28s var(--wbm-ease),background-color .25s ease,border-color .25s ease,box-shadow .28s var(--wbm-ease),color .25s ease}
.wbm-hero__cta--willboat,.wbm-hero__cta--promo{background:var(--wbm-yellow);color:var(--wbm-dark)!important;box-shadow:0 12px 30px rgba(0,0,0,.17)}
.wbm-hero__cta--whatsapp{background:#25d366;color:#062d17!important;box-shadow:0 12px 30px rgba(0,0,0,.17)}
.wbm-hero__cta--outline{background:transparent;border-color:rgba(255,255,255,.25);color:#fff!important}
.wbm-hero__cta-icon{width:19px;height:19px;flex:0 0 19px;fill:currentColor}
.wbm-hero__cta-arrow{font-size:1.1em;transition:transform .28s var(--wbm-ease)}
.wbm-hero__cta:focus-visible{outline:2px solid var(--wbm-yellow);outline-offset:4px}

/* Visual promocional: produto como protagonista, sem card estrutural. */
.wbm-hero__visual{position:relative;z-index:4;min-width:0;min-height:540px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(170px,.52fr);align-items:center;gap:12px}
.wbm-hero__visual::before{content:"";position:absolute;left:39%;top:50%;z-index:0;width:min(44vw,610px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(7,86,216,.24),rgba(7,86,216,.09) 38%,transparent 70%);pointer-events:none}
.wbm-hero__visual-ring{position:absolute;left:39%;top:50%;z-index:0;width:min(410px,31vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.085);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.012),0 0 0 84px rgba(255,255,255,.007);pointer-events:none}
.wbm-hero__visual-ring::after{content:"";position:absolute;right:7%;top:18%;width:6px;height:6px;border-radius:50%;background:var(--wbm-yellow);box-shadow:0 0 0 5px rgba(255,210,0,.07)}
.wbm-hero__visual-line{position:absolute;left:7%;right:0;bottom:11%;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.17) 22%,rgba(255,255,255,.06) 72%,transparent);pointer-events:none}
.wbm-hero__product-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-width:0}
.wbm-hero__product{display:block;width:min(100%,385px);max-height:530px;object-fit:contain;filter:drop-shadow(22px 30px 26px rgba(0,0,0,.42));transform:rotate(-1deg);transition:transform .55s var(--wbm-ease),filter .55s ease}
.wbm-hero__benefits{position:relative;z-index:3;min-width:0;padding-left:4px}
.wbm-hero__benefits-title{display:block;margin-bottom:18px;color:rgba(255,255,255,.38);font-size:.56rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.wbm-hero__benefit-list{list-style:none;margin:0;padding:0}
.wbm-hero__benefit{position:relative;display:grid;grid-template-columns:5px 1fr;align-items:start;gap:12px;padding:0 0 17px;color:rgba(255,255,255,.68);font-size:.76rem;line-height:1.5}
.wbm-hero__benefit:not(:last-child){margin-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)}
.wbm-hero__benefit>span{width:4px;height:4px;margin-top:.52em;border-radius:50%;background:var(--wbm-yellow)}
.wbm-hero__benefit strong{color:#fff;font-size:.82rem;font-weight:750;line-height:1.42}

/* Composições controladas. */
.wbm-hero--composition-product-center .wbm-hero__inner{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,4.5vw,72px)}
.wbm-hero--composition-product-center .wbm-hero__visual{grid-template-columns:minmax(320px,1.18fr) minmax(150px,.42fr)}
.wbm-hero--composition-product-center .wbm-hero__product{width:min(100%,430px)}
.wbm-hero--composition-product-center .wbm-hero__visual::before,.wbm-hero--composition-product-center .wbm-hero__visual-ring{left:44%}
.wbm-hero--composition-content-dominant .wbm-hero__inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(34px,4vw,70px)}
.wbm-hero--composition-content-dominant .wbm-hero__content{max-width:680px}
.wbm-hero--composition-content-dominant .wbm-hero__visual{grid-template-columns:minmax(230px,.9fr) minmax(150px,.52fr)}
.wbm-hero--composition-content-dominant .wbm-hero__product{width:min(100%,330px);max-height:480px}

/* Editorial: conteúdo dominante, sem exigir produto. */
.wbm-hero--preset-editorial .wbm-hero__inner{grid-template-columns:minmax(0,720px) 1fr}
.wbm-hero--preset-editorial .wbm-hero__content{max-width:720px}
.wbm-hero--preset-editorial .wbm-hero__title{font-size:clamp(3.3rem,5.3vw,5.8rem)!important}

/* Temas */
.wbm-hero--theme-navy{background:var(--wbm-navy)}
.wbm-hero--theme-navy .wbm-hero__atmosphere{background:radial-gradient(circle at 73% 48%,rgba(7,86,216,.25),rgba(7,86,216,.07) 31%,transparent 50%),linear-gradient(90deg,rgba(2,0,87,.99) 0%,rgba(2,0,87,.96) 29%,rgba(2,0,87,.80) 53%,rgba(2,0,87,.42) 77%,rgba(2,0,87,.18) 100%),linear-gradient(180deg,transparent 48%,rgba(1,0,45,.40) 100%)}
.wbm-hero--theme-deep{background:var(--wbm-dark)}
.wbm-hero--theme-light{--wbm-text:rgba(1,0,45,.68);--wbm-muted:rgba(1,0,45,.48);--wbm-line:rgba(1,0,45,.14);color:var(--wbm-dark);background:#f4f6fb}
.wbm-hero--theme-light .wbm-hero__atmosphere{background:radial-gradient(circle at 72% 47%,rgba(7,86,216,.14),transparent 45%),linear-gradient(90deg,rgba(248,250,255,.99) 0%,rgba(248,250,255,.96) 34%,rgba(248,250,255,.76) 56%,rgba(248,250,255,.26) 80%,rgba(248,250,255,.12) 100%)}
.wbm-hero--theme-light .wbm-hero__title,.wbm-hero--theme-light .wbm-hero__benefit strong{color:var(--wbm-dark)!important}
.wbm-hero--theme-light .wbm-hero__eyebrow,.wbm-hero--theme-light .wbm-hero__entry-value{color:rgba(1,0,45,.78)}
.wbm-hero--theme-light .wbm-hero__benefits-title{color:rgba(1,0,45,.40)}
.wbm-hero--theme-light .wbm-hero__benefit{color:rgba(1,0,45,.62)}
.wbm-hero--theme-light .wbm-hero__benefit:not(:last-child){border-color:rgba(1,0,45,.11)}
.wbm-hero--theme-light .wbm-hero__visual-ring{border-color:rgba(1,0,45,.09);box-shadow:0 0 0 42px rgba(1,0,45,.015),0 0 0 84px rgba(1,0,45,.009)}
.wbm-hero--theme-light .wbm-hero__visual-line{background:linear-gradient(90deg,transparent,rgba(1,0,45,.17),rgba(1,0,45,.05),transparent)}
.wbm-hero--theme-light .wbm-hero__cta--outline{border-color:rgba(1,0,45,.22);color:var(--wbm-dark)!important}

@media(hover:hover) and (pointer:fine){
  .wbm-hero__cta:hover{transform:translateY(-2px)}
  .wbm-hero__cta--willboat:hover,.wbm-hero__cta--promo:hover{background:var(--wbm-yellow-hover);box-shadow:0 16px 34px rgba(0,0,0,.22)}
  .wbm-hero__cta:hover .wbm-hero__cta-arrow{transform:translateX(4px)}
  .wbm-hero__product:hover{transform:translateY(-4px) rotate(-1deg);filter:drop-shadow(25px 35px 31px rgba(0,0,0,.48))}
}

@media(max-width:1180px){
  .wbm-hero__inner{width:calc(100% - 48px);grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);gap:35px}
  .wbm-hero__visual{grid-template-columns:minmax(250px,1fr) 160px}
  .wbm-hero__product{width:330px}
  .wbm-hero__visual-ring{width:340px}
  .wbm-hero--composition-content-dominant .wbm-hero__inner{grid-template-columns:minmax(390px,1.05fr) minmax(390px,.95fr)}
}

@media(max-width:900px){
  .wbm-hero{min-height:0}
  .wbm-hero__atmosphere{background:linear-gradient(180deg,rgba(1,0,45,.95) 0%,rgba(2,0,87,.88) 43%,rgba(2,0,87,.78) 68%,rgba(1,0,45,.96) 100%),radial-gradient(circle at 50% 77%,rgba(7,86,216,.18),transparent 45%)}
  .wbm-hero--theme-navy .wbm-hero__atmosphere{background:linear-gradient(180deg,rgba(2,0,87,.95),rgba(2,0,87,.88) 55%,rgba(1,0,45,.96)),radial-gradient(circle at 50% 78%,rgba(7,86,216,.17),transparent 46%)}
  .wbm-hero__inner,.wbm-hero--composition-product-center .wbm-hero__inner,.wbm-hero--composition-content-dominant .wbm-hero__inner,.wbm-hero--preset-editorial .wbm-hero__inner{width:calc(100% - 48px);min-height:0;grid-template-columns:1fr;gap:50px;padding:64px 0 52px}
  .wbm-hero__content{max-width:680px}
  .wbm-hero__title,.wbm-hero--preset-editorial .wbm-hero__title{max-width:720px;font-size:clamp(3.35rem,8.5vw,5.2rem)!important}
  .wbm-hero__visual,.wbm-hero--composition-product-center .wbm-hero__visual,.wbm-hero--composition-content-dominant .wbm-hero__visual{width:100%;min-height:500px;grid-template-columns:minmax(300px,1fr) minmax(190px,.55fr);gap:28px}
  .wbm-hero__product,.wbm-hero--composition-product-center .wbm-hero__product,.wbm-hero--composition-content-dominant .wbm-hero__product{width:min(100%,370px);max-height:470px}
  .wbm-hero__visual::before,.wbm-hero--composition-product-center .wbm-hero__visual::before{left:32%;width:500px}
  .wbm-hero__visual-ring,.wbm-hero--composition-product-center .wbm-hero__visual-ring{left:32%;width:390px}
}

/* Mobile: fluxo vertical real. O produto nunca estrutura ou invade o texto. */
@media(max-width:640px){
  .wbm-hero__top-accent{width:74px;height:2px}
  .wbm-hero__background img{object-position:67% center}
  .wbm-hero__atmosphere,.wbm-hero--theme-navy .wbm-hero__atmosphere{background:linear-gradient(180deg,rgba(1,0,45,.96) 0%,rgba(2,0,87,.91) 38%,rgba(2,0,87,.88) 64%,rgba(1,0,45,.985) 100%)}
  .wbm-hero--theme-light .wbm-hero__atmosphere{background:linear-gradient(180deg,rgba(248,250,255,.95),rgba(248,250,255,.90) 42%,rgba(245,248,255,.96) 100%)}
  .wbm-hero__inner,.wbm-hero--composition-product-center .wbm-hero__inner,.wbm-hero--composition-content-dominant .wbm-hero__inner,.wbm-hero--preset-editorial .wbm-hero__inner{width:calc(100% - 32px);display:flex;flex-direction:column;gap:42px;padding:48px 0 40px}
  .wbm-hero__content{width:100%;max-width:none}
  .wbm-hero__eyebrow{margin-bottom:18px;font-size:.58rem}
  .wbm-hero__title,.wbm-hero--preset-editorial .wbm-hero__title{max-width:none;margin-bottom:16px!important;font-size:clamp(2.55rem,12.5vw,3.75rem)!important;line-height:.93!important;letter-spacing:-.05em}
  .wbm-hero__description{margin-bottom:27px!important;font-size:.87rem!important;line-height:1.58!important}
  .wbm-hero__price{width:100%;display:grid;grid-template-columns:minmax(0,.78fr) 1px minmax(0,1.22fr);align-items:end;gap:15px;margin-bottom:24px;padding-bottom:20px}
  .wbm-hero__entry-value{font-size:.9rem;white-space:normal}
  .wbm-hero__price-divider{height:45px}
  .wbm-hero__label{font-size:.53rem}
  .wbm-hero__times{margin-right:4px;margin-bottom:4px;font-size:clamp(1.25rem,6vw,1.75rem)}
  .wbm-hero__amount{font-size:clamp(1.95rem,9.5vw,2.8rem)}
  .wbm-hero__actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .wbm-hero__cta{width:100%;min-height:55px}
  .wbm-hero__visual,.wbm-hero--composition-product-center .wbm-hero__visual,.wbm-hero--composition-content-dominant .wbm-hero__visual{display:flex;flex-direction:column;width:100%;min-height:0;gap:30px}
  .wbm-hero__product-wrap{position:relative;width:100%;height:350px;flex:none;order:1}
  .wbm-hero__product,.wbm-hero--composition-product-center .wbm-hero__product,.wbm-hero--composition-content-dominant .wbm-hero__product{position:relative;width:min(72vw,270px);max-height:330px;margin:auto;transform:none}
  .wbm-hero__visual::before,.wbm-hero--composition-product-center .wbm-hero__visual::before{left:50%;top:175px;width:min(82vw,340px);transform:translate(-50%,-50%)}
  .wbm-hero__visual-ring,.wbm-hero--composition-product-center .wbm-hero__visual-ring{left:50%;top:175px;width:min(78vw,310px);transform:translate(-50%,-50%)}
  .wbm-hero__visual-line{display:none}
  .wbm-hero__benefits{order:2;width:100%;padding:25px 0 0;border-top:1px solid var(--wbm-line)}
  .wbm-hero__benefits-title{margin-bottom:18px}
  .wbm-hero__benefit{padding-bottom:15px;font-size:.74rem}
  .wbm-hero__benefit:not(:last-child){margin-bottom:15px}
  .wbm-hero__benefit strong{font-size:.82rem}
}

@media(max-width:390px){
  .wbm-hero__inner,.wbm-hero--composition-product-center .wbm-hero__inner,.wbm-hero--composition-content-dominant .wbm-hero__inner,.wbm-hero--preset-editorial .wbm-hero__inner{width:calc(100% - 26px)}
  .wbm-hero__title,.wbm-hero--preset-editorial .wbm-hero__title{font-size:clamp(2.25rem,12vw,2.95rem)!important}
  .wbm-hero__price{gap:10px}
  .wbm-hero__entry-value{font-size:.8rem}
  .wbm-hero__times{font-size:1.15rem}
  .wbm-hero__amount{font-size:clamp(1.7rem,8.8vw,2.2rem)}
  .wbm-hero__product-wrap{height:315px}
  .wbm-hero__product,.wbm-hero--composition-product-center .wbm-hero__product,.wbm-hero--composition-content-dominant .wbm-hero__product{width:min(70vw,235px);max-height:295px}
  .wbm-hero__visual::before,.wbm-hero--composition-product-center .wbm-hero__visual::before,.wbm-hero__visual-ring,.wbm-hero--composition-product-center .wbm-hero__visual-ring{top:158px}
}

@media(prefers-reduced-motion:reduce){
  .wbm-hero__cta,.wbm-hero__cta-arrow,.wbm-hero__product{transition:none!important}
  .wbm-hero__cta:hover,.wbm-hero__product:hover{transform:none!important}
}