main.eoacs-course.eoacs-theory-studio>#perfil,main.eoacs-course.eoacs-theory-studio>#aprendizaje,main.eoacs-course.eoacs-theory-studio .page-subnav-inner a[href="#perfil"],main.eoacs-course.eoacs-theory-studio .page-subnav-inner a[href="#aprendizaje"]{display:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial{position:relative;isolation:isolate;overflow:hidden;min-height:590px;padding:clamp(64px, 6vw, 86px) 0 76px;background:radial-gradient(circle at 78% 42%,#26313d 0,#101b28 36%,#0b121d 75%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::before{display:block;content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(8 14 23 / .96) 3%,rgb(8 14 23 / .73) 48%,rgb(8 14 23 / .12) 100%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::after{display:block;content:'';position:absolute;left:-10%;top:-60%;width:65%;aspect-ratio:1;z-index:-1;border:1px solid rgb(255 255 255 / .045);border-radius:50%;box-shadow:0 0 0 82px rgb(255 255 255 / .012),0 0 0 174px rgb(255 255 255 / .008)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-grid{position:relative;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(16px, 3vw, 45px)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-grid>.reveal:first-child{position:relative;z-index:3}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eyebrow{display:flex;align-items:center;gap:12px;color:#ec8992;font-size:11px;letter-spacing:.16em}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eyebrow::before{content:'';flex:0 0 29px;height:1px;background:currentColor}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial h1{max-width:800px;margin:25px 0 24px;color:#f8f6f2;font-family:'Avenir Next',Inter,'Helvetica Neue',Arial,sans-serif;font-size:clamp(3.4rem, 5.35vw, 5.6rem);font-weight:700;letter-spacing:-.06em;line-height:1.045}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial h1 em{color:#ec8992}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .lead{max-width:490px;color:#d2d9e1;font-size:1.03rem;line-height:1.65}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions{margin-top:29px;gap:22px}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn{min-height:51px;border-radius:4px;background:#d6505d;border-color:#d6505d}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn.ghost{min-height:40px;padding:8px 0;background:#fff0;color:#f8f6f2;border:0;border-bottom:1px solid rgb(255 255 255 / .6);border-radius:0}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-notes{margin:35px 0 0;color:#b6c0c9;font-size:.8rem;letter-spacing:.025em;white-space:pre-wrap}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-visual{position:relative;align-self:stretch;min-height:470px;display:grid;align-content:end;justify-items:end}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-mini-grid,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .route-card{display:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano{position:absolute;z-index:-1;top:-25%;right:-21%;width:90%;height:160%;transform:rotate(-17deg);filter:drop-shadow(-20px 22px 32px rgb(0 0 0 / .65))}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-wood{position:absolute;inset:0;border-radius:58px;background:radial-gradient(ellipse at 23% 17%,rgb(176 96 62 / .25),transparent 39%),linear-gradient(101deg,#100e10 0%,#3e2725 19%,#150f14 44%,#634035 76%,#111015 100%);box-shadow:inset 18px 0 30px rgb(0 0 0 / .5),inset -25px 0 36px rgb(0 0 0 / .8),0 0 0 12px #08090c}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys{position:absolute;left:9%;right:8%;top:18%;height:64%;display:flex;gap:2px;overflow:hidden;border:10px solid #171414;border-radius:3px;background:#050607;transform:perspective(500px) rotateY(-8deg);box-shadow:10px 0 25px rgb(0 0 0 / .7)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i{position:relative;flex:1;background:linear-gradient(90deg,#aaa7a3,#f3efe9 43%,#c4bfb6);border-right:1px solid #252225}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i:nth-child(7n+1)::before,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i:nth-child(7n+2)::before,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i:nth-child(7n+4)::before,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i:nth-child(7n+5)::before,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano-keys i:nth-child(7n+6)::before{content:'';position:absolute;z-index:2;top:0;left:62%;width:70%;height:55%;background:linear-gradient(90deg,#070709,#29272a 55%,#060607);box-shadow:3px 4px 6px rgb(0 0 0 / .5)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card{position:relative;z-index:2;width:min(250px, 50%);margin:0 0 -27px;border:1px solid rgb(255 255 255 / .23);border-radius:7px;background:#0b121c;box-shadow:0 22px 45px rgb(0 0 0 / .45)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center 58%}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card figcaption{padding:8px 11px 10px;background:#0b121c}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card .theory-live-badge{display:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card .theory-live-copy strong{display:block;color:#fff;font-size:.82rem}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card .theory-live-copy span{display:block;color:#b5bdc7;font-size:.7rem}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card .eoacs-theory-play{top:40%;width:48px;height:48px}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card.is-playing{width:min(440px, 95%);aspect-ratio:16 / 9}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .mobile-piano-portrait{display:none}@media (max-width:760px){main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial{min-height:0;padding:43px 0 0}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::before{background:linear-gradient(180deg,rgb(8 14 23 / .98) 0%,rgb(8 14 23 / .94) 58%,rgb(8 14 23 / .18) 100%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-grid{display:block}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial h1{max-width:12ch;margin:20px 0;font-size:clamp(2.8rem, 10.6vw, 4.3rem);line-height:1.03}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .lead{max-width:38ch;font-size:.96rem}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions{gap:13px}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn.ghost{width:auto}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-notes{margin-top:25px;font-size:.72rem;line-height:1.6}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-visual{display:block;min-height:285px;margin-top:18px}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-piano{width:98%;height:150%;top:-17%;right:-23%;transform:rotate(-14deg)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card{position:absolute;right:0;bottom:14px;width:min(190px, 45%);margin:0}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .theory-live-card figcaption{display:none}}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-visual{display:block;min-height:490px;overflow:hidden;border-radius:13px;background:#18212b;box-shadow:0 26px 58px rgb(0 0 0 / .26);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%);mask-image:linear-gradient(90deg,transparent,#000 15%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-visual::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(9 16 26 / .23),transparent 55%),linear-gradient(0deg,rgb(9 16 26 / .21),transparent 50%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-score{display:block;width:100%;height:100%;min-height:490px;object-fit:cover;object-position:47% center;filter:saturate(.78) contrast(1.06) brightness(.83)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn{min-height:54px;padding:14px 23px;font-weight:700;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn:hover{transform:translateY(-2px);background:#e05c69;box-shadow:0 16px 28px rgb(0 0 0 / .28)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn.ghost{min-height:54px;padding:13px 21px;color:#fff;background:rgb(255 255 255 / .045);border:1px solid rgb(255 255 255 / .46);border-radius:4px;box-shadow:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn.ghost:hover{background:rgb(255 255 255 / .13);border-color:#fff;box-shadow:none}@media (max-width:760px){main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions{align-items:stretch}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn,main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions .btn.ghost{width:100%}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-visual{min-height:260px;margin:30px 0 0;border-radius:10px 10px 0 0;-webkit-mask-image:none;mask-image:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-score{min-height:260px;max-height:290px;object-position:50% 48%}}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial{min-height:0;padding:clamp(78px, 8vw, 124px) 0 clamp(82px, 8vw, 116px);background:radial-gradient(ellipse at 50% 12%,#27313d 0,#16212e 42%,#0b131f 100%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::before{background:linear-gradient(180deg,rgb(8 14 23 / .04),rgb(8 14 23 / .42))}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::after{left:50%;top:-78%;width:min(1000px, 85vw);transform:translateX(-50%);border-color:rgb(255 255 255 / .055);box-shadow:0 0 0 110px rgb(255 255 255 / .008),0 0 0 230px rgb(255 255 255 / .005)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-grid{display:block;max-width:1040px;margin-inline:auto}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-grid>.reveal:first-child{max-width:100%;text-align:center}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eyebrow{justify-content:center}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial h1{max-width:100%;margin:25px auto 24px;font-size:clamp(3.6rem, 5.5vw, 5.75rem);line-height:1.045;text-wrap:balance}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .lead{max-width:650px;margin-inline:auto;text-wrap:pretty}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions{justify-content:center;gap:14px;margin-top:32px}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-notes{margin-top:30px;text-align:center}@media (max-width:760px){main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial{padding:55px 0 72px;background:radial-gradient(ellipse at 50% 6%,#25303c 0,#121d29 58%,#0b131f 100%)}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial::after{display:none}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial h1{max-width:100%;margin:22px auto;font-size:clamp(2.5rem, 9.4vw, 3.5rem);line-height:1.08}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .lead{max-width:40ch;margin-inline:auto}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .hero-actions{width:min(100%, 420px);margin:29px auto 0}main.eoacs-course.eoacs-theory-studio .hero.hero-theory.eoacs-theory-hero-editorial .eoacs-hero-notes{max-width:36ch;margin:25px auto 0;white-space:normal}}