.login-form-box{background:#fff;border-radius:12px;padding:35px;width:100%;max-width:450px;box-shadow:0 4px 15px #0000000a;border:1px solid rgba(0,0,0,.03)}.input-with-icon-clean input:focus{outline:none;border-color:#2563eb;background-color:#fff}.btn-submit-clean{width:100%;padding:14px;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;transition:background-color .2s}.btn-submit-clean:hover{background-color:#1d4ed8}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f4f6f9;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:20px;box-sizing:border-box;position:relative;overflow:hidden;z-index:1}.login-container:before,.login-container:after{content:"";position:absolute;border-radius:50%;z-index:-1;filter:blur(80px)}.login-container:before{width:400px;height:400px;background:linear-gradient(135deg,#ef4444,#dc2626);top:-100px;right:-100px;opacity:.15;animation:floatBlob 8s ease-in-out infinite}.login-container:after{width:350px;height:350px;background:linear-gradient(135deg,#1e293b,#111827);bottom:-100px;left:-100px;opacity:.08;animation:floatBlob 10s ease-in-out infinite reverse}@keyframes floatBlob{0%{transform:translate(0) scale(1)}50%{transform:translate(-30px,30px) scale(1.1)}to{transform:translate(0) scale(1)}}.login-card{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;padding:30px;width:100%;max-width:400px;box-shadow:0 20px 40px #00000014;border:1px solid rgba(255,255,255,1);border-top:5px solid #dc2626;position:relative;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0000001f}.login-header{text-align:center;margin-bottom:15px}.login-logo{height:75px;width:auto;margin-bottom:10px;object-fit:contain;animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{0%{transform:translateY(0)}50%{transform:translateY(-8px);filter:drop-shadow(0 10px 8px rgba(0,0,0,.1))}to{transform:translateY(0)}}.fallback-icon{font-size:45px;color:#111827;margin-bottom:10px;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.login-title{color:#111827;margin:0 0 5px;font-size:22px;font-weight:800;letter-spacing:-.5px}.login-subtitle{color:#6b7280;margin:0;font-size:13px;font-weight:600}.login-error{background-color:#fef2f2;color:#b91c1c;padding:10px;border-radius:8px;margin-bottom:15px;font-size:13px;border:1px solid #fca5a5;text-align:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-form-group{margin-bottom:16px}.login-form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:700;font-size:13px;letter-spacing:.3px}.login-input-container{position:relative;width:100%}.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px;pointer-events:none;transition:color .3s}.login-input-container input{width:100%;padding:12px 14px 12px 50px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background-color:#f9fafb;transition:all .3s ease;box-sizing:border-box}.login-input-container input:focus{outline:none;border-color:#dc2626;background-color:#fff;box-shadow:0 0 0 4px #dc26261a}.login-input-container input:focus+.login-input-icon,.login-input-container:focus-within .login-input-icon{color:#dc2626}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s ease;box-shadow:0 4px 15px #dc26264d;text-transform:uppercase;letter-spacing:.5px}.login-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.login-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #dc26264d}.login-footer{margin-top:20px;text-align:center;color:#6b7280;font-size:12px;position:relative;z-index:10}.landing-wrapper{min-height:100vh;background-color:#f4f6f9;display:flex;flex-direction:column;align-items:center;padding:60px 20px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.red-dynamic-navbar{width:100%;background:linear-gradient(-45deg,#b91c1c,#dc2626,#ef4444,#b91c1c);background-size:400% 400%;animation:gradientShift 8s ease infinite;display:flex;justify-content:space-between;align-items:flex-start;padding:15px 30px 30px;clip-path:polygon(0 0,100% 0,100% 65%,0% 100%)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar-left{display:flex;align-items:center}.navbar-logo-floating{height:100px;padding:10px;animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.navbar-right{display:flex;align-items:center;gap:30px;color:#fff;margin-top:15px}.navbar-titles{text-align:right}.navbar-titles h1{margin:0;font-size:28px;font-weight:900;letter-spacing:1px;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.navbar-titles p{margin:5px 0 0;font-size:14px;font-weight:600;opacity:.9}.btn-navbar-exit{background-color:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;padding:10px 20px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-navbar-exit:hover{background-color:#ffffff4d;transform:scale(1.05)}@media(max-width:850px){.red-dynamic-navbar{flex-direction:column;align-items:center;padding:20px 20px 80px;clip-path:polygon(0 0,100% 0,100% 85%,0% 100%)}.navbar-right{flex-direction:column;gap:15px;margin-top:20px}.navbar-titles{text-align:center}.navbar-titles h1{font-size:22px}.login-form-box{margin-top:-30px!important}}.landing-header{text-align:center;margin-bottom:30px}.landing-logo{height:100px;margin-bottom:20px;object-fit:contain}.landing-title{color:#000;font-size:32px;font-weight:800;margin:0 0 5px;letter-spacing:-.5px}.landing-empresa{color:#333;font-size:18px;font-weight:500;margin:0}.landing-instruction{color:#111827;font-size:16px;margin-top:35px;font-weight:500}.landing-cards-grid{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;max-width:800px;width:100%}.profile-card{background:#fff;border-radius:12px;padding:40px 20px;width:100%;max-width:300px;text-align:center;box-shadow:0 4px 15px #0000000a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.03)}.profile-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.card-icon-container{font-size:55px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.text-teal{color:#0d9488}.text-blue{color:#2563eb}.profile-card h3{color:#000;font-size:18px;font-weight:700;margin:0 0 10px}.profile-card p{color:#4b5563;font-size:13px;margin:0;line-height:1.4}.login-form-box{background:#fff;border-radius:12px;padding:35px;width:100%;max-width:450px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(0,0,0,.03)}.form-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid #f3f4f6;padding-bottom:15px}.form-box-header h2{margin:0;font-size:20px;color:#111827;font-weight:700}.btn-link{background:none;border:none;color:#6b7280;font-weight:600;cursor:pointer;font-size:14px}.btn-link:hover{color:#111827}.form-group-clean{margin-bottom:20px}.form-group-clean label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:13px}.input-search-group{display:flex;gap:8px}.input-with-icon-clean{position:relative;flex:1}.input-with-icon-clean .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px}.input-with-icon-clean input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background-color:#f9fafb;transition:border-color .2s,background-color .2s;box-sizing:border-box}.input-with-icon-clean input:focus{outline:none;border-color:#dc2626;background-color:#fff}.btn-search-clean{background-color:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:8px;padding:0 20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:16px}.btn-search-clean:hover:not(:disabled){background-color:#e5e7eb;color:#111827}.btn-search-clean:disabled{opacity:.6;cursor:not-allowed}.search-message{margin:6px 0 0;font-size:12px;font-weight:500}.search-message.error{color:#dc2626}.search-message.success{color:#059669}.btn-submit-clean{width:100%;padding:14px;background-color:#dc2626;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:10px;transition:background-color .2s}.btn-submit-clean:hover{background-color:#b91c1c}.alert-error-clean{background-color:#fef2f2;color:#b91c1c;padding:12px;border-radius:8px;margin-bottom:20px;font-size:13px;border:1px solid #fca5a5;text-align:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#11182799;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-content{background:#fff;width:100%;max-width:600px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:30px;border-top:5px solid #dc2626;animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.modal-content.sm{max-width:420px}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid #f3f4f6;padding-bottom:15px}.modal-header h3{margin:0;color:#111827;font-weight:800;font-size:20px;letter-spacing:-.3px}.btn-close{background:#f3f4f6;border:none;font-size:14px;color:#6b7280;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.btn-close:hover{background:#fef2f2;color:#dc2626;transform:rotate(90deg)}.modal-form{display:flex;flex-direction:column}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:700;font-size:13px}.modal-form select,.modal-form input,.form-group input,.form-group select{width:100%;padding:12px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background-color:#f9fafb;color:#111827;transition:all .3s ease;box-sizing:border-box}.modal-form select:focus,.modal-form input:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#dc2626;background-color:#fff;box-shadow:0 0 0 4px #dc26261a}.modal-form input:disabled,.form-group input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:30px;border-top:1px solid #f3f4f6;padding-top:20px}.btn-secondary{background-color:#f8fafc;color:#475569;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;color:#111827;border-color:#cbd5e1}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.modal-content{padding:20px}.form-grid{grid-template-columns:1fr;gap:0}.modal-footer{flex-direction:column-reverse;gap:10px}.modal-footer button{width:100%}}.dashboard-layout,.capacitaciones-layout{min-height:100vh;background-color:#f4f6f9;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.navbar{background-color:#fff;color:#111827;padding:15px 35px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #00000008;border-bottom:1px solid rgba(0,0,0,.04);border-top:4px solid #dc2626;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-brand{display:flex;align-items:center;gap:16px}.nav-logo{height:60px;width:auto;object-fit:contain;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.02)}.brand-title{display:block;font-size:19px;font-weight:800;line-height:1.1;letter-spacing:-.3px;color:#111827}.brand-subtitle{display:block;font-size:11px;color:#dc2626;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}.navbar-user{display:flex;align-items:center;gap:25px}.user-info{text-align:right;display:none}@media(min-width:600px){.user-info{display:block}}.user-name{display:block;font-size:14px;font-weight:700;color:#111827}.user-role{display:block;font-size:12px;color:#6b7280;font-weight:500}.btn-logout{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}.btn-logout:hover{background-color:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 10px #dc262633}.dashboard-content,.content{padding:35px 30px;max-width:1280px;margin:0 auto}.modules-nav{display:flex;gap:15px;margin-bottom:35px;border-bottom:2px solid #e5e7eb;padding-bottom:15px}.btn-module{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:15px;transition:all .2s;background-color:transparent;color:#64748b}.btn-module:hover{background-color:#fff;color:#111827;box-shadow:0 2px 8px #00000008}.btn-module.active{background-color:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.header-actions h2{color:#111827;margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px}.btn-primary{background-color:#dc2626;color:#fff;border:none;padding:11px 22px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #dc262640}.btn-primary:hover{background-color:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px #dc262659}.table-container{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000008;overflow-x:auto;border:1px solid rgba(0,0,0,.04)}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th,.users-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;color:#374151}.users-table th{background-color:#f8fafc;color:#64748b;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.users-table tr{transition:background-color .2s}.users-table tr:hover{background-color:#f8fafc}.font-mono{font-family:monospace;font-size:14px;color:#64748b}.font-bold{font-weight:700;color:#111827}.role-badge{background-color:#f1f5f9;color:#475569;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #e2e8f0}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block;text-align:center}.badge-active{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge-inactive{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.table-actions{display:flex;gap:10px}.btn-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px;cursor:pointer;font-size:15px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #0000000a}.text-blue{color:#4b5563}.text-blue:hover{color:#111827}.text-amber{color:#d97706}.text-red{color:#dc2626}.text-green{color:#16a34a}.modal-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f3f4f6;z-index:1050;overflow-y:auto;display:flex;flex-direction:column}.fullscreen-header{background-color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:10}.fullscreen-header h2{margin:0;color:#1f2937;font-size:22px}.fullscreen-actions{display:flex;gap:15px}.builder-container{max-width:800px;margin:30px auto;width:100%;padding:0 20px}.builder-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px;border-top:8px solid #3b82f6}.builder-card.question-card{border-top:none;border-left:5px solid #3b82f6}.question-header{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px}.question-header input[type=text]{flex-grow:1;font-size:16px;padding:10px;border:1px solid #d1d5db;border-radius:5px}.question-header select{padding:10px;border:1px solid #d1d5db;border-radius:5px;background:#fff}.option-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-row input[type=text]{flex-grow:1;padding:8px;border:1px solid #e5e7eb;border-radius:4px}.btn-add-question{width:100%;padding:15px;background-color:#eff6ff;color:#3b82f6;border:2px dashed #bfdbfe;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:10px}.btn-add-question:hover{background-color:#dbeafe;border-color:#3b82f6}.file-upload-wrapper{margin-top:15px;padding:20px;border:2px dashed #d1d5db;border-radius:6px;text-align:center;background-color:#f9fafb}.file-upload-wrapper input[type=file]{margin-top:10px}.grid-capacitaciones{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-top:20px}.course-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #e2e8f0;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;overflow:hidden}.course-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px -5px #00000014,0 8px 10px -6px #0000000a;border-color:#cbd5e1}.course-header{background:linear-gradient(to right,#f8fafc,#f1f5f9);padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e2e8f0}.icon-wrapper{width:50px;height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center}.bg-blue-100{background-color:#dbeafe}.bg-red-100{background-color:#fee2e2}.bg-emerald-100{background-color:#d1fae5}.course-badge{background-color:#e2e8f0;color:#475569;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.course-body{padding:20px;flex-grow:1}.course-body h3{margin:0 0 10px;color:#1e293b;font-size:18px;font-weight:700;line-height:1.3}.course-body p{color:#64748b;font-size:14px;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.course-footer{padding:20px;border-top:1px solid #f1f5f9;background-color:#fafaf9}.btn-take-course{width:100%;background-color:#fff;color:#2563eb;border:2px solid #bfdbfe;padding:10px 15px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;gap:8px}.btn-take-course:hover{background-color:#eff6ff;border-color:#2563eb}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;border:1px dashed #cbd5e1;color:#64748b;text-align:center}.empty-state p{margin-top:15px;font-size:16px;font-weight:500}