/* GENERAL COLORS */
:root {
  --primary-lila: #9e79b4;
  --primary-blue: #7197ab;
  --light-bg: #f7f7f7;
} /* LOGO */
.logo-header {
  height: 48px;
} /* HERO */
.hero {
  background: linear-gradient(135deg, #7197ab 0%, #9e79b4 100%);
  color: white;
  padding: 80px 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
.hero-title {
  font-size: 2.5rem;
  font-weight: 700;
}
.hero-img {
  max-width: 360px;
} /* BENEFITS */
.icon-benefit {
  font-size: 40px;
  color: var(--primary-lila);
} /* SERVICE CARDS */
.service-card {
  background: white;
  padding: 25px;
  text-align: center;
  border-radius: 12px;
  font-weight: 600;
  color: #333;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
} /* TECHNOLOGY */
.section-title {
  font-weight: 700;
  color: #333;
} /* TIENDA SECTION */
.tienda-section {
  background: var(--primary-lila);
  color: white;
  border-radius: 20px;
  margin: 0 20px;
} /* SUCURSALES */
.sucursal-card {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  text-align: center;
} /* FOOTER */
.footer {
  background: var(--primary-blue);
}
.footer-logo {
  height: 50px;
} /* RESPONSIVE */
@media (max-width: 768px) {
  .hero-title {
    font-size: 1.8rem;
  }
  .hero {
    text-align: center;
  }
}