/* Estilo personalizado */
.login-card {
    width: 350px;
    margin: auto;
    margin-top: 100px; /* ajusta según sea necesario para centrar verticalmente */
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    padding: 20px;
  }

  .login-btn {
    width: 100%;
  }



/* Estilo para el video */
#myVideo {
    position: relative;
    width: 100%; /* Asegura que el video no se desborde */
    height: auto; /* Ajusta la altura automáticamente */
    max-width: 100%; /* Limita el ancho máximo */
    /*object-fit: cover; /* Cubre el contenedor manteniendo el aspecto */
}

/* Ajustes específicos para dispositivos móviles */
@media only screen and (max-width: 800px) {
    #myVideo {
        height: 300px; /* Ajusta la altura del video para móviles */
        min-width: 100%; /* Fuerza el ancho mínimo al 100% */
    }
    #pie_pagina {
        display: none;
      }
}



/* Cuando el dispositivo de salida sea una impresora */
@media print {

  /* Utilizar una regla parecida a ésta: */
  .no_imprimir {
    display: none;
  }
}