/*.top-navbar {
    background: #002E4C !important;
}*/

.navbar-logo {
  height: 30px;
  width: auto;
  padding-bottom: 4px;
  padding-right: 15px;
}

/*.site-footer {
    background: #002e4c !important;
}*/


.card {
  border-radius: 1rem !important; /* esquinas redondeadas */
}

.btn-primary {
  background-color: #002e4c;
  border: 1px solid #000;
}

.btn-primary:hover {
  background-color: #004b80;               
  border-color: #000;        
}

.btn-custom {
  background-color: #002e4c;
  border: 1px solid #000;
  color: #fff;
  font-weight: 500;
}

.btn-custom:hover {
  background-color: #004b80; 
  color: #fff;               
  border-color: #000;        
}

.input-group-text {
  background-color: #f8f9fa;
}

.div-persona-ud
{
  width:90px;
  height:90px;
  border-radius:9999px;
  background:#e7f1ff;
  display:flex;
  align-items:center;
  justify-content:center;
}


.persona-ud
{
  color: #002e4c;
  font-size: 50px;
}


.footer-shadow {
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
}



.bg-login {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 20% 30%, #0072ff 0%, transparent 60%),
              radial-gradient(circle at 80% 40%, #00c6ff 0%, transparent 60%),
              radial-gradient(circle at 40% 80%, #004e92 0%, transparent 60%),
              radial-gradient(circle at 60% 70%, #00f2fe 0%, transparent 60%);
  background-blend-mode: screen;
  background-size: 200% 200%;
  animation: lavaFlow 10s ease-in-out infinite;
}

@keyframes lavaFlow {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 50% 100%;
  }
  50% {
    background-position: 100% 50%;
  }
  75% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 0% 50%;
  }
}


.bg-primary {
    background-color: #002e4c !important;
}

#logo-ud-principal {
  width: 500px;
  max-width: 100%;
  height: auto;
}

.jumbotron
{
  border-radius: 0px;
}

.img-pagina-inicio
{
  max-height: 200px;
}

.ud-card-inicio {
  transition: box-shadow 0.2s ease-in-out;
}

.ud-card-inicio:hover
{
  box-shadow: .125rem 1rem 1rem rgb(16 194 192 / 30%) !important;
}

.bg-gradient-primary-to-secondary
{
  background: linear-gradient(135deg, #002e4c 0%, #10c2c0 100%);
}