:root{--ink:#121210;--paper:#f3f0e8;--cream:#e8e3d6;--acid:#d8ff38;--orange:#ff5f32;--white:#fff;--muted:#65645e;--line:#cbc7bb;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.04;letter-spacing:-.045em}h1{font-size:clamp(3.7rem,8vw,7.6rem);margin-bottom:1.5rem}h1 em{color:var(--orange);font-style:normal}h2{font-size:clamp(2.5rem,5.4vw,5rem);margin-bottom:1.5rem}.skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;padding:1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:88px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:2.5rem;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;line-height:1.05;white-space:nowrap}.brand small{display:block;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:.28rem}.brand-mark{width:42px;height:42px;border:2px solid;display:grid;place-items:center;border-radius:50%;font-family:Manrope;font-size:.8rem}.site-header nav{display:flex;gap:2rem;margin-left:auto}.site-header nav a{text-decoration:none;font-size:.9rem;font-weight:600}.button{background:var(--acid);color:var(--ink);padding:1rem 1.5rem;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font:700 .92rem 'DM Sans';transition:.2s}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.button-small{padding:.72rem 1rem;box-shadow:none}.menu-button{display:none}.hero{min-height:720px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.08fr .92fr}.hero-copy{padding:clamp(4rem,8vw,7rem) 3rem 5rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700;display:flex;gap:.65rem;align-items:center}.eyebrow span{display:inline-block;width:30px;height:2px;background:var(--orange)}.lead{font-size:1.24rem;max-width:590px;color:#46453f}.hero-actions{display:flex;align-items:center;gap:2rem;margin:2.3rem 0}.text-link{font-weight:700;text-underline-offset:5px}.trust-list{list-style:none;padding:1.5rem 0 0;border-top:1px solid var(--line);display:flex;gap:1.5rem;font-size:.82rem}.trust-list li:before{content:'●';color:var(--orange);margin-right:.5rem}.hero-visual{background:var(--ink);position:relative;overflow:hidden;min-height:620px}.bass-neck{position:absolute;inset:-10% 12% -10% 35%;transform:rotate(12deg);background:linear-gradient(90deg,#3c271b,#835132 8%,#bd7a4a 50%,#835132 92%,#3c271b);border-left:8px solid #d6b997;border-right:8px solid #d6b997;display:flex;justify-content:space-evenly}.bass-neck span{width:3px;background:#ddd;box-shadow:0 0 2px #fff}.sound-card{position:absolute;z-index:2;left:8%;bottom:9%;width:72%;background:var(--acid);padding:1.5rem;transform:rotate(-3deg);box-shadow:10px 10px 0 var(--orange)}.sound-card p{font-size:.76rem;text-transform:uppercase;letter-spacing:.15em}.sound-card strong{font:800 1.7rem Manrope}.wave{height:55px;display:flex;align-items:center;gap:6px}.wave i{width:5px;background:var(--ink);height:30%}.wave i:nth-child(2),.wave i:nth-child(8){height:70%}.wave i:nth-child(3),.wave i:nth-child(7){height:45%}.wave i:nth-child(4),.wave i:nth-child(6){height:95%}.wave i:nth-child(5){height:55%}.sticker{position:absolute;z-index:3;right:5%;top:8%;width:108px;height:108px;background:var(--orange);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(9deg);font-weight:700}.sticker b{font-size:1.1rem}.marquee{background:var(--orange);border-block:2px solid var(--ink);padding:.75rem 0;white-space:nowrap;overflow:hidden;font-weight:800;letter-spacing:.12em}.marquee div{width:max-content;animation:scroll 25s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}.section{padding:clamp(5rem,9vw,9rem) max(24px,calc((100vw - var(--max))/2))}.section-heading{max-width:750px}.section-heading>p:last-child{font-size:1.15rem;max-width:590px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-block:1px solid var(--line)}.steps article{padding:2.4rem;border-right:1px solid var(--line)}.steps article:first-child{padding-left:0}.steps article:last-child{border:0}.steps b{color:var(--orange);font-size:.8rem}.step-icon{font-size:3rem;margin:3rem 0 2rem}.steps h3{font-size:1.5rem}.steps p{color:var(--muted)}.programs{background:var(--ink);color:var(--white)}.horizontal{max-width:none;display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:end}.horizontal>p{color:#aaa!important}.light span{background:var(--acid)}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:4rem;border:1px solid #3e3e3a}.program{padding:2.5rem;min-height:480px;position:relative;border-right:1px solid #3e3e3a}.program.featured{background:var(--acid);color:var(--ink)}.tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;border:1px solid;padding:.45rem .65rem}.number{position:absolute;right:2rem;top:2rem;color:#777}.program h3{font-size:2.2rem;margin-top:5rem}.program p,.program li{color:#bcbcb5}.program.featured p,.program.featured li{color:#45453f}.program ul{list-style:none;padding:1rem 0;border-top:1px solid currentColor}.program li{padding:.35rem 0}.program li:before{content:'↳';margin-right:.5rem}.program a{position:absolute;bottom:2.5rem;font-weight:700;text-underline-offset:6px}.curriculum{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;background:var(--cream)}.curriculum-intro{position:sticky;top:4rem;align-self:start}.button-dark{background:var(--ink);color:#fff}.topic-list{border-top:1px solid #aaa}.topic-list details{border-bottom:1px solid #aaa;padding:1.7rem 0}.topic-list summary{list-style:none;cursor:pointer;font:700 clamp(1.3rem,2.5vw,2rem) Manrope;display:flex;align-items:center;gap:1.2rem}.topic-list summary::-webkit-details-marker{display:none}.topic-list summary span{font:700 .72rem 'DM Sans';color:var(--orange)}.topic-list summary b{margin-left:auto}.topic-list details[open] summary b{transform:rotate(45deg)}.topic-list details p{padding-left:2.5rem;color:var(--muted);max-width:560px}.people-grid,.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.people-grid img{width:100%;height:auto;filter:grayscale(1)}.role{color:var(--orange);font-weight:700}.testimonials{background:var(--orange)}blockquote{font:700 1.25rem Manrope;margin:0;padding:2rem;background:var(--paper)}blockquote footer{font:500 .8rem 'DM Sans';margin-top:1.5rem}.contact{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-copy>p{color:#bbb;max-width:560px}.contact-channels{display:grid;margin-top:3rem}.contact-channels a{padding:1rem 0;border-top:1px solid #444;text-decoration:none}.contact-channels span{display:block;color:#999;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.lead-form{background:var(--paper);color:var(--ink);padding:clamp(1.5rem,4vw,3.5rem)}.lead-form h3{font-size:2rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:700;font-size:.82rem;margin-bottom:.35rem}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;padding:.9rem;border:1px solid #aaa;background:#fff;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--acid);outline-offset:2px}.checkbox{display:grid;grid-template-columns:auto 1fr;gap:.6rem}.checkbox label{grid-column:2}.checkbox input{grid-row:1;min-width:20px;min-height:20px}.error{color:#9b1c00;display:block}.fine-print{font-size:.75rem;color:var(--muted);margin:1rem 0 0}.floating-whatsapp{position:fixed;right:1.4rem;bottom:1.4rem;z-index:10;width:54px;height:54px;border-radius:50%;background:var(--acid);border:2px solid var(--ink);display:grid;place-items:center;font-weight:800;text-decoration:none;box-shadow:4px 4px var(--ink)}.footer{padding:4rem max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid var(--line)}.footer>p{max-width:440px;color:var(--muted)}.footer nav{display:flex;gap:1rem}.footer>small{grid-column:1/-1}.legal{max-width:800px;margin:auto;padding:6rem 1.5rem}.legal h1{font-size:3.5rem}.legal h2{font-size:1.7rem;margin-top:3rem}
@media(max-width:900px){.site-header{height:72px;padding-inline:20px}.header-cta{display:none}.menu-button{display:block;margin-left:auto;background:none;border:1px solid;padding:.5rem}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:1.5rem;flex-direction:column;border-bottom:2px solid}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:4rem 24px}.hero-visual{min-height:520px}.steps,.curriculum,.contact{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0}.horizontal{grid-template-columns:1fr}.curriculum-intro{position:static}.people-grid,.quotes{grid-template-columns:1fr 1fr}}
@media(max-width:620px){h1{font-size:3.45rem}.trust-list{flex-direction:column;gap:.5rem}.hero-actions{align-items:flex-start;flex-direction:column}.program-grid,.people-grid,.quotes,.footer{grid-template-columns:1fr}.program{border-right:0;border-bottom:1px solid #3e3e3a}.footer>small{grid-column:auto}.contact{padding-inline:16px}.site-header .brand>span:last-child{font-size:.85rem}.brand small{font-size:.54rem}}

/* Dark editorial direction: original palette informed by modern bass-learning platforms. */
:root{--paper:#111411;--cream:#1b201b;--acid:#ddff38;--orange:#ff6438;--white:#f6f4ec;--muted:#aaa99f;--line:#343832}
body{color:var(--white);background:var(--paper)}
.site-header{background:rgba(17,20,17,.94);backdrop-filter:blur(12px);position:sticky;top:0}
.lead{color:#c5c4bb}.hero{border-inline:1px solid var(--line)}.hero-copy{padding-left:clamp(1.5rem,4vw,3.5rem)}
.method{background:linear-gradient(180deg,#111411 0%,#171a16 100%)}
.programs,.contact{background:#090b09}.curriculum{background:var(--cream)}
.steps article,.topic-list details{transition:background-color .2s}.steps article:hover,.topic-list details:hover{background:#20241f}
.lead-form{background:#f0ede4;color:var(--ink);box-shadow:12px 12px 0 var(--orange)}
.lead-form .fine-print{color:#65645e}
.testimonials{color:var(--ink)}.testimonials blockquote{background:#171a16;color:var(--white)}
.footer{background:#0b0d0b}.legal{color:var(--white)}
.menu-button{color:inherit}.floating-whatsapp{color:var(--ink)}
@media(max-width:900px){.hero{border-inline:0}.site-header nav{background:#111411}}

/* Hero cinematográfico, con mensaje y composición originales en español. */
.hero{max-width:none;min-height:calc(100svh - 88px);grid-template-columns:1fr;position:relative;isolation:isolate;overflow:hidden;border:0;background:#090b0a}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 44%,transparent 0 18%,rgba(7,9,8,.3) 48%,rgba(7,9,8,.92) 100%),linear-gradient(180deg,rgba(4,6,5,.16),rgba(4,6,5,.72))}
.hero-copy{position:relative;z-index:2;padding:clamp(7rem,15vh,11rem) 24px 6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.hero-kicker{margin-bottom:2.3rem;color:#d3d3cc;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.hero h1{margin:0;font-size:clamp(4rem,10.2vw,9.5rem);font-style:italic;font-weight:800;line-height:.82;letter-spacing:-.07em;text-transform:uppercase;text-shadow:0 6px 30px rgba(0,0,0,.5)}
.hero h1 em{display:inline-block;color:#ff4f5c}
.hero .lead{max-width:800px;margin:2.4rem auto 0;color:#d1d2cf;font-size:clamp(1.05rem,2vw,1.55rem)}
.hero .lead strong{color:#fff;font-weight:800}
.hero-actions{margin:2.7rem 0 0}.hero-button{min-width:265px;padding:1.15rem 2rem;border:0;border-radius:18px;background:linear-gradient(105deg,#6cf1ca,#b7f589);box-shadow:none;font-size:1.05rem}
.hero-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(108,241,202,.24)}
.hero-visual{position:absolute;z-index:-2;inset:-8%;min-height:0;background:radial-gradient(circle at 48% 46%,#635d4f 0 10%,#23241f 35%,#090b0a 70%);filter:blur(13px);opacity:.78;transform:scale(1.06)}
.hero-visual:before,.hero-visual:after{content:'';position:absolute;border-radius:50%;filter:blur(18px)}
.hero-visual:before{width:32vw;height:52vw;max-height:640px;left:34%;top:12%;background:linear-gradient(135deg,#0a0b0a 25%,#4c4a40 49%,#0a0b0a 72%);transform:rotate(18deg)}
.hero-visual:after{width:55vw;height:20vw;left:12%;bottom:8%;background:linear-gradient(90deg,#111914,#4a4438,#080a09);transform:rotate(-12deg)}
.hero .bass-neck{inset:-20% 43% -20% 49%;opacity:.35;transform:rotate(24deg)}
@media(max-width:900px){.hero{min-height:calc(100svh - 72px)}.hero-copy{padding-top:6rem}.hero h1{font-size:clamp(3.55rem,14vw,7rem)}.hero-kicker{font-size:.66rem}.hero .lead{max-width:600px}}

/* Fotografía aportada por la escuela como fondo principal. */
.hero-visual{inset:0;background:url("hero-bass.751039a9302a.webp") center 48%/cover no-repeat;filter:none;opacity:1;transform:none}
.hero-visual:before,.hero-visual:after{display:none}
.hero .bass-neck{display:none}
.hero:after{background:linear-gradient(90deg,rgba(3,8,7,.78) 0%,rgba(3,8,7,.47) 48%,rgba(3,8,7,.68) 100%),linear-gradient(180deg,rgba(3,7,6,.32) 0%,rgba(3,7,6,.12) 45%,rgba(3,7,6,.82) 100%)}
@media(max-width:620px){.hero-visual{background-position:62% center}.hero:after{background:linear-gradient(180deg,rgba(3,8,7,.48),rgba(3,8,7,.72))}}

/* Relato visual distribuido por las secciones de aprendizaje. */
.step-photo{display:block;width:100%;height:310px;object-fit:cover;margin:0 0 1.6rem;filter:saturate(.78) contrast(1.08)}
.steps article:nth-child(1) .step-photo{object-position:center 58%}.steps article:nth-child(2) .step-photo{object-position:center}.steps article:nth-child(3) .step-photo{object-position:center 38%}
.steps article b{display:block;margin-bottom:1.1rem}.steps article:hover .step-photo{filter:saturate(1) contrast(1.06)}
.program{padding:0;min-height:760px;overflow:hidden}.program-photo{display:block;width:100%;height:350px;object-fit:cover;filter:saturate(.82) contrast(1.05)}
.program.featured .program-photo{object-position:center 65%}.program-content{padding:2.3rem;position:relative;min-height:410px}
.program-content .number{top:2.3rem;right:2.3rem}.program-content h3{margin-top:3.2rem}.program-content a{bottom:2.2rem}
.curriculum-photo{margin:3.2rem 0 0;position:relative;max-width:430px}.curriculum-photo img{display:block;width:100%;max-height:350px;object-fit:cover;filter:saturate(.65) contrast(1.08)}
.curriculum-photo figcaption{position:absolute;left:0;bottom:0;margin:0;padding:.65rem .85rem;background:var(--acid);color:var(--ink);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.contact{background-image:linear-gradient(90deg,rgba(7,9,7,.92) 0%,rgba(7,9,7,.84) 48%,rgba(7,9,7,.72) 100%),var(--contact-image);background-size:cover;background-position:center}
@media(max-width:900px){.step-photo{height:360px}.program{min-height:740px}.contact{background-position:70% center}}
@media(max-width:620px){.step-photo{height:310px}.program-photo{height:320px}.program-content{padding:1.7rem}.program-content .number{top:1.7rem;right:1.7rem}.curriculum-photo{max-width:none}}

/* Logotipo tipográfico original inspirado en la energía visual aportada. */
.brand-logo{width:205px;display:grid;grid-template-rows:auto auto auto;gap:0;color:var(--white);text-transform:uppercase;line-height:.78;white-space:normal}
.brand-logo .logo-top{font:800 .68rem Manrope,sans-serif;letter-spacing:.28em;padding-left:.18rem}
.brand-logo strong{font:800 1.78rem Manrope,sans-serif;letter-spacing:-.07em;font-style:italic}
.brand-logo .logo-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.45rem;margin-top:.28rem;font:800 .58rem Manrope,sans-serif;letter-spacing:.16em;white-space:nowrap}
.brand-logo .logo-bottom i{display:block;height:3px;background:var(--acid)}
.footer-logo{width:270px}.footer-logo .logo-top{font-size:.82rem}.footer-logo strong{font-size:2.35rem}.footer-logo .logo-bottom{font-size:.7rem}
@media(max-width:620px){.brand-logo{width:165px}.brand-logo .logo-top{font-size:.56rem}.brand-logo strong{font-size:1.45rem}.brand-logo .logo-bottom{font-size:.48rem;gap:.3rem}.brand-logo .logo-bottom i{height:2px}.footer-logo{width:220px}.footer-logo strong{font-size:1.9rem}}

/* Tipografía condensada y pesada solicitada para el identificador de marca. */
.brand-logo{width:214px;line-height:.72}
.brand-logo .logo-top{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:.76rem;font-weight:400;letter-spacing:.31em;transform:scaleX(.92);transform-origin:left bottom}
.brand-logo strong{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:2.12rem;font-weight:400;font-style:normal;letter-spacing:.015em;line-height:.82;transform:scaleX(1.04);transform-origin:left center}
.brand-logo .logo-bottom{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-size:.66rem;font-weight:400;letter-spacing:.19em;margin-top:.33rem}
.footer-logo{width:285px}.footer-logo .logo-top{font-size:.95rem}.footer-logo strong{font-size:2.82rem}.footer-logo .logo-bottom{font-size:.82rem}
@media(max-width:620px){.brand-logo{width:172px}.brand-logo .logo-top{font-size:.61rem}.brand-logo strong{font-size:1.7rem}.brand-logo .logo-bottom{font-size:.53rem}.footer-logo{width:235px}.footer-logo .logo-top{font-size:.78rem}.footer-logo strong{font-size:2.32rem}.footer-logo .logo-bottom{font-size:.68rem}}

/* Arquitectura editorial ampliada con contenido propio de la escuela. */
.value-stage{background:#0b0d0b}.value-heading{text-align:center}.value-heading .eyebrow{justify-content:center}.value-grid{margin-top:4rem;display:grid;grid-template-columns:1fr minmax(260px,390px) 1fr;grid-template-rows:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.value-grid article{padding:clamp(2rem,4vw,3.5rem);background:#111411;display:flex;flex-direction:column;justify-content:center}.value-grid article span{color:var(--acid);font:400 1.15rem Anton}.value-grid article h3{font-size:clamp(1.5rem,2.5vw,2.2rem);margin:1.2rem 0 .8rem}.value-grid article p{color:var(--muted);margin:0}.value-grid figure{grid-column:2;grid-row:1/3;margin:0;background:#080a08;overflow:hidden}.value-grid figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.08)}
.lesson-samples{background:#171a17}.sample-heading{text-align:center}.sample-heading>p{color:var(--muted);margin-bottom:.5rem}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.sample-grid article{background:#0e100e;padding-bottom:1.7rem}.sample-image{height:280px;position:relative;overflow:hidden}.sample-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.sample-image span{position:absolute;top:1rem;left:1rem;background:#ff4f5c;padding:.3rem .5rem;font:400 .85rem Anton}.sample-grid h3,.sample-grid p,.sample-grid small{margin-left:1.4rem;margin-right:1.4rem}.sample-grid h3{font-size:1.55rem;margin-top:1.3rem;margin-bottom:.7rem}.sample-grid p{color:var(--muted)}.sample-grid small{color:#b6b6ae;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.sample-cta{text-align:center;margin-top:2.5rem}
.resources{background:#0b0d0b}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.resource-grid article{background:#171a17;border:1px solid var(--line)}.resource-grid img{width:100%;height:260px;object-fit:cover;filter:saturate(.72)}.resource-grid article>div{padding:1.6rem}.resource-grid span{color:var(--acid);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.resource-grid h3{font-size:1.45rem;margin:1rem 0}.resource-grid p{color:var(--muted);margin:0}.social-band{padding:clamp(3rem,6vw,5rem) max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--orange);color:var(--ink)}.social-band p{margin:0;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem}.social-band h2{margin:.5rem 0 0;font-size:clamp(1.7rem,4vw,3.5rem)}
@media(max-width:900px){.value-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.value-grid figure{grid-column:1/-1;grid-row:2;height:520px}.sample-grid,.resource-grid{grid-template-columns:1fr 1fr}.social-band{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.value-grid,.sample-grid,.resource-grid{grid-template-columns:1fr}.value-grid figure{grid-column:1;grid-row:3;height:480px}.sample-image,.resource-grid img{height:260px}.social-band h2{font-size:1.65rem;overflow-wrap:anywhere}}

/* Videoteca administrable. */
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3.5rem}.video-card{background:#0e100e;border:1px solid var(--line)}.video-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#050605}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s;filter:saturate(.78) contrast(1.06)}.video-thumb:hover img{transform:scale(1.025);filter:saturate(1)}.play{position:absolute;left:50%;top:50%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:var(--acid);color:var(--ink);font-size:1.2rem;padding-left:.15rem;box-shadow:0 8px 30px rgba(0,0,0,.35)}.video-number{position:absolute;left:1rem;top:1rem;background:#ff4f5c;padding:.3rem .5rem;font:400 .85rem Anton}.video-copy{padding:1.5rem}.video-copy h3{font-size:1.45rem;margin-bottom:.8rem;letter-spacing:-.02em}.video-copy h3 a{text-decoration:none}.video-copy p{color:var(--muted);margin-bottom:1rem}.video-copy small{color:#b6b6ae;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.video-card:focus-within{outline:3px solid var(--acid);outline-offset:3px}
@media(max-width:700px){.video-grid{grid-template-columns:1fr}.play{width:56px;height:56px}}

/* Navegación y páginas de la biblioteca académica. */
.nav-school{position:relative}.nav-school summary{cursor:pointer;list-style:none;font-size:.9rem;font-weight:700}.nav-school summary::-webkit-details-marker{display:none}.nav-school summary:after{content:'⌄';margin-left:.35rem}.nav-school[open] summary:after{content:'⌃'}.nav-school>div{position:absolute;top:2rem;left:-1rem;width:210px;padding:.35rem;background:#121512;border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.35)}.nav-school>div a{display:block;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.nav-school>div a:last-child{border-bottom:0}.library-header{justify-content:space-between}.library-back{margin-left:auto;text-decoration:none;font-weight:700}.library-page{min-height:70vh}.library-tabs{padding:1rem max(24px,calc((100vw - var(--max))/2));display:flex;gap:.5rem;overflow-x:auto;border-bottom:1px solid var(--line);background:#0b0d0b}.library-tabs a{padding:.7rem 1rem;text-decoration:none;white-space:nowrap;color:var(--muted);font-weight:700}.library-tabs a[aria-current=page]{color:var(--ink);background:var(--acid)}.library-hero{padding:clamp(5rem,10vw,9rem) max(24px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 80% 30%,#283027 0,transparent 35%),#111411}.library-hero>p{color:var(--acid);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.library-hero h1{font-family:Anton,Impact,sans-serif;text-transform:uppercase;font-size:clamp(4rem,10vw,9rem);margin:0}.library-lead{font-size:clamp(1.1rem,2vw,1.45rem);color:var(--muted);max-width:760px}.library-videos,.path-grid,.empty-library{padding:clamp(4rem,8vw,7rem) max(24px,calc((100vw - var(--max))/2))}.path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.path-grid article{background:#171a17;padding:clamp(2rem,5vw,4rem)}.path-grid span,.content-label{color:var(--acid);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.path-grid h2{font-size:2.5rem}.path-grid p,.path-grid li{color:var(--muted)}.path-grid li{padding:.5rem}.empty-library{text-align:center;background:#171a17}.empty-library p{color:var(--acid);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.empty-library h2{font-size:clamp(2.2rem,5vw,4rem)}
@media(max-width:900px){.site-header nav .nav-school>div{position:static;width:auto;margin-top:.7rem}.library-header .button{display:none}}
@media(max-width:620px){.library-back{font-size:.8rem}.path-grid{grid-template-columns:1fr}.library-header{gap:1rem}}

/* Tarjetas compactas y reproducción dentro de la página. */
.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.video-thumb{width:100%;padding:0;border:0;color:inherit;cursor:pointer;font:inherit}.video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.video-copy{padding:1.1rem}.video-copy h3{font-size:1.08rem;line-height:1.15;margin-bottom:.75rem}.video-copy small{font-size:.64rem;line-height:1.4}.video-copy p{font-size:.85rem}.play{width:52px;height:52px;font-size:1rem}.lesson-samples .video-grid{max-width:var(--max);margin-inline:auto}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.video-grid{grid-template-columns:1fr}.video-copy h3{font-size:1.18rem}}

.floating-whatsapp img{display:block;width:27px;height:27px}

/* Navegación principal refinada. */
.site-header{height:96px;gap:1.5rem;border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 35px rgba(0,0,0,.16)}
.site-header>nav{margin-left:auto;gap:.2rem;padding:.38rem .45rem;background:#191d19;border:1px solid #30362f;border-radius:999px;align-items:center}
.site-header>nav>a,.site-header>nav>.nav-school>summary{display:block;padding:.62rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .2s,background-color .2s,transform .2s}
.site-header>nav>a:hover,.site-header>nav>a:focus-visible,.site-header>nav>.nav-school>summary:hover,.site-header>nav>.nav-school>summary:focus-visible{background:#2a3029;color:var(--acid);outline:none}
.site-header>nav>a:active{transform:scale(.96)}
.nav-school>div{top:2.9rem;left:-.5rem;width:235px;padding:.55rem;border-radius:15px;background:#151815;border-color:#353b34;box-shadow:0 22px 55px rgba(0,0,0,.55)}
.nav-school>div:before{content:'';position:absolute;top:-6px;left:30px;width:11px;height:11px;background:#151815;border-left:1px solid #353b34;border-top:1px solid #353b34;transform:rotate(45deg)}
.nav-school>div a{position:relative;padding:.78rem 1rem;border-radius:9px;border:0;font-size:.84rem;color:#d9d9d2;transition:background-color .2s,color .2s,padding-left .2s}.nav-school>div a:hover,.nav-school>div a:focus-visible{background:#252a24;color:var(--acid);padding-left:1.25rem;outline:none}.nav-school>div a+ a{margin-top:.12rem}
.header-cta{gap:.55rem;border:0;border-radius:999px;box-shadow:0 0 0 1px rgba(221,255,56,.35),0 8px 24px rgba(221,255,56,.12);padding:.78rem 1.05rem;white-space:nowrap}.header-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(221,255,56,.55),0 12px 30px rgba(221,255,56,.18)}.header-cta img{width:18px;height:18px}
.menu-button{border-radius:999px;padding:.55rem .8rem;border-color:#394038}
.hero{min-height:calc(100svh - 96px)}
@media(max-width:1050px){.site-header>nav>a,.site-header>nav>.nav-school>summary{padding:.6rem .65rem}.header-cta{font-size:.76rem}}
@media(max-width:900px){.site-header{height:76px}.hero{min-height:calc(100svh - 76px)}.site-header>nav{top:76px;display:none;margin:0;border-radius:0;border-inline:0;padding:1rem 20px;align-items:stretch;gap:.25rem}.site-header>nav.open{display:flex}.site-header>nav>a,.site-header>nav>.nav-school>summary{padding:.85rem 1rem;border-radius:10px;font-size:.9rem}.nav-school>div{position:static;width:auto;margin:.3rem 0 .5rem;padding:.4rem;border-radius:12px;box-shadow:none}.nav-school>div:before{display:none}}

/* Sistema tipográfico: Anton para títulos, DM Sans para lectura continua. */
h1,h2,h3{font-family:Anton,Impact,'Arial Narrow',sans-serif;font-weight:400;font-style:normal;letter-spacing:.018em;line-height:1.02}
.hero h1{letter-spacing:.008em;line-height:.88}.hero h1 em{letter-spacing:.012em}
.library-hero h1{max-width:100%;font-size:clamp(3.6rem,9vw,8rem);letter-spacing:.012em;line-height:.96;overflow-wrap:normal;word-break:normal}
.section h2{letter-spacing:.014em;line-height:1.01}.section h3{letter-spacing:.02em;line-height:1.08}
.video-copy h3,.resource-grid h3{letter-spacing:.018em;line-height:1.14}
.sample-grid h3,.program h3{letter-spacing:.015em}
@media(max-width:620px){.hero h1{font-size:clamp(3.2rem,13vw,5rem);line-height:.9}.library-hero h1{font-size:clamp(3.2rem,16vw,5.4rem);letter-spacing:.008em}.section h2{line-height:1.04}}

/* Formulario de contacto integrado con la identidad visual. */
.lead-form{position:relative;overflow:hidden;background:linear-gradient(145deg,#1c211c,#111511);color:var(--white);border:1px solid #3a4139;border-radius:28px;box-shadow:14px 14px 0 var(--orange);padding:clamp(1.7rem,4vw,3.3rem)}
.lead-form:before{content:'';position:absolute;width:170px;height:170px;right:-70px;top:-80px;border-radius:50%;background:var(--acid);filter:blur(1px);opacity:.1}.form-kicker{display:inline-flex;padding:.42rem .65rem;border:1px solid #495148;border-radius:999px;color:var(--acid);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.lead-form h3{margin:1rem 0 .7rem;font-size:clamp(2.5rem,4vw,3.8rem);letter-spacing:.012em}.form-intro{max-width:520px;color:#b9bcb6;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.field{margin:0}.field-message,.field-consent,.form-submit,.fine-print{grid-column:1/-1}.field label{color:#d7d9d3;font-size:.75rem;letter-spacing:.035em;margin-bottom:.48rem}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;min-height:52px;padding:.85rem 1rem;border:1px solid #454d44;border-radius:12px;background:#0c0f0c;color:var(--white);font-size:.92rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.field textarea{min-height:118px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#7f857d}.field select{color:#dfe1dc}.field input:hover,.field select:hover,.field textarea:hover{border-color:#687165}.field input:focus,.field select:focus,.field textarea:focus{background:#111511;border-color:var(--acid);outline:0;box-shadow:0 0 0 3px rgba(221,255,56,.14)}.checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #343b33;border-radius:12px;background:#151a15}.checkbox label{margin:0;font-size:.78rem;line-height:1.45}.checkbox input{accent-color:var(--acid);margin-top:.1rem}.form-submit{width:100%;min-height:56px;border-radius:14px;box-shadow:none;gap:.6rem}.form-submit:hover{box-shadow:0 10px 30px rgba(221,255,56,.14);transform:translateY(-2px)}.lead-form .fine-print{text-align:center;color:#858b83;margin:0;font-size:.7rem}.lead-form .error{color:#ff9a7d;margin-top:.35rem}.form-error{padding:1rem;margin-bottom:1rem;border:1px solid #a94a34;border-radius:10px;background:#351a14}
@media(max-width:620px){.lead-form{border-radius:20px;box-shadow:7px 7px 0 var(--orange)}.form-grid{grid-template-columns:1fr}.field-name,.field-contact,.field-modality,.field-level{grid-column:1}.lead-form h3{font-size:2.6rem}}

/* Ruta formativa de tres niveles. */
.learning-path{background:#e9e5d9;color:var(--ink)}.levels-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:end;margin-bottom:3.5rem}.levels-heading h2{margin-bottom:0}.levels-heading>p{max-width:580px;color:#55554f;font-size:1.08rem}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.level-card{display:flex;flex-direction:column;min-width:0;background:#121512;color:#fff;border:1px solid #30352f;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(20,20,16,.12);transition:transform .25s,box-shadow .25s}.level-card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(20,20,16,.2)}.level-card>header{position:relative;padding:2rem 2rem 1.7rem;min-height:295px;border-bottom:1px solid #353a34;background:radial-gradient(circle at 90% 5%,rgba(216,255,56,.14),transparent 38%)}.level-index{display:inline-flex;padding:.38rem .65rem;border:1px solid #485046;border-radius:999px;color:var(--acid);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.level-state{position:absolute;right:2rem;top:2.08rem;margin:0;color:#aeb2aa;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.level-card h3{margin:2.5rem 0 .7rem;font-size:clamp(3.7rem,5vw,5.2rem);line-height:.8;color:var(--acid)}.level-card>header>p:last-child{color:#c4c7c0;margin:1.3rem 0 0;max-width:330px}.level-outcome{padding:1.35rem 2rem;background:var(--acid);color:var(--ink);min-height:125px}.level-outcome small,.level-card footer>span{display:block;margin-bottom:.35rem;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.level-outcome strong{display:block;line-height:1.3}.level-modules{counter-reset:modules;list-style:none;margin:0;padding:1.4rem 2rem 1rem}.level-modules li{counter-increment:modules;position:relative;padding:1rem 0 1rem 2.2rem;border-bottom:1px solid #30352f}.level-modules li:before{content:'0' counter(modules);position:absolute;left:0;top:1.1rem;color:var(--acid);font-size:.66rem;font-weight:900}.level-modules b,.level-modules span{display:block}.level-modules b{font-size:.9rem}.level-modules span{margin-top:.2rem;color:#9fa49c;font-size:.76rem;line-height:1.45}.level-card footer{margin-top:auto;padding:1.5rem 2rem 2rem}.level-card footer>span{color:var(--acid)}.level-card footer p{color:#b1b5ad;font-size:.82rem;min-height:2.6em}.level-card footer a{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid #3a4038;color:#fff;font-size:.8rem;font-weight:800;text-decoration:none}.level-card footer a:hover{color:var(--acid)}.level-two{border-color:#677439}.level-two>header{background:radial-gradient(circle at 90% 5%,rgba(255,95,50,.2),transparent 42%)}.level-two h3{color:var(--orange)}.level-two .level-outcome{background:var(--orange)}.level-two .level-index,.level-two .level-modules li:before,.level-two footer>span{color:#ff8a68}.level-three>header{background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.13),transparent 40%)}.level-three h3{color:#fff}.level-three .level-outcome{background:#f3f0e8}.level-note{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem 1.7rem;border:1px solid #b9b5aa;border-radius:18px}.level-note p{margin:0;max-width:760px}.level-note .button{flex:none;border-radius:999px;box-shadow:none}.path-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:1050px){.level-grid{grid-template-columns:1fr}.level-card{display:grid;grid-template-columns:.8fr 1.2fr}.level-card>header{grid-column:1;grid-row:1}.level-outcome{grid-column:1;grid-row:2}.level-modules{grid-column:2;grid-row:1/3}.level-card footer{grid-column:1/-1}.path-grid{grid-template-columns:1fr}}
@media(max-width:700px){.levels-heading{grid-template-columns:1fr}.level-card{display:flex}.level-card>header{min-height:auto}.level-state{position:static;margin-top:.7rem}.level-card h3{font-size:4rem}.level-note{align-items:stretch;flex-direction:column}.level-note .button{width:100%}}
.field-website{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.field-help{display:block;color:#8f958d;font-size:.68rem;line-height:1.4;margin-top:.35rem}.field-help:empty{display:none}.field-help a{color:var(--acid)}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url("fonts/anton-latin.912c3c9f2621.woff2") format("woff2")}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/dm-sans-latin.7c87a648293f.woff2") format("woff2")}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.marquee{color:var(--ink)}.video-number{color:var(--ink)}
.hero-visual{background:none}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block}