:root{--green:#0b7a3b;--green-dark:#064e2b;--red:#c62828;--cream:#fff7e6;--gold:#f4b942;--ink:#2c1f1a;--white:#fff;--shadow:0 16px 40px rgba(45,25,16,.2)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#1a0f0c;color:var(--ink)}body{display:grid;place-items:center}.app-shell{position:relative;width:min(100vw,520px);min-height:100svh;background:radial-gradient(circle at 20% 10%,rgba(244,185,66,.18),transparent 28%),radial-gradient(circle at 80% 30%,rgba(198,40,40,.12),transparent 30%),linear-gradient(180deg,#fff9ed 0%,#f6e6c8 100%);overflow-x:hidden;overflow-y:auto;isolation:isolate}.app-shell:before,.app-shell:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;z-index:-1;background:rgba(11,122,59,.08);right:-100px;bottom:-120px}.app-shell:after{background:rgba(198,40,40,.07);left:-130px;top:90px;right:auto;bottom:auto}@media(min-width:700px){.app-shell{min-height:auto;height:min(94vh,920px);aspect-ratio:9/16;border-radius:34px;box-shadow:0 30px 90px rgba(0,0,0,.5)}}.papel{position:absolute;top:0;left:0;right:0;height:54px;display:flex;z-index:5;pointer-events:none}.papel span{flex:1;clip-path:polygon(0 0,100% 0,100% 78%,80% 68%,65% 88%,50% 69%,35% 88%,20% 68%,0 78%)}.papel span:nth-child(3n+1){background:var(--green)}.papel span:nth-child(3n+2){background:#fff}.papel span:nth-child(3n){background:var(--red)}.userbar{position:absolute;z-index:9;top:62px;left:18px;right:18px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.95);border-radius:16px;padding:8px 10px;box-shadow:0 8px 18px rgba(0,0,0,.08);font-size:11px;font-weight:900}.userbar-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userbar-points{margin-left:auto;color:#79500f}.userbar-logout{border:0;background:#2e211b;color:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.screen{padding:116px 20px 24px;min-height:100svh}.top{display:flex;align-items:center;gap:10px}.back{width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.1);font-size:20px;cursor:pointer}.kicker{font-size:10px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:var(--red)}h1,h2,p{margin:0}.title{font-family:Georgia,"Times New Roman",serif;color:var(--green-dark);font-size:34px;line-height:.98;margin-top:14px}.sub{margin-top:9px;color:#6b5548;font-size:13px;line-height:1.45}.progress{height:8px;margin-top:18px;background:rgba(84,55,38,.12);border-radius:99px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));width:10%;transition:.3s}.count{font-size:11px;font-weight:850;color:#6d584c;margin-top:8px}.card{margin-top:16px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);border-radius:26px;padding:20px 17px;box-shadow:var(--shadow)}.qicon{font-size:34px}.question{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.05;margin-top:8px}.answers{display:grid;gap:10px;margin-top:16px}.answer{border:2px solid rgba(75,57,47,.12);background:#fffaf2;border-radius:16px;padding:14px 15px;text-align:left;font-size:14px;font-weight:850;color:#3b2a22;cursor:pointer}.answer.correct{border-color:var(--green);background:#eaf8ef;color:var(--green-dark)}.answer.wrong{border-color:var(--red);background:#fff0ef;color:#8f1717;animation:shake .28s ease}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.feedback{display:none;margin-top:12px;border-radius:16px;padding:12px 13px;font-size:12px;line-height:1.45;font-weight:750}.feedback.show{display:block}.feedback.good{background:#eaf8ef;color:#0a5b32}.feedback.bad{background:#fff0ef;color:#8f1717}.next{display:none;width:100%;margin-top:11px;padding:14px;border:0;border-radius:16px;background:var(--green);color:#fff;font-size:14px;font-weight:950}.next.show{display:block}.done{text-align:center;padding-top:145px}.done .emoji{font-size:68px}.done h2{font-family:Georgia,"Times New Roman",serif;color:var(--green-dark);font-size:39px;line-height:.98;margin-top:14px}.done p{font-size:14px;line-height:1.5;color:#5d4a40;margin:14px auto 0;max-width:340px}.points-award{display:inline-block;margin-top:16px;background:#fff5ce;border:1px solid #edd18c;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:950;color:#75520c}.actions{display:grid;gap:9px;margin-top:20px}.actions a,.actions button{text-decoration:none;border:0;border-radius:16px;padding:14px 16px;font-weight:950;font-size:13px;cursor:pointer}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:#8f1717}.hidden{display:none!important}
.seo-state-intro{margin:0 20px 100px;padding:17px 18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);border-radius:22px;color:#5d4a40;font-size:12px;line-height:1.55;box-shadow:0 8px 20px rgba(45,25,16,.08)}.seo-state-intro h2{font-family:Georgia,"Times New Roman",serif;color:var(--green-dark);font-size:20px;line-height:1.08;margin:0 0 7px}.seo-state-intro p{margin:0}.seo-state-intro a{display:inline-block;margin-top:10px;color:var(--green-dark);font-weight:900;text-decoration:none}