/* A compact introduction to the production school, scoped to the home. */
#clases.home-production { --studio-lime: #d8f779; --studio-purple: #c3b1ff; padding: clamp(56px,7vw,90px) 0; background: #121315; color: #f7f6f2; overflow: hidden; }
#clases.home-production .class-grid { grid-template-columns: 1.05fr .95fr; gap: clamp(36px,5vw,72px); align-items: center; }
#clases.home-production .class-media { padding: 0; }
#clases.home-production .class-video-label { display: inline-block; margin: 0 0 22px; padding: 9px 12px; background: var(--studio-lime); color: #000; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 650; letter-spacing: .07em; line-height: 1.6; }
#clases.home-production .home-studio-window { overflow: hidden; border: 1px solid #55545c; border-radius: 9px; background: #292a2f; box-shadow: 0 25px 65px rgba(0,0,0,.28); }
#clases.home-production .home-studio-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 15px; color: #d1cfd9; font-family: ui-monospace, monospace; font-size: 10px; }
.home-studio-dots { display: flex; gap: 5px; }
.home-studio-dots i { width: 6px; height: 6px; border-radius: 50%; background: #777781; }
.home-studio-dots i:first-child { background: #c3b1ff; }
.home-studio-dots i:nth-child(2) { background: #d8f779; }
#clases.home-production .video-frame { margin: 0; border: 0; border-radius: 0; transform: none; box-shadow: none; }
#clases.home-production .video-poster::after { display: none; }
#clases.home-production .video-play { width: 70px; height: 52px; border: 0; border-radius: 5px; background: var(--studio-purple); box-shadow: 0 5px 22px #0003; transform: translate(-50%,-50%); }
#clases.home-production .video-play svg { fill: #1c1830; }
#clases.home-production .video-poster:hover .video-play { background: #e1d5ff; transform: translate(-50%,-50%) scale(1.06); }
#clases.home-production .home-studio-caption { display: flex; justify-content: space-between; gap: 16px; padding: 15px; color: #c5c4ce; font-size: 10px; line-height: 1.5; }
#clases.home-production .class-copy h2 { font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; font-size: clamp(34px,4.3vw,62px); font-weight: 650; line-height: 1.04; letter-spacing: -.055em; }
#clases.home-production .class-accent { color: var(--studio-purple); }
#clases.home-production .class-copy > p { margin: 24px 0 0; color: #c6c5cc; font-size: 15px; line-height: 1.8; }
#clases.home-production .feature-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; }
#clases.home-production .feature-list li { padding: 7px 10px; border: 1px solid #45454e; border-radius: 4px; color: #d5d2e1; font-size: 11px; line-height: 1.4; font-weight: 500; }
#clases.home-production .feature-list li::before { display: none; }
#clases.home-production .class-price-row { justify-content: flex-start; margin-top: 28px; }
#clases.home-production .button { min-height: 50px; padding: 14px 20px; gap: 24px; border: 1px solid transparent; border-radius: 5px; background: var(--studio-lime); color: #202719; font-size: 13px; font-weight: 650; box-shadow: none; transform: none; transition: background .18s ease; }
#clases.home-production .button:hover { background: #edffc2; color: #161c0f; transform: none; }
#clases.home-production :focus-visible { outline: 3px solid var(--studio-purple); outline-offset: 4px; }
@media (max-width: 980px) { #clases.home-production .class-grid { grid-template-columns: 1fr; gap: 36px; } #clases.home-production .class-media { width: min(100%,700px); } #clases.home-production .class-copy { max-width: 700px; } #clases.home-production .class-copy h2 { font-size: clamp(34px,6.5vw,56px); } }
@media (max-width: 440px) { #clases.home-production .home-studio-caption { flex-direction: column; gap: 3px; } #clases.home-production .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { #clases.home-production * { transition: none; } }

/* Home class label follows the heading column. */
#clases.home-production .class-copy > .class-video-label { margin: 0 0 22px; color: #000; font-size: 10px; line-height: 1.6; }

/* Weekly schedule and the two paths: information or direct enrolment. */
#clases.home-production .class-video-label strong { font-weight: 800; }
#clases.home-production .class-price-row { display: flex; flex-wrap: wrap; gap: 12px; }
#clases.home-production .button.home-class-info { border-color: #777580; background: transparent; color: #f7f6f2; }
#clases.home-production .button.home-class-info:hover { border-color: #c3b1ff; background: #292633; color: #fff; }

#clases.home-production .class-schedule-highlight { color: var(--studio-lime); font-weight: 800; }