/* =========================================================
   AJUSTES FINAIS
   ========================================================= */

/* Subtítulos dos artigos */
.titulo-1,
.article-content .titulo-1,
.content-box .titulo-1,
body.guia-post .titulo-1,
body.explante-post .titulo-1 {
  font-size: 26px !important;
  line-height: 1.3 !important;
}

/* Depoimentos da homepage */
#depoimentos .depoimento-texto,
#depoimentos .test,
#depoimentos .test p,
#depoimentos .testimonial-content,
.homepage-testimonials .depoimento-texto,
.homepage-testimonials p,
.test-carousel .test,
.test-carousel .test p {
  font-size: 15px !important;
  line-height: 1.8 !important;
}


/* Ajuste final dos depoimentos */
.test blockquote{
  font-family:"Montserrat", serif;
  font-size:15px !important;
  line-height:1.8 !important;
  font-weight:400 !important;
}


/* =========================================================
   AJUSTES VISUAIS — VÍDEO, HERO, DIFERENCIAIS E LOGO
   ========================================================= */

/* Página Casal20: remover moldura/fundo do vídeo */
.about-page .about-video-frame{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.about-page .about-video-frame video{
  width:100% !important;
  height:auto !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  object-fit:contain !important;
}

/* Homepage: texto menor do hero sem serifa */
.hero h1.eyebrow,
.hero .eyebrow{
  font-family:"Montserrat", sans-serif !important;
}

/* Homepage: título Sobre totalmente serifado */
.homepage .about-copy .display,
.about-copy .display,
.about-copy .display span,
.about-copy h2,
.about-copy h2 span{
  font-family:"Playfair Display", serif !important;
}

/* Homepage: cards de diferenciais sem preenchimento */
#diferenciais .dif-card,
.differentials .dif-card{
  background:transparent !important;
  box-shadow:none !important;
}

#diferenciais .dif-card:hover,
.differentials .dif-card:hover{
  background:transparent !important;
}

/* Logo sempre visível desde o primeiro carregamento, inclusive no mobile */
.shared-nav .shared-logo,
.shared-nav .shared-logo img{
  opacity:1 !important;
  visibility:visible !important;
}

.shared-nav .shared-logo{
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  z-index:1001 !important;
}

.shared-nav .shared-logo img{
  display:block !important;
  filter:none !important;
  transform:none !important;
  transition:none !important;
}

@media(max-width:700px){
  .shared-nav .shared-logo img{
    height:38px !important;
    width:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}


/* =========================================================
   HERO MOBILE — OVERLAY E LEGIBILIDADE
   ========================================================= */
@media (max-width: 700px){

  /* Garante que o hero receba o overlay sem alterar a imagem */
  .homepage .hero,
  body .hero{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;
  }

  /* Overlay escuro sobre a área da foto */
  .homepage .hero::before,
  body .hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(
        180deg,
        rgba(15,14,12,.48) 0%,
        rgba(15,14,12,.34) 38%,
        rgba(15,14,12,.72) 72%,
        rgba(15,14,12,.96) 100%
      ) !important;
  }

  /* Mantém todo o conteúdo acima do overlay */
  .homepage .hero-grid,
  .homepage .hero-copy,
  .homepage .hero-photo,
  body .hero-grid,
  body .hero-copy,
  body .hero-photo{
    position:relative !important;
    z-index:2 !important;
  }

  /* Evita que a foto pareça lavada */
  .homepage .hero-photo img,
  body .hero-photo img{
    filter:brightness(.86) contrast(1.04) !important;
  }

  /* Faixa sutil atrás do topo para o logo e menu */
  .shared-nav{
    background:linear-gradient(
      180deg,
      rgba(15,14,12,.58) 0%,
      rgba(15,14,12,.28) 65%,
      rgba(15,14,12,0) 100%
    ) !important;
  }

  .shared-nav.scrolled{
    background:rgba(255,255,255,.96) !important;
  }

  /* Logo e hambúrguer sempre visíveis */
  .shared-nav .shared-logo,
  .shared-nav .shared-logo img{
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
  }

  .shared-menu-btn span{
    background:#fff !important;
    box-shadow:0 1px 6px rgba(0,0,0,.35) !important;
  }

  .shared-nav.scrolled .shared-menu-btn span{
    background:#171715 !important;
    box-shadow:none !important;
  }

  /* Texto do hero com melhor contraste */
  .homepage .hero .eyebrow,
  .homepage .hero .display,
  .homepage .hero p{
    position:relative !important;
    z-index:3 !important;
  }

  .homepage .hero .eyebrow{
    color:#fff !important;
    text-shadow:0 1px 8px rgba(0,0,0,.45) !important;
  }

  .homepage .hero p{
    color:rgba(255,255,255,.92) !important;
  }
}