.hero-gradient {
    background: linear-gradient(135deg, rgba(80, 141, 202, 0.8) 0%, rgba(80, 141, 202, 0.6) 51%, rgba(80, 141, 202, 0.4) 100%), url('../images/hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.transition-all {
    transition: all 0.3s ease;
}

.text-biolacqua {
    color: #508DCA;
}

.bg-biolacqua {
    background-color: #508DCA;
}

.whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 9999px;
	background-color: #25D366;
	color: #ffffff;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.whatsapp-button {
    background-color: #25D366;
    color: #ffffff;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    position: fixed;
    bottom: 2vw;
    right: 2vw;
    text-decoration: none;
    z-index: 1000;
    transition: all 0.3s ease;
}
.whatsapp-button:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
.whatsapp-button i {
    font-size: 100%;
    line-height: 60px;
    color: #ffffff;
}
@keyframes marquee {
0% { transform: translateX(0%); }
100% { transform: translateX(-50%); }
}
.animate-marquee {
display: flex;
width: max-content;
animation: marquee 30s linear infinite;
}
  /* melhora legibilidade geral */
  .prose p { line-height: 1.7 }
  .prose h2 { margin-top: 0.25rem }
  .prose ul { list-style: disc; margin-left: 1.25rem; padding-left: 0.25rem }

  /* capa mais alta em telas médias+ */
  @media (min-width: 768px){
    #service-cover img { height: 22rem; } /* ~352px */
  }

  /* espaçamento: quando navegar por âncora, não ficar sob a navbar */
  section { scroll-margin-top: 96px; }

  /* cartões laterais mais elegantes */
  aside .rounded-xl { border-color: #e8eef3; }
  #sidebar-services a:hover { text-decoration: underline; }