/**
 * Estilos para landings de servicios - DecorUpBGA
 */

/* Hero con imagen a un lado */
.servicio-hero-wrap {
  min-height: 60vh;
}
@media (min-width: 768px) {
  .servicio-hero-wrap {
    min-height: 70vh;
  }
}

.servicio-hero-image {
  background-size: cover;
  background-position: center;
}

/* Tarjetas de beneficios con hover */
.beneficio-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.beneficio-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px -12px rgba(238, 43, 140, 0.15);
}

/* Cita destacada */
.servicio-quote {
  border-left: 4px solid var(--color-primary, #ee2b8c);
}

/* Espaciado consistente entre secciones */
.servicio-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .servicio-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}