: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;display:flex;place-items:center;min-width:320px;min-height:100vh}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:PurpleSmile;src:url(/assets/Purple%20Smile-CCLUE2qQ.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Regular-CfV-1dTi.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Medium-B2CDAGP6.ttf) format("truetype");font-weight:medium;font-style:normal}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Bold-OltQ2MHo.ttf) format("truetype");font-weight:700;font-style:normal}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hidden{opacity:0}.fade-in-up{animation:fadeInUp .8s ease-out forwards}html{scroll-behavior:smooth}#root{margin:0;padding:0;text-align:center;width:100%}body{font-family:Fredoka,sans-serif;margin:0;padding:0;background-color:#ffe6a8}.App{margin:0;padding:0;background-color:#ffe6a8;display:flex;flex-direction:column;width:100%}.content-container{width:100%;max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;text-align:center}.navbar-wrapper{background-color:#ffe6a8;padding:10px 0;position:sticky;top:0;z-index:1000;width:100%;transition:background-color .3s ease,box-shadow .3s ease}.navbar-wrapper.inverted{background-color:#ffe6a8;box-shadow:0 2px 5px #00000026}.navbar{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.logo-button{border:none;background:none;padding:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;filter:none;font-family:PurpleSmile,sans-serif;color:#ffaf2e;font-size:3rem;margin:0;line-height:1;cursor:pointer}.logo-button:hover,.logo-button:focus,.logo-button:active{border:none;background:none;outline:none;box-shadow:none}.navbar-wrapper.inverted .logo-button{color:#ffaf2e}nav{padding-right:0;margin-left:0}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center}nav ul li{margin:0 15px}nav ul li a{text-decoration:none;color:#6f3d03;font-weight:700;font-size:1.2rem;transition:color .3s ease,transform .2s ease;display:inline-block}nav ul li a:hover{text-decoration:underline;color:#ffb74d;transform:translateY(-2px)}.navbar-wrapper.inverted nav ul li a{color:#c56c05}.navbar-wrapper.inverted nav ul li a:hover{text-decoration:underline;color:#6f3d03}.intro-section{display:flex;align-items:center;justify-content:center;padding:50px 0;min-height:80vh;width:100%}.intro-content{display:flex;align-items:center;justify-content:center;gap:50px}.tosty-animation-container{background-color:#ffd77d;border-radius:100px;width:350px;height:350px;padding:10px;display:flex;justify-content:center;align-items:center;overflow:hidden}.intro-text-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.intro-section h1{font-family:PurpleSmile,sans-serif;color:#ae5f05;font-size:4.5rem;margin:0;line-height:1.1}.intro-section p{color:#6f3d03;font-size:1.2rem;max-width:400px;margin:20px 0}.intro-buttons{display:flex;gap:15px}.intro-section button,.intro-buttons a.intro-button{border-radius:15px;padding:18px 30px;font-family:Fredoka,sans-serif;font-weight:medium;font-size:1.5rem;cursor:pointer;transition:all .15s ease;border:none;box-shadow:0 3px #b3732d;text-decoration:none;display:inline-block;white-space:nowrap}.intro-section button:hover,.intro-buttons a.intro-button:hover{transform:translateY(-5px);box-shadow:0 6px #b3732d;color:#6f3d03}.intro-section button:focus,.intro-section button:active,.intro-buttons a.intro-button:focus,.intro-buttons a.intro-button:active{outline:none;transform:translateY(0);box-shadow:0 0 #b3732d}.intro-buttons button{background-color:#ffbd61;color:#6f3d03}.intro-buttons a.intro-button{background-color:#ffd489;color:#6f3d03}.queEs-section{padding:120px 0;background-color:#ffdc85;width:100%;box-shadow:0 10px 20px #00000026}.queEs-section h2{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:4rem;margin-top:0;margin-bottom:50px}.queEs-content{display:flex;align-items:center;justify-content:center;text-align:center;gap:40px}.queEs-text{flex:1}.queEs-text p{color:#6f3d03;font-size:1.2rem;line-height:1.6;margin-bottom:25px}.queEs-image-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:15px}.tosty-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tosty-grid img{width:100%;max-width:180px;height:auto;cursor:pointer;transition:transform .3s ease-in-out}.tosty-grid img:hover{transform:scale(1.05)}.color-bar-container{width:80%;margin-top:20px;display:flex;flex-direction:column;align-items:center;position:relative;height:50px}.color-bar-img{width:100%;height:auto;position:absolute;top:50%;transform:translateY(-50%)}.mecanicas-section{padding:120px 0;background-color:#ffe6a8;width:100%}.mecanicas-section h2{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:4rem;margin-top:0;margin-bottom:50px}.mecanicas-grid{display:flex;justify-content:center;gap:30px}.mecanica-card{flex:1;max-width:300px;padding:30px 20px;background-image:linear-gradient(to bottom,#ffdc85,#ffd367 87%,#ffc943);border-radius:20px;text-align:center;box-shadow:0 4px 8px #00000026;transition:transform .15s ease,box-shadow .15s ease}.mecanica-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000040}.mecanica-card h3{font-family:Fredoka,sans-serif;color:#d97706;font-weight:700;font-size:2rem;margin-top:0;margin-bottom:15px}.mecanica-card p{color:#6f3d03;font-size:1rem;line-height:1.4;margin:5px 0}.streak-img,.trophy-img,.coin-img{width:100px;height:100px;transition:transform .3s ease-in-out}.mecanica-card:hover .streak-img,.mecanica-card:hover .trophy-img,.mecanica-card:hover .coin-img{transform:scale(1.1)}.personaliza-section{padding:120px 0;background-color:#ffdc85;width:100%;box-shadow:0 10px 20px #00000026}.personaliza-content{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:50px}.personaliza-text-container{flex:1;max-width:45%}.personaliza-title{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:4rem;margin-top:0;margin-bottom:50px;text-align:center}.personaliza-text-container p{color:#6f3d03;font-size:1.2rem;line-height:1.6}.personaliza-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px;border-radius:25px;max-width:500px}.personaliza-grid img{width:100%;height:auto;cursor:pointer;transition:transform .3s ease-in-out}.personaliza-grid img:hover{transform:scale(1.05)}.amigos-section{padding:140px 0;background-color:#ffe6a8;width:100%}.amigos-content{display:flex;align-items:center;justify-content:center;gap:80px;text-align:left}.amigos-image-container{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}.tosty-friends-img{width:500px;height:auto;margin-left:-50px;cursor:pointer;transition:transform .3s ease-in-out}.tosty-friends-img:hover{transform:scale(1.05)}.amigos-text-container{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.amigos-text-container h2{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:4.5rem;line-height:1.1;margin-top:0;margin-bottom:1px;text-align:center}.amigos-text-container p{color:#6f3d03;font-size:1.2rem;line-height:1.6}.faq-section{padding:50px 0;background-color:#ffdc85;width:100%;box-shadow:0 10px 20px #00000026}.faq-title{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:3rem;line-height:1.1;margin-top:0;margin-bottom:50px;text-align:center}.faq-card-container{display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto}.faq-card{background-color:#ffd477;border-radius:20px;padding:20px 30px;text-align:left;box-shadow:0 4px 8px #00000026;cursor:default;transition:transform .1s ease,box-shadow .1s ease}.faq-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.faq-question-button{width:100%;background:none;border:none;padding:0;cursor:pointer}.faq-question-button:focus{outline:none}.faq-question{display:flex;justify-content:space-between;align-items:center;font-family:Fredoka,sans-serif;color:#d97706;font-weight:700;font-size:1.5rem;margin:0}.faq-plus{font-size:2rem;font-weight:400}.faq-answer{color:#6f3d03;font-size:1rem;margin-top:10px;display:none;padding-right:20px}.faq-card.open .faq-answer{display:block}.contact-card{background-image:linear-gradient(to bottom,#ffdc85,#ffd367 87%,#ffc943);border-radius:20px;padding:30px;margin-top:20px;text-align:center;box-shadow:0 4px 8px #00000026}.contact-card h3{color:#d97706;font-weight:700;font-size:1.5rem;margin-top:0;margin-bottom:15px}.contact-card p{color:#6f3d03;font-weight:medium;font-size:1.5rem;margin-top:0;margin-bottom:15px}.contact-button,.contact-button:visited{background-color:#ffbd61;color:#6f3d03;border-radius:15px;padding:12px 25px;font-family:Fredoka,sans-serif;font-weight:medium;font-size:1.2rem;cursor:pointer;transition:all .15s ease;border:none;box-shadow:0 3px #00000026;text-decoration:none}.contact-button:hover{transform:translateY(-3px);box-shadow:0 5px #00000026;color:#6f3d03}.contact-button:focus,.contact-button:active{outline:none;transform:translateY(0);box-shadow:0 0 #00000026;color:#6f3d03}.futuro-section{padding:140px 0;background-color:#ffe6a8;width:100%}.futuro-title{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05,#d97706 48%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:700;font-size:4rem;line-height:1.1;margin-top:0;margin-bottom:70px;text-align:center}.futuro-grid{display:flex;justify-content:center;gap:30px;max-width:1000px;margin:0 auto}.futuro-item{flex:0 0 calc(33.33% - 20px);max-width:300px;display:flex;flex-direction:column;align-items:center;text-align:center}.futuro-card-title{font-family:Fredoka,sans-serif;color:#6f3d03;font-size:1.2rem;line-height:1.4;margin:0 0 20px;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center}.futuro-card{background-image:linear-gradient(to bottom,#ffdc85,#ffd367 87%,#ffc943);border-radius:20px;box-shadow:0 4px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease;width:100%;height:250px;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative;overflow:hidden}.futuro-card.jedi{transform:translateY(10px)}.futuro-card-img.jedi{height:150px}.futuro-card-img.iphone{height:180px;transform:translateY(10px)}.futuro-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.futuro-card-img{max-width:90%;max-height:100%;height:auto;object-fit:contain;display:block}.chatbot-card{align-items:center}.chatbot-text-overlay{position:absolute;top:10%;left:50%;transform:translate(-50%);width:180px;height:50px;background:none;padding:3px;text-align:center;font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:700;color:#6f3d03;line-height:1.3;z-index:10;display:flex;align-items:center;margin-left:25px;box-sizing:border-box}.chatbot-text{white-space:pre-wrap;display:inline-block;min-width:1px}.chatbot-text:after{content:"|";display:inline-block;animation:blink-caret .75s step-end infinite;color:#6f3d03;vertical-align:middle}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.sobreNosotros-section{padding:80px 0 100px;background-color:#ffdc85;width:100%;box-shadow:0 10px 20px #00000026}.sobreNosotros-section h2{font-family:Fredoka,sans-serif;background-image:linear-gradient(to right,#ae5f05 11%,#d97706 54%,#ae5f05);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:medium;font-size:4rem;margin-top:0;margin-bottom:50px;text-align:center}.sobreNosotros-section p{color:#6f3d03;font-size:1.2rem;line-height:1.6;max-width:800px;margin:0 auto 50px;text-align:center}.sobreNosotros-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tosty-image-sobreNosotros{display:none}.tosty-image-sobreNosotros:hover{transform:scale(1.05)}.footer-section{background-color:#ffdc85;width:100%;padding:50px 0 10px;color:#6f3d03;box-shadow:0 -10px 20px #0000000d;position:relative}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px}.footer-branding{text-align:left}.footer-logo{font-family:PurpleSmile,sans-serif;color:#ffaf2e;font-size:3rem;margin:0 0 5px;line-height:1}.footer-tagline{color:#6f3d03;font-size:1.2rem;margin:0 0 30px;font-weight:400}.footer-contact p{color:#6f3d03;font-size:1.2rem;margin:5px 0;text-align:left}.footer-email:before{content:"";display:inline-block;width:20px;height:20px;background-color:#ffaf2e;margin-right:10px;vertical-align:middle}.footer-location:before{content:"";display:inline-block;width:20px;height:20px;background-color:#d97706;margin-right:10px;vertical-align:middle}.footer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start}.footer-nav li{margin:5px 0}.footer-nav a{text-decoration:none;color:#6f3d03;font-weight:medium;font-size:1.2rem;transition:color .3s ease;display:inline-block}.footer-nav a:hover{color:#ffb74d;text-decoration:underline}.footer-bottom{border-top:2px solid #ffbd61;max-width:1280px;margin:0 auto;padding:10px 40px;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#6f3d03;font-size:1rem;margin:0}.footer-social{display:flex;gap:15px;transform:translateY(-5px)}.social-icon{cursor:pointer;transition:background-color .2s ease}.ig-icon{width:50px;height:50px}.tiktok-icon{width:40px;height:40px;transform:translateY(5px)}.footer-tosty-image{position:absolute;top:-45px;left:50%;transform:translate(-50%,-50%);width:150px;height:auto;z-index:1}@media (max-width: 1024px){.content-container{padding:0 30px}.intro-content,.queEs-content,.personaliza-content,.amigos-content{flex-direction:column;gap:40px}.amigos-content{flex-direction:column-reverse}.intro-text-container{align-items:center;text-align:center}.personaliza-text-container{max-width:100%;text-align:center}.amigos-text-container{align-items:center;text-align:center}.amigos-image-container{justify-content:center}.tosty-friends-img{margin-left:0;width:80%;max-width:400px}.mecanicas-grid,.futuro-grid{flex-direction:column;align-items:center}h1,h2{font-size:3.5rem!important}}@media (max-width: 768px){.content-container{padding:0 20px}.navbar{flex-direction:column;gap:10px;padding:0 20px}nav ul{flex-wrap:wrap;justify-content:center}nav ul li{margin:5px 10px}nav ul li a{font-size:1rem}.intro-section{padding:30px 0}.intro-section h1{font-size:3rem!important}.intro-section p{font-size:1rem}.intro-buttons{flex-direction:column;align-items:center;width:100%}.intro-section button,.intro-buttons a.intro-button{font-size:1.2rem;padding:15px 25px;width:80%}.tosty-animation-container{width:250px;height:250px}.queEs-section,.mecanicas-section,.personaliza-section,.amigos-section,.futuro-section,.sobreNosotros-section{padding:80px 0}h1,h2,.amigos-text-container h2,.personaliza-title,.futuro-title{font-size:2.5rem!important;margin-bottom:30px}.faq-title{font-size:2.2rem!important}.footer-content,.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:20px}.footer-branding,.footer-contact p,.footer-nav ul{align-items:center;text-align:center}}@media (max-width: 480px){.content-container{padding:0 15px}.logo-button{font-size:2.5rem}.intro-section h1{font-size:2.5rem!important}.queEs-section,.mecanicas-section,.personaliza-section,.amigos-section,.futuro-section,.sobreNosotros-section{padding:60px 0}h1,h2,.amigos-text-container h2,.personaliza-title,.futuro-title{font-size:2rem!important}.faq-question,.contact-card p{font-size:1.2rem}.tosty-grid,.personaliza-grid{grid-template-columns:1fr;gap:15px;justify-items:center}.tosty-grid img,.personaliza-grid img{max-width:150px}.queEs-image-container{flex-direction:row;align-items:center;gap:20px;justify-content:center}.tosty-grid{gap:10px}.color-bar-container{margin-top:0;width:20px;height:315px}.color-bar-img{transform:rotate(90deg);width:315px}}.modal-overlay{position:fixed;inset:0;background-color:rgba(#ffdc85,.6);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#ffdc85;padding:30px;border-radius:20px;box-shadow:0 0 30px #0000004d;max-width:400px;width:90%;position:relative;text-align:center;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:2rem;color:#ae5f05;cursor:pointer;line-height:1;transition:color .2s}.modal-close-button:hover{color:#d97706}.modal-content h2{font-family:Fredoka,sans-serif;color:#ae5f05;font-size:2rem;margin-top:0;margin-bottom:10px}.modal-content p{color:#6f3d03;margin-bottom:20px;font-size:1.1rem}.modal-form{display:flex;flex-direction:column;gap:15px}.modal-input{padding:12px 15px;border:2px solid #ff9900;background-color:#fff;border-radius:10px;font-size:1rem;width:100%;box-sizing:border-box;color:#6f3d03}.modal-submit-button{background-color:#ffbd61;color:#6f3d03;border:none;border-radius:15px;padding:12px 25px;font-family:Fredoka,sans-serif;font-weight:medium;font-size:1.2rem;cursor:pointer;transition:all .15s ease;box-shadow:0 3px #b3732d}.modal-submit-button:hover{transform:translateY(-2px);box-shadow:0 5px #b3732d}.modal-submit-button:active{transform:translateY(0);box-shadow:0 0 #b3732d}.modal-feedback{margin-top:15px;font-weight:700}.modal-feedback.success{color:green}.modal-feedback.error{color:red}