/* V10: single creator identity, native picker and lesson workspace. */
.studio-page-header{display:flex;align-items:center;gap:var(--mv-space-3);margin-bottom:var(--mv-space-6);min-height:var(--mv-control-height)}
.studio-page-header h1{flex:1;margin:0;font:600 var(--mv-type-page)/1.2 var(--mv-font-display);min-width:0}
.studio-page-header .btn{flex:none}.studio-profile-hero{max-width:var(--mv-reading-max,720px);margin:auto;padding:var(--mv-space-6)}
.studio-profile-identity{display:flex;gap:var(--mv-space-4);align-items:center}.studio-profile-identity>.avatar{width:80px;height:80px;font-size:var(--mv-type-xl);object-fit:cover;border-radius:var(--mv-radius-md)}
.studio-profile-identity h2{font-family:var(--mv-font-body);font-size:var(--mv-type-xl);margin:0 0 var(--mv-space-1)}
.studio-profile-identity p{margin:0}.studio-profile-bio{margin:var(--mv-space-4) 0;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-profile-buttons{display:flex;gap:var(--mv-space-3);margin:var(--mv-space-5) 0 var(--mv-space-3)}
.studio-profile-buttons .social-follow{background:var(--mv-primary);color:var(--mv-on-primary);min-height:44px;padding:0 var(--mv-space-5);border:1px solid var(--mv-primary);border-radius:var(--mv-radius-sm);font-weight:600}
.studio-profile-tabs,.studio-lesson-tabs{display:flex;gap:var(--mv-space-1);max-width:var(--mv-reading-max,720px);margin:var(--mv-space-5) auto;border-bottom:1px solid var(--mv-border);overflow-x:auto}
.studio-profile-tabs button,.studio-lesson-tabs button{flex:1;min-height:48px;border:0;background:transparent;color:var(--mv-muted);padding:var(--mv-space-3);white-space:nowrap;font-weight:600;border-bottom:3px solid transparent}
.studio-profile-tabs button[aria-pressed=true],.studio-lesson-tabs button[aria-pressed=true]{color:var(--mv-text);border-color:var(--mv-primary)}
.studio-profile-posts{max-width:600px;margin:auto;display:grid;gap:var(--mv-space-5)}
.studio-training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mv-space-4)}
.studio-training-card{display:flex;align-items:center;gap:var(--mv-space-4);text-align:left;border:1px solid var(--mv-border);border-radius:var(--mv-radius-md);background:var(--mv-surface);color:var(--mv-text);padding:var(--mv-space-4);min-width:0}
.studio-training-card>img{width:96px;aspect-ratio:1;object-fit:cover;border-radius:var(--mv-radius-media,8px)}
.studio-training-card>span:first-of-type{flex:1;min-width:0}.studio-training-card strong,.studio-training-card small{display:block;overflow-wrap:anywhere}.studio-training-card small{font-size:var(--mv-type-xs);color:var(--mv-muted)}
.studio-about,.studio-profile-empty{max-width:720px;margin:auto;padding:var(--mv-space-6)}
.studio-about dl{margin:var(--mv-space-6) 0}.studio-about dl div{padding:var(--mv-space-3) 0;border-bottom:1px solid var(--mv-border)}.studio-about dd{margin:var(--mv-space-1) 0;white-space:pre-wrap}.studio-about dt{font-size:var(--mv-type-xs);color:var(--mv-muted)}
.studio-compose{max-width:600px;margin:auto;padding:var(--mv-space-5)}
.studio-composer-person{display:flex;align-items:center;gap:var(--mv-space-3)}.studio-composer-person strong{flex:1;min-width:0;overflow-wrap:anywhere}.studio-composer-person select{width:auto;max-width:160px;min-height:44px;font-size:var(--mv-type-xs)}
.studio-compose>textarea{display:block;width:100%;border:0;background:transparent;color:var(--mv-text);resize:vertical;padding:var(--mv-space-5) 0;font:400 16px/1.6 var(--mv-font-body);min-height:112px}
.studio-draft-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mv-space-3)}.studio-draft-media:empty{display:none}
.studio-draft-media figure{position:relative;margin:0;min-width:0;background:var(--mv-subtle);border-radius:var(--mv-radius-md);overflow:hidden;border:1px solid var(--mv-border)}
.studio-draft-media img,.studio-draft-media video{display:block;width:100%;aspect-ratio:1;object-fit:contain}.studio-draft-media audio{width:100%;margin-top:48px}
.studio-draft-media .icon{position:absolute;right:var(--mv-space-2);top:var(--mv-space-2);background:var(--mv-surface);border:1px solid var(--mv-border)}
.studio-draft-media figcaption{font-size:12px;padding:var(--mv-space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-publish-attachments{display:flex;flex-wrap:wrap;gap:var(--mv-space-2);padding:var(--mv-space-5) 0}.studio-publish-attachments svg{width:20px;height:20px;fill:none;stroke:currentColor}
.studio-linked-project{display:flex;align-items:center;justify-content:space-between;gap:var(--mv-space-3);padding:var(--mv-space-3);background:var(--mv-subtle);border-radius:var(--mv-radius-sm)}
.studio-post-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.studio-post-gallery figure{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:center;background:var(--mv-subtle)}
.studio-post-gallery img,.studio-post-gallery video{display:block;width:100%;max-height:600px;aspect-ratio:4/5;object-fit:contain}.studio-post-gallery audio{display:block;width:calc(100% - 32px);margin:var(--mv-space-6) var(--mv-space-4)}
.studio-gallery-hint{display:block;text-align:center;padding:var(--mv-space-2);color:var(--mv-muted)}
.studio-full-player{text-align:center}.studio-full-player>img{width:min(100%,320px);aspect-ratio:1;object-fit:cover;border-radius:var(--mv-radius-md);margin:auto}.studio-full-player h3{margin-top:var(--mv-space-5)}.studio-full-player>input{width:100%}.studio-player-time,.studio-player-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--mv-space-4);margin:var(--mv-space-4) 0}
.studio-course-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--mv-space-6)}.studio-course-detail>section{min-width:0;padding:var(--mv-space-6)}
.studio-course-cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--mv-radius-md)}.studio-course-detail h2{margin:var(--mv-space-4) 0;font-family:var(--mv-font-body);font-size:24px}
.studio-course-actions{display:flex;flex-wrap:wrap;gap:var(--mv-space-3);margin-top:var(--mv-space-5)}.studio-syllabus{grid-column:1/-1}.studio-syllabus details{border-bottom:1px solid var(--mv-border);padding:var(--mv-space-4) 0}.studio-syllabus summary{cursor:pointer;font-weight:600;min-height:32px}.studio-syllabus p{font-size:14px;margin:var(--mv-space-3) 0 0 var(--mv-space-4)}
.studio-classroom{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--mv-space-6);align-items:start}.studio-lesson-main{min-width:0}
.studio-video{position:relative;min-height:200px;aspect-ratio:16/9;background:var(--mv-ink);border-radius:var(--mv-radius-md);overflow:hidden;isolation:isolate;color:var(--mv-on-media)}
.studio-video>img{width:100%;height:100%;object-fit:cover;opacity:.3}.studio-video-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--mv-space-4);padding:var(--mv-space-5);text-align:center}
#academy-vimeo{position:absolute;inset:0}#academy-vimeo iframe{width:100%;height:100%;border:0}#academy-video-status{position:absolute;bottom:0;left:0;right:0;background:var(--mv-surface);color:var(--mv-text);margin:0;padding:var(--mv-space-3);font-size:12px}#academy-video-status[hidden]{display:none}
.studio-lesson-title{margin:var(--mv-space-5) 0}.studio-lesson-title h2{font:600 24px/1.3 var(--mv-font-body);margin:var(--mv-space-2) 0}
.studio-lesson-navigation{display:flex;gap:var(--mv-space-2);justify-content:space-between;margin:var(--mv-space-5) 0}.studio-lesson-navigation button{min-width:0}
#academy-workbench{padding:var(--mv-space-5)}.studio-lesson-tabs{margin:0 0 var(--mv-space-5)}
.studio-lesson-list{padding:var(--mv-space-4);max-height:70vh;overflow:auto}.studio-lesson-list h2{font-size:18px;margin:var(--mv-space-2) 0 var(--mv-space-4)}
.academy-chapter{display:flex;gap:var(--mv-space-3);width:100%;min-height:48px;border:0;border-left:3px solid transparent;border-radius:var(--mv-radius-sm);padding:var(--mv-space-3);background:transparent;color:var(--mv-text);text-align:left;font:400 13px/1.6 var(--mv-font-body);cursor:pointer}
.academy-chapter-number{min-width:20px;color:var(--mv-muted);font-variant-numeric:tabular-nums}.academy-chapter>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.academy-chapter:hover{background:var(--mv-subtle)}.academy-chapter[aria-current=step]{background:var(--mv-subtle);font-weight:600;border-left-color:var(--mv-primary)}
.academy-module{border-bottom:1px solid var(--mv-border)}.academy-module:last-child{border-bottom:0}
.academy-module>summary{display:flex;align-items:center;gap:var(--mv-space-3);min-height:64px;padding:var(--mv-space-4) var(--mv-space-2);list-style:none;cursor:pointer;border-radius:var(--mv-radius-sm)}.academy-module>summary::-webkit-details-marker{display:none}
.academy-module>summary:hover{background:var(--mv-subtle)}.academy-module-copy{flex:1;min-width:0;display:grid;gap:var(--mv-space-1)}
.academy-module-label{font:600 12px/1.5 var(--mv-font-body);color:var(--mv-muted);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--mv-space-2)}.academy-module-label small{font-size:11px;font-weight:400}
.academy-module-copy strong{font:600 14px/1.5 var(--mv-font-body);color:var(--mv-text);overflow-wrap:anywhere}
.academy-module-toggle{flex:0 0 20px;text-align:center;font-size:20px;line-height:1;color:var(--mv-muted)}.academy-module-toggle:before{content:'+'}.academy-module[open]>summary .academy-module-toggle:before{content:'−'}
.academy-module[data-current-module=true]>summary .academy-module-label{color:var(--mv-text)}.academy-chapters{padding-bottom:var(--mv-space-3)}
.academy-module>summary:focus-visible,.academy-chapter:focus-visible{outline:2px solid var(--mv-focus,var(--mv-primary));outline-offset:2px}
.academy-syllabus-chapters{margin:0;padding:0 var(--mv-space-6) var(--mv-space-4);color:var(--mv-muted);font-size:14px;line-height:1.6}.academy-syllabus-chapters li{padding:var(--mv-space-2) 0}
.release-app .surface.studio-syllabus .academy-module{padding:0}.studio-syllabus .academy-module-copy strong{font-size:16px}
.studio-academy-account{max-width:600px;margin:auto;padding:var(--mv-space-6)}.studio-academy-account>.text-link{display:inline-block;margin-top:var(--mv-space-6)}.studio-academy-account h2{font-size:20px;margin:0 0 var(--mv-space-5)}.studio-account-link{padding:var(--mv-space-5);margin-bottom:var(--mv-space-5);display:flex;justify-content:space-between;gap:var(--mv-space-4);align-items:center}
@media(max-width:760px){
 .studio-page-header{position:sticky;top:var(--mobile-header-height,56px);z-index:10;background:var(--mv-bg);padding:var(--mv-space-3) 0;margin-bottom:var(--mv-space-3)}
 .studio-page-header h1{font-family:var(--mv-font-body);font-size:20px}.studio-page-header>.btn{font-size:14px;padding:0 var(--mv-space-3)}
 .studio-profile-hero{padding:var(--mv-space-5)}.studio-profile-identity>.avatar{width:64px;height:64px}.studio-profile-identity h2{font-size:24px}
 .studio-profile-tabs button{padding:var(--mv-space-3) var(--mv-space-2);font-size:12px}.studio-training-grid{grid-template-columns:1fr}.studio-training-card>img{width:72px}
 .studio-compose{padding:var(--mv-space-4)}.studio-composer-person{flex-wrap:wrap}.studio-composer-person select{max-width:none;width:100%}.studio-publish-attachments .btn{font-size:12px;padding:0 var(--mv-space-3)}
 .studio-composing #mobile-nav{display:none}.studio-composing .shell{padding-bottom:var(--mv-space-8)}
 .studio-course-detail{grid-template-columns:1fr;gap:var(--mv-space-4)}.studio-course-detail>section{min-width:0;padding:var(--mv-space-4)}.studio-course-cover{aspect-ratio:16/9}
 .studio-classroom{grid-template-columns:1fr;gap:var(--mv-space-4)}.studio-video{min-height:0;border-radius:var(--mv-radius-media,8px)}.studio-lesson-list{max-height:none;overflow:visible;order:2}.studio-lesson-navigation .btn{font-size:12px;padding:0 var(--mv-space-3)}
 #academy-workbench{padding:var(--mv-space-4)}.studio-lesson-tabs button{font-size:12px;padding:var(--mv-space-2)}
 .studio-account-link{align-items:flex-start;flex-direction:column}
}

