/* Identidad propia: un cuaderno de juegos infantil, con personajes SVG originales. */
:root{--cream:#fffaf0;--ink:#254c91;--muted:#52648a;--line:#c5d8f0;--green:#3066bc;--orange:#e26443;--mint:#e4f3ff;--shadow:0 5px 0 #d8e5f6}
body{font-family:'Trebuchet MS','Arial Rounded MT Bold',Arial,sans-serif;background-color:#fffaf0;background-image:radial-gradient(#dbe6f580 .8px,transparent .8px);background-size:20px 20px;color:#2b4571}
h1,h2,h3{font-family:'Trebuchet MS','Arial Rounded MT Bold',Arial,sans-serif;letter-spacing:-.025em;font-weight:900;color:#254c91}a{color:#285ca9}.shell{max-width:1160px}.site-header{border-bottom:3px solid #c5d8f0;background:#fff}.header-content{min-height:88px}.brand{font-size:19px;color:#254c91;font-weight:900}.brand small{color:#5e72a1;font-size:13px}.brand img{width:50px;height:50px;transform:rotate(-5deg)}.main-nav a{font-weight:750;border:2px solid transparent;border-radius:12px}.main-nav .nav-create{background:#ffdc70;color:#254c91;border-color:#254c91;box-shadow:0 3px 0 #254c91}.main-nav .nav-create:hover{background:#ffe99a}.button,button.button{border:2px solid #254c91;border-radius:13px;background:#3d78cb;box-shadow:0 4px 0 #254c91;font-family:inherit;font-weight:800;color:#fff;transition:transform .12s,box-shadow .12s;min-height:48px}.button:hover,button.button:hover{background:#2f67b7;transform:translateY(-2px);box-shadow:0 6px 0 #254c91}.button.coral,button.button.coral{background:#ffdc70;border-color:#254c91;color:#254c91}.button.coral:hover{background:#ffe99a}.button.secondary,button.button.secondary{background:#fff;color:#254c91;border-color:#254c91;box-shadow:0 3px 0 #b5c9e5}.button.secondary:hover{background:#edf6ff}.eyebrow{color:#7450a3;letter-spacing:.1em;font-size:12px;font-weight:800}.kids-welcome{margin:30px 0 46px;padding:34px 30px 18px;border:3px solid #254c91;box-shadow:0 7px 0 #bddaf0;background:#dff3ff;border-radius:32px;text-align:center;overflow:hidden}.welcome-label{display:inline-block;background:#fff;border:1px dashed #6688c1;padding:5px 14px;border-radius:999px;font-size:13px;color:#4c68a1;font-weight:700;margin-bottom:18px}.kids-welcome h1{font-size:clamp(40px,5.5vw,68px);line-height:1.08;margin:0 auto 20px;max-width:850px}.kids-welcome h1 span{color:#7251ac}.kids-welcome>p{font-size:18px;line-height:1.6;max-width:690px;margin:0 auto 22px;color:#405d8b}.kids-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:14px}.mascot-scene{display:block;width:760px;max-width:100%;height:auto;margin:6px auto -4px}.welcome-facts{display:flex;gap:24px;justify-content:center;font-size:13px;font-weight:700;color:#456497;margin:12px 0 0}.section-intro{display:block;text-align:center;margin-bottom:26px}.section-intro h2{font-size:clamp(29px,3.6vw,40px)}.section-intro p{max-width:620px;margin:0 auto;color:#52648a}.theme-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.search-wrap{width:100%;max-width:540px;flex:auto}.search-wrap input{height:48px;border:2px solid #b9ceeb;border-radius:14px;background:#fff;font-size:16px}.search-wrap label{color:#5478b1}.filters{justify-content:center;gap:9px}.filters button{font-size:14px;border:2px solid #c5d8f0;border-radius:12px;background:white;color:#3d5a8e;font-weight:750}.filters button[aria-pressed=true]{background:#8f7bcd;border-color:#6650a0;box-shadow:0 3px 0 #6650a0;color:white}.theme-count{text-align:center;color:#64779a;font-size:13px}.theme-grid{gap:20px}.theme-card{position:relative;align-items:center;text-align:center;background:#fff;border:2px solid #a8c6e9;box-shadow:0 5px 0 #d4e3f6;border-radius:22px;gap:8px;padding:24px 18px 18px;transition:transform .12s,box-shadow .12s;overflow:hidden}.theme-card:before{content:'';position:absolute;inset:0 0 auto;height:90px;background:var(--tint);opacity:.65;z-index:0}.theme-card>*{position:relative}.theme-card:hover{transform:translateY(-4px);border-color:#507dbb;box-shadow:0 9px 0 #c6d9ef}.theme-icon{width:66px;height:66px;border:2px solid #a6bcdb;background:var(--tint,#e5e0ff);border-radius:20px;color:var(--accent,#6d5eaf);box-shadow:0 3px 0 #cbd8ed;margin-bottom:12px;flex:none}.theme-icon svg{width:39px;height:39px;stroke-width:1.9}.theme-card h3{font-size:21px;line-height:1.17;min-height:49px;color:#2d4d89}.theme-card p{font-size:13px}.theme-card .card-link{display:flex;justify-content:center;gap:10px;width:100%;background:#eaf3ff;border:1px solid #c5d8f0;padding:8px 10px;margin-top:12px;font-size:14px;font-weight:800;border-radius:10px;color:#285ca9}.new-tag{position:absolute;top:10px;right:8px;font-size:8px;font-weight:900;background:#ffdc70;color:#72531b;border:1px solid #d9b150;padding:2px 5px;transform:rotate(6deg);border-radius:5px}.create-banner{display:block;text-align:center;background:#f0eaff;border:3px dashed #9d85cf;box-shadow:none;border-radius:28px;padding:36px;margin:34px 0 48px;color:#254c91}.create-banner .eyebrow{color:#7450a3}.create-banner h2{color:#5f4697;max-width:none;font-size:34px}.create-banner p{margin:0 auto;max-width:680px;color:#625c84;font-size:17px}.create-banner .button{margin-top:22px;color:#254c91;background:#ffdc70;border-color:#254c91}.how-grid{background:#fff;border:2px solid #c5d8f0;border-radius:24px;padding:26px;gap:25px}.how-grid article{border:0;padding:0;text-align:center}.how-grid .step{margin:0 auto 18px;background:#ffdc70;border:2px solid #254c91;width:44px;height:44px;box-shadow:0 3px 0 #bdd0e9;font-size:18px;font-weight:900}.how-grid h3{font-size:23px}.how-grid p{font-size:15px;color:#576b91}.section:has(.how-grid){text-align:center}.site-footer{background:#e4f1ff;border-top:3px solid #b4cdec;color:#254c91}.footer-content strong{font-size:18px}.footer-links a,.footer-content p{color:#49668d}.breadcrumbs{color:#5c7397}.page-intro{display:block;text-align:center;padding:8px 0 28px;max-width:850px;margin:0 auto}.page-intro .theme-icon{margin:0 auto 18px;width:68px;height:68px}.page-intro h1{font-size:clamp(31px,4vw,48px);color:#254c91}.page-intro p{margin:0 auto;color:#52658b;max-width:700px;font-size:16px}.play-layout{display:flex;flex-direction:column;gap:20px}.options{width:100%;border:2px solid #b9c9ed;border-radius:18px;background:#f2f6ff;box-shadow:0 4px 0 #d6e0f6}.options>summary{font-size:17px;background:#e7e4fa;color:#5b4b8f;padding:14px 20px}.options-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1fr);gap:0 20px;padding:20px}.options-content>.full{grid-column:auto}.options-content>.full:has(#custom){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}.options-content>.full:has(#custom)>label[for=custom]{grid-column:2;grid-row:1}.options-content>.full:has(#custom)>#custom{grid-column:2;grid-row:2/5;min-height:140px}.options-content>.full:has(#custom)>.hint{grid-column:1}.options-content>div:has(#dif),.options-content>div:has(#tam){grid-row:auto}.options-content>.hint{grid-column:1/-1;margin:0 0 6px}.options-content>.check-option{grid-column:auto;align-self:center}.options-content>.option-separator{grid-column:1/-1;width:100%;margin:7px 0 14px}.options-content>#imp{grid-column:3;grid-row:auto;align-self:center;margin:0}.options-content>#gen{align-self:end;margin:0 0 16px}.options-content>.msg{grid-column:1/-1}.options label{font-size:14px;color:#385487}.options select,.options input[type=text],.options textarea{border:2px solid #c0d1eb;border-radius:11px;font-family:inherit}.options .check-option{font-size:13px;color:#4a6186}.options input[type=checkbox]{accent-color:#7159b0}.game-sheet{width:100%;padding:30px;border:3px solid #779ed3;border-radius:26px;background:#fff;box-shadow:0 7px 0 #d2e2f7}.board-top{justify-content:space-between;align-items:center;margin-bottom:14px}.board-top h2{font-size:28px;color:#254c91}.board-top .sub{color:#5b7195;font-size:15px}.puzzle-tags span{background:#fff1c5;color:#806329;border:1px solid #edd491;font-size:12px;padding:6px 12px;border-radius:9px}.progress-line{background:#f0ecff;border:1px solid #ded4f6;border-radius:12px;padding:10px 14px;color:#655294;font-size:13px;margin:14px 0 22px}.progress-line progress{max-width:none;height:11px;accent-color:#8b73c9}.progress-line progress::-webkit-progress-bar{background:#ded6ef}.progress-line progress::-webkit-progress-value{background:#8b73c9}.kids-play-area{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:25px;align-items:start}.kids-board-wrap{min-width:0}.board{max-width:650px;border:2px solid #b7d1e8;background:#fffdf6;border-radius:12px}.board .cell{font-family:'Trebuchet MS',sans-serif;font-weight:800;color:#304c7e;border-color:#e5edf5;font-size:clamp(10px,calc(290px / var(--n)),24px);background:#fffdf8}.board .cell:hover{background:#e6f3ff}.board .cell.selected{background:#ffdc70!important;color:#6b4a13}.board .cell.found[data-color="0"]{background:#aee5ca}.board .cell.found[data-color="1"]{background:#b2daff}.board .cell.found[data-color="2"]{background:#ffe29a}.board .cell.found[data-color="3"]{background:#d7c4fa}.board .cell.found[data-color="4"]{background:#ffc8b9}.kids-word-box{background:#fff6d8;border:2px solid #ead39a;padding:18px 16px;border-radius:18px}.word-heading{margin:0 0 16px;line-height:1.4;text-transform:none;letter-spacing:0;color:#8a672c;font-size:17px}.word-list{grid-template-columns:minmax(0,1fr);gap:11px}.word-list li{font-size:14px;color:#5b5d7f;font-weight:750;line-height:1.4}.word-check{border:2px solid #d4c39c;width:18px;height:18px;background:#fff;border-radius:6px;color:#36785b}.word-list li.complete>span:last-child{color:#4e8066}.word-list li.complete .word-check{background:#aee5ca;border-color:#74b893}.status{background:#e9f3ff;border:1px dashed #bad0ed;color:#446391;border-radius:12px;font-size:14px;margin:20px 0 0}.board-actions{justify-content:center;margin:22px 0 8px}.keyboard-help{font-size:13px;margin-top:18px}.win{background:#e5f7ec;border:2px solid #88c8a5;box-shadow:0 4px 0 #cce8d7;border-radius:18px;text-align:center}.win strong{color:#397c5a;font-size:25px}.win strong:before{content:'★ ';color:#c49923}.win strong:after{content:' ★';color:#c49923}.article-block{max-width:100%;border:2px solid #cad8ed;border-radius:20px;background:#fffdf8;padding:28px}.article-block h2{color:#6c58a0}.article-block p,.article-block li{color:#57698b}.related .theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related h2{color:#254c91}.related .theme-card{padding:20px 14px}.related .theme-icon{width:50px;height:50px}.related .theme-card:before{height:70px}.related .theme-card h3{font-size:18px}.board-hint{color:#5c779c;font-size:13px}.size-note,.solution-note{background:#fff1c5;border:1px solid #ecd197}.large-type .board .cell{font-size:clamp(10px,calc(320px / var(--n)),27px)}
@media(max-width:1000px){.kids-play-area{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.game-sheet{padding:24px}.kids-word-box{padding:16px 12px}.word-list li{font-size:12px}.word-heading{font-size:15px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-play-area{grid-template-columns:minmax(0,1fr)}.kids-word-box{padding:18px}.word-list{grid-template-columns:repeat(3,minmax(0,1fr))}.word-list li{font-size:13px}.word-heading{font-size:17px}.board{max-width:590px}.options-content{grid-template-columns:repeat(2,minmax(0,1fr))}.options-content>#gen{grid-column:1/-1}.options-content>#imp{grid-column:1/-1;grid-row:auto;margin-top:10px}.options-content>.full:has(#custom){display:block}.options-content>.full:has(#custom)>#custom{min-height:160px}.options-content>.hint{margin-top:10px}.options-content>.check-option{grid-column:auto}.how-grid{padding:24px 18px}.how-grid h3{font-size:20px}.how-grid p{font-size:14px}}
@media(max-width:560px){.header-content{padding-top:12px;padding-bottom:14px}.brand{font-size:18px}.brand img{width:44px;height:44px}.brand small{font-size:12px}.main-nav a{font-size:12px;padding:8px}.main-nav .nav-create{box-shadow:0 2px 0 #254c91}.kids-welcome{margin:22px 0 36px;border-radius:24px;padding:25px 15px 18px;box-shadow:0 5px 0 #bddaf0}.welcome-label{font-size:11px;max-width:100%;padding:5px 9px;margin-bottom:18px}.kids-welcome h1{font-size:39px;line-height:1.08}.kids-welcome>p{font-size:16px;line-height:1.55;margin-bottom:22px}.kids-actions{gap:12px;flex-direction:column;align-items:center}.kids-actions .button{width:90%;font-size:15px;min-height:48px}.mascot-scene{width:calc(100% + 10px);max-width:none;margin:12px -5px 0}.welcome-facts{font-size:10px;gap:10px;flex-wrap:wrap;margin-top:10px}.section-intro h2{font-size:31px}.section-intro .eyebrow{font-size:11px}.theme-controls{gap:14px}.filters{gap:7px}.filters button{font-size:12px;padding:7px 10px}.theme-grid{gap:15px 12px}.theme-card{padding:20px 12px 15px;border-radius:18px;gap:8px}.theme-icon{width:58px;height:58px;border-radius:17px;margin-bottom:10px}.theme-icon svg{width:34px;height:34px}.theme-card h3{font-size:19px;min-height:46px}.theme-card p{font-size:11px}.theme-card .card-link{font-size:12px;padding:7px 6px;gap:7px;margin-top:10px}.theme-card:before{height:78px}.new-tag{font-size:7px;top:7px;right:5px;padding:2px 4px}.create-banner{padding:26px 20px;border-radius:23px}.create-banner h2{font-size:29px}.create-banner p{font-size:16px}.create-banner .button{font-size:14px;padding:10px 15px}.how-grid{gap:23px;text-align:left}.how-grid article{text-align:left}.how-grid .step{float:left;margin:0 14px 0 0;width:40px;height:40px;font-size:17px}.how-grid h3{padding-top:7px;font-size:22px}.how-grid p{margin-left:54px}.breadcrumbs{font-size:11px;margin-top:18px}.page-intro .theme-icon{width:58px;height:58px;margin-bottom:16px}.page-intro h1{font-size:32px}.page-intro p{font-size:15px}.options{border-radius:15px}.options>summary{font-size:16px;padding:14px 16px}.options-content{padding:16px;gap:0 12px}.options label{font-size:13px}.options-content>.check-option{grid-column:1/-1}.game-sheet{padding:18px 12px;border-radius:20px;border-width:2px;box-shadow:0 5px 0 #d2e2f7}.board-top{display:block;text-align:center}.board-top h2{font-size:25px}.board-top .sub{font-size:13px}.puzzle-tags{justify-content:center;margin-top:12px}.puzzle-tags span{font-size:11px}.progress-line{padding:9px 10px;font-size:12px;margin:16px 0 18px;gap:8px}.progress-line progress{max-width:none}.kids-play-area{gap:16px}.board{border-radius:9px}.board .cell{font-size:clamp(9px,calc(228px / var(--n)),20px)}.board-hint{font-size:11px;margin-top:10px}.kids-word-box{border-radius:14px;padding:15px 12px}.word-heading{font-size:16px;margin-bottom:12px}.word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.word-list li{font-size:12px}.word-check{width:16px;height:16px;flex:none}.status{font-size:12px;padding:12px;margin-top:16px}.board-actions{gap:10px}.board-actions .button{font-size:12px;padding:8px;min-height:42px}.keyboard-help{font-size:12px}.article-block{padding:22px 20px}.article-block h2{font-size:25px}.article-block p,.article-block li{font-size:15px}.related .theme-card{padding:18px 12px}.related .theme-card h3{font-size:17px;min-height:40px}.related .theme-icon{width:48px;height:48px}.large-type .board .cell{font-size:clamp(10px,calc(250px / var(--n)),22px)}.large-type .word-list li{font-size:14px}}
@media(max-width:350px){.kids-welcome h1{font-size:33px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card{padding-inline:9px}.theme-card h3{font-size:17px}.theme-card .card-link{font-size:11px}.related .theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related .theme-card{padding-inline:8px}.related .theme-card h3{font-size:15px}.filters button{font-size:11px;padding-inline:8px}.progress-line{font-size:11px}.options-content{display:block}.word-list li{font-size:11px}}
@media print{body{background:#fff;font-family:system-ui,sans-serif}.site-header,main,.site-footer{display:none!important}.print-page{font-family:system-ui,sans-serif;color:#152c27}.print-page h1{color:#152c27;font-family:system-ui,sans-serif;font-size:23pt}.print-grid{border-radius:0}.print-grid span{font-family:system-ui,sans-serif}.print-words li{color:#152c27}}
@media print{.print-page.dense-print .print-grid{width:150mm}.print-page.dense-print .print-words{font-size:9.5pt;gap:1.5mm 4mm;margin-top:4mm;margin-bottom:2mm}.print-page.dense-print .print-credit{margin-top:2mm}.print-page.dense-print h1{font-size:20pt}}
