/* =========================
   FONDO GLOBAL SISTEMA
========================= */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;

    background: url('../../assets/img/fondo.jpg') no-repeat center center fixed;
    background-size: cover;
    position: relative;
}



/* =========================
   CONTENEDOR PRINCIPAL
========================= */
.container, 
.container-fluid {
    position: relative;
    z-index: 2;
}
/* =========================
   CARDS ELEGANTES (GLASS EFFECT)
========================= */
.card {
    border: none;
    border-radius: 14px;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    transition: 0.25s ease;
}

.card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}

/* =========================
   TABLAS ELEGANTES
========================= */
.table {
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255,255,255,0.92);
}

.table thead {
    background: #111827;
    color: white;
}

/* =========================
   BADGES
========================= */
.badge {
    padding: 6px 10px;
    border-radius: 8px;
}

/* =========================
   SIDEBAR (si lo usas luego)
========================= */
.sidebar {
    background: rgba(20, 24, 28, 0.92);
    backdrop-filter: blur(10px);
}