#academy-video-status.studio-video-fallback{inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mv-space-3);padding:var(--mv-space-5);text-align:center;background:var(--mv-ink);color:var(--mv-on-media);font-size:14px}#academy-video-status.studio-video-fallback a{color:var(--mv-primary)}
/* Aula: muestra pública, cuenta única y acceso contextual. */
#academy-vimeo{position:absolute;inset:0}#academy-vimeo iframe{display:block;width:100%;height:100%;border:0}
.studio-video:has(.studio-video-gate){aspect-ratio:auto;min-height:440px;display:grid}.studio-video:has(.studio-video-gate)>img{position:absolute;inset:0;opacity:.12}
.studio-video-gate{position:relative;padding:32px 24px}.academy-gate-copy{display:flex;align-items:center;flex-direction:column;gap:16px;max-width:480px;color:var(--mv-on-media)}
.academy-gate-copy>strong{font-size:clamp(24px,3vw,32px);line-height:1.15}.academy-gate-copy p{font-size:14px;line-height:1.6;margin:0;color:var(--mv-on-media);opacity:.9}.academy-gate-copy .text-link{color:var(--mv-on-media);font-size:14px}.academy-gate-copy>small{font-size:12px;line-height:1.5}.academy-gate-copy .chip{font-size:11px;color:var(--mv-on-media);border-color:#5f646b}.academy-gate-price{font-size:32px;font-weight:700}.academy-gate-price small{font-size:14px;font-weight:400}
.academy-after-preview{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:20px 0;border-block:1px solid var(--mv-border);margin:24px 0}.academy-after-preview>span{width:100%;font-weight:600}.academy-after-preview .text-link{font-size:14px}
.academy-sample-link{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:12px;border:1px solid var(--mv-border);border-radius:var(--mv-radius-sm);color:var(--mv-text);text-decoration:none;font-size:14px}.academy-sample-link small,.studio-lesson-list h2 small{font-size:12px;color:var(--mv-muted);font-weight:400}.academy-sample-link[aria-current=page]{border-color:var(--mv-primary)}.studio-lesson-list h2{display:flex;justify-content:space-between;gap:12px;align-items:center}
@media(max-width:600px){.studio-video:has(.studio-video-gate){min-height:420px}.studio-video-gate{padding:24px 16px}.academy-gate-copy{gap:12px}.academy-gate-copy>strong{font-size:24px}.academy-after-preview .btn{width:100%}.academy-after-preview{gap:12px}}

.guest-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px}.guest-workspace img{display:block;width:100%;height:auto;border:1px solid var(--mv-border);border-radius:var(--mv-radius-md)}.guest-workspace small{display:block;margin-top:20px;line-height:1.6}.guest-workspace .flex{flex-wrap:wrap}@media(max-width:900px){.guest-workspace{grid-template-columns:1fr;gap:24px}}

