/* V710 — heros compactas, imagens sem corte vertical e tipografia pública unificada */
:root{
  --ms-display-font:'Cormorant Garamond', Georgia, serif;
  --ms-heading-weight:500;
  --ms-heading-color:#251923;
  --ms-pink:#ec3f83;
}

/* Tipografia da home aplicada às páginas públicas. */
body.seo-landing h1,
body.seo-landing h2,
body.seo-landing h3,
body.catalog-premium-page h1,
body.catalog-premium-page h2,
body.catalog-premium-page h3,
body.decor-detail-page h1,
body.decor-detail-page h2,
body.decor-detail-page h3,
body.portfolio-detail-page-v68 h1,
body.portfolio-detail-page-v68 h2,
body.portfolio-detail-page-v68 h3,
body.home-v82 h1,
body.home-v82 h2,
body.home-v82 h3{
  font-family:var(--ms-display-font)!important;
  color:var(--ms-heading-color);
  font-weight:var(--ms-heading-weight)!important;
  letter-spacing:-.025em;
  text-rendering:optimizeLegibility;
}
body.seo-landing h3,
body.catalog-premium-page h3,
body.decor-detail-page h3,
body.portfolio-detail-page-v68 h3{font-weight:600!important;letter-spacing:-.015em}
body.seo-landing h1 em,
body.catalog-premium-page h1 em,
body.home-v82 h1 em{font-weight:500!important}

/* Catálogo: mais baixo, sem esticar a arte e com toda a altura original visível. */
.catalog-premium-page .catalog-premium-hero--compact{
  width:100%;
  max-width:none;
  height:clamp(390px,27vw,470px);
  min-height:0;
  aspect-ratio:auto;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background-color:#fff1f4;
  background-image:
    linear-gradient(90deg,
      rgba(255,247,250,1) 0%,
      rgba(255,247,250,.99) 31%,
      rgba(255,247,250,.94) 43%,
      rgba(255,247,250,.65) 54%,
      rgba(255,247,250,.24) 64%,
      rgba(255,247,250,0) 76%),
    url('../img/catalogo-hero-miria-v707.png');
  background-repeat:no-repeat,no-repeat;
  background-position:left center,right center;
  background-size:100% 100%,auto 100%;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy{
  width:calc(100% - 48px);
  max-width:1200px;
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:38px 54px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  box-sizing:border-box;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy h1{
  max-width:530px;
  margin:10px 0 14px;
  font-size:clamp(48px,4vw,64px);
  line-height:.96;
}
.catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy p{max-width:520px;margin:0 0 18px;line-height:1.55}

/* Heros regionais e de serviço: mesma altura, mesmo alinhamento e arte sempre inteira na vertical. */
.seo-landing main>.regional-hero-v708,
.seo-landing main>.service-hero-v708,
.seo-landing main>.local-service-hero-v708{
  width:100%;
  max-width:none;
  height:clamp(370px,25vw,450px);
  min-height:0;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background-color:#fff3f6;
  background-repeat:no-repeat;
  background-position:right center!important;
  background-size:auto 100%!important;
}
.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,.99) 34%,
    rgba(255,247,250,.95) 44%,
    rgba(255,247,250,.72) 54%,
    rgba(255,247,250,.33) 64%,
    rgba(255,247,250,.07) 73%,
    rgba(255,247,250,0) 80%)!important;
}
.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;
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:38px 54px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.seo-landing main>.regional-hero-v708 h1,
.seo-landing main>.service-hero-v708 h1,
.seo-landing main>.local-service-hero-v708 h1{
  max-width:610px;
  margin:10px 0 14px;
  font-size:clamp(46px,3.7vw,62px);
  line-height:.98;
}
.seo-landing main>.regional-hero-v708 p,
.seo-landing main>.service-hero-v708 p,
.seo-landing main>.local-service-hero-v708 p{max-width:560px;font-size:15px;line-height:1.6}
.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:20px}

/* Escala mais leve e consistente para títulos internos. */
.seo-content h2,.seo-grid-section h2,.seo-cta h2,.seo-grid-heading h2,
.catalog-premium-page .catalog-results-title,
.portfolio-detail-page-v68 .portfolio-seo-content h2{
  font-weight:500!important;
  line-height:1.02;
}
.seo-card-grid h3,.catalog-premium-page .catalog-card h2,.catalog-premium-page .catalog-card h3{font-weight:500!important}

@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{height:400px}
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy,
  .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% - 32px);padding:34px}
  .seo-landing main>.regional-hero-v708 h1,
  .seo-landing main>.service-hero-v708 h1,
  .seo-landing main>.local-service-hero-v708 h1{max-width:520px;font-size:clamp(43px,5vw,56px)}
}

@media(max-width:700px){
  .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{height:340px;min-height:340px}
  .catalog-premium-page .catalog-premium-hero--compact{
    background-position:left center,76% center;
    background-size:100% 100%,auto 100%;
  }
  .seo-landing main>.regional-hero-v708,
  .seo-landing main>.service-hero-v708,
  .seo-landing main>.local-service-hero-v708{background-position:78% center!important;background-size:auto 100%!important}
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy,
  .seo-landing main>.regional-hero-v708>div,
  .seo-landing main>.service-hero-v708>div,
  .seo-landing main>.local-service-hero-v708>div{width:100%;height:340px;padding:28px 22px}
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy h1,
  .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(38px,10.8vw,47px);margin:7px 0 10px}
  .catalog-premium-page .catalog-premium-hero--compact .catalog-hero-copy p,
  .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.48}
}