.ocultar{
    display: none;
}
.g{
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.1));
}

.sidebarN{
background: linear-gradient(180deg, #0056b3, #007bff);
color: #ffffff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.9);
}

.bg-modal{
    background:linear-gradient(90deg, #006EFE, #009FFF);
    color: #ffffff;
}

.btn-login{
    background:linear-gradient(90deg, #006EFE, #009FFF);
    color: #ffffff;
    width: auto; /* Puedes usar width: auto para que se ajuste al contenido */
    padding: 10px 20px; /* Ajusta el tamaño del padding */
    border-radius: 20px;
    
}

.btn-login:hover {
    background: linear-gradient(90deg, #0048C4, #007ACC); /* Gradiente más oscuro */
    color: #ffffff; /* Cambia el color del texto */
    transform: scale(1.2); /* Aumenta el tamaño del botón */
}

.bg-trans{
  background: rgba(255, 255, 255, 0.8); /* Fondo blanco semitransparente */
}

.bg-trans2{
  background: rgba(1, 1, 1, 0.7); /* Fondo blanco semitransparente */
}

.redondito{
  border-radius: 20px;
}

.img2{
 filter: drop-shadow(2px 2px 20px black);
}

.led-text{
    font-size: 3rem;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 
      0 0 10px #fff, 
      0 0 20px #fff, 
      0 0 30px #fff, 
      0 0 40px #000; /* Capa negra para contraste */
    animation: glow 1s infinite alternate;
  }

  @keyframes glow {
    0% {
      color: #fff;
      text-shadow: 
        0 0 5px #fff, 
        0 0 10px #fff, 
        0 0 20px #fff, 
        0 0 30px #000; /* Oscuro más suave */
    }
    100% {
      color: #000;
      text-shadow: 
        0 0 5px #000, 
        0 0 10px #000, 
        0 0 20px #fff, 
        0 0 40px #fff; /* Brillo blanco intenso */
    }
  }

  .led-textN{
    font-weight: bold;
    color: #fff;
    text-shadow: 
      0 0 10px #fff, 
      0 0 20px #fff, 
      0 0 30px #fff, 
      0 0 40px #000; /* Capa negra para contraste */
    animation: glow 2s infinite alternate;
  }

  @keyframes glow {
    0% {
      color: #fff;
      text-shadow: 
        0 0 5px #fff, 
        0 0 10px #fff, 
        0 0 20px #fff, 
        0 0 30px #000; /* Oscuro más suave */
    }
    100% {
      color: #000;
      text-shadow: 
        0 0 5px #000, 
        0 0 10px #000, 
        0 0 20px #fff, 
        0 0 40px #fff; /* Brillo blanco intenso */
    }
  }

  .led-textN{
     font-weight: bold;
      color: #333; /* Texto oscuro */
      text-shadow: 
        0 0 5px #fff, 
        0 0 10px #fff, 
        0 0 20px #fff, 
        0 0 40px #fff; /* Halo blanco */
      animation: glow 1s infinite alternate;
    }

    @keyframes glow {
      0% {
        text-shadow: 
          0 0 5px #fff, 
          0 0 15px #fff, 
          0 0 25px #fff;
      }
      100% {
        text-shadow: 
          0 0 10px #fff, 
          0 0 20px #fff, 
          0 0 30px #fff;
      }
    }

.siderbarN .menu-item{
    transition: all 0.3 ease;
}

ul li:hover {
    transform: scale(1.10);
  }

/* TABLA DE DATOS */
.table{
    width: 100%;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}

.table th{
    background-color: #007bff;
    color : #ffffff;
}

.table td{
    border: 1px solid #e0e0e0;
}

.table tr:nth-child(even){
    background-color: #eaf4ff;
}

.table tr:nth-child(odd){
    background-color: #ffffff;
}
/* TABLA DE DATOS */

.content{
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.1) ;
}

@media print {
    .no-print {
        display: none !important;
    }
}