/* V708 — heros panorâmicas, imagens completas e palavra de destaque */
:root{--ms-hero-pink:#ec3f83}
.catalog-premium-page .catalog-premium-hero--compact h1 em,
.seo-landing .seo-hero h1 em,
.seo-landing .seo-blog-hero h1 em{
  color:var(--ms-hero-pink);
  font-style:italic;
  font-weight:inherit;
}

/* Catálogo: preserva toda a personagem sem recortar cabeça ou base */
.catalog-premium-page .catalog-premium-hero--compact{
  min-height:clamp(430px,35vw,610px);
  background-color:#fff1f4;
  background-image:
    linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.94) 31%,rgba(255,247,250,.42) 54%,rgba(255,247,250,.02) 78%),
    url('../img/catalogo-hero-miria-v707.png');
  background-repeat:no-repeat,no-repeat;
  background-position:center,right center;
  background-size:100% 100%,auto 100%;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{
  width:min(1420px,100%);
}

/* Heros de cidades e categorias: largura total, conteúdo direto e imagem panorâmica completa */
.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,34vw,590px);
  margin:0;
  border-radius:0;
  display:block;
  position:relative;
  overflow:hidden;
  background-color:#fff1f4;
  background-repeat:no-repeat,no-repeat;
  background-position:center,right center;
  background-size:100% 100%,auto 100%;
  box-shadow:none;
}
.seo-landing main>.regional-hero-v708{
  background-image:
    linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.95) 31%,rgba(255,247,250,.48) 55%,rgba(255,247,250,.04) 78%),
    url('../img/regional-hero-miria-v708.png');
}
.seo-landing main>.service-hero-v708,
.seo-landing main>.local-service-hero-v708{
  background-image:
    linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.95) 31%,rgba(255,247,250,.48) 55%,rgba(255,247,250,.04) 78%),
    url('../img/service-hero-miria-v708.png');
}
.seo-landing main>.regional-hero-v708>div,
.seo-landing main>.service-hero-v708>div,
.seo-landing main>.local-service-hero-v708>div{
  width:min(1420px,100%);
  min-height:inherit;
  margin:0 auto;
  padding:clamp(58px,7vw,104px) clamp(28px,6vw,92px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  position:relative;
  z-index:2;
}
.seo-landing main>.regional-hero-v708 h1,
.seo-landing main>.service-hero-v708 h1,
.seo-landing main>.local-service-hero-v708 h1{
  max-width:650px;
  font-size:clamp(52px,5.1vw,78px);
  line-height:.94;
  margin:13px 0 18px;
  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{
  max-width:570px;
  font-size:16px;
  line-height:1.7;
  margin:0;
}
.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:26px;
}

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

@media(max-width:700px){
  .catalog-premium-page .catalog-premium-hero--compact{
    min-height:360px;
    background-image:
      linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.94) 60%,rgba(255,247,250,.30) 100%),
      url('../img/catalogo-hero-miria-v707.png');
    background-position:center,72% center;
    background-size:100% 100%,auto 100%;
  }
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{min-height:360px}

  .seo-landing main>.regional-hero-v708,
  .seo-landing main>.service-hero-v708,
  .seo-landing main>.local-service-hero-v708{
    min-height:370px;
    background-position:center,72% center;
    background-size:100% 100%,auto 100%;
  }
  .seo-landing main>.regional-hero-v708{
    background-image:
      linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.94) 61%,rgba(255,247,250,.28) 100%),
      url('../img/regional-hero-miria-v708.png');
  }
  .seo-landing main>.service-hero-v708,
  .seo-landing main>.local-service-hero-v708{
    background-image:
      linear-gradient(90deg,rgba(255,247,250,.99) 0%,rgba(255,247,250,.94) 61%,rgba(255,247,250,.28) 100%),
      url('../img/service-hero-miria-v708.png');
  }
  .seo-landing main>.regional-hero-v708>div,
  .seo-landing main>.service-hero-v708>div,
  .seo-landing main>.local-service-hero-v708>div{
    min-height:370px;
    padding:38px 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(40px,11vw,50px);
    margin:9px 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:285px;
    font-size:13px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .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{
    width:min(290px,100%);
    margin-top:18px;
    display:grid;
    grid-template-columns:1fr;
  }
  .seo-landing main>.regional-hero-v708 .seo-actions a,
  .seo-landing main>.service-hero-v708 .seo-actions a,
  .seo-landing main>.local-service-hero-v708 .seo-actions a{
    width:100%;
    min-height:44px;
    padding:11px 14px;
    font-size:13px;
  }
  .seo-landing main>.regional-hero-v708 .seo-actions a:last-child,
  .seo-landing main>.service-hero-v708 .seo-actions a:last-child,
  .seo-landing main>.local-service-hero-v708 .seo-actions a:last-child{display:none}
}
