/* service.html — área Service: mismo sistema, acento verde.
   Sólo se reasignan variables de tema; ninguna regla se duplica. */

:root {
  --gradient-brand: linear-gradient(120deg, var(--eco-700) 0%, var(--eco-500) 100%);
  --gradient-blue:  linear-gradient(120deg, var(--blue-700) 0%, var(--blue-500) 100%);
  --gradient-deep:  linear-gradient(150deg, #16241d 0%, #24382e 55%, #3b463f 130%);

  --accent-600: var(--eco-600);
  --step-color: var(--eco-500);
  --link-hover: var(--eco-700, #0d6849);

  /* la llamada a la acción sigue siendo azul en toda la web */
  --cta-gradient:   var(--gradient-blue);
  --entradilla-bar: var(--gradient-blue);
}

@media (max-width: 960px) {
  .hero-media { height: 340px !important; }
}