/*.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: 180px;
}

.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%);
}

.multiselect-container.dropdown-menu.show
{
  width: 100%;
}

.table .thead-dark th
{
  background-color: #002e4c;
}

.lista-evento
{
  border-left: 5px solid !important;
  border-color: #002e4c !important;
  padding-left: 15px;
  background-color: #f2f4f8;
  padding-top: 20px;
  padding-bottom: 20px;
}

.sub-lista-evento
{
  border-left: 5px solid !important;
  border-color: #0fc2c0 !important;
  padding-left: 15px;
  line-height: 15px;
}

.sub-lista-archivo {
  border-left: 5px solid !important;
  border-color: #0fc2c0 !important;
  padding-left: 15px;
  line-height: 15px;
}

/* ESTILOS PARA MOSTRAR/OCULTAR EN MÓVIL, TABLET Y PC */

/* Ocultar en móvil (<768px), mostrar en tablet y PC */
.ocultar-movil {
  display: none !important; /* none oculta el elemento, no ocupa espacio e !important le da prioridad sobre cualquier otra regla */
}

@media (min-width: 768px) {
  .ocultar-movil {
    display: table-cell !important;
  }
}

/* Mostrar solo en el móvil */
.mostrar-movil {
  display: table-cell !important;
}

@media (min-width: 768px) {
  .mostrar-movil {
    display: none !important;
  }
}

/* Mostrar en tablet (md) */
.mostrar-tablet {
  display: none !important;
}

@media (min-width: 768px) {
  .mostrar-tablet {
    display: table-cell !important;
  }
}

/* Mostrar solo en escritorio (lg) */
.mostrar-escritorio {
  display: none !important;
}

@media (min-width: 992px) {
  .mostrar-escritorio {
    display: table-cell !important;
  }
}


.tipo-movimiento .btn-check:checked + .btn {
  background-color: var(--primary);
  color: white;
  border-color: var(--primary);
}

/* Esto lo pongo para que en gestionar evento, el modal con tablet vertical se abra casi a ancho completo */
@media (max-width: 991.98px) {
  #modalAsistentes .modal-dialog {
    max-width: 95%;
  }
}