/*! Bootstrap Lab - Versión Final Consolidada */
:root{--bs-primary:#0d6efd;--bs-success:#198754;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-white:#fff;}

/* 1. FONDO Y CUERPO */
body {
    margin: 0;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 1rem;
    color: #212529;
    /* La línea mágica que faltaba para el fondo */
    background: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), 
                url('../images/background.jpg') no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
}

/* 2. ESTRUCTURA Y CONTENEDORES */
.container{width:100%;padding:20px;margin:auto;max-width:500px;box-sizing:border-box;}
.card{background-color:var(--bs-white);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);border:none;}

/* 3. TARJETAS DE USUARIO (SOLIDO) */
.list-group-item {
    background-color: rgba(255, 255, 255, 0.98) !important;
    border: none !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    display: block;
}
.display-6 {
    font-size: 2.2rem;
    word-wrap: break-word;
    text-align: center !important;
}

.text-primary { color: #0d6efd !important; }

header p {
    font-size: 1.1rem;
    margin-top: 5px;
}

/* 4. BOTONES Y ACCIONES */
.btn{display:inline-block;text-align:center;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:all .15s;text-decoration:none;box-sizing:border-box;}
.btn-success{color:#fff;background-color:var(--bs-success);width:100%;font-weight:700;}
.btn-outline-primary{color:#0d6efd;border-color:#0d6efd;background-color:transparent;}
.btn-outline-warning{color:#ffc107;border-color:#ffc107;background-color:transparent;}
.btn-outline-danger{color:var(--bs-danger);border-color:var(--bs-danger);background-color:transparent;}
.btn-sm{padding:.25rem .5rem;font-size:.875rem;}

/* 5. GRID DE BOTONES EN ADMIN */
.acciones-grid {
    display: grid;
    grid-template-columns: 42px 42px 42px;
    gap: 8px;
    align-items: center;
}
.acciones-grid .btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; }

/* 6. FORMULARIOS Y UTILIDADES */
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;}
.d-none{display:none!important;}
.d-flex{display:flex!important;}
.justify-content-between{justify-content:space-between!important;}
.align-items-center{align-items:center!important;}
.flex-grow-1{min-width:0;padding-right:10px;}
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;background-color:#0d6efd;border-radius:.25rem;margin-bottom:5px;}
.text-muted{color:#6c757d!important;font-size:.85rem;}
.fw-bold{font-weight:700!important;}
.mt-3{margin-top:1rem!important;}
.border-top{border-top:1px solid #dee2e6!important;}
.text-primary { color: #0d6efd !important; }
.bg-light { background-color: #f8f9fa !important; }
.rounded-3 { border-radius: 1rem !important; }
.opacity-25 { opacity: 0.25; }
.display-5 { font-size: 2.5rem !important; display: block; width: 100%; text-align: center; }
.btn-outline-danger { color: #dc3545; border: 1px solid #dc3545; background: white; }
.btn-outline-secondary { color: #6c757d; border: 1px solid #6c757d; background: white; text-decoration: none; }
hr { border: 0; border-top: 1px solid #dee2e6; }