:root { --azul: #1D2B53; --amarillo: #F9C80E; }
        
        body { 
            background-color: var(--azul); 
            font-family: 'Poppins', sans-serif;
            min-height: 100vh;
            display: flex;
            align-items: center; /* Centrado vertical en PC */
            justify-content: center;
        }

        .card-asistencia {
            border: none;
            border-radius: 25px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.4);
            background: white;
            width: 100%;
            max-width: 450px;
        }

        .btn-finalizar {
            background-color: var(--amarillo);
            color: var(--azul);
            font-weight: 700;
            padding: 15px;
            border-radius: 15px;
            border: none;
            transition: 0.3s;
        }

        .btn-finalizar:active { transform: scale(0.95); }

        .form-control-lg {
            border-radius: 15px;
            border: 2px solid #eee;
            font-weight: 700;
            letter-spacing: 2px;
        }

        .form-control-lg:focus {
            border-color: var(--azul);
            box-shadow: none;
        }

        /* --- AJUSTES PARA MÓVIL --- */
        @media (max-width: 576px) {
            body { display: block; padding-top: 20px; }
            .container { padding: 15px; }
            .card-asistencia { border-radius: 20px; padding: 1.5rem !important; }
            h2 { font-size: 1.6rem; }
            .logo-fem { max-width: 100px !important; }
        }