.academy-gate-copy .chip.free{background:var(--mv-mint);color:var(--mv-ink);border-color:var(--mv-mint)}

.studio-lesson-list h2{flex-wrap:wrap;gap:4px 12px}.studio-lesson-list h2 small{width:100%;line-height:1.5}

/* Aula móvil: el programa queda antes de los apuntes, con accesos directos. */
.studio-classroom{grid-template-areas:"lesson outline" "workbench outline"}
.studio-lesson-main{grid-area:lesson}.studio-lesson-list{grid-area:outline}
.studio-classroom>#academy-workbench{grid-area:workbench;min-width:0}
.academy-mobile-jumps,.academy-back-to-video{display:none}
#academy-lesson,#academy-outline,#academy-workbench{scroll-margin-top:calc(var(--mv-site-header-height,64px) + 88px)}
@media(max-width:1100px){
 .studio-video{min-height:0;width:100%;max-width:100%}
 .studio-lesson-list{max-height:none;overflow:visible}
 .studio-classroom{grid-template-columns:minmax(0,1fr);grid-template-areas:"lesson" "outline" "workbench"}
 .academy-mobile-jumps{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin:16px 0}
 .academy-mobile-jumps button,.academy-back-to-video{min-height:44px;padding:8px 12px;border:1px solid var(--mv-border);border-radius:var(--mv-radius-sm);background:var(--mv-surface);color:var(--mv-text);font:500 12px/1.5 var(--mv-font-body);cursor:pointer}
 .academy-back-to-video{display:block;width:100%;margin-top:16px}
 .studio-lesson-title h2{font-size:22px}
 .studio-lesson-list h2{align-items:flex-start;flex-direction:column;gap:4px}
 .studio-classroom>#academy-workbench{margin:0}
}

@media(max-width:760px){.studio-page-header{top:var(--mv-site-header-height,64px)}}
