.jp{--navy:#08223F;--lime:#8BB926;--lime-d:#4a7a0f;--court:#c0392b;--court-kitchen:#a5312a;--jpline:#f5cd1a;--jpb:#e5e8ec;--ok:#2e7d32;--no:#c0392b;color:var(--navy);font-family:Helvetica Neue,Arial,sans-serif;line-height:1.55;max-width:760px;margin:0 auto;padding:26px 20px 48px}.jp *{box-sizing:border-box;margin:0;padding:0}.jp .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime-d)}.jp h1{font-size:2rem;font-weight:800;line-height:1.05;margin:.3rem 0 .4rem;text-transform:none;letter-spacing:0}.jp h1 .hl{color:var(--lime-d)}.jp .lead{color:#4a5560;font-size:1rem;max-width:58ch}.jp .intro{background:#fff;border:1px solid var(--jpb);border-radius:16px;padding:18px;margin-top:18px;box-shadow:0 2px 10px #08223f0f}.jp .intro h2{font-size:1.2rem;margin-bottom:6px}.jp .intro .sub{color:#6b7280;font-size:.9rem;margin-bottom:14px}.jp .rb{border-left:3px solid var(--jpb);padding:2px 0 2px 14px;margin:14px 0}.jp .rb.key{border-left-color:var(--lime)}.jp .rb h3{font-size:1rem;margin-bottom:3px}.jp .rb p{font-size:.94rem;color:#3b4550;margin:4px 0}.jp .rb ol,.jp .rb ul{margin:6px 0 6px 20px;font-size:.94rem;color:#3b4550}.jp .rb li{margin:3px 0}.jp .rb b{color:var(--navy)}.jp .ej{background:#f2f7e8;border-radius:8px;padding:7px 10px;font-size:.92rem}.jp .btn-leido{width:100%;margin-top:16px;padding:.95rem;border:none;border-radius:12px;background:var(--lime);color:var(--navy);font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer}.jp .btn-leido:hover{filter:brightness(.96)}.jp .juego{position:relative;background:#fff;border:1px solid var(--jpb);border-radius:16px;padding:16px;margin-top:16px;box-shadow:0 2px 10px #08223f0f;overflow:hidden}.jp .juego.bloq #ronda,.jp .juego.bloq #final{filter:grayscale(1);opacity:.35;pointer-events:none;user-select:none}.jp .candado{display:none}.jp .juego.bloq .candado{display:flex;position:absolute;inset:0;z-index:5;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffff8c;backdrop-filter:blur(1px);text-align:center;padding:20px}.jp .candado .lk{font-size:2.4rem}.jp .candado span{font-weight:800;color:var(--navy)}.jp .barra{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:.82rem;color:#6b7280;font-weight:600}.jp .nivel{padding:2px 10px;border-radius:999px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.jp .nivel.Facil{background:#e7f6ee;color:#2e7d32}.jp .nivel.Medio{background:#fff4e0;color:#b45309}.jp .nivel.Dificil{background:#fdeaea;color:#c0392b}.jp .progreso{flex:1;height:6px;background:#eef1f4;border-radius:99px;overflow:hidden;margin:0 10px}.jp .progreso i{display:block;height:100%;background:var(--lime);border-radius:99px;transition:width .3s}.jp .marcador{display:flex;justify-content:center;align-items:center;gap:6px;margin:2px 0 10px}.jp .marcador span{background:var(--navy);color:#fff;font-weight:800;font-size:1.15rem;min-width:38px;text-align:center;padding:5px 8px;border-radius:8px}.jp .marcador small{color:#9aa4ad;font-weight:700}.jp .pregunta{font-size:1.12rem;font-weight:700;text-align:center;margin:6px 0 12px}.jp .pista{position:relative;width:100%;max-width:330px;margin:0 auto;aspect-ratio:5/6;background:var(--court);border:3px solid var(--jpline);border-radius:8px;overflow:hidden}.jp .marca{position:absolute;left:50%;top:50%;width:60%;transform:translate(-50%,-50%);filter:brightness(0) invert(1);opacity:.17;pointer-events:none;z-index:1}.jp .kitchen{position:absolute;left:0;right:0;height:19%;background:var(--court-kitchen);display:grid;place-items:center}.jp .kitchen.top{top:31%;border-top:3px solid var(--jpline)}.jp .kitchen.bot{bottom:31%;border-bottom:3px solid var(--jpline)}.jp .kitchen b{font-size:.56rem;font-weight:800;letter-spacing:.06em;color:#ffffffd9;text-transform:uppercase}.jp .red{position:absolute;left:0;right:0;top:50%;height:18px;transform:translateY(-50%);z-index:2;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 1.5px,transparent 1.5px 8px);border-top:3px solid var(--jpline);border-bottom:3px solid var(--jpline)}.jp .cl{position:absolute;left:50%;width:0;border-left:3px solid var(--jpline);z-index:2}.jp .cl.top{top:0;height:31%}.jp .cl.bot{bottom:0;height:31%}.jp .etq{position:absolute;left:0;right:0;text-align:center;font-size:.64rem;font-weight:800;letter-spacing:.08em;color:#fff;text-transform:uppercase;z-index:2}.jp .etq.top{top:5px}.jp .etq.bot{bottom:5px}.jp .jug{position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;font-size:1.35rem;transform:translate(-50%,-50%);transition:transform .12s,box-shadow .12s;box-shadow:0 2px 6px #0000004d;z-index:3;cursor:default}.jp .jug.tu{background:var(--lime)}.jp .jug.rival{background:var(--navy)}.jp .jug.der{left:74%}.jp .jug.izq{left:26%}.jp .jug.abajo{top:82%}.jp .jug.arriba{top:18%}.jp .jug.click{cursor:pointer}.jp .jug.click:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 0 5px #8bb92666,0 2px 6px #0000004d}.jp .jug.bien{box-shadow:0 0 0 6px #2e7d3299;animation:jp-pop .4s}.jp .jug.mal{box-shadow:0 0 0 6px #c0392b99}@keyframes jp-pop{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.25)}to{transform:translate(-50%,-50%) scale(1)}}.jp .hint{text-align:center;font-size:.82rem;color:#6b7280;margin-top:8px}.jp .opciones{display:grid;gap:8px;margin-top:12px;max-width:440px;margin-left:auto;margin-right:auto}.jp .op{padding:.8rem 1rem;border:2px solid var(--jpb);border-radius:12px;background:#fff;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;text-align:center;transition:border-color .12s,background .12s}.jp .op:hover{border-color:var(--lime)}.jp .op.bien{border-color:var(--ok);background:#e7f6ee;color:#2e7d32}.jp .op.mal{border-color:var(--no);background:#fdeaea;color:#c0392b}.jp .op:disabled{cursor:default}.jp .fb{margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.95rem;display:none}.jp .fb.si{background:#e7f6ee;border-left:4px solid var(--ok)}.jp .fb.no{background:#fdeaea;border-left:4px solid var(--no)}.jp .fb b{display:block;margin-bottom:2px}.jp .acciones{display:flex;justify-content:flex-end;margin-top:12px}.jp .btn{padding:.7rem 1.4rem;border:none;border-radius:10px;background:var(--lime);color:var(--navy);font:inherit;font-weight:800;cursor:pointer}.jp .btn:hover{filter:brightness(.96)}.jp .final{text-align:center;padding:10px 6px}.jp .final .puntos{font-size:2.6rem;font-weight:800;color:var(--lime-d);margin:.2rem 0}.jp .final p{color:#4a5560;margin-bottom:14px}.jp .oculto{display:none}@media (max-width:560px){.jp h1{font-size:1.6rem}}