@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html,
body {

  font-family: "Open Sans", serif;

}

#unam {
  height: 70px;
  margin-top: 25px;
}

#ssacu {
  height: 70px;
  margin-top: 25px;

}


#fondo_header {
  height: 120px;
  padding: 0px;
  border-bottom: 5px solid #d9a500;
}

/* General navbar-dark styles */
.navbar-dark {
  color: rgba(255, 255, 255, 1);
  /* Default text color */
}

/* Navbar brand (logo or name) */
.navbar-dark .navbar-brand {
  color: #fff;
  /* White color for the brand */
}

/* Navbar links */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1);
  /* Default link color */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
  /* Link color on hover */
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  /* Active link color */
}

/* Dropdown menu styles */
.navbar-dark .dropdown-menu {
  background-color: #333333;
  /* Dark background for dropdown */
}

.navbar-dark .dropdown-item {
  color: rgba(255, 255, 255, 1);
  /* Dropdown item text color */
}

.navbar-dark .dropdown-item:hover,
.navbar-dark .dropdown-item:focus {
  color: #fff;
  /* Dropdown item text on hover */
  background-color: rgba(255, 255, 255, 0.1);
  /* Dropdown item background on hover */
}

.navbar-dark .dropdown-item.active {
  color: #fff;
  /* Active dropdown item text */
  background-color: rgba(255, 255, 255, 0.2);
  /* Active dropdown item background */
}

#pie {
  background-image: url("../img/pie.png?v55");
  background-size: contain;
  height: auto;
  min-height: 300px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.btn-accion {
  background-color: #031b71;
  border-color: #031b71;
  color: #fff;
}

.btn-accion:hover {
  background-color: #02155a;
  border-color: #02155a;
  color: #fff;
}

.btn-accion:focus,
.btn-accion:active {
  background-color: #02155a;
  border-color: #02155a;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(76, 143, 255, 0.5); /* azul claro */
}

.btn-accion:disabled,
.btn-accion.disabled {
  background-color: #031b71;
  border-color: #031b71;
  color: #fff;
  opacity: 0.65;
}

.btn-accion-outline {
  background-color: transparent;
  border: 2px solid #031b71;
  color: #031b71;
}

.btn-accion-outline:hover {
  background-color: #031b71;
  color: #fff;
  border-color: #031b71;
}

.btn-accion-outline:focus,
.btn-accion-outline:active {
  background-color: #02155a;
  border-color: #02155a;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(76, 143, 255, 0.5);
}

.btn-accion-outline:disabled,
.btn-accion-outline.disabled {
  color: #031b71;
  border-color: #031b71;
  opacity: 0.65;
}



.loader {
  border: 16px solid #ffffff;
  border-radius: 50%;
  border-top: 16px solid #031b71;
  border-bottom: 16px solid #031b71;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.active {
  color: #031b71 !important;
  font-weight: bold;
}

.btn-unam {
  background-color: #112941;
  border-color: #112941;
  color: #fff;
}

.btn-unam:hover {
  background-color: #0e2239;
  border-color: #0e2239;
  color: #fff;
}

.btn-unam:focus,
.btn-unam:active {
  background-color: #0c1e32;
  border-color: #0b1a2b;
  box-shadow: 0 0 0 0.25rem rgba(17, 41, 65, 0.5);
}

.btn-unam:disabled,
.btn-unam.disabled {
  background-color: #2c4763;
  border-color: #2c4763;
  color: #fff;
  opacity: 0.65;
}

.btn-unam-outline {
  background-color: transparent;
  border: 2px solid #112941;
  color: #112941;
}

.btn-unam-outline:hover {
  background-color: #112941;
  color: #fff;
}

.btn-unam-outline:focus,
.btn-unam-outline:active {
  background-color: #0e2239;
  border-color: #0e2239;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(17, 41, 65, 0.5);
}

.btn-unam-outline:disabled,
.btn-unam-outline.disabled {
  color: #2c4763;
  border-color: #2c4763;
  opacity: 0.65;
}

.derecha {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}