/* V709 — alinhamento unificado das heros, transição suave e banner integral */
:root{--ms-hero-pink:#ec3f83;--ms-hero-bg:#fff3f6}

/* Cidades, categorias e categoria+cidade: mesma geometria e mesmo ponto de leitura */
.seo-landing main>.regional-hero-v708,
.seo-landing main>.service-hero-v708,
.seo-landing main>.local-service-hero-v708{
  width:100%;
  max-width:none;
  min-height:clamp(430px,31vw,540px);
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  box-shadow:none;
  background-color:var(--ms-hero-bg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.seo-landing main>.regional-hero-v708{
  background-image:url('../img/regional-hero-miria-v708.png');
}
.seo-landing main>.service-hero-v708,
.seo-landing main>.local-service-hero-v708{
  background-image:url('../img/service-hero-miria-v708.png');
}

/* A imagem ocupa a hero inteira; este véu elimina a divisão reta entre texto e arte. */
.seo-landing main>.regional-hero-v708::before,
.seo-landing main>.service-hero-v708::before,
.seo-landing main>.local-service-hero-v708::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(255,247,250,1) 0%,
    rgba(255,247,250,.99) 31%,
    rgba(255,247,250,.94) 42%,
    rgba(255,247,250,.72) 52%,
    rgba(255,247,250,.34) 62%,
    rgba(255,247,250,.08) 72%,
    rgba(255,247,250,0) 82%);
}

.seo-landing main>.regional-hero-v708>div,
.seo-landing main>.service-hero-v708>div,
.seo-landing main>.local-service-hero-v708>div{
  width:calc(100% - 48px);
  max-width:1200px;
  min-height:inherit;
  margin:0 auto;
  padding:56px 54px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  position:relative;
  z-index:1;
}

.seo-landing main>.regional-hero-v708 h1,
.seo-landing main>.service-hero-v708 h1,
.seo-landing main>.local-service-hero-v708 h1{
  width:100%;
  max-width:590px;
  margin:12px 0 18px;
  font-size:clamp(50px,4.25vw,70px);
  line-height:.98;
  text-wrap:balance;
}
.seo-landing main>.regional-hero-v708 p,
.seo-landing main>.service-hero-v708 p,
.seo-landing main>.local-service-hero-v708 p{
  width:100%;
  max-width:560px;
  margin:0;
  font-size:16px;
  line-height:1.65;
}
.seo-landing main>.regional-hero-v708 .seo-actions,
.seo-landing main>.service-hero-v708 .seo-actions,
.seo-landing main>.local-service-hero-v708 .seo-actions{
  margin-top:24px;
}

/* Catálogo: respeita a proporção original 1920x768 para não cortar cabeça, corpo ou pedestal. */
.catalog-premium-page .catalog-premium-hero--compact{
  width:100%;
  max-width:none;
  min-height:0;
  aspect-ratio:5 / 2;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  position:relative;
  background-color:#fff1f4;
  background-image:
    linear-gradient(90deg,
      rgba(255,247,250,.99) 0%,
      rgba(255,247,250,.97) 31%,
      rgba(255,247,250,.82) 43%,
      rgba(255,247,250,.46) 55%,
      rgba(255,247,250,.12) 68%,
      rgba(255,247,250,0) 80%),
    url('../img/catalogo-hero-miria-v707.png');
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  background-size:100% 100%,100% 100%;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{
  width:calc(100% - 48px);
  max-width:1200px;
  min-height:100%;
  margin:0 auto;
  padding:54px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy h1{
  max-width:540px;
  font-size:clamp(50px,4.4vw,70px);
  line-height:.95;
}

@media(max-width:1050px){
  .seo-landing main>.regional-hero-v708,
  .seo-landing main>.service-hero-v708,
  .seo-landing main>.local-service-hero-v708{
    min-height:430px;
    background-position:58% center;
  }
  .seo-landing main>.regional-hero-v708>div,
  .seo-landing main>.service-hero-v708>div,
  .seo-landing main>.local-service-hero-v708>div,
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{
    width:calc(100% - 32px);
    padding:44px 34px;
  }
}

@media(max-width:700px){
  .seo-landing main>.regional-hero-v708,
  .seo-landing main>.service-hero-v708,
  .seo-landing main>.local-service-hero-v708{
    min-height:360px;
    background-position:66% center;
  }
  .seo-landing main>.regional-hero-v708::before,
  .seo-landing main>.service-hero-v708::before,
  .seo-landing main>.local-service-hero-v708::before{
    background:linear-gradient(90deg,
      rgba(255,247,250,1) 0%,
      rgba(255,247,250,.98) 48%,
      rgba(255,247,250,.84) 62%,
      rgba(255,247,250,.42) 78%,
      rgba(255,247,250,.10) 100%);
  }
  .seo-landing main>.regional-hero-v708>div,
  .seo-landing main>.service-hero-v708>div,
  .seo-landing main>.local-service-hero-v708>div{
    width:100%;
    min-height:360px;
    padding:34px 22px;
  }
  .seo-landing main>.regional-hero-v708 h1,
  .seo-landing main>.service-hero-v708 h1,
  .seo-landing main>.local-service-hero-v708 h1{
    max-width:300px;
    font-size:clamp(39px,11vw,49px);
    margin:8px 0 12px;
  }
  .seo-landing main>.regional-hero-v708 p,
  .seo-landing main>.service-hero-v708 p,
  .seo-landing main>.local-service-hero-v708 p{
    max-width:282px;
    font-size:13px;
    line-height:1.5;
  }

  .catalog-premium-page .catalog-premium-hero--compact{
    aspect-ratio:auto;
    min-height:360px;
    background-image:
      linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.94) 56%,rgba(255,247,250,.45) 78%,rgba(255,247,250,.10) 100%),
      url('../img/catalogo-hero-miria-v707.png');
    background-position:center,68% center;
    background-size:100% 100%,auto 100%;
  }
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{
    width:100%;
    min-height:360px;
    padding:32px 22px;
  }
}