@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:200;src:url(/_astro/manrope-latin-200-normal.DvuInKd5.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/manrope-latin-400-normal.PaqtzbVb.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-latin-500-normal.BYYD-dBL.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/manrope-latin-700-normal.BZp_XxE4.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/manrope-latin-800-normal.BfWYOv1c.woff2)format("woff2")}:root{--color-primary:#e50;--color-primary-light:#e80;--color-primary-dark:#520;--color-secondary:#58f;--color-secondary-light:#90b4ff;--color-secondary-dark:#139;--color-accent:#f70;--color-text:#235;--color-text-light:#68a;--color-text-muted:#689;--color-bg:#fefefe;--color-bg-alt:#f8fafc;--color-bg-card:#fff;--color-bg-dark:#013;--color-border:#02133329;--color-surface-blue:#eef5ff;--color-surface-orange:#fff3ea;--gr0:linear-gradient(175deg, #fffefe 10%, #fc44 120%);--gr1:linear-gradient(135deg, #eff 10%, #def 100%);--gr2:linear-gradient(180deg, #ffefdd 20%, #fa2 120%);--gr3:linear-gradient(180deg, #139 0%, #013 100%);--shadow-sm:0 10px 24px #0011330f;--shadow-md:0 18px 40px #0011331a;--shadow-lg:0 28px 50px #0011331f;--shadow-orange:0 18px 34px #ef57072e;--shadow-blue:0 18px 36px #5588ff2e;--radius-sm:7px;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,Arial,sans-serif;list-style:none}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-bg);font-family:Manrope,Arial,sans-serif;line-height:1.6;overflow-x:hidden}section{padding:4rem 0}a{color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-weight:800;line-height:1.1}h1{font-size:clamp(2.7rem,5vw,4.2rem)}h2{align-self:center;max-width:30ch;font-size:clamp(2rem,3.6vw,3rem)}h1 span,h2 span{color:var(--color-primary)}h3{font-size:1.4rem}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem;overflow:hidden}.btn{text-transform:uppercase;cursor:pointer;border-radius:var(--radius-sm);letter-spacing:.4px;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn[disabled]{cursor:wait;opacity:.72;transform:none}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary-dark);box-shadow:0 10px 20px #ef57073d}.btn-primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary-dark)}.btn-secondary:hover{background:#35fd}.btn-large{padding:1rem 2rem;font-size:clamp(.9rem,2vw,1.1rem)}.hero-subtitle,.platform-description,.feature-description,.section-description,.feature-text,.step p,.publish-url,.student-activity p,.faq-answer,.footer-copy-block{color:var(--color-text)}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:3rem;display:grid}.section-header{text-align:center;max-width:56rem;margin:0 auto 3rem}.features-grid,.steps,.pricing-grid{gap:1.5rem;display:grid}.step,.pricing-card,.faq-item,.comparison-col{border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.step,.faq-item{background:var(--color-bg-card)}.pricing-card:hover,.step:hover,.comparison-col:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.vta-media{width:100%;position:relative}.header{z-index:50;backdrop-filter:blur(15px);border-bottom:1px solid var(--color-border);background:#ffffffe6;margin:0;padding:0 1rem;position:sticky;top:0;box-shadow:0 1px 9px -1px #7304}.header-container{justify-content:space-between;place-self:center;align-items:center;gap:1rem;width:100%;max-width:1400px;min-height:84px;margin:0;padding:0 2rem;display:flex}.logo{align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.logo-icon{width:clamp(2rem,4vw,2.5rem);height:clamp(2rem,4vw,2.5rem)}.logo-text{font-size:clamp(.7rem,3vw,1.2rem);font-weight:900}.nav{gap:1rem;display:flex}.nav a{font-size:clamp(.7rem,2vw,1rem)}.nav-link{color:var(--color-text);text-transform:uppercase;border:1px solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-bg);font-weight:500;text-decoration:none}.nav-link:hover{background:var(--color-bg-alt)}.hero{flex-direction:column;align-items:center;gap:3rem;display:flex;position:relative}.hero-container{max-width:1300px}.hero h1{line-height:1.1}.hero-subtitle{max-width:58ch;margin:1.5rem .5rem 2rem;font-size:1.1rem;list-style:none}.hero-subtitle li{line-height:1.5}.hero-subtitle li:before{content:"->";color:var(--color-primary);margin-right:.5rem;font-size:1rem;font-weight:700;list-style:none}.hero-cta{flex-flow:wrap;gap:.5rem;display:flex}.hero-media{width:100%;position:relative}.hero-image{width:100%}.features{background:var(--gr3)}.features h2{color:#fff;align-self:center;max-width:30ch;margin:0 auto;line-height:1.2}.features .section-header{flex-direction:column;gap:2rem;display:flex}.features .section-description{color:#dadaea}.feature-card{text-align:center;cursor:default;border-radius:var(--radius-md);background:var(--gr1);border:2px solid #dce8ff;flex-direction:column;align-items:center;gap:1rem;padding:2rem;transition:transform .45s,border-color 1s;display:flex}.feature-title{color:var(--color-secondary-dark)}.feature-description{color:var(--color-text)}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-icon{border:2px solid var(--color-secondary-light);border-radius:.85rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.comparison .container{flex-direction:column;align-items:center;gap:3rem;display:flex}.comparison .section-header{margin:0}.comparison-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.comparison-col{border-radius:8px;padding:2rem}.comparison-col.current{background:var(--gr0);border:2px solid var(--color-text-light)}.comparison-col.solution{border:2px solid var(--color-secondary);background:var(--gr1)}.col-header{color:var(--color-text);margin-bottom:1.25rem;font-size:1.2rem;font-weight:700}.comp-item{border-top:1px solid var(--color-border);grid-template-columns:3rem 1fr;gap:1rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.feature-text strong{color:var(--color-text);margin-bottom:.25rem;display:block}.feature-icon{border-radius:8px}.current .feature-icon{border-color:var(--color-text-light)}.students{background:var(--gr3);color:#fff;flex-direction:column;align-items:center;gap:3rem;display:flex}.students .container{grid-template-columns:1fr 1fr;justify-content:center;align-items:center;display:grid}.students .section-header{text-align:left;flex-direction:column;gap:1rem;margin:0;padding:0;display:flex}.students p{color:#bce}.students span{color:var(--color-primary-light)}.students li{text-align:left}.students li:before{content:"->";color:var(--color-primary-light);margin-right:.5rem;font-size:1rem;font-weight:700;list-style:none}.routine-steps{background:var(--gr1);flex-direction:column;align-items:center;gap:3rem;display:flex}.routine-steps h2{text-align:center;margin-bottom:2rem}.routine-steps .container{text-align:center;flex-direction:column;align-items:center;gap:2rem;display:flex}.routine-header p{text-align:center;font-size:1.1rem}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step{border-radius:8px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.5rem;display:flex;overflow:hidden}.step-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;place-self:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;font-weight:900;display:inline-flex}.step p{max-width:30ch}.step-media{aspect-ratio:1.7;width:100%;overflow:hidden}.step-media video{width:102%;height:auto}.personal{flex-direction:column;align-items:center;display:flex}.personal-text{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3rem;display:flex}.personal-text li:before{content:"->";color:var(--color-primary);font-size:1rem;font-weight:700;list-style:none}.personal-media{width:100%}.personal-media img{border:5px solid var(--color-secondary);border-radius:18px;width:100%;padding:1rem}.tools{background:var(--gr1);flex-direction:column;gap:3rem;padding:4rem 1rem;display:flex}.tools-container{flex-direction:column;gap:2rem;padding:1rem;display:flex;overflow:hidden}.tools .section-header{flex-direction:column;align-items:center;gap:2rem;max-width:80ch;margin:0 auto;padding-bottom:2rem;font-size:1.1rem;display:flex}.tools h3{font-size:clamp(1.5rem,3vw,2rem)}.tools .section-header p{text-align:center;max-width:60ch}.tool-text{flex-direction:column;gap:1.5rem;display:flex}.tool-text p{font-size:clamp(1rem,2vw,1.2rem)}.tool-media{background:0 0;flex-direction:row;justify-content:center;align-items:center;max-height:300px;display:flex}.tool-media img{aspect-ratio:1;object-fit:cover;background:0 0;border:2px solid #55a7;border-radius:12px;width:auto;max-width:300px;height:250px;max-height:300px;padding:2px;box-shadow:0 4px 15px -2px #55aa}.vibrato img{object-position:0% 40%}.rachas img{object-fit:contain;width:100%;height:200px}.pricing{background:var(--gr3);color:#fff}.pricing-grid{color:var(--color-text);grid-template-columns:repeat(3,minmax(0,1fr))}.pricing h2{text-align:center;place-self:center}.pricing h2 span{color:var(--color-primary-light)}.pricing-card{background:linear-gradient(#fff7f1 0%,#fff 100%);border:2px solid #ef570726;flex-direction:column;justify-content:space-between;place-self:center;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2rem;display:flex;position:relative}.pricing-card.featured{box-shadow:var(--shadow-orange);border-color:#ef570759;transform:scale(1.03)}.pricing-badge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;padding:.45rem .9rem;font-size:.82rem;font-weight:800;position:absolute;top:-.8rem;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;flex-direction:column;gap:5px;display:flex}.pricing-header h3{color:var(--color-primary-dark);background:linear-gradient(170deg,#ffd 30%,#fa2 120%);border:1px solid #fa2a;border-radius:77% 33%;padding:.4rem}.pricing-price{color:var(--color-primary-dark);flex-direction:row;place-content:center;place-items:center;gap:5px;margin-top:1rem;font-family:Manrope,Arial,sans-serif;font-size:3.5rem;font-weight:700;line-height:1;display:flex}.pricing-price:after{content:"usd";color:var(--color-primary);text-transform:uppercase;font-size:1.3rem}.pricing-period{color:var(--color-text);line-height:1}.pricing-features{flex-direction:column;gap:.7rem;display:flex}.pricing-features li:before{content:"✓";color:var(--color-primary);margin-right:.5rem;font-weight:900}.pricing-card .btn{background:var(--color-secondary);width:auto;padding:.7rem 2rem;font-size:1rem}.pricing-card .btn:hover{background:#35fd}.studio-price{background:linear-gradient(130deg,#fed 40%,#fea 120%);overflow:hidden}.studio-price:before{content:"Más popular";color:#013;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(170deg,#fd5 30%,#fa2 120%);padding:.4rem 2.5rem;font-size:.9rem;font-weight:700;position:absolute;top:30px;left:-45px;transform:rotate(-45deg)}.billing-message{color:#c0392b;text-align:center;margin-top:1.25rem;font-weight:800}.billing-message[hidden]{display:none}.cta{background:var(--gr2);color:var(--color-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.cta h2{max-width:20ch;color:var(--color-primary-dark)}.faq-list{gap:1rem;max-width:54rem;margin:0 auto;display:grid}.faq-item{padding:0;overflow:hidden}.faq-question{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:#fff;border:0;padding:1.2rem 1.4rem;font-weight:800}.faq-answer{padding:0 1.4rem 1.25rem;display:none}.faq-item.is-open .faq-answer{display:block}.section-tag{border-radius:var(--radius-full);color:var(--color-secondary-dark);text-transform:uppercase;letter-spacing:.04em;background:#5588ff1f;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.45rem .8rem;font-size:.85rem;font-weight:800;display:inline-flex}.section-tag.light{color:#fff;background:#ffffff1f}.footer{background:var(--color-bg-dark);color:#fff;padding:4rem 0 2rem}.footer-container{grid-template-columns:1.5fr 1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.footer-column h3{margin-bottom:1rem}.footer-copy-block,.footer-links a,.footer-bottom{color:#ffffffb8}.footer-links li+li{margin-top:.65rem}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;padding-top:1.5rem}.animate-on-scroll{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(22px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:none}}@media (width<=768px){.container{padding:0 1rem}.header{padding:0 .2rem}.nav-link{display:none}.hero{text-align:center;margin:0;display:flex}.hero-container{gap:0;max-width:70ch;margin:0;padding:0 1rem}.hero-content{flex-direction:column;gap:2rem;display:flex}.hero-media{margin:0;padding:1rem}.hero-subtitle{margin-bottom:0}.hero-cta{justify-content:center;justify-self:center}.comp-item,.students .container,.pricing-grid,.steps,.personal .container,.hero-container,.footer-container{grid-template-columns:1fr}section{padding:4.5rem 0}}.students .container{text-align:center;gap:2rem}.students .section-header,.students li,.personal{text-align:center}.personal-text{gap:2rem}.personal-cta{align-self:flex-start}.personal-media img{width:90%;max-width:400px}.footer{text-align:center}@media (width<=576px){.logo-text{display:none}.comparison-table,.two-col-grid,.features-grid,.comparison-table{grid-template-columns:1fr}.tools{text-align:center}.two-col-grid{gap:2rem}.practice .tool-media,.piano-monitor .tool-media,.rachas .tool-media{order:1}}#teacher-access-dialog[data-astro-cid-lcdefpme]{border:0;border-radius:18px;width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #0004}#teacher-access-dialog[data-astro-cid-lcdefpme]::backdrop{background:#10162d88}.teacher-dialog-close[data-astro-cid-lcdefpme]{color:#536078;cursor:pointer;background:0 0;border:0;width:32px;height:32px;font-size:1.5rem;position:absolute;top:8px;right:10px}
