/*---------------------COLORES PERSONALIZADOS ------------------------*/
.govaningcolor {
  background-color: #0097CC !important;
}

.govaningcolor-text {
  color: #0097CC !important;
}

.govaningcolor.lighten-5 {
  background-color: #40D7FF !important;
}

.govaningcolor-text.text-lighten-5 {
  color: #40D7FF !important;
}

.govaningcolor.lighten-4 {
  background-color: #33CAFF !important;
}

.govaningcolor-text.text-lighten-4 {
  color: #33CAFF !important;
}

.govaningcolor.lighten-3 {
  background-color: #26BDF2 !important;
}

.govaningcolor-text.text-lighten-3 {
  color: #26BDF2 !important;
}

.govaningcolor.lighten-2 {
  background-color: #1AB1E6 !important;
}

.govaningcolor-text.text-lighten-2 {
  color: #1AB1E6 !important;
}

.govaningcolor.lighten-1 {
  background-color: #0DA4D9 !important;
}

.govaningcolor-text.text-lighten-1 {
  color: #0DA4D9 !important;
}

.govaningcolor.darken-1 {
  background-color: #008ABF !important;
}

.govaningcolor-text.text-darken-1 {
  color: #008ABF !important;
}

.govaningcolor.darken-2 {
  background-color: #007EB3 !important;
}

.govaningcolor-text.text-darken-2 {
  color: #007EB3 !important;
}

.govaningcolor.darken-3 {
  background-color: #0071A6 !important;
}

.govaningcolor-text.text-darken-3 {
  color: #0071A6 !important;
}

.govaningcolor.darken-4 {
  background-color: #006499 !important;
}

.govaningcolor-text.text-darken-4 {
  color: #006499 !important;
}

.page-footer{
    background-color: #252525 !important;
}
footer.page-footer .footer-copyright{
    background-color: #252525 !important;
}

/* Evita solape con headerfooter (govaning) */
header.govaningheader ~ .section.index-main {
  padding-top: 155px !important;
}

header.govaningheader ~ .section.vehiculos-main,
header.govaningheader ~ .section.extras-main {
  padding-top: 165px !important;
}

/* Datos personales (datos.php) usa `.section` sin clase */
header.govaningheader ~ .section {
  padding-top: 165px !important;
}

/* Recupera el margen superior del stepper (pisado por el CSS global) */
header.govaningheader ~ .section .bodycontainer .mispasos {
  margin-top: 0 !important;
}

@media only screen and (max-width: 600px) {
  header.govaningheader ~ .section.vehiculos-main,
  header.govaningheader ~ .section.extras-main {
    padding-top: 175px !important;
  }

  header.govaningheader ~ .section .bodycontainer .mispasos {
    margin-top: 0 !important;
  }
}