/* Colores corporativos MK2 S.P.A. #00264d; */
:root {
  --azul-oscuro: #678491;
  --gris-claro: #f2f2f2;
  --azul-boton: #004080;
}
.header-custom {
  background: url("images/cabecera.png") no-repeat center center;
  background-size: cover;   /* Escala la imagen para cubrir todo el header */
  position: relative;
  height: 190px;            /* Ajusta la altura según lo que quieras mostrar */
  color: white;
}

.header-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.logo-top {
  position: absolute;
  top: 10px;
  right: 20px;
  height: 80px;
}

.header-customX {
  background-color: var(--azul-oscuro);
}
.nav-custom {
  background-color: var(--azul-oscuro);
}
.btn-custom {
  background-color: var(--azul-boton);
  color: white;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 18px;
}
.btn-custom:hover {
  background-color: #0066cc;
}
.footer-custom {
  background-color: var(--azul-oscuro);
}