@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    overflow-x: hidden; 
}

/* UI de Cámara */
.camera-container { 
    border: 4px solid rgba(255,255,255,0.2); 
    border-radius: 2.5rem; 
    overflow: hidden; 
    position: relative; 
    background: #000; 
    aspect-ratio: 3/4; 
}

video { 
    object-fit: cover; 
    width: 100%; 
    height: 100%; 
}

/* Efecto espejo para cámara frontal */
.mirror { 
    transform: scaleX(-1); 
}

/* Scrollbars y Utilidades */
.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}

.fade-in { 
    animation: fadeIn 0.3s ease-in-out; 
}

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.admin-card {
    transition: all 0.2s ease-in-out;
}

.admin-card:hover {
    border-color: rgba(79, 70, 229, 0.4);
    transform: translateY(-2px);
}