@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{--bg:#e8eef2;--bg-accent:#d5e3ea;--surface:#fbfcfd;--ink:#14212b;--muted:#5c6b76;--line:#c5d2db;--teal:#0b5f66;--teal-deep:#08474c;--sand:#e7d3a8;--ok:#1f7a4c;--ok-bg:#e3f5eb;--ko:#a33b2d;--ko-bg:#fceceb;--warn:#9a6700;--shadow:0 12px 40px #14212b14;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Figtree", "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 500px at 10% -10%, #cfe3e6 0%, transparent 55%), radial-gradient(900px 400px at 100% 0%, #ead9b4 0%, transparent 45%), var(--bg);min-height:100vh}button,input{font:inherit}.app-shell{width:min(960px,100% - 2rem);margin:0 auto;padding:1.5rem 0 3rem}.top{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--teal-deep);margin:.15rem 0;font-size:clamp(2.2rem,5vw,3rem);font-weight:600;line-height:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.72rem}.tagline{color:var(--muted);margin:0}.top-stats{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.stat-chip{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.9rem;display:inline-flex}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfcfdbf;border-radius:999px;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;padding:.35rem;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .95rem}.nav-item.active{background:var(--teal);color:#fff}.main{gap:1rem;display:grid}.hero-study{border-radius:var(--radius);background:linear-gradient(135deg, #0b5f66eb, #08474ce0), var(--teal);color:#f4fafb;box-shadow:var(--shadow);grid-template-columns:1fr auto;align-items:center;gap:1.25rem;padding:1.5rem;display:grid}.hero-study h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.45rem,3vw,1.9rem);font-weight:550;line-height:1.2}.hero-study p{opacity:.92;max-width:42ch;margin:0}.goal-ring{--p:0%;background:conic-gradient(#e7d3a8 var(--p), #fff3 0);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.goal-ring:after{content:"";background:#08474cf2;border-radius:50%;position:absolute;inset:8px}.goal-ring span,.goal-ring small{z-index:1;text-align:center;position:relative}.goal-ring span{font-family:var(--font-display);font-size:1.25rem;line-height:1}.goal-ring small{opacity:.8;margin-top:.15rem;font-size:.65rem;display:block}.card-grid.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.action-card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);gap:.25rem;padding:1rem 1.1rem;transition:transform .15s,border-color .15s;display:grid}.action-card:hover:not(:disabled){border-color:var(--teal);transform:translateY(-2px)}.action-card:disabled{opacity:.55;cursor:not-allowed}.action-card.accent{background:linear-gradient(#fffaf0,#f7ecda);border-color:#d9c39a}.action-card strong{font-size:1.02rem}.action-card span{color:var(--muted);font-size:.9rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.25rem}.panel h2,.panel h3{font-family:var(--font-display);margin-top:0}.panel h3{align-items:center;gap:.4rem;display:flex}.muted{color:var(--muted)}.weak-list,.history,.rules,.guide{padding-left:1.1rem}.weak-list{gap:.4rem;padding:0;list-style:none;display:grid}.weak-list button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#f3f7f9;border-radius:12px;justify-content:space-between;gap:1rem;width:100%;padding:.7rem .85rem;display:flex}.history{gap:.45rem;padding:0;list-style:none;display:grid}.history li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:.45rem 0;display:grid}.pass{color:var(--ok)}.fail{color:var(--ko)}.tema-list,.case-list{gap:.55rem;display:grid}.tema-row,.case-card{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;box-shadow:var(--shadow);border-radius:14px;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;display:flex}.tema-row div,.case-card{gap:.2rem;display:grid}.tema-row span:last-child,.case-card span{color:var(--muted);font-size:.9rem}.case-card.open{border-color:var(--teal)}.pill{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.25rem .5rem;font-size:.72rem}.pill.general{color:var(--teal-deep);background:#dcecf0}.pill.especifica{color:#6b4e16;background:#f0e6d2}.flow-hint{color:var(--teal-deep);background:#e7f3f4;border-radius:12px;padding:.75rem 1rem;font-size:.95rem}.notice-otras-conv{color:#2a3d2e;background:#eef5ea;border-left:3px solid #2f5d3a;border-radius:0 10px 10px 0;margin:.75rem 0 1.25rem;padding:.75rem .95rem;font-size:.92rem;line-height:1.4}.tema-section{border-top:1px solid var(--line);margin:1.25rem 0;padding-top:.5rem}.tema-section h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.15rem}.tema-section p{color:#24313a;line-height:1.55}.sticky-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fbfcfdeb;border-radius:14px;margin-top:1.25rem;padding:.75rem;position:sticky;bottom:.75rem}.scenario{border-left:3px solid var(--teal);background:#f3f7f9;border-radius:0 12px 12px 0;padding:.85rem 1rem}.btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.65rem 1.1rem}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.row-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.method ol,.method ul{line-height:1.55}.foot{text-align:center;color:var(--muted);margin-top:2rem;font-size:.85rem}.quiz{width:min(800px,100% - 1.5rem);margin:0 auto;padding:1rem 0 2rem}.quiz-bar{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.quiz-meta{flex:1;min-width:0;display:grid}.quiz-meta strong{font-family:var(--font-display)}.quiz-meta span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.quiz-count,.timer{font-variant-numeric:tabular-nums;font-weight:600}.timer-warn{color:var(--ko)}.progress-track{background:var(--bg-accent);border-radius:999px;height:6px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:var(--teal);height:100%;transition:width .2s}.quiz-badges{flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;display:flex}.quiz-body .badge{color:var(--teal-deep);background:#dcecf0;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;display:inline-block}.quiz-body .badge-oficial{color:#2f5d3a;background:#e8efe4}.question-source{color:var(--muted,#5a6b6e);margin:0 0 .75rem;font-size:.85rem;line-height:1.35}.stem{font-family:var(--font-display);margin:0 0 1rem;font-size:1.35rem;line-height:1.3}.options{gap:.55rem;display:grid}.option{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;align-items:flex-start;gap:.75rem;padding:.85rem .95rem;display:flex}.option:hover:not(:disabled){border-color:var(--teal)}.option.selected{border-color:var(--teal);background:#e7f3f4}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.wrong{border-color:var(--ko);background:var(--ko-bg)}.opt-letter{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:1.6rem;height:1.6rem;font-size:.85rem;font-weight:700;display:grid}.explain{border-radius:12px;margin-top:1rem;padding:.9rem 1rem}.explain.ok{background:var(--ok-bg)}.explain.ko{background:var(--ko-bg)}.explain p{margin:.35rem 0 0;line-height:1.5}.quiz-actions{justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.result-panel{text-align:center;margin-top:2rem}.result-panel h1{font-family:var(--font-display);margin:.3rem 0;font-size:3rem}@media (width<=720px){.hero-study,.card-grid.actions{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start}.nav{border-radius:16px}}*{box-sizing:border-box}body{margin:0}