Tema Litoclean

Bienvenido de nuevo

Sistema de Gestión de Contactos - Tema

display: flex; align-items: center; gap: 8px; } .form-check-input { width: 16px; height: 16px; border: 2px solid #d1d5db; border-radius: 4px; background: #ffffff; cursor: pointer; } .form-check-input:checked { background: #4285f4; border-color: #4285f4; } .form-check-label { color: #6b7280; font-size: 0.9rem; cursor: pointer; user-select: none; } .btn-login { width: 100%; background: #4285f4; border: none; border-radius: 8px; padding: 14px 20px; font-size: 1rem; font-weight: 500; color: white; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(66, 133, 244, 0.2); } .btn-login:hover { background: #3367d6; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(66, 133, 244, 0.3); } .btn-login:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(66, 133, 244, 0.2); } .login-footer { text-align: center; } .copyright { color: #9ca3af; font-size: 0.8rem; margin: 0; } .alert { border-radius: 8px; margin-bottom: 24px; padding: 12px 16px; border: none; } .alert-danger { background: #fef2f2; color: #dc2626; border-left: 4px solid #dc2626; } /* Responsive */ @media (max-width: 991.98px) { .login-panel { padding: 20px; background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); } .login-form-container { max-width: 100%; } .login-header { text-align: center; margin-bottom: 30px; } .login-header::before { content: ''; display: block; width: 60px; height: 60px; background: #4285f4; border-radius: 12px; margin: 0 auto 20px; background-image: url('data:image/svg+xml,'); background-size: 30px; background-repeat: no-repeat; background-position: center; } .welcome-title { font-size: 2rem; } } @media (max-width: 576px) { .login-title { font-size: 1.5rem; } .welcome-title { font-size: 1.8rem; } .login-panel { padding: 15px; } .login-header::before { width: 50px; height: 50px; background-size: 25px; } }