:root{--primary:#005BF6;--success:#B0DC35;--error:#FF3535;--warning:#F5A623;--bg:#fff;--border:#e0e0e0;--text:#333}.reactivo{margin-bottom:2rem}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{padding:1rem 1rem 1rem 3rem;border:1px solid var(--border);border-radius:8px;transition:background-color .2s ease,border-color .2s ease;position:relative;cursor:pointer}.quiz-option:before{content:'';position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;border:2px solid #c8c8c8;border-radius:50%;background:#fff;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.quiz-option.selected{background:aliceblue;border-color:rgb(0 91 246 / .4)}.quiz-option.selected:before{border-color:var(--primary);box-shadow:inset 0 0 0 4px #fff;background:var(--primary)}.quiz-option.correct{background:rgb(176 220 53 / .1);border-color:var(--success)}.quiz-option.correct:before{border-color:var(--success);box-shadow:inset 0 0 0 4px #fff;background:var(--success)}.quiz-option.incorrect{background:rgb(255 53 53 / .1);border-color:var(--error)}.quiz-option.incorrect:before{border-color:var(--error);box-shadow:inset 0 0 0 4px #fff;background:var(--error)}.quiz-option.disabled{opacity:.7}.quiz-counter{position:fixed;bottom:0;left:0;width:100%;background:var(--bg);padding:1rem;box-shadow:0 -2px 6px rgb(0 0 0 / .08);z-index:1000;transition:transform .3s ease;display:flex;justify-content:center}.quiz-progress-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:600px;width:100%}.quiz-progress{height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden;width:100%}.quiz-progress-bar{height:100%;background:var(--primary);width:0%;transition:width .3s ease}.quiz-progress-text{font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.quiz-separator{opacity:.5}.quiz-footer-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:inherit;font-weight:500;padding:.25rem .5rem;border-radius:4px;transition:background-color .15s ease}.quiz-footer-link:hover{background:rgb(0 91 246 / .08)}.tiempo-bajo{color:var(--error);font-weight:700}.quiz-nav-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#f0f4f8;border:1px solid var(--border);border-radius:6px;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.quiz-nav-trigger:hover{background:#e4ebf1;border-color:#ccc}.quiz-nav-trigger svg{opacity:.6}.quiz-start-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:600px;width:100%}.quiz-start-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgb(0 91 246 / .25);transition:background-color .2s ease}.quiz-start-button:hover{background:#0046c3}.quiz-start-button:active{background:#004399}.quiz-start-icon{font-size:.875rem;margin-left:-.25rem}.quiz-start-info{font-size:.9rem;color:var(--text);opacity:.8}.quiz-nav-sidebar{position:fixed;top:150px;right:20px;bottom:230px;width:280px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgb(0 91 246 / .12),0 2px 8px rgb(0 0 0 / .06);border:1px solid rgb(0 91 246 / .2);z-index:1001;display:none;flex-direction:column;opacity:0;transform:translateX(20px);transition:opacity .3s ease,transform .3s ease}.quiz-nav-sidebar.visible{display:flex;opacity:1;transform:translateX(0)}.quiz-nav-sidebar-header{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.quiz-nav-sidebar-title{font-weight:700}.quiz-nav-sidebar-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:#888;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease}.quiz-nav-sidebar-close:hover{background:#f0f0f0}.quiz-nav-sidebar-filters{display:flex;gap:.4rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.quiz-nav-sidebar-filters .quiz-nav-filter{flex:1;text-align:center;padding:.4rem .5rem;font-size:.7rem}.quiz-nav-sidebar-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;align-content:start}.quiz-nav-sidebar-grid .quiz-nav-item{aspect-ratio:1;font-size:.9rem;border-radius:50px}.quiz-nav-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.quiz-nav-modal-overlay.visible{opacity:1;visibility:visible}.quiz-nav-modal{background:#fff;border-radius:12px;box-shadow:0 5px 20px rgb(0 0 0 / .2);padding:1.5rem;width:90%;max-width:480px;max-height:70vh;display:flex;flex-direction:column;transform:translateY(-10px);transition:transform .25s ease}.quiz-nav-modal-overlay.visible .quiz-nav-modal{transform:translateY(0)}.quiz-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.quiz-nav-title{font-weight:700;font-size:1.1rem;color:var(--text)}.quiz-nav-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#888;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .15s ease}.quiz-nav-close:hover{background:#f0f0f0}.quiz-nav-filters{display:flex;gap:.5rem;margin-bottom:1rem}.quiz-nav-filter{flex:1;padding:.5rem .75rem;background:#f5f5f5;border:1px solid #fff0;border-radius:6px;font-size:.8rem;font-weight:500;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.quiz-nav-filter:hover{background:#eee}.quiz-nav-filter.active{background:aliceblue;color:var(--primary);border-color:rgb(0 91 246 / .3)}.quiz-nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:.5rem;overflow-y:auto;padding:.25rem;max-height:calc(70vh - 140px)}.quiz-nav-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid var(--border);font-weight:600;font-size:.9rem;color:var(--text);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.quiz-nav-item:hover{background:#f8f9fa;border-color:#ccc;transform:scale(1.05)}.quiz-nav-item.respondido{background:aliceblue;border-color:var(--primary);color:var(--primary)}.quiz-nav-item.correcto{background:rgb(176 220 53 / .15);border-color:var(--success);color:#5a8a00}.quiz-nav-item.incorrecto{background:rgb(255 53 53 / .1);border-color:var(--error);color:var(--error)}.quiz-nav-empty{grid-column:1 / -1;text-align:center;padding:2rem;color:#888;font-size:.9rem}.quiz-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quiz-modal-overlay.visible{opacity:1;visibility:visible}.quiz-modal{background:#fff;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .2);padding:2rem;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:translateY(-20px);transition:transform .3s ease}.quiz-modal-overlay.visible .quiz-modal{transform:translateY(0)}.quiz-modal-close{position:absolute;top:1rem;right:1rem;font-size:1.75rem;background:none;border:none;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.quiz-modal-close:hover{background:rgb(0 0 0 / .05)}.quiz-modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.quiz-results-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.quiz-time-warning{color:var(--error);margin-bottom:1.5rem;text-align:center}.quiz-results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-bottom:2rem}.quiz-results-stat{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px}.quiz-results-value{font-size:2rem;font-weight:700;color:var(--primary)}.quiz-materias-section{margin-bottom:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.quiz-materias-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1rem;text-align:center}.quiz-materias-list{display:flex;flex-direction:column;gap:.6rem}.quiz-materia-row{display:grid;grid-template-columns:1fr auto 100px auto;gap:.75rem;align-items:center;padding:.6rem .75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #fff0}.quiz-materia-row.materia-bien{border-left-color:var(--success)}.quiz-materia-row.materia-regular{border-left-color:var(--warning)}.quiz-materia-row.materia-mal{border-left-color:var(--error)}.quiz-materia-nombre{font-weight:500;font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-materia-stats{font-size:.85rem;color:#666;font-weight:500}.quiz-materia-barra{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.quiz-materia-barra-fill{height:100%;border-radius:3px;transition:width .3s ease}.materia-bien .quiz-materia-barra-fill{background:var(--success)}.materia-regular .quiz-materia-barra-fill{background:var(--warning)}.materia-mal .quiz-materia-barra-fill{background:var(--error)}.quiz-materia-pct{font-size:.85rem;font-weight:600;min-width:40px;text-align:right}.materia-bien .quiz-materia-pct{color:#6a9a00}.materia-regular .quiz-materia-pct{color:#c98600}.materia-mal .quiz-materia-pct{color:var(--error)}.quiz-mode-button{display:block;width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}.quiz-mode-button:hover{background:#0046c3}.quiz-mode-button.secondary{background:#f0f0f0;color:var(--text)}.quiz-mode-button.secondary:hover{background:#e0e0e0}@media (max-width:1024px){.quiz-start-container{flex-direction:column;gap:.75rem}.quiz-start-info{text-align:center}}@media (max-width:768px){.reactivo{margin-bottom:1.5rem}.quiz-option{padding:.875rem .875rem .875rem 2.5rem}.quiz-option:before{left:.75rem;width:16px;height:16px}.quiz-results-stat{padding:1rem}.quiz-modal{padding:1.5rem;width:95%;max-width:500px}.quiz-nav-modal{width:95%;padding:1.25rem}.quiz-nav-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.quiz-nav-item{font-size:.85rem}.quiz-start-button{padding:.875rem 1.75rem}.quiz-nav-filters{flex-wrap:wrap}.quiz-nav-filter{flex:0 0 auto;padding:.4rem .6rem;font-size:.75rem}.quiz-materia-row{grid-template-columns:1fr auto 60px auto;gap:.5rem;padding:.5rem .6rem}.quiz-materia-nombre{font-size:.85rem}.quiz-materia-stats,.quiz-materia-pct{font-size:.8rem}}@media (max-width:480px){.quiz-modal{padding:1rem}.quiz-results-value{font-size:1.5rem}.quiz-results-summary{gap:1rem}.quiz-results-stat{padding:.75rem}.quiz-modal-buttons{flex-direction:column;gap:.75rem}.quiz-nav-modal{padding:1rem;max-height:80vh}.quiz-nav-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:.4rem}.quiz-nav-item{font-size:.8rem;border-radius:6px}.quiz-start-button{padding:.75rem 1.5rem;font-size:.9375rem}.quiz-progress-text{flex-wrap:wrap;justify-content:center}.quiz-materia-row{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.3rem .5rem}.quiz-materia-nombre{grid-column:1;grid-row:1}.quiz-materia-pct{grid-column:2;grid-row:1}.quiz-materia-barra{grid-column:1 / -1;grid-row:2;width:100%}.quiz-materia-stats{display:none}}