/* Stable responsive framing for the home hero. Loaded after legacy layers. */
.brand-intro-content img{
  aspect-ratio:auto!important;
  object-position:center!important;
  border-radius:50%;
  background:radial-gradient(circle at center,rgba(255,255,255,.99) 0 47%,rgba(234,244,249,.97) 63%,transparent 64%);
}
.brand-intro-content .brand-intro-slogan{
  box-sizing:border-box;
  display:block;
  align-self:center;
  width:min(92vw,1200px);
  max-width:1200px;
  min-width:0;
  margin:26px auto 0!important;
  padding-inline:20px;
  opacity:0!important;
  font-size:clamp(1.25rem,2.6vw,2.6rem)!important;
  line-height:1.12;
  letter-spacing:.075em;
  text-align:center!important;
  text-wrap:balance;
  transform:none!important;
  white-space:nowrap;
}
.brand-intro.slogan-ready .brand-intro-slogan{opacity:1!important}
.hero-v2-restored{
  --hero-stage-height:clamp(520px,calc(100svh - 244px),700px);
  --hero-media-width:min(100%,980px);
  --hero-media-height:clamp(440px,62vh,620px);
  padding-block:clamp(150px,12vh,194px) clamp(28px,4vh,50px)!important;
}
.hero-v2-restored .hero-grid{min-height:var(--hero-stage-height)!important}
.hero-v2-restored h1{
  max-width:760px!important;
  font-size:clamp(2.6rem,3.8vw,4.8rem)!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
}
.hero-v2-restored h1 [data-hero-line]{display:inline-block}
.hero-v2-restored .hero-actions{display:none!important}
.hero-v2-restored .hero-product-label,
.hero-v2-restored .hero-product-label:has(.hero-proof-link){
  box-sizing:border-box;
  left:50%!important;
  right:auto!important;
  bottom:54px!important;
  width:min(560px,calc(100% - 32px))!important;
  max-width:560px!important;
  min-height:0;
  display:grid!important;
  grid-template-columns:auto auto;
  grid-template-areas:"name name" "meta action";
  justify-content:center;
  align-items:center;
  justify-items:center;
  gap:8px 14px;
  padding:14px 18px;
  border:1px solid rgba(121,225,252,.22);
  border-radius:20px;
  color:#f4fbff;
  background:linear-gradient(115deg,rgba(3,17,27,.9),rgba(7,48,66,.86));
  box-shadow:0 18px 42px rgba(0,8,14,.3),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(16px) saturate(130%);
  transform:translateX(calc(-50% + var(--hero-card-shift-x,0px)))!important;
  text-align:center!important;
}
.hero-v2-restored .hero-product-label strong{
  grid-area:name;
  margin:0!important;
  color:#f7fcff!important;
  font-size:clamp(2rem,3vw,3.35rem)!important;
  line-height:.92!important;
  text-shadow:0 8px 24px rgba(0,0,0,.38)!important;
}
.hero-v2-restored .hero-product-label #heroSpec.hero-spec-highlight{
  grid-area:meta;
  justify-content:center!important;
  margin:0!important;
}
.hero-v2-restored .hero-product-label #heroSpec .hero-material{color:#b4cad4!important}
.hero-v2-restored .hero-product-label .hero-proof-link{
  grid-area:action;
  margin:0!important;
}
.hero-v2-restored .hero-controls{
  left:50%!important;
  right:auto!important;
  bottom:8px!important;
  transform:translateX(calc(-50% + var(--hero-card-shift-x,0px)))!important;
}
.hero-v2-restored .hero-stage{
  width:100%!important;
  height:var(--hero-stage-height)!important;
  min-height:var(--hero-stage-height)!important;
}
.hero-v2-restored .hero-product-wrap,
.hero-v2-restored .hero-product-wrap[data-product="spider-pro"],
.hero-v2-restored .hero-product-wrap[data-product="clean-pro"],
.hero-v2-restored .hero-product-wrap[data-product="classic"],
.hero-v2-restored .hero-product-wrap[data-product="iate"],
.hero-v2-restored .hero-product-wrap[data-product="stradeiro"]{
  box-sizing:border-box;
  width:var(--hero-media-width)!important;
  height:var(--hero-media-height)!important;
  margin:0!important;
  padding:0!important;
}
.hero-v2-restored .hero-product{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media (min-width:1101px) and (max-width:1279px){
  .hero-v2-restored{
    --hero-stage-height:clamp(520px,58vw,650px);
    --hero-media-width:min(100%,880px);
    --hero-media-height:clamp(450px,52vw,570px);
    padding-block:154px 36px!important;
  }
}
@media (min-width:701px) and (max-width:1100px){
  .hero-v2-restored{
    --hero-stage-height:clamp(500px,64vw,620px);
    --hero-media-width:min(94vw,900px);
    --hero-media-height:clamp(430px,58vw,560px);
    padding-block:132px 34px!important;
  }
  .hero-v2-restored .hero-grid{gap:12px!important}
}
@media (max-width:700px){
  .brand-intro-content .brand-intro-slogan{
    width:90vw;
    margin-top:18px!important;
    padding-inline:10px;
    font-size:clamp(1.05rem,5.2vw,1.55rem)!important;
    line-height:1.12;
    letter-spacing:.045em;
    white-space:normal;
  }
  .hero-v2-restored{
    --hero-stage-height:clamp(390px,105vw,440px);
    --hero-media-width:100%;
    --hero-media-height:clamp(280px,78vw,340px);
    padding-block:92px 18px!important;
  }
  .hero-v2-restored .hero-stage{overflow:hidden!important}
  .hero-v2-restored .hero-product-label,
  .hero-v2-restored .hero-product-label:has(.hero-proof-link){
    left:50%!important;
    right:auto!important;
    bottom:42px!important;
    width:calc(100% - 24px)!important;
    max-width:520px!important;
    grid-template-columns:auto auto!important;
    grid-template-areas:"name name" "meta action"!important;
    justify-content:center!important;
    gap:6px 10px;
    padding:11px 12px;
  }
  .hero-v2-restored .hero-product-label strong{font-size:1.55rem!important}
  .hero-v2-restored .hero-controls{bottom:4px!important}
  .hero-v2-restored h1{
    font-size:clamp(2.15rem,9.2vw,2.75rem)!important;
    line-height:.94!important;
  }
  .hero-v2-restored .hero-product-wrap,
  .hero-v2-restored .hero-product-wrap[data-product="spider-pro"],
  .hero-v2-restored .hero-product-wrap[data-product="clean-pro"],
  .hero-v2-restored .hero-product-wrap[data-product="classic"],
  .hero-v2-restored .hero-product-wrap[data-product="iate"],
  .hero-v2-restored .hero-product-wrap[data-product="stradeiro"]{
    position:absolute!important;
    inset:0 0 auto!important;
    transform:none!important;
  }
  .hero-v2-restored .hero-product-wrap[data-product="stradeiro"] .hero-product{
    transform:translateY(-2%) scale(1.22)!important;
    transform-origin:center center;
  }
}
@media (max-width:480px){
  .hero-v2-restored{
    --hero-stage-height:clamp(430px,122vw,480px);
    --hero-media-height:clamp(250px,74vw,320px);
  }
  .hero-v2-restored .hero-product-label,
  .hero-v2-restored .hero-product-label:has(.hero-proof-link){
    grid-template-columns:1fr!important;
    grid-template-areas:"name" "meta" "action"!important;
  }
  .hero-v2-restored .hero-product-label .hero-proof-link{width:auto!important}
}
@media (min-width:1101px) and (max-height:760px){
  .hero-v2-restored{
    --hero-stage-height:clamp(430px,calc(100svh - 210px),540px);
    --hero-media-height:clamp(390px,calc(100svh - 240px),500px);
    padding-block:132px 26px!important;
  }
}

/* Refined opening lockup: crisp vector mark, balanced scale and readable slogan. */
.brand-intro-content{width:min(90vw,900px)!important;margin:0!important}
.brand-intro-content img{
  width:min(52vw,560px)!important;max-width:560px!important;max-height:min(58svh,560px)!important;
  aspect-ratio:1/1!important;object-fit:contain!important;
  filter:drop-shadow(0 14px 32px rgba(0,0,0,.2))
}
.brand-intro-content .brand-intro-slogan{
  width:min(90vw,920px)!important;max-width:920px!important;margin:20px auto 0!important;padding-inline:14px!important;
  font-size:clamp(.94rem,1.55vw,1.35rem)!important;line-height:1.38!important;letter-spacing:.17em!important;
  white-space:normal!important;text-wrap:balance
}
@media(max-width:620px){
  .brand-intro-content{width:92vw!important}
  .brand-intro-content img{width:min(78vw,380px)!important;max-height:48svh!important}
  .brand-intro-content .brand-intro-slogan{
    width:min(84vw,340px)!important;margin-top:16px!important;padding:0!important;
    font-size:clamp(.72rem,3.15vw,.92rem)!important;line-height:1.5!important;letter-spacing:.13em!important
  }
}

/* V13: stronger opening lockup while preserving responsive safe areas. */
@media(min-width:621px){
  .brand-intro-content{width:min(94vw,1040px)!important}
  .brand-intro-content img{
    width:min(62vw,700px)!important;max-width:700px!important;max-height:min(66svh,700px)!important
  }
  .brand-intro-content .brand-intro-slogan{
    width:min(92vw,1040px)!important;max-width:1040px!important;margin-top:22px!important;
    font-size:clamp(1.2rem,1.9vw,1.65rem)!important;line-height:1.35!important;letter-spacing:.16em!important
  }
}
@media(max-width:620px){
  .brand-intro-content img{width:min(84vw,430px)!important;max-width:430px!important;max-height:53svh!important}
  .brand-intro-content .brand-intro-slogan{
    width:min(88vw,380px)!important;max-width:380px!important;margin-top:18px!important;
    font-size:clamp(.84rem,3.7vw,1.06rem)!important;line-height:1.45!important;letter-spacing:.12em!important
  }
}

/* Mobile opening: keep the complete horizontal logo inside the white seal. */
@media(max-width:620px){
  .brand-intro-content img{
    box-sizing:border-box!important;
    padding:10px!important;
    border-radius:50%!important;
    background:radial-gradient(circle closest-side at center,#fff 0 90%,#edf5f8 96%,transparent 100%)!important;
  }
  .brand-intro-content .brand-intro-slogan{
    width:min(92vw,420px)!important;
    max-width:420px!important;
    margin-top:20px!important;
    font-size:clamp(1.05rem,4.8vw,1.35rem)!important;
    line-height:1.34!important;
    letter-spacing:.09em!important;
  }
}