@import"https://fonts.googleapis.com/css2?family=Andika:wght@400;700&family=Butterfly+Kids&display=swap";*{box-sizing:border-box}html,body{min-height:100svh;margin:0;padding:0}body{font-family:Open Sans,Arial,sans-serif;background-color:#e2e2f5;background-image:url(/bg1.68f3c24fb04e26e4.webp);background-size:contain;color:#111}body,a,button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto;border-radius:4px}button{border:0}.bg-color{background-color:#fff6;border-radius:4px}.header{height:52px}.nav{position:relative;width:100%;height:50px;border-bottom:1px solid rgb(209 221 232)}.logo{width:auto;max-height:48px;margin-left:75px;padding:0}.nav-header{display:inline-block}.nav-check,.nav-btn{display:none}.nav-links{float:right;display:flex;height:50px;font-size:18px;font-weight:700;z-index:99}.nav-links a{display:inline-flex;align-items:center;padding:0 10px}.nav-links a:hover,.nav-links a:focus-visible,.item:hover,.item:focus-visible{background-color:#39bbff4d}.content{min-height:calc(100svh - 52px);margin:0 8px;padding-bottom:16px}h1,h2,h3{padding-top:8px}h1{font-size:1.65em;text-align:center}.centered{text-align:center;margin-inline:auto}.container{display:flex;flex-flow:row wrap;justify-content:space-around;align-content:flex-start}.item{display:flex;flex-basis:50%;flex-direction:column;padding:10px;margin:12px 0 6px;color:#111}.pointer{cursor:pointer}.content>.primary-button,.content button.primary-button{width:100%;min-height:48px;padding:6px 16px;margin-bottom:4px;color:#fff;font-size:22px;font-weight:700;background-color:#28c76f;border-radius:4px}.card{display:flex;flex-direction:column;width:100%;height:100%;max-width:660px;margin:auto;text-align:center;text-shadow:0 1px 0 #fff;font-size:22px;font-weight:700}.image-container,.word-container{position:relative}.word-container{display:flex;align-items:center;width:100%;min-height:48px;padding:0 16px;margin:7px 0;color:#111;font-size:22px;line-height:48px;text-align:center;background:linear-gradient(to bottom,#f9f9f9 5%,#e9e9e9);border-radius:4px}.text-color-border{text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.icon,.p18{width:18px;height:18px}.audio-indicator{position:absolute;right:0;bottom:0;display:none}.is-playing .audio-indicator{display:block}.color-swatch{width:100%;min-height:100px;border:1px solid #525252;border-radius:4px;box-shadow:inset 0 0 11px 3px #ffffffbf}.number,.char{width:100%;min-height:150px;font-family:Butterfly Kids,cursive;font-size:120px;line-height:1.1;color:#fff;text-align:center;background:url(/assets/bg/pizarra-verde.jpg) center / contain;border-radius:4px;text-shadow:-1px 1px 0 #919191,1px 1px 0 #919191,1px -1px 0 #919191,-1px -1px 0 #919191}.config-panel{max-width:660px;margin:24px auto;padding:16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{width:0;height:0;opacity:0}.slider{position:absolute;inset:0;cursor:pointer;background-color:#ccc;transition:.4s}.slider:before{position:absolute;bottom:4px;left:4px;width:26px;height:26px;content:"";background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (min-width: 1025px){.container{margin-inline:60px}.item{flex-basis:33%}}@media (max-width: 600px){.logo{margin-left:8px}.nav-btn{position:absolute;top:0;right:0;display:inline-block}.nav-btn label{display:inline-block;padding:16px 16px 0;cursor:pointer}.nav-btn label span{display:block;width:25px;height:10px;border-top:2px solid #333}.nav-check:checked~.nav-btn label{background-color:#0000004d}.nav-links{position:absolute;top:50px;left:0;display:block;width:100%;height:0;overflow-y:hidden;background-color:#333;transition:all .3s ease-in}.nav-links a{display:block;width:100%;padding:16px 10px;color:#fff}.nav-check:checked~.nav-links{height:calc(100svh - 50px);overflow-y:auto}}.image-button{position:relative;display:block;width:100%;padding:0;background:transparent;border-radius:4px}.card-spacer{flex:1 1 auto}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:6px 16px;margin-bottom:4px;color:#fff;font-size:22px;font-weight:700;background-color:#28c76f;border-radius:4px}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:760px;margin:8px auto 12px}.memory-card-container{display:block;width:100%;padding:4px;background:transparent;perspective:1000px}.memory-card{display:block;width:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped{transform:rotateY(180deg)}.colaboratebox{width:min(65%,760px);margin:50px auto 0;padding:30px;font-size:1.2em;background-color:#ffffffbf}.colaboratebox p{text-align:justify}.adult{display:flex;align-items:center;gap:8px}.adult input[type=text]{width:100px;height:34px;padding:1px 2px;font-size:1.2em}@media (max-width: 600px){.memory-board{grid-template-columns:repeat(3,minmax(0,1fr))}.colaboratebox{width:calc(100% - 24px);margin-top:24px;padding:18px}}.writing-grid{gap:10px;justify-content:center}.writing-card{position:relative;align-items:center;min-height:230px;overflow:hidden}.writing-card-letter,.writing-card-lower{font-family:Butterfly Kids,cursive;line-height:.9;color:#1976d2;text-shadow:0 1px 0 #fff}.writing-card-letter{font-size:92px}.writing-card-lower{position:absolute;top:34px;right:18px;font-size:54px;color:#28c76f}.writing-card-image{width:min(100%,180px);max-height:120px;object-fit:contain}.writing-pending{display:flex;align-items:center;justify-content:center;min-height:92px;margin:8px 0 0;color:#555;font-size:18px}.writing-sheet{gap:10px;max-width:760px;padding-bottom:8px}.writing-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;text-align:left}.writing-header h1{margin:0;padding:0;font-family:Andika,sans-serif;font-size:72px;line-height:.95;color:#1976d2}.writing-kicker{margin:0 0 2px;font-size:18px;font-weight:700}.trace-sound{flex:0 0 auto;width:76px;height:76px;font-family:Butterfly Kids,cursive;font-size:54px;color:#fff;background:#1976d2;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff8c}.writing-animal{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:12px;width:100%;min-height:110px;padding:10px 14px;color:#111;font-size:24px;font-weight:700;text-align:left}.writing-animal img{max-height:92px;object-fit:contain}.writing-missing{display:flex;justify-content:center;color:#555;text-align:center}.trace-board{position:relative;width:100%;min-height:330px;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0 78px,rgb(25 118 210 / 22%) 79px,transparent 80px),#ffffffc7;touch-action:none}.trace-guide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:12px;font-family:Andika,sans-serif;line-height:.9;color:transparent;-webkit-text-stroke:3px rgb(17 17 17 / 24%);text-shadow:0 0 1px rgb(17 17 17 / 18%);pointer-events:none}.trace-guide span:first-child{font-size:250px}.trace-guide span:last-child{font-size:220px}.trace-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.writing-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.secondary-button,.writing-actions .primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:6px 12px;margin:0;color:#fff;font-size:20px;font-weight:700;border-radius:4px}.secondary-button{background-color:#1976d2}@media (max-width: 600px){.writing-card{min-height:205px}.writing-card-letter{font-size:78px}.writing-card-lower{top:30px;right:14px;font-size:44px}.writing-header h1{font-size:58px}.trace-sound{width:64px;height:64px;font-size:44px}.writing-animal{grid-template-columns:88px 1fr;font-size:21px}.trace-board{min-height:260px}.trace-guide span:first-child{font-size:170px}.trace-guide span:last-child{font-size:150px}.writing-actions{grid-template-columns:1fr}}