/* Black House Tendência — revisão v4: transição da foto, texto de campanha e movimento.
   Alterações exclusivamente visuais. Base de dados, imagens, preços, descrições,
   formulários e comportamento dos filtros preservados. */

/* Dissolve o início da fotografia no carvão do hero SEM deixar uma borda vertical.
   Desktop apenas: o celular já tem a composição de fundo aprovada. */
@media (min-width: 901px) {
  .hero .hero-lifestyle {
    background: transparent !important;
    -webkit-mask-image: linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.05) 8%,
      rgba(0,0,0,.22) 21%,
      rgba(0,0,0,.60) 37%,
      rgba(0,0,0,.92) 54%,
      #000 68%,
      #000 100%) !important;
    mask-image: linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.05) 8%,
      rgba(0,0,0,.22) 21%,
      rgba(0,0,0,.60) 37%,
      rgba(0,0,0,.92) 54%,
      #000 68%,
      #000 100%) !important;
  }
  .hero .hero-lifestyle > img {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .hero .hero-grid::before {
    background: linear-gradient(to right,
      #111515 0%,
      rgba(17,21,21,.99) 15%,
      rgba(17,21,21,.90) 30%,
      rgba(17,21,21,.57) 48%,
      rgba(17,21,21,.15) 65%,
      transparent 84%) !important;
  }
}

/* A frase segue imediatamente junto ao número 23 em todas as resoluções. */
.hero .hero-trust > span:last-child {
  font-weight: 800;
  line-height: 1.35;
}
.hero .hero-trust > span:last-child small {
  display: inline-block;
  margin-top: 4px;
  font-weight: 500;
  line-height: 1.45;
}
@media (max-width: 540px) {
  .hero .hero-trust > span:last-child {
    font-size: 12px;
    max-width: 255px;
  }
  .hero .hero-trust > span:last-child small {
    font-size: 10px;
  }
}

/* Pulso visual perceptível: halo dourado + luz, sem deslocar o botão.
   Sem piscar, e com defasagem para não animar todos os CTAs simultaneamente. */
@keyframes bhV4CtaPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(248,211,125,.18),
                0 0 13px rgba(218,169,69,.29),
                0 5px 16px rgba(0,0,0,.16);
    filter: brightness(1);
  }
  48% {
    box-shadow: 0 0 0 5px rgba(248,211,125,.22),
                0 0 30px 6px rgba(218,169,69,.57),
                0 7px 24px rgba(0,0,0,.22);
    filter: brightness(1.13);
  }
  73% {
    box-shadow: 0 0 0 2px rgba(248,211,125,.08),
                0 0 19px 3px rgba(218,169,69,.35),
                0 6px 18px rgba(0,0,0,.18);
    filter: brightness(1.055);
  }
}
@keyframes bhV4MiniPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(248,211,125,.08),0 0 7px rgba(213,179,99,.15);
    filter: brightness(1);
  }
  53% {
    box-shadow: 0 0 0 3px rgba(248,211,125,.13),0 0 18px 3px rgba(213,179,99,.50);
    filter: brightness(1.14);
  }
}
@keyframes bhV4BadgePulse {
  0%, 100% {
    box-shadow: 0 0 0 1px rgba(213,179,99,.32),0 0 12px rgba(213,179,99,.25);
    filter: brightness(1);
  }
  48% {
    transform: scale(1.033);
    box-shadow: 0 0 0 2px rgba(248,211,125,.55),0 0 28px 7px rgba(213,179,99,.58);
    filter: brightness(1.14);
  }
}
@keyframes bhV4TextGlow {
  0%, 100% { color: #ffffff; text-shadow: 0 0 0 rgba(246,211,127,0); border-color:rgba(255,255,255,.75); }
  50% { color: #ffe2a0; text-shadow: 0 0 15px rgba(246,211,127,.83); border-color:#f2ca74; }
}

.hero .hero-actions .btn-gold,
.closing .btn-gold,
.detail-cta-area .btn-interest-pulse,
.lead-form .btn-submit:not(:disabled),
.mobile-cta {
  animation: bhV4CtaPulse 2.85s ease-in-out infinite !important;
  will-change: box-shadow, filter;
}
.hero .hero-actions .btn-gold { animation-delay: -.25s !important; }
.detail-cta-area .btn-interest-pulse { animation-delay: -1.1s !important; }
.closing .btn-gold { animation-delay: -1.9s !important; }
.lead-form .btn-submit:not(:disabled) { animation-delay: -1.5s !important; }
.mobile-cta { animation-delay: -1.7s !important; animation-duration: 3.2s !important; }

.property-card .card-interest {
  animation: bhV4MiniPulse 3.4s ease-in-out infinite !important;
  will-change: box-shadow, filter;
}
.property-card:nth-child(3n + 2) .card-interest { animation-delay: -1.1s !important; }
.property-card:nth-child(3n + 3) .card-interest { animation-delay: -2.2s !important; }

.hero .eyebrow-pulse {
  animation: bhV4BadgePulse 2.9s ease-in-out infinite !important;
  will-change: box-shadow, filter;
}
.hero .text-link {
  animation: bhV4TextGlow 3.6s ease-in-out infinite !important;
}

/* Se a pessoa pediu menos movimento no sistema, mostra o estado iluminado
   sem executar os loops. */
@media (prefers-reduced-motion: reduce) {
  .hero .hero-actions .btn-gold,
  .closing .btn-gold,
  .detail-cta-area .btn-interest-pulse,
  .lead-form .btn-submit:not(:disabled),
  .mobile-cta,
  .property-card .card-interest,
  .hero .eyebrow-pulse,
  .hero .text-link {
    animation: none !important;
    transform: none !important;
    filter: none !important;
  }
  .hero .eyebrow-pulse {
    box-shadow: 0 0 0 1px rgba(213,179,99,.5),0 0 19px rgba(213,179,99,.28);
  }
}