@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;
  overflow-x: hidden;
}

/* Asegurar que las tablas no desborden */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Wrapper para páginas con padding lateral en móvil */
.page-wrapper,
.admin-wrapper {
  padding: 24px 0 48px;
}

/* Estilos responsivos para móvil */
@media (max-width: 768px) {
  /* Padding lateral en móvil para que no quede pegado a los bordes */
  .page-wrapper,
  .admin-wrapper {
    padding: 16px 12px 32px;
  }
  
  input,
  select,
  textarea,
  .form-control {
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .data-card,
  .admin-card,
  .search-card,
  .goia-card {
    margin-left: 0;
    margin-right: 0;
    border-radius: 8px;
  }
  
  /* Tablas en móvil con scroll horizontal */
  .table-responsive {
    margin: 0 -12px;
    padding: 0 12px;
    width: calc(100% + 24px);
  }
}

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

#ssacu {
  height: 100px;
  margin-top: 10px;

}


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

/* 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: #031b71;
  /* 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: #9ddbed;
  border-color: #9ddbed;
  color: #fff;
}

.btn-accion:hover {
  background-color: #86b7cc;
  border-color: #86b7cc;
  color: #fff;

}

.btn-accion:focus,
.btn-accion:active {
  background-color: #c4471a;
  border-color: #b93e17;
  box-shadow: 0 0 0 0.25rem rgba(242, 93, 35, 0.5);
}

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

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

.btn-accion-outline:hover {
  background-color: #9ddbed;
  color: #fff;
}

.btn-accion-outline:focus,
.btn-accion-outline:active {
  background-color: #86b7cc;
  border-color: #86b7cc;
  color: #fff;
  box-shadow: 0 0 0 0.25rem rgba(242, 93, 35, 0.5);
}

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


.loader {
  border: 16px solid #ffffff;
  border-radius: 50%;
  border-top: 16px solid #9ddbed;
  border-bottom: 16px solid #9ddbed;
  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: #c680a4!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;
}