@import url("social-v161.css");
:root{--ink:#12213a;--blue:#163f70;--soft:#f3f7fc;--line:#dfe7f1;--purple:#6d4df5}
body.pub170{margin:0;background:#f5f8fc;color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.pub170-top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 clamp(14px,3vw,42px);position:sticky;top:0;z-index:50}
.pub170-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);white-space:nowrap}
.pub170-brand span{width:38px;height:38px;border-radius:11px;background:#10233f;color:#fff;display:grid;place-items:center;font-weight:900}
.pub170-links{display:flex;gap:20px;margin:auto}.pub170-links a,.pub170-account a{text-decoration:none;color:var(--ink);font-weight:750}
.pub170-account{display:flex;align-items:center;gap:10px}.pub170-signup,.pub170-create{background:#10233f!important;color:#fff!important;padding:10px 14px;border-radius:999px}
.pub170-login{padding:9px 6px}
.public-shell{width:min(1180px,calc(100% - 28px));margin:26px auto 80px}
.public-hero{border-radius:26px;padding:clamp(32px,6vw,72px);background:linear-gradient(135deg,#10233f,#285f9d);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;overflow:hidden}
.public-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:.98;letter-spacing:-.045em;margin:10px 0 18px}.public-hero p{font-size:1.08rem;line-height:1.6;color:#dce9f8;max-width:680px}
.public-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.public-actions a{padding:12px 17px;border-radius:12px;text-decoration:none;font-weight:850}.public-actions .light{background:#fff;color:#10233f}.public-actions .ghost{border:1px solid #ffffff55;color:#fff}
.hero-orbit{display:grid;place-items:center}.hero-orbit div{width:min(290px,70vw);aspect-ratio:1;border-radius:50%;border:1px solid #ffffff38;display:grid;place-items:center;font-size:5rem;background:#ffffff0c;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05}
.public-section{margin-top:34px}.public-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.public-title h2{font-size:1.7rem;margin:3px 0}.public-title a{color:#2867aa;text-decoration:none;font-weight:800}
.public-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px #173b6510}.public-card h3{margin:7px 0}.public-card p{color:#5c6b80;line-height:1.5}.public-card a{text-decoration:none;color:inherit}.public-card .tag{font-size:.68rem;font-weight:900;color:#2867aa;letter-spacing:.08em}
.join-strip{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.join-strip h2{margin:0 0 5px}.join-strip a{background:#10233f;color:#fff;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:850;white-space:nowrap}
.guest-gate{background:#f8fbff;border:1px solid #dbe7f4;border-radius:14px;padding:18px;text-align:center}.guest-gate a{display:inline-block;margin:7px 4px 0;padding:9px 12px;border-radius:10px;text-decoration:none;font-weight:800}.guest-gate .signup{background:#10233f;color:#fff}.guest-gate .login{border:1px solid #ccd8e7;color:#263b56}
.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink);transition:.18s transform,.18s box-shadow}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #173b6520}.game-icon{font-size:2rem}.game-card h3{margin:10px 0 5px}.game-card p{color:#68768a;font-size:.9rem;line-height:1.45}
.game-shell{width:min(900px,calc(100% - 28px));margin:28px auto 80px}.game-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,36px);box-shadow:0 14px 40px #173b6514}.game-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.game-head h1{margin:5px 0}.scorebar{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.scorebar span{background:#eef4fb;padding:8px 11px;border-radius:999px;font-weight:800}.game-stage{min-height:330px;border-radius:18px;background:#f7f9fc;border:1px solid #e1e8f1;padding:22px;display:grid;place-items:center;text-align:center}.game-stage button,.game-btn{border:0;background:#163f70;color:#fff;padding:12px 16px;border-radius:11px;font-weight:850;cursor:pointer}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.choices button{min-width:82px}.memory-grid{display:grid;grid-template-columns:repeat(4,72px);gap:9px}.memory-grid button{height:72px;font-size:1.5rem;background:#173b65}.sequence{font-size:2rem;font-weight:900;letter-spacing:.08em}.big-target{font-size:4rem;font-weight:950}.word{font-size:2rem;font-weight:900;letter-spacing:.12em}.game-input{padding:12px;border:1px solid #cfd9e6;border-radius:10px;font-size:1rem}.result-good{color:#08783f;font-weight:900}.result-bad{color:#b42318;font-weight:900}
@media(max-width:900px){.pub170-links{display:none}.public-hero{grid-template-columns:1fr}.hero-orbit{display:none}.public-feed{grid-template-columns:1fr 1fr}.games-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.pub170-top{gap:8px}.pub170-brand b{display:none}.pub170-account{margin-left:auto}.pub170-login{display:none}.public-feed,.games-grid{grid-template-columns:1fr}.join-strip{align-items:start;flex-direction:column}.memory-grid{grid-template-columns:repeat(4,58px)}.memory-grid button{height:58px}.public-shell{width:min(100% - 18px,1180px)}}
.story-cofrecito-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.story-cofrecito-links a{padding:8px 10px;border:1px solid #ffffff33;border-radius:999px;color:#fff;text-decoration:none;font-size:.76rem;font-weight:800}