/* styles/styles.css */

/* Estilo General */
body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Cabecera de las Tarjetas */
.card-header h4,
.card-header h2 {
    margin: 0;
}

/* Botones */
.btn-primary,
.btn-success,
.btn-outline-light,
.btn-outline-danger,
.btn-close {
    border-radius: 0.25rem;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.btn-primary:hover,
.btn-success:hover,
.btn-outline-light:hover,
.btn-outline-danger:hover {
    opacity: 0.9;
}

/* Tablas */
.table th,
.table td {
    vertical-align: middle;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}

/* Mensajes */
.alert {
    border-radius: 0.25rem;
    font-size: 1rem;
}

/* Responsive */
@media (max-width: 576px) {
    .navbar-brand img {
        width: 25px;
        height: auto;
    }

    .navbar-brand span {
        font-size: 1rem;
    }

    .navbar-text {
        display: none; /* Opcional: ocultar el texto del usuario en pantallas pequeñas */
    }
}

/* Mejoras Visuales Adicionales */
.list-group-item-action:hover {
    background-color: #e2e6ea;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

/* Ajustes para Formularios */
form .form-label {
    font-weight: 500;
}

/* Ajustes para las Tarjetas */
.card {
    border: none;
    border-radius: 0.5rem;
}

.card-body {
    padding: 2rem;
}

/* Ajustes para las Tablas */
.table-responsive {
    margin-top: 1rem;
}

.table-success {
    background-color: #d4edda !important;
}

.table-warning {
    background-color: #fff3cd !important;
}

.table-hover tbody tr:hover {
    background-color: #f1f1f1;
}