/* One professional hero composition, with audience-specific artwork. */
body[data-qualy-hero="profissional"]{
  --hero-desktop:url("assets/revisao/hero-principal-desktop-enquadrado-20261008-preservado.png");
  --hero-mobile:url("assets/revisao/hero-principal-mobile-enquadrado-20261008-preservado.png");
}
body[data-qualy-hero="agro"]{
  --hero-desktop:url("assets/revisao/hero-agro-padrao-principal-desktop-20261008-preservado.png");
  --hero-mobile:url("assets/revisao/hero-agro-padrao-principal-mobile-20261008-preservado.png");
}
body[data-qualy-hero="climatizacao"]{
  --hero-desktop:url("assets/revisao/hero-climatizacao-padrao-principal-desktop-20261008-preservado.png");
  --hero-mobile:url("assets/revisao/hero-climatizacao-padrao-principal-mobile-20261008-preservado.png");
}
body[data-qualy-hero="esportivo"]{
  --hero-desktop:url("assets/revisao/hero-esportivo-padrao-principal-desktop-20261008-preservado.png");
  --hero-mobile:url("assets/revisao/hero-esportivo-padrao-principal-mobile-20261008-preservado.png");
}
body[data-qualy-hero] .hero-cine .hero-bg::before{
  content:"";
  position:absolute;
  inset:-24px;
  background-color:#0b0d10;
  background-image:var(--hero-desktop);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  filter:blur(24px) brightness(.28);
  opacity:.5;
}
body[data-qualy-hero] .hero-cine .hero-bg img{
  position:absolute;
  z-index:1;
  width:auto;
  height:auto;
  max-height:100%;
  object-fit:contain;
}
body[data-qualy-hero] .hero-cine .hero-copy{max-width:610px}
body[data-qualy-hero] .hero-cine h1{font-size:clamp(36px,3.3vw,48px);line-height:1.12}
body[data-qualy-hero] .hero-cine .lead{max-width:540px;font-size:17px}
body[data-qualy-hero] .hero-cine .hero-cine-grid{padding:28px 0 64px}
body[data-qualy-hero] .hero-cine .main-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  max-width:540px;
  gap:9px 16px;
  margin:22px 0 18px;
}
body[data-qualy-hero] .main-benefits li{border:0;padding:0;font-size:13px;line-height:1.4;gap:8px}
body[data-qualy-hero] .main-benefits li::before{content:'✓';color:#ff5a68;font-weight:800}
body[data-qualy-hero] .main-hero-offer{
  max-width:530px;
  border-left:3px solid #e31b2c;
  padding:0 0 0 16px;
  margin:20px 0 24px;
  color:#fff;
}
body[data-qualy-hero] .main-hero-offer p{font-size:13px;line-height:1.6;margin:7px 0}
body[data-qualy-hero] .main-hero-offer .main-price{font-size:16px;line-height:1.5}
body[data-qualy-hero] .main-price strong{font-size:28px;white-space:nowrap}
body[data-qualy-hero] .main-hero-offer .main-minimum{color:#ddd;font-size:12px}
body[data-qualy-hero] .main-hero-offer a{display:inline-block;color:#fff;font-size:12px;text-underline-offset:4px;margin-top:5px}
body[data-qualy-hero] .main-minimum a{display:inline;font-size:inherit;margin:0}
body[data-qualy-hero] .hero-media-note{max-width:350px;line-height:1.4}
@media(min-width:721px){
  body[data-qualy-hero] .hero-cine .hero-bg img{
    top:50%;
    right:0;
    max-width:min(80%,1600px);
    transform:translateY(-50%);
    object-position:right center;
    mask-image:linear-gradient(90deg,transparent,#000 8%),linear-gradient(180deg,transparent,#000 8%,#000 94%,transparent);
    mask-composite:intersect;
  }
}
@media(max-width:720px){
  body[data-qualy-hero] .hero-cine{min-height:0}
  body[data-qualy-hero] .hero-cine .hero-bg::before{background-image:var(--hero-mobile)}
  body[data-qualy-hero] .hero-cine .hero-bg img{
    left:50%;
    bottom:0;
    max-width:100%;
    transform:translateX(-50%);
    object-position:center bottom;
  }
  body[data-qualy-hero] .hero-cine .hero-copy{max-width:none}
  body[data-qualy-hero] .hero-cine .hero-cine-grid{padding:16px 0 48px}
  body[data-qualy-hero] .hero-cine h1{font-size:clamp(28px,7.7vw,36px);line-height:1.15}
  body[data-qualy-hero] .hero-cine .lead{font-size:14px;line-height:1.55;margin-top:12px}
  body[data-qualy-hero] .hero-cine .main-benefits{margin:14px 0;gap:7px 10px}
  body[data-qualy-hero] .main-benefits li{font-size:10px;line-height:1.4;gap:5px}
  body[data-qualy-hero] .main-hero-offer{padding-left:12px;margin:14px 0 12px}
  body[data-qualy-hero] .main-hero-offer .main-price{font-size:13px;line-height:1.45}
  body[data-qualy-hero] .main-price strong{font-size:23px}
  body[data-qualy-hero] .main-hero-offer p{font-size:11px;line-height:1.5;margin:5px 0}
  body[data-qualy-hero] .main-hero-offer .main-minimum{font-size:11px}
  body[data-qualy-hero] .main-hero-offer a{font-size:11px}
  body[data-qualy-hero] .hero-media-note{max-width:280px;font-size:9px}
}
@media(max-width:380px){
  body[data-qualy-hero] .hero-cine .hero-copy>.btn.big{
    padding-inline:14px;
    gap:6px;
    font-size:12px;
    min-height:48px;
  }
}

/* The image paints first; information fades in after the image-ready pause. */
body[data-qualy-hero] .hero-cine .hero-copy{
  opacity:1;
  transform:none;
  transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.2,.65,.3,1);
}
body[data-qualy-hero] .hero-cine :is(.hero-shade,.hero-media-note){
  opacity:1;
  transition:opacity 1.4s ease;
}
/* The hero enters as one group, without a second scroll reveal on its children. */
body[data-qualy-hero] .hero-cine .hero-copy>.reveal{
  opacity:1;
  transform:none;
  transition:none;
}
html.qualy-hero-intro-pending body[data-qualy-hero] .hero-cine .hero-copy{
  visibility:hidden;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
}
html.qualy-hero-intro-pending body[data-qualy-hero] .hero-cine .hero-shade{opacity:0}
html.qualy-hero-intro-pending body[data-qualy-hero] .hero-cine .hero-media-note{
  visibility:hidden;
  opacity:0;
}
html.qualy-hero-intro-skip body[data-qualy-hero] .hero-cine :is(.hero-copy,.hero-shade,.hero-media-note){transition:none}
@media(prefers-reduced-motion:reduce){
  html.qualy-hero-intro-pending body[data-qualy-hero] .hero-cine :is(.hero-copy,.hero-shade,.hero-media-note),
  body[data-qualy-hero] .hero-cine :is(.hero-copy,.hero-shade,.hero-media-note){
    visibility:visible;
    opacity:1;
    transform:none;
    transition:none;
    pointer-events:auto;
  }
}