/* ====== Estilos globales ====== */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fdfdfd;
    color: #333;
    margin: 0;
    padding: 0;
}

/* ====== Navbar ====== */
.navbar {
    background-color: #198754 !important; /* Verde Nutricol */
}

.navbar-brand {
    font-weight: bold;
    font-size: 1.3rem;
}

.navbar-nav .nav-link {
    font-weight: 500;
    color: white !important;
}

.navbar-nav .nav-link:hover {
    color: #ffc107 !important; /* Dorado */
}

/* ====== Botones ====== */
.btn-nutricol {
    background-color: #198754;
    color: white;
    border: none;
    transition: 0.3s;
}

.btn-nutricol:hover {
    background-color: #145c32;
    color: #ffc107;
}

/* ====== Footer ====== */
footer {
    background-color: #212529;
    color: white;
    font-size: 0.9rem;
}

/* ====== Formularios ====== */
form {
    max-width: 600px;
    margin: auto;
}

form .form-control:focus {
    border-color: #198754;
    box-shadow: 0 0 5px rgba(25, 135, 84, 0.5);
}

/* ====== Flash messages ====== */
.alert-success {
    background-color: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.alert-danger {
    background-color: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}