/* CTA principal do hero: chama atenção sem competir com a navegação. */
.hero-actions .button-primary {
  animation: braservice-whatsapp-pulse 2.8s ease-in-out infinite;
}

.hero-actions .button-primary:hover,
.hero-actions .button-primary:focus-visible {
  animation-play-state: paused;
}

@keyframes braservice-whatsapp-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 8px 18px rgba(21, 180, 91, .26);
  }
  50% {
    transform: scale(1.055);
    box-shadow: 0 12px 24px rgba(21, 180, 91, .34);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions .button-primary { animation: none; }
}

.hero-copy .hero-rotating-text { min-height: 3.4em; }

.hero-copy .hero-text-enter { animation: braservice-hero-text .55s ease both; }

@keyframes braservice-hero-text {
  from { opacity: 0; transform: translateY(9px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy .hero-text-enter { animation: none; }
}

/* Faixa de diferenciais no azul institucional da Braservice. */
.trust-strip .trust-grid {
  background: #0075bb;
  border-color: #0075bb;
}

.trust-strip .trust-grid article {
  color: #fff;
  border-color: rgba(255, 255, 255, .28);
}

.trust-strip .trust-grid article b,
.trust-strip .trust-grid article strong {
  color: #fff;
}

.trust-strip .trust-grid article small,
.trust-strip .trust-grid article p {
  color: rgba(255, 255, 255, .78);
}

.trust-strip .trust-grid article > span {
  background: rgba(255, 255, 255, .14);
  color: #fff;
}

/* Chamadas para WhatsApp usam sempre o verde oficial da plataforma. */
.header-whatsapp,
.hero-actions .button-primary,
.faq-intro a,
.final-cta-actions a:first-child,
.floating-whatsapp {
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #fff !important;
}

.header-whatsapp {
  box-shadow: 0 12px 24px rgba(37, 211, 102, 0.28) !important;
}

.header-whatsapp:hover,
.hero-actions .button-primary:hover,
.faq-intro a:hover,
.final-cta-actions a:first-child:hover,
.floating-whatsapp:hover {
  background: #1ebe5d !important;
  border-color: #1ebe5d !important;
}

.header-whatsapp:hover {
  box-shadow: 0 14px 28px rgba(37, 211, 102, 0.38) !important;
}

.service-card a[href*="wa.me"] { color: #159947; }

/* Destaques do título principal conforme a paleta Braservice. */
.hero-copy h1 .hero-problem { color: #ed1c24; }
.hero-copy h1 .hero-appliance { color: #087fc3; }

/* Empresas atendidas: azul da marca e identificação compacta. */
.clients-section .client-card {
  background: #087fc3 !important;
}

.clients-section .client-card {
  border-color: #087fc3 !important;
}

.clients-section .client-card figcaption {
  color: #fff !important;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 10px 16px;
  font-size: 17px;
  font-weight: 800;
  display: flex;
}

.clients-section .client-card > div {
  background: transparent !important;
}

.clients-section .client-card img {
  object-fit: cover !important;
  object-position: center;
  transform: scale(1.18);
}

.clients-section .client-card:hover img {
  transform: scale(1.21);
}

/* Ícones dos serviços em azul-claro institucional. */
.service-card .service-icon {
  background: #e5f7ff !important;
  border: 1px solid #b7e4f7 !important;
  color: #087fc3 !important;
  box-shadow: 0 10px 24px rgba(8, 127, 195, .14) !important;
}

/* Icones das etapas em azul-claro institucional. */
.care-step .care-icon {
  background: #e5f7ff !important;
  border: 1px solid #b7e4f7 !important;
  color: #087fc3 !important;
  box-shadow: 0 10px 24px rgba(8, 127, 195, .14) !important;
}