*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--verde-oscuro:#1a4a3a;--verde-medio:#2d6a4f;--amarillo:#d4e157;--amarillo-claro:#e8f5a3;--gris-claro:#f5f5f5;--gris-borde:#e0e0e0;--texto-oscuro:#1a1a1a;--texto-medio:#4a4a4a;--blanco:#fff;--rojo-error:#d32f2f;--verde-exito:#2e7d32;--azul-info:#1565c0;--sombra:0 4px 20px #0000001f;--sombra-hover:0 8px 32px #0000002e;--radio:12px;--radio-sm:8px}html,body{height:100%;color:var(--texto-oscuro);background-color:#f0f2f5;font-family:Inter,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100vh}button{cursor:pointer;font-family:Inter,sans-serif}input,select,textarea{font-family:Inter,sans-serif}.logo-img{object-fit:contain;width:auto;height:36px;display:block}.privacy-page{background:#f0f2f5;min-height:100vh}.privacy-header{background:var(--verde-oscuro);z-index:100;padding:0 24px;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.privacy-header-inner{align-items:center;max-width:900px;height:60px;margin:0 auto;display:flex}.privacy-logo{align-items:center;gap:12px;display:flex}.privacy-logo-icon{flex-shrink:0;line-height:0}.privacy-logo-name{color:var(--amarillo);letter-spacing:.5px;font-size:16px;font-weight:700}.privacy-logo-sub{color:#ffffffb3;font-size:12px}.privacy-main{max-width:900px;margin:0 auto;padding:32px 24px 60px}.privacy-card{box-shadow:var(--sombra);background:#fff;border-radius:16px;overflow:hidden}.privacy-card-header{background:linear-gradient(135deg, var(--verde-oscuro), #2d5a45);color:#fff;align-items:center;gap:20px;padding:32px 36px;display:flex}.privacy-icon{flex-shrink:0;font-size:44px}.privacy-title{color:#fff;margin-bottom:6px;font-size:clamp(20px,3vw,26px);font-weight:800;line-height:1.3}.privacy-subtitle{color:#ffffffbf;font-size:13px;font-weight:500}.privacy-content{border-bottom:1px solid var(--gris-borde);padding:32px 36px}.privacy-section{margin-bottom:28px}.privacy-section:last-of-type{margin-bottom:20px}.privacy-section h2{color:var(--verde-oscuro);border-bottom:2px solid #e8f5e9;margin-bottom:10px;padding-bottom:6px;font-size:16px;font-weight:700}.privacy-section p{color:var(--texto-medio);margin-bottom:8px;font-size:14px;line-height:1.7}.privacy-info-grid{border-radius:var(--radio-sm);border:1px solid var(--gris-borde);background:#f8f9fa;grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.privacy-info-item{flex-direction:column;gap:2px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.4px;color:#999;font-size:12px;font-weight:600}.info-value{color:var(--texto-oscuro);font-size:14px;font-weight:600}.privacy-list{margin:0;padding:0;list-style:none}.privacy-list li{color:var(--texto-medio);padding:6px 0 6px 24px;font-size:14px;line-height:1.6;position:relative}.privacy-list li:before{content:"•";color:var(--verde-medio);font-size:16px;font-weight:700;position:absolute;left:8px}.privacy-full-policy{border-top:1px solid var(--gris-borde);margin-top:20px;padding-top:16px}.btn-show-policy{color:var(--azul-info);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:600;text-decoration:underline;transition:color .2s}.btn-show-policy:hover{color:#0d47a1}.full-policy-text{border-radius:var(--radio-sm);border:1px solid var(--gris-borde);background:#f8f9fa;margin-top:12px;padding:16px}.full-policy-text p{color:var(--texto-medio);margin-bottom:10px;font-size:14px;line-height:1.7}.full-policy-text p:last-child{margin-bottom:0}.privacy-consent{border-bottom:1px solid var(--gris-borde);background:#fafffe;padding:28px 36px}.consent-box{border:2px solid var(--gris-borde);border-radius:var(--radio);background:#fff;padding:20px;transition:border-color .2s,box-shadow .2s}.consent-box:has(.consent-checkbox:checked){border-color:var(--verde-medio);box-shadow:0 0 0 3px #2d6a4f1a}.consent-label{cursor:pointer;align-items:flex-start;gap:14px;display:flex;position:relative}.consent-checkbox{opacity:0;width:0;height:0;position:absolute}.consent-checkmark{border:2px solid var(--gris-borde);color:#fff;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;margin-top:2px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.consent-accepted .consent-checkmark{background:var(--verde-medio);border-color:var(--verde-medio)}.consent-text{color:var(--texto-oscuro);font-size:14px;line-height:1.7}.consent-text strong{color:var(--verde-oscuro)}.consent-error{border-radius:var(--radio-sm);color:var(--rojo-error);background:#ffebee;border:1px solid #ef9a9a;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:500}.consent-meta{flex-wrap:wrap;gap:20px;margin-top:14px;display:flex}.consent-meta-item{color:#999;font-size:12px}.privacy-actions{padding:28px 36px}.btn-continue{background:linear-gradient(135deg, var(--verde-oscuro), var(--verde-medio));color:#fff;border-radius:var(--radio-sm);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.btn-continue:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a4a3a59}.btn-continue:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-continue .btn-arrow{font-size:18px;transition:transform .2s}.btn-continue:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.privacy-note{color:#666;text-align:center;border-radius:var(--radio-sm);background:#fff3e0;border:1px solid #ffcc80;margin-top:16px;padding:12px;font-size:13px;line-height:1.6}@media (width<=600px){.privacy-card-header{text-align:center;flex-direction:column;padding:24px 20px}.privacy-content{padding:24px 20px}.privacy-consent,.privacy-actions{padding:20px}.privacy-info-grid{grid-template-columns:1fr}.consent-meta{flex-direction:column;gap:6px}}.register-page{background:#f0f2f5;min-height:100vh}.register-header{background:var(--verde-oscuro);z-index:100;padding:0 24px;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.register-header-inner{align-items:center;max-width:1100px;height:64px;margin:0 auto;display:flex}.register-logo{align-items:center;gap:12px;display:flex}.register-logo-icon{flex-shrink:0;line-height:0}.register-logo-name{color:var(--amarillo);letter-spacing:.5px;font-size:16px;font-weight:700}.register-logo-sub{color:#ffffffb3;font-size:12px}.register-hero{background:linear-gradient(135deg, var(--verde-oscuro) 0%, #2d5a45 60%, #1a4a3a 100%);color:#fff;padding:60px 24px}.register-hero-inner{text-align:center;max-width:720px;margin:0 auto}.register-hero-badge{color:var(--amarillo);letter-spacing:.5px;background:#d4e15733;border:1px solid #d4e15766;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.register-hero-title{color:#fff;margin-bottom:16px;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.2}.register-hero-desc{color:#ffffffd9;margin-bottom:36px;font-size:16px;line-height:1.7}.register-steps-preview{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.step-preview{opacity:.6;color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.step-preview.step-active{opacity:1}.step-num{background:#fff3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.step-active .step-num{background:var(--amarillo);color:var(--verde-oscuro);border-color:var(--amarillo)}.step-arrow{color:#fff6;font-size:18px}.register-main{max-width:720px;margin:0 auto;padding:40px 24px 60px}.register-form-card{box-shadow:var(--sombra);background:#fff;border-radius:16px;margin-bottom:24px;padding:40px}.register-form-header{margin-bottom:32px}.register-form-header h2{color:var(--verde-oscuro);margin-bottom:8px;font-size:24px;font-weight:700}.register-form-header p{color:var(--texto-medio);font-size:15px;line-height:1.6}.register-form{flex-direction:column;gap:24px;display:flex}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--texto-oscuro);font-size:14px;font-weight:600}.required{color:var(--rojo-error)}.field-hint{color:#666;border-left:3px solid var(--verde-medio);border-radius:0 var(--radio-sm) var(--radio-sm) 0;background:#f8f9fa;margin-bottom:2px;padding:8px 12px;font-size:13px;line-height:1.5}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{pointer-events:none;z-index:1;font-size:16px;position:absolute;left:14px}.input-wrapper input,.input-wrapper select{border:2px solid var(--gris-borde);border-radius:var(--radio-sm);width:100%;color:var(--texto-oscuro);appearance:none;background:#fff;outline:none;padding:13px 16px 13px 44px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-wrapper select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--verde-medio);box-shadow:0 0 0 3px #2d6a4f26}.has-error .input-wrapper input,.has-error .input-wrapper select{border-color:var(--rojo-error)}.has-error .input-wrapper input:focus,.has-error .input-wrapper select:focus{box-shadow:0 0 0 3px #d32f2f1f}.field-error{color:var(--rojo-error);font-size:13px;font-weight:500}.btn-primary{background:linear-gradient(135deg, var(--verde-oscuro), var(--verde-medio));color:#fff;border-radius:var(--radio-sm);letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a4a3a59}.btn-primary:active{transform:translateY(0)}.btn-submit{width:100%}.btn-arrow{font-size:18px;transition:transform .2s}.btn-primary:hover .btn-arrow{transform:translate(4px)}.register-info-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-card{border-radius:var(--radio);border:1px solid var(--gris-borde);background:#fff;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000f}.info-card-icon{flex-shrink:0;font-size:28px}.info-card strong{color:var(--verde-oscuro);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.info-card p{color:#666;font-size:12px}@media (width<=600px){.register-form-card{padding:24px 20px}.register-info-cards{grid-template-columns:1fr}.register-steps-preview{gap:6px}.step-arrow{display:none}}.training-page{background:#1a1a2e;outline:none;flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.training-header{background:var(--verde-oscuro);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;min-height:56px;padding:0 20px;display:flex;box-shadow:0 2px 12px #0000004d}.training-header-left{align-items:center;gap:16px;display:flex}.sidebar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:flex}.sidebar-toggle span{background:#fff;border-radius:2px;width:22px;height:2px;transition:background .2s;display:block}.sidebar-toggle:hover span{background:var(--amarillo)}.training-logo{align-items:center;gap:10px;display:flex}.training-logo-icon{font-size:22px}.training-logo-name{color:var(--amarillo);font-size:14px;font-weight:700}.training-logo-sub{color:#fff9;font-size:11px}.training-header-right{align-items:center;display:flex}.header-user{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--amarillo);width:34px;height:34px;color:var(--verde-oscuro);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.user-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.user-company{color:#fff9;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}.training-progress-bar-wrapper{background:#ffffff1a;flex-shrink:0;height:4px;min-height:4px}.training-progress-fill{background:linear-gradient(90deg, var(--amarillo), #a5d6a7);height:100%;transition:width .4s}.training-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-overlay{z-index:149;background:#00000080;position:fixed;inset:0}.training-sidebar{background:#0f2027;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:280px;transition:transform .3s;display:flex;overflow:hidden}@media (width<=900px){.training-sidebar{z-index:150;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.training-sidebar.sidebar-open{transform:translate(0)}}.sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sidebar-header h3{color:#fff;text-transform:uppercase;letter-spacing:.8px;font-size:13px;font-weight:700}.sidebar-close{color:#ffffff80;background:0 0;border:none;padding:4px;font-size:16px;transition:color .2s}.sidebar-close:hover{color:#fff}.sidebar-progress-info{border-bottom:1px solid #ffffff14;flex-shrink:0;padding:12px 18px}.sidebar-progress-pct{color:var(--amarillo);margin-bottom:6px;font-size:22px;font-weight:800;line-height:1}.sidebar-progress-track{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.sidebar-progress-fill{background:var(--amarillo);height:100%;transition:width .4s}.sidebar-progress-text{color:#ffffff80;font-size:11px}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;min-height:0;padding:8px 0 16px;overflow-y:auto}.sidebar-section{margin-bottom:4px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--amarillo);padding:8px 18px 4px;font-size:11px;font-weight:700}.sidebar-item{color:#fff9;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:6px 18px 6px 14px;font-size:12px;line-height:1.4;transition:background .15s,color .15s;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0d}.sidebar-item.active{color:var(--amarillo);border-left-color:var(--amarillo);background:#d4e1571a}.sidebar-item.visited{color:#ffffff73}.sidebar-item-dot{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.sidebar-item.active .sidebar-item-dot{background:var(--amarillo);color:var(--verde-oscuro)}.sidebar-item.visited .sidebar-item-dot{color:#ffffff80;background:#ffffff26}.sidebar-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.training-main{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:12px 20px;display:flex;overflow:hidden}.training-breadcrumb{color:#ffffff80;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumb-section{color:var(--amarillo);font-weight:600}.breadcrumb-sep{color:#ffffff4d}.breadcrumb-slide{color:#fffc}.breadcrumb-count{color:#fff6;font-size:11px}.slide-viewer{background:#0d1b2a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 20px #0006}.slide-frame{background:#111;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.slide-image{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block}.slide-placeholder{text-align:center;color:#fff9;background:linear-gradient(135deg,#1a3a2a,#0d1b1a);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:40px;display:flex}.slide-placeholder-icon{opacity:.5;font-size:48px}.slide-placeholder-title{color:var(--amarillo);font-size:20px;font-weight:700}.slide-placeholder-sub{color:#ffffff80;max-width:400px;font-size:13px;line-height:1.6}.slide-placeholder-sub code{background:#ffffff1a;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.slide-info-bar{background:#ffffff0a;border-top:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:10px;padding:6px 14px;display:flex}.slide-counter{color:#ffffff80;flex-shrink:0;font-size:12px}.slide-title-label{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.slide-section-badge{color:var(--amarillo);background:#d4e15726;border:1px solid #d4e15740;border-radius:12px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.slide-nav{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-nav{border-radius:var(--radio-sm);cursor:pointer;border:none;flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-prev{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff1a}.btn-prev:hover:not(:disabled){color:#fff;background:#ffffff1f}.btn-prev:disabled{opacity:.3;cursor:not-allowed}.btn-next{background:linear-gradient(135deg, var(--verde-oscuro), var(--verde-medio));color:#fff}.btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2d6a4f66}.btn-finish{color:#fff;background:linear-gradient(135deg,#e65100,#f57c00);animation:2s infinite pulse-finish}@keyframes pulse-finish{0%,to{box-shadow:0 0 #e651004d}50%{box-shadow:0 0 0 8px #e6510000}}.btn-finish:hover{transform:translateY(-1px);box-shadow:0 4px 16px #e6510066}.slide-dots{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:3px;max-width:350px;display:flex;overflow:hidden}.dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;width:6px;height:6px;padding:0;transition:all .2s}.dot:hover{background:#fff6;transform:scale(1.3)}.dot-active{background:var(--amarillo);transform:scale(1.4)}.dot-visited{background:#d4e15759}.keyboard-hint{text-align:center;color:#ffffff40;flex-shrink:0;font-size:11px}@media (width<=600px){.training-main{gap:6px;padding:8px 10px}.slide-dots{display:none}.user-name,.user-company{max-width:90px}.slide-nav{gap:8px}.btn-nav{padding:9px 14px;font-size:12px}.slide-info-bar{padding:5px 10px;font-size:11px}.training-breadcrumb{font-size:11px}.keyboard-hint{display:none}.training-header{height:50px;min-height:50px;padding:0 12px}}.quiz-page{background:#f0f2f5;flex-direction:column;min-height:100vh;display:flex}.quiz-header{background:var(--verde-oscuro);z-index:100;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.quiz-header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:60px;margin:0 auto;padding:0 24px;display:flex}.quiz-logo{color:#fff;align-items:center;gap:10px;font-size:22px;display:flex}.quiz-logo>div{margin-left:4px}.quiz-logo-name{color:var(--amarillo);font-size:14px;font-weight:700}.quiz-logo-sub{color:#fff9;font-size:11px}.quiz-header-meta{align-items:center;gap:16px;display:flex}.quiz-progress-info{color:#fffc;font-size:14px}.quiz-answered{color:var(--amarillo);font-size:20px;font-weight:800}.quiz-answered-label{font-size:13px}.quiz-progress-bar{background:#ffffff1a;height:4px}.quiz-progress-fill{background:linear-gradient(90deg, var(--amarillo), #a5d6a7);height:100%;transition:width .4s}.quiz-layout{flex:1;grid-template-columns:300px 1fr;align-items:start;gap:0;width:100%;max-width:1400px;margin:0 auto;display:grid}.quiz-sidebar{border-right:1px solid var(--gris-borde);scrollbar-width:thin;background:#fff;flex-direction:column;gap:20px;max-height:calc(100vh - 68px);padding:24px 20px;display:flex;position:sticky;top:68px;overflow-y:auto}.quiz-user-card{border-radius:var(--radio-sm);border:1px solid var(--gris-borde);background:#f8f9fa;align-items:flex-start;gap:12px;padding:16px;display:flex}.quiz-user-avatar{background:var(--verde-oscuro);width:40px;height:40px;color:var(--amarillo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.quiz-user-name{color:var(--texto-oscuro);font-size:14px;font-weight:700;line-height:1.3}.quiz-user-company{color:var(--texto-medio);margin-top:2px;font-size:12px}.quiz-user-nit{color:#999;margin-top:2px;font-size:11px}.quiz-section-tabs{flex-direction:column;gap:8px;display:flex}.quiz-section-tab{border:2px solid var(--gris-borde);border-radius:var(--radio-sm);cursor:pointer;text-align:left;background:#f8f9fa;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden}.quiz-section-tab:hover{border-color:var(--verde-medio);background:#f0f7f4}.quiz-section-tab.active{border-color:var(--verde-oscuro);background:#e8f5e9}.tab-icon{flex-shrink:0;font-size:20px}.tab-content{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.tab-label{color:var(--texto-oscuro);font-size:14px;font-weight:600}.tab-progress{color:var(--verde-oscuro);font-size:12px;font-weight:700}.tab-bar{background:#0000000d;height:3px;position:absolute;bottom:0;left:0;right:0}.tab-bar-fill{background:var(--verde-medio);height:100%;transition:width .4s}.quiz-sidebar-questions{flex-direction:column;gap:4px;display:flex}.quiz-sidebar-label{text-transform:uppercase;letter-spacing:.6px;color:#999;margin-bottom:4px;font-size:11px;font-weight:700}.quiz-question-link{color:var(--texto-medio);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.quiz-question-link:hover{color:var(--texto-oscuro);background:#f0f2f5}.quiz-question-link.answered{color:var(--verde-exito)}.q-dot{color:#666;background:#e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.q-dot-done{background:var(--verde-exito);color:#fff}.q-link-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quiz-validation-error{border-radius:var(--radio-sm);color:var(--rojo-error);background:#ffebee;border:1px solid #ef9a9a;padding:10px 14px;font-size:13px;font-weight:500}.btn-submit-quiz{background:linear-gradient(135deg, #1b5e20, var(--verde-exito));color:#fff;border-radius:var(--radio-sm);cursor:pointer;letter-spacing:.3px;border:none;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.btn-submit-quiz:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2e7d3266}.quiz-main{flex-direction:column;gap:24px;padding:32px 32px 60px;display:flex}.quiz-section-header{border-radius:var(--radio);border-left:5px solid var(--verde-oscuro);background:#fff;align-items:center;gap:16px;padding:24px;display:flex;box-shadow:0 2px 8px #0000000f}.quiz-section-icon{flex-shrink:0;font-size:40px}.quiz-section-title{color:var(--verde-oscuro);margin-bottom:4px;font-size:22px;font-weight:800}.quiz-section-desc{color:var(--texto-medio);font-size:14px}.quiz-questions-list{flex-direction:column;gap:20px;display:flex}.question-card{border-radius:var(--radio);background:#fff;border:2px solid #0000;padding:28px;scroll-margin-top:80px;transition:border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000f}.question-card:hover{box-shadow:0 4px 16px #0000001a}.question-card.q-answered{border-color:#c8e6c9}.question-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;display:flex}.question-number{background:var(--verde-oscuro);width:32px;height:32px;color:var(--amarillo);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.question-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.question-type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.type-true-false{color:#1565c0;background:#e3f2fd}.type-single-choice{color:#6a1b9a;background:#f3e5f5}.type-open-text{color:#e65100;background:#fff3e0}.answered-badge{color:var(--verde-exito);background:#e8f5e9;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.question-text{color:var(--texto-oscuro);margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.6}.question-options{flex-direction:column;gap:10px;display:flex}.option-label{border-radius:var(--radio-sm);border:2px solid var(--gris-borde);cursor:pointer;background:#fafafa;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.option-label:hover{border-color:var(--verde-medio);background:#f0f7f4}.option-label.selected{border-color:var(--verde-oscuro);background:#e8f5e9}.option-radio{opacity:0;width:0;height:0;position:absolute}.option-marker{border:2px solid var(--gris-borde);width:28px;height:28px;color:var(--texto-medio);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .15s;display:flex}.option-label.selected .option-marker{background:var(--verde-oscuro);border-color:var(--verde-oscuro);color:var(--amarillo)}.option-text{color:var(--texto-oscuro);flex:1;font-size:15px;line-height:1.5}.open-text-fields{flex-direction:column;gap:12px;display:flex}.open-subfield{flex-direction:column;gap:6px;display:flex}.open-label{color:var(--texto-medio);font-size:13px;font-weight:600}.open-input{border:2px solid var(--gris-borde);border-radius:var(--radio-sm);color:var(--texto-oscuro);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.open-input:focus{border-color:var(--verde-medio);box-shadow:0 0 0 3px #2d6a4f1f}.open-text-area{position:relative}.open-textarea{border:2px solid var(--gris-borde);border-radius:var(--radio-sm);width:100%;color:var(--texto-oscuro);resize:vertical;outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.6;transition:border-color .2s}.open-textarea:focus{border-color:var(--verde-medio);box-shadow:0 0 0 3px #2d6a4f1f}.textarea-counter{text-align:right;color:#999;margin-top:4px;font-size:12px}.quiz-section-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-section-next{background:linear-gradient(135deg, var(--verde-oscuro), var(--verde-medio));color:#fff;border-radius:var(--radio-sm);cursor:pointer;border:none;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s}.btn-section-next:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a4a3a59}.btn-section-prev{color:var(--texto-oscuro);border:2px solid var(--gris-borde);border-radius:var(--radio-sm);cursor:pointer;background:#fff;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-section-prev:hover{border-color:var(--verde-medio);background:#f0f7f4}.btn-submit-main{padding:14px 28px}.modal-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:40px;animation:.25s modal-in;box-shadow:0 20px 60px #0000004d}@keyframes modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-icon{margin-bottom:16px;font-size:48px}.modal-card h3{color:var(--texto-oscuro);margin-bottom:12px;font-size:22px;font-weight:800}.modal-card p{color:var(--texto-medio);margin-bottom:28px;font-size:15px;line-height:1.6}.modal-actions{justify-content:center;gap:12px;display:flex}.btn-modal-cancel{color:var(--texto-oscuro);border:2px solid var(--gris-borde);border-radius:var(--radio-sm);cursor:pointer;background:#f5f5f5;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-modal-cancel:hover{background:#e0e0e0}.btn-modal-confirm{background:linear-gradient(135deg, #1b5e20, var(--verde-exito));color:#fff;border-radius:var(--radio-sm);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-modal-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 16px #2e7d3266}@media (width<=900px){.quiz-layout{grid-template-columns:1fr}.quiz-sidebar{border-right:none;border-bottom:1px solid var(--gris-borde);max-height:none;position:static}.quiz-main{padding:20px 16px 40px}.question-card{padding:20px}}.results-page{background:#f0f2f5;min-height:100vh}.results-header{background:var(--verde-oscuro);z-index:100;padding:0 24px;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.results-header-inner{justify-content:space-between;align-items:center;max-width:900px;height:60px;margin:0 auto;display:flex}.results-logo{color:#fff;align-items:center;gap:10px;font-size:22px;display:flex}.results-logo>div{margin-left:4px}.results-logo-name{color:var(--amarillo);font-size:14px;font-weight:700}.results-logo-sub{color:#fff9;font-size:11px}.btn-print{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.btn-print:hover{background:#fff3}.results-main{flex-direction:column;gap:28px;max-width:900px;margin:0 auto;padding:32px 24px 60px;display:flex}.score-card{box-shadow:var(--sombra);border-radius:16px;align-items:center;gap:24px;padding:32px;display:flex}.score-passed{color:#fff;background:linear-gradient(135deg,#1b5e20,#2e7d32)}.score-failed{color:#fff;background:linear-gradient(135deg,#b71c1c,#c62828)}.score-badge{flex-shrink:0;font-size:56px;line-height:1}.score-content{flex:1}.score-status{text-transform:uppercase;letter-spacing:1px;opacity:.85;margin-bottom:4px;font-size:13px;font-weight:700}.score-user{opacity:.8;margin-bottom:8px;font-size:15px}.score-percent{color:#fffffff2;margin-bottom:6px;font-size:64px;font-weight:900;line-height:1}.score-pct{font-size:36px}.score-detail{opacity:.8;font-size:14px;line-height:1.5}.score-open{margin-top:2px;display:block}.results-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{border-radius:var(--radio);text-align:center;background:#fff;border-top:4px solid #0000;padding:20px;box-shadow:0 2px 8px #0000000f}.stat-correct{border-top-color:var(--verde-exito)}.stat-incorrect{border-top-color:var(--rojo-error)}.stat-open{border-top-color:#f57c00}.stat-score{border-top-color:var(--azul-info)}.stat-icon{margin-bottom:8px;font-size:24px}.stat-num{color:var(--texto-oscuro);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.stat-label{color:var(--texto-medio);font-size:13px;font-weight:500}.results-categories{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.category-summary{border-radius:var(--radio);background:#fff;padding:20px;box-shadow:0 2px 8px #0000000f}.cat-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.cat-icon{font-size:28px}.cat-label{color:var(--texto-oscuro);font-size:16px;font-weight:700}.cat-score{margin-top:2px;font-size:22px;font-weight:800}.cat-pass{color:var(--verde-exito)}.cat-fail{color:var(--rojo-error)}.cat-bar-track{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.cat-bar-fill{border-radius:4px;height:100%;transition:width .6s}.cat-fill-pass{background:var(--verde-exito)}.cat-fill-fail{background:var(--rojo-error)}.cat-detail{color:var(--texto-medio);font-size:13px}.results-detail{flex-direction:column;gap:16px;display:flex}.detail-title{color:var(--texto-oscuro);border-bottom:2px solid var(--gris-borde);padding-bottom:12px;font-size:20px;font-weight:700}.result-item{border-radius:var(--radio);background:#fff;border-left:5px solid #0000;padding:24px;box-shadow:0 2px 8px #0000000f}.ri-correct{border-left-color:var(--verde-exito)}.ri-incorrect{border-left-color:var(--rojo-error)}.ri-open{border-left-color:#f57c00}.ri-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.ri-number{width:28px;height:28px;color:var(--texto-medio);background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ri-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ri-badge{border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.badge-sec{color:#2e7d32;background:#e8f5e9}.badge-env{color:#558b2f;background:#f1f8e9}.ri-status{font-size:13px;font-weight:700}.status-ok{color:var(--verde-exito)}.status-no{color:var(--rojo-error)}.status-open{color:#f57c00}.ri-question{color:var(--texto-oscuro);margin-bottom:16px;font-size:15px;font-weight:600;line-height:1.6}.ri-answers{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.ri-answer-row{flex-wrap:wrap;align-items:flex-start;gap:8px;font-size:14px;display:flex}.ri-answer-label{color:var(--texto-medio);flex-shrink:0;font-weight:600}.ri-answer-val{color:var(--texto-oscuro);flex:1;min-width:0}.ans-wrong{color:var(--rojo-error);text-decoration:line-through}.ans-correct{color:var(--verde-exito);font-weight:600}.ri-explanation{color:#5d4037;background:#fffde7;border:1px solid #fff176;border-radius:8px;gap:8px;padding:12px;font-size:13px;line-height:1.5;display:flex}.ri-exp-icon{flex-shrink:0}.results-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.btn-action{border-radius:var(--radio-sm);cursor:pointer;border:none;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-secondary{color:var(--texto-oscuro);border:2px solid var(--gris-borde);background:#fff}.btn-secondary:hover{border-color:var(--verde-medio);background:#f0f7f4}.btn-primary-action{background:linear-gradient(135deg, var(--verde-oscuro), var(--verde-medio));color:#fff}.btn-primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a4a3a59}.btn-print-action{color:#fff;background:#455a64}.btn-print-action:hover{background:#37474f}.results-provider-info{border-radius:var(--radio);background:#fff;padding:24px;box-shadow:0 2px 8px #0000000f}.results-provider-info h3{color:var(--texto-oscuro);border-bottom:1px solid var(--gris-borde);margin-bottom:16px;padding-bottom:10px;font-size:16px;font-weight:700}.provider-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.provider-field{flex-direction:column;gap:4px;display:flex}.provider-label{text-transform:uppercase;letter-spacing:.5px;color:#999;font-size:12px;font-weight:600}.provider-value{color:var(--texto-oscuro);font-size:15px;font-weight:600}.provider-note{color:#666;border-left:3px solid var(--verde-medio);background:#f8f9fa;border-radius:8px;padding:12px;font-size:13px;line-height:1.5}.consent-evidence{border-top:1px solid var(--gris-borde);margin-top:16px;padding-top:16px}.consent-evidence h4{color:var(--texto-oscuro);margin-bottom:12px;font-size:14px;font-weight:700}.api-status-card{border-radius:var(--radio);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}.status-loading{color:#1565c0;background:#e3f2fd;border:1px solid #90caf9}.status-success{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.status-error{color:#e65100;background:#fff3e0;border:1px solid #ffcc80}.api-status-icon{flex-shrink:0;font-size:20px}.api-status-text{flex:1}.api-status-note{opacity:.8;width:100%;margin-top:4px;font-size:12px}@media print{.results-header-actions,.results-actions,.btn-print,.api-status-card{display:none!important}.results-page{background:#fff}.results-main{padding:0}.result-item,.score-card,.stat-card,.category-summary{break-inside:avoid}}@media (width<=700px){.results-stats{grid-template-columns:repeat(2,1fr)}.results-categories,.provider-grid{grid-template-columns:1fr}.score-card{text-align:center;flex-direction:column}.results-actions{justify-content:stretch}.btn-action{text-align:center;flex:1}}