/* Estilos propios del sitio */

.navbar-brand img {
  height: 45px !important;
}

.pre-header-gradient {
  height: 6px;
  background: url(https://www.teck.com/media/Teck_Copper_Gradient_02.webp) bottom center;
}

.texto-blanco {
  color: #ffffff !important;
}

.gen-footer-bottom {
  min-height: 45px !important;
  padding: 0px !important;
  background: #001040 url(https://www.teck.com//media/footer-bars.webp) bottom left no-repeat !important;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

header {
  flex-shrink: 0;
}
/*
#mainContent.wrapper-body {
  flex: 1; 
  display: flex;
  flex-direction: column;
}*/
#mainContent.wrapper-body {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0; 
}

.skip-to-content {
  position: absolute;
  left: -9999px;
}

.skip-to-content:focus {
  position: static;
  left: auto;
  background: #000;
  color: #fff;
  padding: 8px;
}

#containerAlerta {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

#containerAlerta.mostrar {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Igualar altura y neutralizar overrides del tema */
.input-group .form-control,
.input-group .btn {
  height: calc(2.25rem + 2px); /* 38px */
  padding: .375rem .75rem;
  line-height: 1.5;
}
.input-group .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}