/* Estilo general */

body {
    background-color: #f7f7f7;
    font-family: 'Arial', sans-serif;
}

/* Navbar */
.navbar {
    background: linear-gradient(90deg, #e74c3c, #ffffff, #3498db);
    color: #fff;
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.5rem;
    color: #2c3e50 !important;
}

.nav-link {
    color: #2c3e50 !important;
    font-weight: bold;
}

.nav-link:hover {
    color: #e67e22 !important;
}

/* Títulos */
h2, h3 {
    color: #2c3e50;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Formularios */
form input, form select, form button {
    margin-bottom: 10px;
    border-radius: 5px;
}

/* Botones */
.btn-primary {
    background-color: #e74c3c;
    border-color: #e74c3c;
    font-weight: bold;
}

.btn-primary:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

.btn-success {
    background-color: #3498db;
    border-color: #3498db;
    font-weight: bold;
}

.btn-success:hover {
    background-color: #2980b9;
    border-color: #2980b9;
}

.btn-danger {
    background-color: #2c3e50;
    border-color: #2c3e50;
    font-weight: bold;
}

.btn-danger:hover {
    background-color: #34495e;
    border-color: #34495e;
}

/* Tablas */
.table tbody tr:nth-child(even) {
    background-color: #f9f9f9; /* alterna filas con gris suave */
}

.table th {
    background-color: #343a40; /* gris oscuro Bootstrap */
    color: #fff;
}

/* Formularios en fila */
.row.g-2 > .col {
    margin-bottom: 10px;
}

/* Resaltar encabezados de tablas */
th {
    text-align: center;
}

td {
    text-align: center;
}