/* Shared lesson appearance, based on the current Viajes trainer. */
:root{--sinole-ink:#193047;--sinole-gold:#ffcc00;--sinole-border:rgba(255,255,255,.92);--sinole-surface:rgba(255,255,255,.86)}
body.sinoleMemberCourse,body.sinolePrivateCourse{margin:0;color:var(--sinole-ink);font-family:Arial,system-ui,sans-serif;background:linear-gradient(115deg,#eaf5ff,#f1edf9 60%,#e5f2ec);min-height:100vh;line-height:1.6}
.sinolePrivateCourse main,.sinolePrivateCourse>.wrap,.sinoleMemberCourse #main{box-sizing:border-box;width:min(1100px,100%);margin:24px auto!important;padding:0 20px}
.sinolePrivateCourse header,.sinoleMemberCourse #sinoleMemberTitle{box-sizing:border-box;position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1100px;margin:0 auto 24px;padding:16px 20px;border:1px solid var(--sinole-border);border-radius:20px;background:var(--sinole-surface);color:var(--sinole-ink)}
.sinolePrivateCourse .panel,.sinolePrivateCourse .card,.sinoleMemberCourse #hotelDemo{box-sizing:border-box;border:1px solid var(--sinole-border);border-radius:24px;background:var(--sinole-surface);padding:24px;box-shadow:0 18px 50px rgba(40,65,105,.10)}
.sinolePrivateCourse button,.sinolePrivateCourse .btn,.sinoleMemberCourse button,.sinoleMemberCourse .btn{min-height:42px;border-radius:12px;font:inherit;cursor:pointer;touch-action:manipulation}
.sinolePrivateCourse button:active,.sinoleMemberCourse button:active{transform:translateY(1px)}
.sinolePrivateCourse button:focus-visible,.sinoleMemberCourse button:focus-visible{outline:3px solid #a88000;outline-offset:3px}
.sinolePrivateCourse button:disabled,.sinoleMemberCourse button:disabled{cursor:default}
.sinolePrivateCourse .tools,.sinoleMemberCourse .tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sinolePrivateCourse .dots,.sinoleMemberCourse #phraseDots{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.sinolePrivateCourse .dot,.sinolePrivateCourse .dots button,.sinoleMemberCourse #phraseDots button{width:34px;height:34px;min-height:34px;padding:0;border-radius:50%}
.sinolePrivateCourse .syllables,.sinoleMemberCourse .line{display:flex;gap:.45em;flex-wrap:wrap;font-size:clamp(20px,2.5vw,27px);line-height:1.9}
.sinolePrivateCourse [hidden],.sinoleMemberCourse [hidden]{display:none!important}
.sinoleMemberCourse>header,.sinoleMemberCourse>footer,.sinoleMemberCourse .hotelHero,.sinoleMemberCourse #planes,.sinoleMemberCourse #especialidades,.sinoleMemberCourse .courseOverview,.sinoleMemberCourse #sinoleAreaFooter{display:none!important}
.sinoleMemberCourse #hotelDemo .demohead,.sinoleMemberCourse #hotelDemo>.progresslabel,.sinoleMemberCourse #hotelDemo>.graphnote{display:none!important}
.sinoleMemberCourse #hotelDemo .demofoot .progresslabel{display:inline!important}
.sinoleMemberCourse .hotelPracticeTop{display:flex!important;gap:16px;align-items:center;flex-wrap:wrap}
.sinoleMemberCourse .hotelAfter{display:flex!important;gap:12px;flex-wrap:wrap;margin-top:20px}
.sinoleMemberCourse #practica{margin:0!important;max-width:none!important}
.sinoleMemberCourse .sinoleCourseRoute{margin-bottom:24px}
.sinoleMemberCourse.sinoleLessonOpen #courseStart,.sinoleMemberCourse.sinoleLessonOpen #lessonSelector{display:none!important}
.sinoleMemberCourse:not(.sinoleLessonOpen) #practica,.sinoleMemberCourse:not(.sinoleLessonOpen) #phraseDots,.sinoleMemberCourse:not(.sinoleLessonOpen) #sinoleLessonBack{display:none!important}
.sinoleLoading{padding:24px;min-height:100px;display:flex;align-items:center;gap:12px}
.sinolePrivateCourse #trainer[data-loading="true"] #phase,.sinolePrivateCourse #trainer[data-loading="true"] #task,.sinolePrivateCourse #trainer[data-loading="true"] #dots,.sinolePrivateCourse #trainer[data-loading="true"]>.controls,.sinolePrivateCourse #trainer[data-loading="true"] #feedback{visibility:hidden;pointer-events:none}
.sinolePrivateCourse #trainer[data-loading="true"] #exercise{min-height:120px;display:grid;align-content:center}
.sinolePrivateCourse .blocks button.playing{outline:2px solid #a88000;outline-offset:2px;background:#fff6ca}
@media(max-width:600px){.sinolePrivateCourse main,.sinolePrivateCourse>.wrap,.sinoleMemberCourse #main{padding:0 12px}.sinolePrivateCourse .panel,.sinolePrivateCourse .card,.sinoleMemberCourse #hotelDemo{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}