:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media screen and (max-width: 1024px){html,body{height:auto;min-height:100vh;overflow-y:auto;scroll-behavior:smooth}button,.interactive-element{min-height:44px;min-width:44px;padding:12px 16px}.scrollable-container{overflow-y:auto;scroll-behavior:smooth}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000080}.story-thumbnail{width:100%;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;font-size:3rem;border-radius:12px;overflow:hidden}.story-caperucita{background:linear-gradient(135deg,#ff6b6b,#ee5a52,#4ecdc4,#45b7b8,#26de81)}.story-caperucita:before{content:"🏰🌲👧🐺";color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:float 3s ease-in-out infinite}.story-tresCerditos{background:linear-gradient(135deg,#ffa726,#ffcc02,#8bc34a,#4caf50,#2196f3)}.story-tresCerditos:before{content:"🏠🐷🐺🔨";color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:bounce 2s ease-in-out infinite}.story-image{background-size:cover;background-position:center;min-height:300px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.story-image[src^="/images/caperucita"]{background:linear-gradient(45deg,#ff9a9e,#fecfef 50% 100%)}.story-image[src="/images/caperucita-1.jpg"]:before{content:"👧🏠👵"}.story-image[src="/images/caperucita-2.jpg"]:before{content:"🧺🍞🥖"}.story-image[src="/images/caperucita-3.jpg"]:before{content:"🌲🌿🦋"}.story-image[src="/images/caperucita-4.jpg"]:before{content:"🐺👀🌲"}.story-image[src="/images/caperucita-5.jpg"]:before{content:"🌸🦋🌺"}.story-image[src^="/images/tres-cerditos"]{background:linear-gradient(45deg,#a8e6cf,#88d8a3,#7fcdcd)}.story-image[src="/images/tres-cerditos-1.jpg"]:before{content:"🐷🐷🐷"}.story-image[src="/images/tres-cerditos-4.jpg"]:before{content:"🏠🌾🐷"}.story-image[src="/images/tres-cerditos-6.jpg"]:before{content:"🏘️🪵🐷"}.story-image[src="/images/tres-cerditos-8.jpg"]:before{content:"🏰🧱🐷"}.story-image[src="/images/tres-cerditos-11.jpg"]:before{content:"🐺😤💨"}.story-image[src]:not([src=""]){background:linear-gradient(135deg,#667eea,#764ba2)}.story-image:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:4rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.story-image{background-size:200% 200%;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.avatar-container{position:relative}.avatar-container:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;animation:glow-pulse 2s ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.drag-item{position:relative;overflow:hidden}.drag-item:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.drag-item:hover:after{transform:translate(100%)}.activity-game{background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%)}.story-reader{background-image:radial-gradient(circle at 25% 25%,rgba(255,183,197,.2) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(142,250,183,.2) 0%,transparent 50%)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}#app{width:100vw;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .5s ease}.slide-enter-from{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}.text-center{text-align:center}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.rounded{border-radius:.5rem}.shadow{box-shadow:0 4px 6px #0000001a}.cursor-pointer{cursor:pointer}.transition{transition:all .3s ease}