[data-colorista-course] { color:#f4efe7; font-family:Arial,Helvetica,sans-serif; }
.colorista-course-card { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:28px; overflow:hidden; padding:20px; border:1px solid #403126; border-radius:20px; background:linear-gradient(135deg,#1b1510,#0d0d0d); text-decoration:none; color:#f4efe7; text-align:left; }
.colorista-course-card img { display:block; width:100%; height:auto; aspect-ratio:16/9; border-radius:12px; object-fit:cover; }
.colorista-course-copy { display:grid; gap:13px; }
.colorista-course-kicker { margin:0; color:#e3b27a; font-size:11px; font-weight:700; letter-spacing:.12em; line-height:1.5; }
.colorista-course-copy strong { color:#f4efe7; font:400 clamp(24px,2.4vw,38px)/1.17 Georgia,serif; }
.colorista-course-copy > span:not([class]) { color:#aaa59d; font-size:14px; line-height:1.6; }
.colorista-course-cta { justify-self:start; color:#e3b27a; font-size:14px; font-weight:700; border-bottom:1px solid #795939; padding:7px 0; }
[data-colorista-course="app"] { margin:0 0 18px; }
[data-colorista-course="app"] .colorista-course-card { grid-template-columns:115px 1fr; gap:14px; padding:13px; border-radius:13px; }
[data-colorista-course="app"] .colorista-course-copy { gap:5px; }
[data-colorista-course="app"] .colorista-course-copy strong { font:700 14px/1.35 Arial,sans-serif; }
[data-colorista-course="app"] .colorista-course-copy > span:not([class]) { display:none; }
[data-colorista-course="app"] .colorista-course-kicker { font-size:9px; letter-spacing:.06em; }
[data-colorista-course="app"] .colorista-course-cta { padding:2px 0; font-size:12px; }
.colorista-course-dialog { box-sizing:border-box; width:min(1120px,96vw); max-height:92vh; margin:auto; padding:30px; border:1px solid #524032; border-radius:20px; background:#0d0d0d; color:#f4efe7; box-shadow:0 24px 100px #000b; }
.colorista-course-dialog::backdrop { background:#000d; backdrop-filter:blur(10px); }
.colorista-course-dialog h2 { margin:12px 38px 10px 0; font:400 32px/1.2 Georgia,serif; }
.colorista-course-current { color:#aaa59d; font:14px/1.5 Arial,sans-serif; }
.colorista-course-close { position:absolute; top:15px; right:17px; border:1px solid #403126; border-radius:50%; width:36px; height:36px; background:#181310; color:#f4efe7; font-size:24px; cursor:pointer; }
.colorista-course-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:start; gap:18px; }
.colorista-course-player { aspect-ratio:16/9; background:#000; border-radius:10px; overflow:hidden; }
.colorista-course-player iframe { display:block; width:100%; height:100%; border:0; }
.colorista-course-lessons { display:grid; gap:9px; list-style:none; margin:0; padding:0; }
.colorista-course-lessons button { width:100%; min-height:58px; padding:13px; border:1px solid #302b26; border-radius:10px; background:#161310; color:#d4cec6; cursor:pointer; text-align:left; font:600 13px/1.5 Arial,sans-serif; }
.colorista-course-lessons button[aria-current="true"] { border-color:#b97842; background:#302116; color:#f2c798; }
.colorista-course-aula { display:inline-block; margin-top:20px; font:14px/1.5 Arial,sans-serif; color:#e3b27a; }
.colorista-course-card:focus-visible,.colorista-course-dialog button:focus-visible,.colorista-course-aula:focus-visible { outline:3px solid #e3b27a; outline-offset:4px; }
@media(max-width:720px) { .colorista-course-card { grid-template-columns:1fr; gap:20px; padding:16px; } .colorista-course-layout { grid-template-columns:1fr; } .colorista-course-lessons { grid-template-columns:1fr 1fr; } .colorista-course-dialog { padding:21px 15px; } .colorista-course-dialog h2 { font-size:26px; } }
@media(max-width:380px) { [data-colorista-course="app"] .colorista-course-card { grid-template-columns:84px 1fr; } }