:root{color-scheme:light;--ink:#173d4b;--muted:#536871;--paper:#fff;--back:#f4f7f5;--line:#d7e3de;--green:#146f58;--mint:#e9f5ef;--gold:#e8b844}*{box-sizing:border-box}body{margin:0;background:var(--back);color:var(--ink);font:18px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#12614d;text-underline-offset:3px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #bf7900;outline-offset:4px}header{background:white;border-bottom:1px solid var(--line)}.bar{max-width:1080px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:20px;font-weight:800;text-decoration:none;color:var(--ink)}.brand small{display:block;font-size:12px;letter-spacing:.1em;color:var(--green);text-transform:uppercase}nav{display:flex;gap:22px;font-size:15px}main{max-width:1000px;padding:32px 24px 56px;margin:auto}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:var(--green);margin-bottom:8px}h1{font-size:clamp(30px,5vw,46px);line-height:1.14;letter-spacing:-.03em;margin:0 0 16px}h2{font-size:25px;line-height:1.3}h3{font-size:22px;line-height:1.3}p{margin:12px 0}.intro{max-width:710px;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.pill{font-size:13px;padding:5px 12px;border-radius:30px;background:var(--mint);color:#155a48}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}.card p{color:var(--muted);font-size:16px;flex:1}.art{height:110px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--mint);border-radius:12px;font-size:37px;letter-spacing:2px}.art.math{background:#fff4d9;font-weight:800;font-size:31px}.art.words{background:#eaf1ff;color:#315084;font-size:28px;font-weight:750}.cta,.secondary,.tile,.word,.answer{border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);padding:11px 17px;min-height:48px;font-weight:650}.cta{display:inline-block;text-align:center;text-decoration:none;background:var(--green);border-color:var(--green);color:white}.cta:hover{background:#0c5946}.secondary:hover,.word:hover,.answer:hover{background:var(--mint)}.card .cta{margin-top:16px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;margin:26px 0}.controls{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.controls label{font-size:15px;font-weight:650;display:flex;flex-direction:column;gap:6px}.controls select{border:1px solid #9eb5ac;background:white;border-radius:9px;padding:10px;color:var(--ink);min-height:48px}.status{font-size:16px;color:var(--muted);margin:20px 0 12px;min-height:26px}.message{padding:12px 15px;border-radius:10px;background:#f0f5f2;min-height:54px;margin-top:18px;font-weight:550}.message:empty{display:none}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:650px;margin:20px auto}.tile{height:106px;background:#e8f1ee;border-color:#c1d7cd;font-size:25px}.tile .symbol{font-size:34px;display:block;line-height:1.1}.tile .name{font-size:14px}.tile.revealed,.tile.matched{background:#fff9e9;border-color:#d3ac4d}.tile.matched{opacity:1;color:var(--ink);border:2px solid var(--green);background:var(--mint)}.board[data-size="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.instruction{font-size:16px;color:var(--muted)}.word-bank,.sentence{display:flex;flex-wrap:wrap;gap:10px;min-height:76px;padding:15px;border-radius:12px}.word-bank{background:#f4f7f5}.sentence{border:2px dashed #a7beb3;margin:18px 0;align-content:center}.sentence:empty:before{content:"Tu frase aparecerá aquí";color:#647971;font-size:16px}.sentence .word{background:#e8f5ee}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.question{font-size:clamp(36px,8vw,62px);font-weight:800;text-align:center;padding:18px 4px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:440px;margin:auto}.answer{font-size:27px;padding:18px}.answer.correct{background:var(--mint);border:2px solid var(--green);opacity:1}.answer.wrong{background:#fff2df;border-color:#be7b1c}.completion{background:var(--mint);border-radius:15px;padding:22px}.completion h2{margin-top:0}.adult{margin-top:32px;border-top:1px solid var(--line);padding-top:16px;font-size:16px;color:var(--muted)}.adult h2{color:var(--ink)}.adult ul{padding-left:23px}footer{max-width:1000px;margin:auto;padding:24px;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.breadcrumb{font-size:14px;margin-bottom:24px}.notice{padding:16px 20px;background:#e9f3ed;border-radius:12px;font-size:15px;margin-top:28px}[hidden]{display:none!important}noscript p{padding:20px;background:#fff1d2}@media(max-width:700px){.cards{grid-template-columns:1fr}.bar{padding:14px 18px}.brand{font-size:18px}nav{gap:13px;font-size:14px}main{padding:24px 16px 40px}.panel{padding:18px}.board{gap:8px}.tile{height:88px;padding:6px}.tile .symbol{font-size:28px}.tile .name{font-size:12px}.controls{gap:10px}.controls label{width:100%}.controls select{width:100%}.art{height:90px}.actions button{flex:1}.word{padding:9px 12px}.card{padding:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s}}@media print{header,nav,.controls,.actions,.board,.word-bank,.answers,.cta,footer{display:none!important}body,main,.panel{background:white;border:0;color:black}main{padding:0}.adult{break-inside:avoid}@page{margin:20mm}}

.card>.eyebrow{margin-top:18px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}