.solution-page .solution-hero h1,
.solution-page .solution-hero p,
.solution-page .solution-hero .solution-kicker {
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .48);
}

.solution-page .solution-hero::after {
  background: linear-gradient(90deg, rgba(2, 38, 57, .98) 0%, rgba(2, 38, 57, .86) 38%, rgba(2, 38, 57, .18) 76%);
}

.solution-page .solution-section:not(.solution-results) .solution-heading h2,
.solution-page .solution-card h3,
.solution-page .solution-step h3,
.solution-page .solution-video strong {
  color: #022639;
}

.solution-page .solution-palette__preview h3,
.solution-page .solution-palette__preview p {
  color: #fff;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .3);
}

.solution-page .solution-results,
.solution-page .solution-results .solution-heading h2,
.solution-page .solution-results .solution-heading p,
.solution-page .solution-results .solution-process h3,
.solution-page .solution-results .solution-process p {
  color: #fff;
}

.solution-page .solution-results .solution-heading .solution-kicker {
  color: #AABF00;
}

.solution-page .solution-results .solution-heading .solution-kicker::before {
  background: #FFB502;
}

.solution-page .solution-results .solution-process h3 {
  text-shadow: 0 2px 14px rgba(0, 0, 0, .28);
}

.solution-page .solution-card {
  border-top: 2px solid #AABF00;
}

.solution-page .solution-card:nth-child(even) {
  border-top-color: #FFB502;
}

.solution-page .solution-palette__controls input[type="color"] {
  width: min(25%, 180px);
  min-width: 120px;
  height: 48px;
}

.solution-page[data-service="Automatización"] .solution-hero img,
.solution-page[data-service="ERP para restaurantes"] .solution-hero img {
  object-position: center top;
}

@media (max-width: 767px) {
  .solution-page .solution-hero::after {
    background: linear-gradient(0deg, rgba(2, 38, 57, .98), rgba(2, 38, 57, .3));
  }

  .solution-page .solution-palette__controls input[type="color"] {
    width: min(50%, 180px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .solution-page .main-header *,
  .solution-page .home-contact-panel * {
    scroll-behavior: auto !important;
  }
}