@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');

:root {
    --rojo-navidad: #b3001b;
    --verde-navidad: #0f5132;
    --dorado: #d4af37;
    --fondo: #fff7ef;
}

body {
    font-family: 'Nunito', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--fondo);
}
.admin-navbar {
    background: var(--verde-navidad);
    border-bottom: 1px solid rgba(12,65,40,0.4);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}
.nav-inner { width: 100%; max-width: 100%; margin: 0; padding: 10px 16px; }
.navbar-collapse { width: 100%; }
.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: 700;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #f8f4ec;
    text-decoration: underline;
}
.navbar-light .navbar-brand {
    color: #fff;
    font-weight: 800;
}
.navbar-light .navbar-brand:hover { color: #f8f4ec; }
.navbar-light .navbar-toggler {
    border-color: rgba(255,255,255,0.7);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.btn-primary {
    background-color: var(--rojo-navidad) !important;
    border-color: var(--rojo-navidad) !important;
    color: #fff !important;
    box-shadow: 0 8px 14px rgba(179,0,27,0.18);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #930016 !important;
    border-color: #930016 !important;
    color: #fff !important;
    box-shadow: 0 10px 16px rgba(147,0,22,0.2);
}
.card {
    border: 1px solid rgba(212,175,55,0.35);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.table-responsive { overflow-x: auto; }
.btn { border-radius: 8px; font-weight: 700; }
.btn-primary {
    background-color: var(--rojo-navidad);
    border-color: var(--rojo-navidad);
}
.btn-primary:hover {
    background-color: #930016;
    border-color: #930016;
}
.btn-success {
    background-color: var(--verde-navidad);
    border-color: var(--verde-navidad);
}
.btn-success:hover {
    background-color: #0c4128;
    border-color: #0c4128;
}
.btn-outline-primary {
    color: var(--rojo-navidad);
    border-color: var(--rojo-navidad);
}
.btn-outline-primary:hover {
    background-color: var(--rojo-navidad);
    color: #fff;
}
.btn-outline-success {
    color: var(--verde-navidad);
    border-color: var(--verde-navidad);
}
.btn-outline-success:hover {
    background-color: var(--verde-navidad);
    color: #fff;
}
.modal .form-control, .modal select, .modal textarea { border-radius: 8px; }
.bg-purple { background-color: var(--rojo-navidad) !important; color: #fff !important; }