/* Reducción extrema del cuadro de login */
.card {
   max-width: 500px !important;
   padding: 10px !important;
   margin: 20px auto !important;
   box-shadow: none !important;
   border: 1px solid #ccc !important;
   height: auto !important;
}

/* Estrecha los campos de texto */
input.form-control {
   height: 30px !important;
   font-size: 0.85rem !important;
   padding: 4px 8px !important;
}

/* Reduce espacio entre campos */
.mb-3, .mb-4, .form-footer, .card-header {
   margin-bottom: 5px !important;
}

/* Botón más pequeño */
.btn {
   padding: 4px 8px !important;
   font-size: 0.8rem !important;
}

/* Título centrado y pequeño */
.card-header h2 {
   font-size: 1.5rem !important;
   text-align: center;
   
}

/* Opcional: Reduce margen general */
body {
   padding-top: 10px !important;
}