:root{
  --bg:#050505;
  --bg-deep:#050505;
  --surface:#101010;
  --surface-2:#191919;
  --surface-3:#232323;
  --surface-hover:#282828;
  --text:#ffffff;
  --muted:#B3B3B3;
  --muted-2:#838383;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --accent:#F2C94C;
  --accent-2:#D4AF37;
  --accent-soft:#F7E7A1;
  --success:#2ecc8a;
  --danger:#ff6475;
  --warning:#ffc65b;
  --shadow:0 18px 50px rgba(0,0,0,.42);
  --shadow-strong:0 28px 80px rgba(0,0,0,.62);
  --radius:12px;
  --header-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
svg{display:block}
::selection{background:#F2C94C;color:#fff}
.app-body{min-height:100vh;background:linear-gradient(180deg,#050505 0%,#101010 52%,#050505 100%)}
.page-shell{min-height:100vh;padding:0 3.2vw 72px;overflow:hidden}
.alert{position:relative;z-index:70;max-width:760px;margin:16px auto;padding:12px 16px;border-radius:10px;backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.alert.success{background:rgba(17,91,62,.85);border:1px solid rgba(90,231,171,.3)}
.alert.error{background:rgba(116,29,42,.88);border:1px solid rgba(255,116,133,.32)}

/* Header */
.prime-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.82) 72%,rgba(5,5,5,0));transition:background .25s ease,box-shadow .25s ease}
.prime-header.scrolled,.prime-header.menu-open{background:rgba(5,5,5,.97);box-shadow:0 10px 26px rgba(0,0,0,.24)}
.header-inner{height:var(--header-h);display:flex;align-items:center;gap:26px;padding:0 3.2vw;max-width:1920px;margin:auto}
.stream-brand{display:flex;align-items:center;gap:9px;min-width:max-content}
.stream-brand-symbol{position:relative;width:30px;height:30px;display:grid;place-items:center}
.stream-brand-symbol:before{content:"";width:26px;height:26px;border:2px solid #fff;border-radius:50%;opacity:.96}
.stream-brand-symbol i{position:absolute;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;margin-left:3px}
.stream-brand-copy{display:flex;align-items:baseline;gap:6px;letter-spacing:-.02em}
.stream-brand-copy strong{font-size:16px;font-weight:750}
.stream-brand-copy small{font-size:10px;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.prime-nav{display:flex;align-items:center;gap:4px;height:100%}
.prime-nav a{display:flex;align-items:center;height:38px;padding:0 14px;border-radius:20px;color:#ECECEC;font-size:14px;font-weight:650;transition:background .18s ease,color .18s ease,transform .18s ease}
.prime-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.prime-nav a.active{background:#fff;color:#101010}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:5px}
.header-icon-btn,.profile-trigger{border:0;background:transparent;color:#F1F1F1;display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;transition:background .18s ease,transform .18s ease}
.header-icon-btn:hover,.profile-trigger:hover{background:rgba(255,255,255,.10)}
.header-icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-menu-wrap{position:relative}
.profile-trigger{display:flex;gap:5px;padding:0 5px 0 3px;width:auto;border-radius:24px}
.profile-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#383838,#F2C94C);color:#fff;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.profile-avatar.large{width:42px;height:42px;font-size:16px;flex:0 0 auto}
.chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s ease}
.profile-trigger[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.profile-menu{position:absolute;right:0;top:48px;width:270px;padding:10px;background:rgba(24,24,24,.98);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-strong);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s ease}
.profile-menu.open{opacity:1;visibility:visible;transform:none}
.profile-menu-user{display:flex;align-items:center;gap:11px;padding:9px 9px 11px}
.profile-menu-user span:last-child{display:flex;min-width:0;flex-direction:column}
.profile-menu-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu-user small{color:var(--muted);font-size:11px;margin-top:2px}
.profile-menu a,.profile-menu button{display:flex;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#F3F3F3;font-size:13px;text-align:left}
.profile-menu a:hover,.profile-menu button:hover{background:rgba(255,255,255,.08)}
.profile-menu-separator{height:1px;background:var(--line);margin:6px 4px}
.search-drawer{position:absolute;top:var(--header-h);left:0;right:0;padding:12px 3.2vw 18px;background:rgba(5,5,5,.98);border-top:1px solid rgba(255,255,255,.04);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s ease}
.search-drawer.open{opacity:1;visibility:visible;transform:none}
.search-drawer form{max-width:900px;margin:auto;height:48px;display:flex;align-items:center;gap:11px;background:#fff;border-radius:7px;padding:0 13px;color:#161616;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.search-drawer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.search-drawer input{flex:1;border:0;outline:0;background:transparent;color:#161616;font-size:15px}
.search-drawer button{border:0;background:transparent;color:#414141;font-size:27px;line-height:1}
.mobile-nav{display:none}

/* Hero */
.hero-stage{position:relative;height:min(72vw,740px);min-height:560px;margin:0 -3.2vw 2px;background:#101010;overflow:hidden}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .8s ease,transform 1.15s ease,visibility .8s;background-image:var(--hero-image);background-position:center 20%;background-size:cover;background-repeat:no-repeat}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.98) 0%,rgba(5,5,5,.84) 22%,rgba(5,5,5,.46) 49%,rgba(5,5,5,.08) 76%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.66) 12%,transparent 42%),linear-gradient(180deg,rgba(5,5,5,.28),transparent 20%)}
.hero-content{position:relative;z-index:2}
.prime-hero-content{position:absolute;left:6.2vw;bottom:16%;width:min(650px,46vw);text-shadow:0 2px 18px rgba(0,0,0,.38)}
.hero-kicker{display:flex;align-items:center;gap:8px;color:#E6E6E6;font-size:11px;letter-spacing:.13em;font-weight:850;text-transform:uppercase}
.hero-service-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(242,201,76,.16)}
.prime-hero-content h1{margin:12px 0 12px;font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.045em;max-width:740px;font-weight:780}
.prime-hero-content p{max-width:590px;margin:16px 0 0;color:#E7E7E7;font-size:clamp(14px,1.25vw,18px);line-height:1.52;text-shadow:0 2px 9px #000}
.hero-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:9px 13px;color:#E5E5E5;font-size:13px;font-weight:620}
.hero-metadata .match{color:#50d69b;font-weight:780}
.content-rating{padding:1px 6px;border:1px solid rgba(255,255,255,.42);border-radius:3px;font-size:11px}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:24px;flex-wrap:wrap}
.prime-play-btn,.prime-light-btn{border:0;background:#fff;color:#111111;min-height:48px;padding:0 21px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:750;box-shadow:0 8px 24px rgba(0,0,0,.20);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.prime-play-btn:hover,.prime-light-btn:hover{background:#F3F3F3;transform:scale(1.025);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.prime-play-btn svg{width:23px;height:23px;fill:currentColor;stroke:none}
.prime-info-btn,.prime-circle-btn{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.17);color:#fff;backdrop-filter:blur(10px);transition:background .18s ease,transform .18s ease}
.prime-info-btn:hover,.prime-circle-btn:hover{background:rgba(255,255,255,.28);transform:scale(1.05)}
.prime-info-btn svg,.prime-circle-btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-controls{position:absolute;z-index:4;right:3.2vw;bottom:9%;display:flex;align-items:center;gap:12px}
.hero-dots{display:flex;gap:6px}
.hero-dots button{width:20px;height:3px;padding:0;border:0;border-radius:2px;background:rgba(255,255,255,.38);transition:width .25s ease,background .25s ease}
.hero-dots button.active{width:38px;background:#fff}
.hero-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.20);background:rgba(5,5,5,.48);color:#fff;backdrop-filter:blur(8px);transition:.18s ease}
.hero-arrow:hover{background:rgba(255,255,255,.18)}
.hero-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Home */
.home-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:17px 0 6px}
.home-intro h2{margin:0;font-size:24px;letter-spacing:-.02em}
.home-intro p{margin:2px 0 0;color:var(--muted);font-size:13px}
.notification-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:30px;padding:7px 11px;color:#E5E5E5;font-size:12px}
.notification-pill i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(242,201,76,.12)}
.genre-strip{display:flex;gap:9px;overflow-x:auto;padding:12px 1px 8px;scrollbar-width:none}
.genre-strip::-webkit-scrollbar{display:none}
.genre-strip a{min-width:max-content;display:flex;align-items:center;gap:8px;padding:8px 13px;border-radius:18px;background:#212121;color:#EDEDED;border:1px solid rgba(255,255,255,.05);font-size:12px;font-weight:680;transition:.18s ease}
.genre-strip a:hover{background:#2D2D2D;transform:translateY(-1px)}
.genre-strip small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.10);color:#BDBDBD;font-size:9px}
.rail-section{margin:27px 0 0}
.prime-rail-section{position:relative}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:10px}
.section-head h2{margin:0;font-size:20px;line-height:1.15;letter-spacing:-.025em}
.section-head p{margin:3px 0 0;color:var(--muted-2);font-size:11px}
.section-head>a{color:#E9E9E9;font-size:12px;font-weight:700;opacity:0;transform:translateX(-4px);transition:.2s ease}
.prime-rail-section:hover .section-head>a{opacity:1;transform:none}
.rail-shell{position:relative;margin:0 -3.2vw;padding:0 3.2vw}
.course-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,17vw);gap:10px;overflow-x:auto;overflow-y:hidden;padding:5px 0 34px;scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth}
.course-rail::-webkit-scrollbar{display:none}
.rail-arrow{position:absolute;z-index:8;top:5px;bottom:34px;width:44px;border:0;background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.60));color:#fff;opacity:0;transition:.18s ease;display:grid;place-items:center}
.rail-shell:hover .rail-arrow{opacity:1}
.rail-arrow.left{left:0}
.rail-arrow.right{right:0;background:linear-gradient(270deg,rgba(5,5,5,.96),rgba(5,5,5,.60))}
.rail-arrow svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.course-card{min-width:0;display:block;position:relative;border-radius:8px;background:#181818;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease,z-index 0s .22s;scroll-snap-align:start}
.prime-card{overflow:visible}
.prime-card .card-img{position:relative;aspect-ratio:16/9;height:auto;border-radius:8px;background:#212121 center/cover no-repeat;overflow:hidden;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.card-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.55),transparent 45%);opacity:.55;transition:.2s ease}
.card-info{padding:11px 12px;display:flex;flex-direction:column;gap:4px}
.prime-card-info{position:absolute;left:0;right:0;top:calc(100% - 1px);z-index:5;background:#202020;border-radius:0 0 8px 8px;box-shadow:0 14px 28px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease;padding:11px 12px 13px}
.prime-card:hover{z-index:12;transform:scale(1.075);box-shadow:var(--shadow-strong);transition-delay:.15s}
.prime-card:hover .prime-card-info{opacity:1;visibility:visible;transform:none;transition-delay:.15s}
.prime-card:hover .card-image-shade{opacity:1}
.prime-card-info b{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prime-card-info small{font-size:10px;color:#C1C1C1}
.prime-card-info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0;color:#BBBBBB;font-size:10px;line-height:1.35}
.card-title-row{display:flex;gap:7px;justify-content:space-between}
.card-title-row>span{color:#57d59b;font-size:10px;font-weight:800}
.card-center-play{position:absolute;left:12px;bottom:10px;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111111;opacity:0;transform:translateY(5px);transition:.18s ease;z-index:3}
.card-center-play svg{width:17px;height:17px;fill:currentColor}
.prime-card:hover .card-center-play{opacity:1;transform:none;transition-delay:.14s}
.included-badge{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;background:rgba(5,5,5,.72);backdrop-filter:blur(5px);font-size:9px;font-weight:800;color:#F5F5F5;text-transform:uppercase;letter-spacing:.04em}
.included-badge i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.progress{height:3px;background:rgba(255,255,255,.13);border-radius:10px;overflow:hidden;margin-top:6px}
.progress i{display:block;height:100%;background:var(--accent)}
.top-ten-rail{grid-auto-columns:minmax(270px,20vw);gap:6px}
.top-ten-card{display:grid;grid-template-columns:96px 1fr;align-items:end;min-height:168px;position:relative;scroll-snap-align:start;transition:transform .2s ease}
.top-ten-card:hover{transform:scale(1.03);z-index:5}
.top-rank{font-size:clamp(100px,8.5vw,155px);font-weight:900;line-height:.78;letter-spacing:-.09em;color:#050505;-webkit-text-stroke:2px #777777;text-shadow:3px 3px 0 rgba(0,0,0,.3);text-align:right;margin-right:-4px;z-index:2}
.top-art{height:154px;border-radius:7px;background:#212121 center/cover no-repeat;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.top-students{position:absolute;left:8px;bottom:8px;background:rgba(5,5,5,.72);padding:4px 7px;border-radius:4px;font-size:9px}
.editorial-banner{position:relative;overflow:hidden;margin:30px 0 8px;min-height:230px;padding:36px 42px;border-radius:10px;background:radial-gradient(circle at 82% 45%,rgba(242,201,76,.30),transparent 25%),linear-gradient(120deg,#252525,#121212 62%,#0E0E0E);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center}
.editorial-copy{position:relative;z-index:2;max-width:620px}
.editorial-copy h2{margin:6px 0 8px;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.04em}
.editorial-copy p{margin:0 0 18px;color:#C6C6C6}
.ghost-link{font-size:13px;font-weight:760;color:#F1F1F1}
.ghost-link span{margin-left:6px}
.editorial-orb{position:absolute;right:8%;width:150px;height:150px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018);color:#fff;font-size:42px}

/* Pages / catalog */
.page-heading,.admin-head{padding:calc(var(--header-h) + 44px) 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.page-heading h1,.admin-head h1{margin:4px 0 0;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}
.page-heading p,.admin-head p{margin:4px 0 0;color:var(--muted)}
.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:#F2C94C;text-transform:uppercase}
.compact-page-hero{padding:calc(var(--header-h) + 58px) 0 30px;max-width:820px}
.compact-page-hero h1{margin:6px 0 7px;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em}
.compact-page-hero p{margin:0;color:var(--muted);max-width:680px}
.prime-filter-bar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(190px,260px) auto;gap:10px;margin:10px 0 20px;max-width:980px}
.catalog-search{position:relative;display:flex;align-items:center;background:#fff;border-radius:7px;color:#212121;padding-left:13px}
.catalog-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}
.catalog-search input{width:100%;height:46px;border:0;outline:0;background:transparent;color:#1F1F1F;padding:0 12px}
.prime-filter-bar select,.filter-bar input,.filter-bar select,label input,label select,label textarea{height:46px;background:#212121;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:0 12px;outline:0}
label textarea{height:auto;min-height:110px;padding-top:10px}
.prime-filter-bar select:focus,.filter-bar input:focus,.filter-bar select:focus,label input:focus,label select:focus,label textarea:focus{border-color:#F2C94C;box-shadow:0 0 0 2px rgba(242,201,76,.10)}
.catalog-count{color:#9D9D9D;font-size:11px;margin-bottom:12px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px 10px;padding-bottom:40px}
.prime-catalog-grid .prime-card{margin-bottom:62px}
.prime-catalog-grid .prime-card-info{position:relative;top:auto;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:10px 4px}
.prime-catalog-grid .prime-card:hover .prime-card-info{background:#202020;padding:10px 12px;position:absolute;top:100%;box-shadow:0 14px 28px rgba(0,0,0,.42)}
.card-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}
.card-meta span{font-size:9px;color:#B7B7B7}
.card-meta span+span:before{content:"•";margin-right:5px;color:#757575}
.empty-state{text-align:center;grid-column:1/-1;max-width:650px;margin:7vh auto;padding:42px;color:var(--muted)}
.empty-state h3{color:#fff;font-size:24px;margin:12px 0 5px}
.empty-icon{font-size:56px;line-height:1;color:#6C6C6C}

/* Course details */
.course-detail-hero{position:relative;min-height:650px;margin:0 -3.2vw;background:var(--hero) center 20%/cover no-repeat;overflow:hidden}
.course-detail-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.90) 24%,rgba(5,5,5,.43) 56%,rgba(5,5,5,.08) 78%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.88) 8%,transparent 40%)}
.prime-detail-hero .detail-content{bottom:13%}
.progress-pill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 12px;border-radius:22px;background:rgba(255,255,255,.10);font-size:11px;font-weight:750;backdrop-filter:blur(8px)}
.progress-pill i{display:block;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--accent) var(--p),rgba(255,255,255,.14) 0);position:relative}
.progress-pill i:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#141414}
.detail-tabs{position:sticky;top:var(--header-h);z-index:40;display:flex;gap:24px;margin:0 -3.2vw;padding:0 6.2vw;height:50px;align-items:center;background:rgba(5,5,5,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.detail-tabs a{height:100%;display:flex;align-items:center;color:#A9A9A9;font-size:12px;font-weight:700;border-bottom:2px solid transparent}
.detail-tabs a:hover,.detail-tabs a.active{color:#fff;border-bottom-color:#fff}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;max-width:1260px;margin:30px auto 50px}
.detail-copy-block,.course-content-block{scroll-margin-top:125px}
.detail-main h2{margin:0;font-size:26px;letter-spacing:-.03em}
.long-text{color:#C0C0C0;line-height:1.75;margin-top:12px;max-width:850px}
.course-content-block{margin-top:35px}
.block-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}
.block-heading span:last-child{color:var(--muted-2);font-size:11px}
.module-list{display:flex;flex-direction:column;gap:8px}
.module{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#141414}
.prime-module summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;cursor:pointer;background:#191919;transition:background .18s ease}
.prime-module summary::-webkit-details-marker{display:none}
.prime-module summary:hover{background:#222222}
.prime-module summary>div{display:flex;align-items:center;gap:12px}
.prime-module summary span:not(.module-number){display:flex;flex-direction:column}
.prime-module summary b{font-size:13px}
.prime-module summary small{font-size:10px;color:var(--muted)}
.prime-module summary svg{width:18px;height:18px;fill:none;stroke:#A9A9A9;stroke-width:2;transition:transform .18s ease}
.prime-module[open] summary svg{transform:rotate(180deg)}
.module-number{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:#272727;color:#F2C94C;font-size:10px;font-weight:850}
.module-lessons{background:#101010}
.lesson-row{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid rgba(255,255,255,.06);transition:background .15s ease}
.lesson-row:hover{background:#202020}
.lesson-index{width:20px;text-align:center;color:#818181;font-size:10px;font-weight:800}
.lesson-thumb{width:48px;height:30px;border-radius:5px;background:linear-gradient(135deg,#313131,#161616);display:grid;place-items:center;color:#fff;flex:0 0 auto}
.lesson-thumb i{font-style:normal;font-size:9px}
.lesson-copy{display:flex;min-width:0;flex:1;flex-direction:column}
.lesson-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lesson-copy small{color:#9E9E9E;font-size:10px}
.lesson-row em{font-style:normal;font-size:9px;color:#F2C94C;border:1px solid rgba(242,201,76,.22);padding:3px 6px;border-radius:4px}
.lesson-chevron{width:16px;height:16px;fill:none;stroke:#717171;stroke-width:2;flex:0 0 auto}
.side-card{height:max-content}
.prime-side-card{position:sticky;top:calc(var(--header-h) + 68px);padding:0;border:1px solid var(--line);border-radius:10px;background:#161616;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.side-card-cover{position:relative;aspect-ratio:16/9;background:#202020 center/cover no-repeat}
.side-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.62),transparent 55%)}
.side-card-body{padding:17px}
.side-card-body h3{margin:0 0 14px;font-size:16px}
.side-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0;font-size:11px}
.side-card dt{color:#919191}.side-card dd{margin:0;text-align:right;color:#ECECEC}
.side-divider{height:1px;background:var(--line);margin:15px 0}
.side-hint{display:flex;gap:8px;color:#ADADAD;font-size:10px;line-height:1.5;margin:7px 0}
.side-hint span{color:#4cd195;font-weight:900}

/* Generic buttons/forms/admin */
.primary-btn,.secondary-btn{min-height:42px;border:0;border-radius:7px;padding:0 15px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.primary-btn{background:#fff;color:#111111}.primary-btn:hover{background:#EFEFEF}
.secondary-btn{background:#2C2C2C;color:#fff;border:1px solid rgba(255,255,255,.07)}.secondary-btn:hover{background:#373737}
.wide{width:100%}
.pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#1F1F1F;padding:6px 10px;border-radius:20px;font-size:11px}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}
.admin-tabs a{padding:8px 11px;background:#1F1F1F;border:1px solid var(--line);border-radius:7px;font-size:12px}.admin-tabs a:hover{background:#2D2D2D}
.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}
.stats-grid article{background:linear-gradient(145deg,#212121,#121212);border:1px solid var(--line);border-radius:10px;padding:17px}
.stats-grid small{display:block;color:var(--muted);font-size:10px}.stats-grid strong{display:block;font-size:28px;margin-top:5px;letter-spacing:-.04em}
.panel{background:rgba(22,22,22,.92);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}
.panel h2{margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:#919191;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.status{display:inline-block;padding:4px 7px;border-radius:20px;background:#313131;font-size:10px}.status.active,.status.completed,.status.published{background:rgba(46,204,138,.13);color:#70e4b0}.status.draft{background:rgba(255,198,91,.12);color:#ffd57d}
.admin-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px}.admin-columns .span-wide{grid-column:auto}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label,.stack-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#B2B2B2}.form-grid .span-2{grid-column:span 2}.stack-form{display:flex;flex-direction:column;gap:11px}.check{display:flex!important;flex-direction:row!important;align-items:center!important}.check input{width:auto!important;height:auto!important}.panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}

/* Secondary portal cards */
.certificate-grid,.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px}
.certificate-card,.live-card,.path-card,.question-card{background:linear-gradient(145deg,#212121,#141414);border:1px solid var(--line);border-radius:10px;padding:18px}
.certificate-card{display:flex;align-items:center;gap:14px}.certificate-card>div{flex:1}.certificate-card h3{margin:3px 0}.certificate-card p{margin:2px 0;color:var(--muted)}.certificate-card code{font-size:10px;color:#F7E7A1}
.cert-seal{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:50%;background:rgba(46,204,138,.12);border:1px solid rgba(46,204,138,.28);color:#72e8b4;font-weight:900}.cert-seal.big{width:68px;height:68px;margin:0 auto 18px;font-size:27px}
.path-card{display:grid;grid-template-columns:280px 1fr;gap:0;margin-bottom:16px;padding:0;overflow:hidden}.path-cover{min-height:240px;background:#242424 center/cover no-repeat;position:relative}.path-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#161616)}.path-body{padding:24px}.path-body h2{font-size:30px;margin:6px 0;letter-spacing:-.035em}.path-body p{color:var(--muted)}
.path-items{display:flex;flex-direction:column;gap:6px;margin-top:16px}.path-items a{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:7px}.path-items a:hover{background:#282828}.path-items span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#303030;color:#F2C94C;font-size:10px}
.live-card h3{font-size:22px;margin:7px 0}.live-card p{color:var(--muted)}.live-card dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px}.live-card dt{color:var(--muted)}.live-card dd{margin:0;text-align:right}.live-dot{color:#ff6b7a;font-size:10px;font-weight:900;letter-spacing:.09em}
.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.ticket-row>div{display:flex;flex-direction:column}.ticket-row small{color:var(--muted)}
.quiz-form{max-width:900px;display:flex;flex-direction:column;gap:14px;margin-bottom:50px}.question-card>span{color:#F2C94C;font-size:9px;font-weight:900;letter-spacing:.12em}.question-card h3{font-size:19px}.option{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:7px;margin-top:7px;cursor:pointer}.option:hover{background:#272727}.option input{width:auto!important;height:auto!important}

/* Player */
.player-body{background:#000;overflow:hidden}.player-shell{height:100vh;display:flex;flex-direction:column}.player-top{min-height:62px;display:grid;grid-template-columns:140px 1fr 160px;align-items:center;padding:7px 17px;border-bottom:1px solid #272727;background:#0F0F0F}.player-top>div{text-align:center;display:flex;flex-direction:column}.player-top small,.save-state{color:var(--muted);font-size:11px}.save-state{text-align:right}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;min-height:0;flex:1}.video-area{overflow-y:auto;background:#000}.video-area video{width:100%;max-height:calc(100vh - 185px);background:#000;display:block}.lesson-notes{max-width:980px;margin:auto;padding:23px 29px 60px}.lesson-notes h1{margin:0 0 9px}.lesson-notes p{color:#BFBFBF}.playlist{background:#121212;border-left:1px solid #272727;overflow-y:auto}.playlist-head{position:sticky;top:0;background:#121212;padding:15px;border-bottom:1px solid #272727;display:flex;justify-content:space-between;z-index:2}.playlist-head span{color:var(--muted);font-size:11px}.playlist-module{padding:13px 14px 6px;color:#8B8B8B;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.playlist-item{display:flex;gap:9px;padding:10px 14px;border-left:3px solid transparent}.playlist-item:hover,.playlist-item.active{background:#222222}.playlist-item.active{border-left-color:var(--accent)}.playlist-item>span{font-size:9px;margin-top:4px}.playlist-item div{display:flex;flex-direction:column}.playlist-item small{color:var(--muted)}.non-video{max-width:900px;margin:80px auto;padding:30px}

/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);margin:0 -3.2vw -72px;background:#050505}
.login-art{position:relative;background:radial-gradient(circle at 68% 32%,rgba(242,201,76,.18),transparent 28%),linear-gradient(135deg,#0F0F0F,#242424 56%,#0F0F0F)}
.login-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(242,201,76,.12),transparent 35%)}
.login-overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw}
.brand{display:flex;align-items:center;gap:9px;font-weight:800}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fff;font-size:10px}.brand.big{font-size:18px}
.login-overlay h1{font-size:clamp(44px,6vw,84px);line-height:.97;max-width:720px;letter-spacing:-.055em;margin:28px 0 15px}.login-overlay p{max-width:610px;color:#D9D9D9;font-size:17px}
.login-panel{display:grid;place-items:center;padding:30px;background:linear-gradient(180deg,#121212,#050505)}.login-card{width:min(420px,100%)}.login-card h2{font-size:34px;margin:5px 0;letter-spacing:-.04em}.muted{color:var(--muted)}
.demo-box{display:flex;flex-direction:column;margin-top:20px;border:1px solid rgba(255,255,255,.10);border-radius:8px;padding:11px;background:#191919;color:#BBBBBB;font-size:11px}.demo-box b{color:white;margin-bottom:4px}

/* Certificates/errors */
.error-page{text-align:center;max-width:620px;margin:12vh auto;padding:40px}.error-page>b{font-size:72px;color:#3A3A3A}.error-page h1{font-size:34px}.error-page p{color:var(--muted)}
.certificate-page{padding:50px 18px;min-height:100vh;background:radial-gradient(circle at top,#2D2D2D 0,transparent 35%),#0C0C0C}.certificate-sheet{max-width:900px;margin:auto;text-align:center;padding:60px;border:1px solid #515151;background:linear-gradient(145deg,#1A1A1A,#111111);border-radius:18px;box-shadow:var(--shadow)}.certificate-sheet h1{font-size:42px;margin:8px 0 28px}.certificate-sheet h2{font-size:30px;margin:8px 0}.cert-code{margin:28px auto 14px;padding:12px 18px;max-width:max-content;border:1px dashed #5A5A5A;border-radius:8px}.cert-status{display:inline-block;margin:8px 0 20px;padding:8px 12px;border-radius:999px}.cert-status.valid{background:rgba(52,199,120,.14);color:#72e8a5}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.prime-card:hover{transform:none}.hero-slide{transform:none}}
@media(max-width:1180px){.prime-nav a{padding:0 10px}.stream-brand-copy small{display:none}.course-rail{grid-auto-columns:minmax(230px,25vw)}.stats-grid{grid-template-columns:repeat(3,1fr)}.player-layout{grid-template-columns:1fr 300px}.detail-grid{grid-template-columns:minmax(0,1fr) 280px}.admin-columns{grid-template-columns:1fr}}
@media(max-width:930px){.prime-nav a:nth-child(4){display:none}.desktop-only{display:none}.hero-stage{min-height:540px}.prime-hero-content{width:min(620px,70vw)}.course-rail{grid-auto-columns:minmax(220px,34vw)}.detail-grid{grid-template-columns:1fr}.prime-side-card{position:relative;top:auto;max-width:620px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}}
@media(max-width:720px){
  :root{--header-h:56px}
  .page-shell{padding:0 16px 88px}
  .header-inner{padding:0 14px;gap:10px}
  .stream-brand-copy strong{font-size:14px}.prime-nav{display:none}.header-actions{gap:2px}.profile-trigger .chevron{display:none}
  .search-drawer{padding:10px 14px 14px}.search-drawer form{height:44px}
  .mobile-nav{position:fixed;z-index:110;left:0;right:0;bottom:0;height:64px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,10,10,.98);border-top:1px solid rgba(255,255,255,.09);backdrop-filter:blur(16px)}
  .mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#8F8F8F;font-size:9px;font-weight:700}.mobile-nav a.active{color:#fff}.mobile-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .hero-stage{height:74vh;min-height:500px;margin:0 -16px}.hero-slide{background-position:64% 15%}.hero-backdrop{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.86) 28%,rgba(5,5,5,.14) 70%),linear-gradient(90deg,rgba(5,5,5,.45),transparent 70%)}
  .prime-hero-content{left:20px;right:20px;bottom:12%;width:auto;max-width:none}.prime-hero-content h1{font-size:clamp(34px,10vw,50px);max-width:88%}.prime-hero-content p{font-size:13px;max-width:92%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-metadata{font-size:11px}.hero-controls{right:18px;bottom:5%}.hero-arrow{display:none}.hero-dots button{width:14px}.hero-dots button.active{width:25px}
  .home-intro{padding-top:12px}.home-intro h2{font-size:20px}.notification-pill{display:none}
  .rail-shell{margin:0 -16px;padding:0 16px}.course-rail{grid-auto-columns:72vw;gap:8px;padding-bottom:18px}.rail-arrow{display:none}.section-head>a{opacity:1;transform:none}.section-head p{display:none}
  .prime-card:hover{transform:none}.prime-card .prime-card-info,.prime-card:hover .prime-card-info{position:relative;top:auto;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:8px 2px}.prime-card:hover .card-center-play,.card-center-play{display:none}.prime-card-info p{display:none}.prime-card-info b{font-size:12px}.prime-card-info small{font-size:9px}
  .top-ten-rail{grid-auto-columns:79vw}.top-ten-card{grid-template-columns:80px 1fr;min-height:150px}.top-rank{font-size:110px}.top-art{height:138px}
  .editorial-banner{padding:28px 22px;min-height:220px}.editorial-orb{opacity:.25;right:-20px}.editorial-copy{max-width:84%}
  .compact-page-hero,.page-heading,.admin-head{padding-top:calc(var(--header-h) + 32px)}.compact-page-hero h1{font-size:36px}.prime-filter-bar{grid-template-columns:1fr}.prime-filter-bar .prime-light-btn{height:44px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.prime-catalog-grid .prime-card{margin-bottom:0}.prime-catalog-grid .prime-card-info{padding:7px 1px}.prime-catalog-grid .prime-card:hover .prime-card-info{position:relative;top:auto;background:transparent;box-shadow:none;padding:7px 1px}.prime-catalog-grid .card-meta span:nth-child(n+2){display:none}
  .course-detail-hero{min-height:570px;margin:0 -16px;background-position:64% 15%}.course-detail-backdrop{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.88) 31%,rgba(5,5,5,.08) 72%)}.prime-detail-hero .detail-content{bottom:11%}.detail-tabs{top:var(--header-h);margin:0 -16px;padding:0 16px;gap:18px;overflow-x:auto}.detail-grid{margin-top:24px;gap:24px}.detail-main h2{font-size:23px}.prime-module summary{padding:12px}.lesson-row{padding:10px}.lesson-thumb{display:none}.lesson-row em{display:none}
  .stats-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.path-card{grid-template-columns:1fr}.path-cover{min-height:180px}.path-cover:after{background:linear-gradient(0deg,#161616,transparent 65%)}.certificate-card{align-items:flex-start;flex-wrap:wrap}
  .player-top{grid-template-columns:58px 1fr}.player-top .save-state{display:none}.player-layout{display:block;overflow-y:auto}.video-area{overflow:visible}.video-area video{max-height:none}.playlist{border-left:0;border-top:1px solid #282828;overflow:visible}.player-body{overflow:auto}
  .certificate-sheet{padding:30px 18px}.certificate-sheet h1{font-size:30px}.certificate-sheet h2{font-size:22px}
}
@media(max-width:430px){.catalog-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}.course-rail{grid-auto-columns:82vw}.profile-menu{right:-5px;width:min(280px,calc(100vw - 20px))}.stream-brand-copy{max-width:150px}.stream-brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editorial-copy{max-width:100%}.editorial-orb{display:none}}

/* ============================================================
   Streaming UI refinement — Prime Video-inspired information
   architecture, with original branding and educational content.
   ============================================================ */
:root{
  --bg:#050505;
  --surface:#121212;
  --surface-2:#1E1E1E;
  --surface-3:#292929;
  --accent:#F2C94C;
  --accent-soft:#F2C94C;
  --header-h:72px;
  --rail-gap:12px;
}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
.app-body{background:radial-gradient(circle at 72% 1%,rgba(242,201,76,.10),transparent 25%),linear-gradient(180deg,#050505 0%,#101010 45%,#050505 100%)}
.page-shell{padding-left:3.6vw;padding-right:3.6vw}

/* Floating cinematic navigation */
.prime-header{height:var(--header-h);display:flex;align-items:center;background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(5,5,5,.42) 72%,transparent);pointer-events:none}
.header-inner{width:min(94vw,1560px);height:52px;margin:0 auto;padding:0 10px 0 14px;gap:18px;border-radius:28px;background:rgba(12,12,12,.84);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.20);backdrop-filter:blur(18px) saturate(125%);pointer-events:auto;transition:width .25s ease,background .25s ease,box-shadow .25s ease}
.prime-header.scrolled .header-inner,.prime-header.menu-open .header-inner{background:rgba(14,14,14,.97);box-shadow:0 16px 38px rgba(0,0,0,.42)}
.prime-header.scrolled,.prime-header.menu-open{background:linear-gradient(180deg,rgba(5,5,5,.90),rgba(5,5,5,.42),transparent);box-shadow:none}
.stream-brand-symbol{width:28px;height:28px}
.stream-brand-symbol:before{width:25px;height:25px;border-color:#F1F1F1}
.stream-brand-symbol i{border-left-color:#F2C94C}
.stream-brand-copy strong{font-size:15px;letter-spacing:-.025em}
.stream-brand-copy small{font-size:8px;letter-spacing:.18em;color:#F2C94C}
.prime-nav{margin-left:2px;gap:2px}
.prime-nav a{height:36px;padding:0 13px;border-radius:19px;color:#E3E3E3;font-size:13px;font-weight:650}
.prime-nav a.active{background:#fff;color:#121212;box-shadow:0 2px 12px rgba(255,255,255,.12)}
.header-icon-btn,.profile-trigger{height:38px;min-width:38px}
.search-drawer{top:calc(var(--header-h) - 5px);pointer-events:auto;padding-top:14px;background:linear-gradient(180deg,rgba(5,5,5,.99),rgba(11,11,11,.98));border:0}
.search-drawer form{height:54px;max-width:1040px;border-radius:9px;padding-left:16px}
.search-drawer input{font-size:16px}
.profile-menu{top:45px;background:rgba(20,20,20,.985);border-color:rgba(255,255,255,.11)}

/* Feature rotator */
.hero-stage{height:min(72vw,790px);min-height:610px;margin-left:-3.6vw;margin-right:-3.6vw;margin-bottom:-72px}
.hero-slide{background-position:center 18%}
.hero-backdrop{background:
  linear-gradient(90deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.92) 20%,rgba(5,5,5,.57) 43%,rgba(5,5,5,.14) 70%,rgba(5,5,5,.04) 100%),
  linear-gradient(0deg,#050505 0%,rgba(5,5,5,.92) 10%,rgba(5,5,5,.22) 39%,transparent 63%),
  linear-gradient(180deg,rgba(5,5,5,.18),transparent 24%)}
.prime-hero-content{left:7.4vw;bottom:22%;width:min(670px,46vw)}
.hero-provider{display:flex;align-items:center;gap:10px;color:#F2F2F2;font-size:10px;letter-spacing:.135em;font-weight:830;text-transform:uppercase}
.provider-mark{display:inline-flex;align-items:center;justify-content:center;height:23px;min-width:42px;padding:0 8px;border-radius:4px;background:linear-gradient(135deg,#F2C94C,#F2C94C);color:#0E0E0E;font-weight:950;letter-spacing:.04em;box-shadow:0 7px 20px rgba(242,201,76,.18)}
.prime-hero-content h1{font-size:clamp(48px,5.25vw,82px);max-width:760px;margin:14px 0 14px;font-weight:790;line-height:.95;letter-spacing:-.052em}
.hero-metadata{font-size:12px;gap:10px 14px}
.hero-metadata .match{color:#67dc9f}
.prime-hero-content p{font-size:clamp(14px,1.15vw,17px);line-height:1.48;max-width:570px;color:#E8E8E8}
.hero-actions{margin-top:22px;gap:9px}
.prime-play-btn{min-height:50px;padding:0 23px;border-radius:8px;font-size:14px}
.prime-info-btn.wide{width:auto;min-width:50px;padding:0 16px;border-radius:25px;display:flex;gap:8px;font-size:13px;font-weight:720;background:rgba(255,255,255,.16)}
.prime-info-btn.wide span{display:inline}
.hero-controls{right:4vw;bottom:15%}
.hero-dots button{height:3px;width:18px;background:rgba(255,255,255,.30)}
.hero-dots button.active{width:34px}

/* Content rises over hero, matching a streaming home composition */
.home-content-start{position:relative;z-index:8;padding-top:0}
.home-intro{padding:11px 0 9px}
.home-intro h2{font-size:22px}
.home-intro p{font-size:12px;color:#A1A1A1}
.quick-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 4px}
.quick-destinations>a{min-width:0;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;background:linear-gradient(135deg,#232323,#171717);border:1px solid rgba(255,255,255,.055);box-shadow:0 8px 22px rgba(0,0,0,.15);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.quick-destinations>a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2D2D2D,#1F1F1F);border-color:rgba(242,201,76,.16)}
.quick-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#EEEEEE}
.quick-icon.live{background:rgba(242,201,76,.16);color:#F2C94C}
.quick-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.quick-destinations>a>span:last-child{min-width:0;display:flex;flex-direction:column}
.quick-destinations b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-destinations small{font-size:9px;color:#9F9F9F;margin-top:1px}
.genre-strip{padding:12px 0 8px;gap:8px}
.genre-strip a{padding:7px 12px;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.055);font-size:11px}
.genre-strip a.genre-all{background:#F5F5F5;color:#101010}
.genre-strip a:hover{background:#333333}
.genre-strip a.genre-all:hover{background:#fff}

/* Rails */
.rail-section{margin-top:23px}
.priority-rail{margin-top:17px}
.section-head{margin-bottom:9px}
.section-head h2{font-size:19px;font-weight:760}
.section-head p{font-size:10px}
.section-label{display:block;color:#F2C94C;font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:3px}
.rail-shell{margin-left:-3.6vw;margin-right:-3.6vw;padding-left:3.6vw;padding-right:3.6vw}
.course-rail{grid-auto-columns:minmax(250px,17.4vw);gap:var(--rail-gap);padding-top:7px;padding-bottom:42px}
.super-rail{grid-auto-columns:minmax(330px,23vw)}
.course-card{background:transparent}
.prime-card .card-img{border-radius:7px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.prime-card-info{background:#222222;border-radius:0 0 7px 7px;padding:12px 13px 14px}
.prime-card:hover{transform:scale(1.06);transition-delay:.12s}
.prime-card:hover .prime-card-info{transition-delay:.12s}
.prime-card-info b{font-size:12px}
.prime-card-info p{font-size:9.5px}
.card-center-play{left:11px;bottom:10px;width:32px;height:32px}
.included-badge{left:9px;top:9px;padding:4px 7px;background:rgba(9,9,9,.79);font-size:8px}
.card-corner-label{position:absolute;z-index:2;left:9px;top:9px;padding:4px 7px;border-radius:4px;background:rgba(5,5,5,.78);color:#F4F4F4;font-size:8px;font-weight:900;letter-spacing:.06em}
.image-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.18);z-index:4}
.image-progress i{display:block;height:100%;background:#F2C94C;box-shadow:0 0 10px rgba(242,201,76,.42)}
.rail-arrow{top:7px;bottom:42px;width:48px;background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.67),transparent)}
.rail-arrow.right{background:linear-gradient(270deg,rgba(5,5,5,.98),rgba(5,5,5,.67),transparent)}
.top-ten-rail{grid-auto-columns:minmax(290px,20.5vw)}
.top-rank{color:#050505;-webkit-text-stroke:2px #838383}
.top-art{height:158px}

/* Catalog and course detail polish */
.compact-page-hero{padding-top:calc(var(--header-h) + 68px)}
.prime-filter-bar{max-width:1100px}
.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px 12px}
.course-detail-hero{min-height:700px;margin-left:-3.6vw;margin-right:-3.6vw}
.course-detail-backdrop{background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 22%,rgba(5,5,5,.50) 54%,rgba(5,5,5,.10) 79%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.92) 9%,transparent 44%)}
.detail-tabs{margin-left:-3.6vw;margin-right:-3.6vw;padding-left:7.4vw;padding-right:7.4vw}
.prime-side-card{box-shadow:0 18px 54px rgba(0,0,0,.28)}

/* Admin stays operational, but visually aligned with the product. */
.admin-head{border-bottom:1px solid rgba(255,255,255,.055);margin-bottom:16px}
.admin-tabs a{border-radius:18px;padding:8px 13px;background:rgba(255,255,255,.055)}
.admin-tabs a:hover{background:rgba(255,255,255,.11)}
.panel,.stat-card,.table-wrap{box-shadow:0 10px 26px rgba(0,0,0,.15)}

/* Player refinement */
.player-top{min-height:66px;background:rgba(9,9,9,.98);border-bottom-color:rgba(255,255,255,.08);padding-left:20px;padding-right:20px}
.playlist{background:#101010}
.playlist-item{border-left-width:2px}
.playlist-item.active{background:#242424;border-left-color:#F2C94C}
.playlist-head{background:rgba(16,16,16,.96);backdrop-filter:blur(10px)}

/* Login refinement */
.login-panel{background:radial-gradient(circle at 40% 18%,rgba(242,201,76,.12),transparent 30%),linear-gradient(180deg,#101010,#050505)}
.login-card{padding:28px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(15,15,15,.76);box-shadow:0 30px 80px rgba(0,0,0,.34);backdrop-filter:blur(15px)}

@media(max-width:1180px){
  .header-inner{width:96vw}.quick-destinations{grid-template-columns:repeat(2,1fr)}
  .course-rail{grid-auto-columns:minmax(238px,25vw)}.super-rail{grid-auto-columns:minmax(310px,34vw)}
}
@media(max-width:930px){
  .header-inner{border-radius:0;width:100%;height:var(--header-h);background:rgba(10,10,10,.92);border:0;padding-left:18px;padding-right:18px}
  .prime-header{background:transparent}
  .prime-header.scrolled .header-inner,.prime-header.menu-open .header-inner{background:rgba(10,10,10,.98)}
  .hero-stage{margin-bottom:-46px;min-height:570px}
  .prime-hero-content{left:5vw;width:min(650px,70vw);bottom:18%}
  .quick-destinations{margin-top:3px}
}
@media(max-width:720px){
  :root{--header-h:56px}
  .page-shell{padding-left:16px;padding-right:16px}
  .header-inner{padding:0 14px;height:56px}
  .stream-brand-copy small{display:none}
  .hero-stage{height:76vh;min-height:540px;margin-left:-16px;margin-right:-16px;margin-bottom:-34px}
  .hero-slide{background-image:var(--hero-mobile-image,var(--hero-image));background-position:50% 12%}
  .hero-backdrop{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.92) 28%,rgba(5,5,5,.34) 59%,rgba(5,5,5,.10) 77%),linear-gradient(90deg,rgba(5,5,5,.54),transparent 72%)}
  .prime-hero-content{left:20px;right:20px;bottom:14%;width:auto}
  .prime-hero-content h1{font-size:clamp(34px,10vw,48px);max-width:94%;margin-top:10px}
  .prime-hero-content p{max-width:94%;font-size:12px;-webkit-line-clamp:3}
  .hero-provider{font-size:8px}.provider-mark{height:20px;min-width:36px;font-size:8px}
  .prime-play-btn{min-height:46px;padding:0 18px}
  .prime-info-btn.wide{min-height:46px}.prime-info-btn.wide span{display:none}.prime-info-btn.wide{width:46px;padding:0;justify-content:center}
  .hero-controls{bottom:6%;right:18px}
  .home-intro{padding-top:8px}
  .quick-destinations{display:flex;overflow-x:auto;gap:8px;margin-left:-16px;margin-right:-16px;padding:0 16px 5px;scrollbar-width:none}
  .quick-destinations::-webkit-scrollbar{display:none}.quick-destinations>a{min-width:190px;padding:11px 12px}
  .genre-strip{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .rail-shell{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .course-rail{grid-auto-columns:72vw;gap:9px;padding-bottom:20px}.super-rail{grid-auto-columns:82vw}
  .prime-card .prime-card-info,.prime-card:hover .prime-card-info{padding-top:8px}
  .image-progress{height:3px}.card-corner-label{font-size:7px}
  .course-detail-hero{margin-left:-16px;margin-right:-16px;background-image:var(--hero-mobile,var(--hero));background-position:50% 10%}
  .detail-tabs{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .login-card{padding:22px;border:0;background:transparent;box-shadow:none}
}
@media(max-width:430px){
  .quick-destinations>a{min-width:175px}.quick-icon{width:32px;height:32px}.quick-destinations small{display:none}
  .course-rail{grid-auto-columns:82vw}.super-rail{grid-auto-columns:88vw}
}

/* v005 — conteúdo rico, materiais, quiz e comunidade */
.admin-head-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary-btn.compact,.danger-btn.compact{padding:7px 10px;font-size:12px;border-radius:8px}.danger-btn{border:1px solid #7d2d3e;background:#35131c;color:#ffdbe2;font-weight:700;cursor:pointer}.provider-note{padding:12px 14px;border:1px solid #3D3D3D;background:#191919;border-radius:12px;color:#C6C6C6;font-size:13px;line-height:1.5}.provider-note b{color:#fff}.upload-field small,label small{display:block;color:#939393;margin-top:6px;line-height:1.4}.content-create-panel{margin-top:20px}.resource-admin-list,.quiz-admin-list,.comment-admin-list{display:grid;gap:10px;margin-top:18px}.resource-admin-item,.comment-admin-item,.quiz-admin-card{border:1px solid #2F2F2F;background:#161616;border-radius:14px;padding:14px}.resource-admin-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.resource-admin-item div,.quiz-admin-head>div{display:flex;flex-direction:column;gap:3px}.resource-admin-item small,.quiz-admin-card small,.comment-admin-item small,.muted{color:#949494}.resource-admin-item a,.quiz-admin-head a{color:#F2C94C;font-weight:700}.inline-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-admin-card{display:grid;gap:14px}.quiz-admin-head{display:flex;justify-content:space-between;gap:14px}.question-builder{display:grid;gap:10px;border-top:1px solid #2E2E2E;padding-top:14px}.question-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.question-options label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.question-count{font-size:12px;color:#909090}.comment-admin-item{display:flex;justify-content:space-between;gap:18px}.comment-admin-item p{margin:8px 0 0;color:#DFDFDF}.comment-admin-item form{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}

.embed-player-shell{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 120px);background:#000;overflow:hidden}.embed-player-shell iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.provider-progress-note{padding:9px 18px;background:#101010;border-bottom:1px solid #272727;color:#848484;font-size:11px;text-align:center}.player-flash{margin:12px auto 0;max-width:980px;padding:10px 14px;border-radius:10px;font-size:13px}.player-flash.success{background:#0d352a;color:#caffec;border:1px solid #26634f}.player-flash.error{background:#421620;color:#ffd9df;border:1px solid #783041}.manual-complete-form{margin:14px 0 4px}.transcript-box{margin-top:18px;border:1px solid #303030;border-radius:12px;background:#121212}.transcript-box summary{cursor:pointer;padding:13px 15px;font-weight:700}.transcript-box>div{padding:0 15px 15px;color:#C3C3C3;line-height:1.65}.lesson-section{margin-top:32px;padding-top:26px;border-top:1px solid #292929}.lesson-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.lesson-section-head h2{margin:3px 0 0;font-size:21px}.lesson-section-head>span{color:#929292;font-size:12px}.student-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.student-resource-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;background:#191919;border:1px solid #2F2F2F;padding:13px;border-radius:13px;transition:.18s ease}.student-resource-card:hover{background:#232323;border-color:#D4AF37;transform:translateY(-1px)}.resource-icon,.quiz-symbol{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#F5F5F5;color:#101010;font-weight:900;font-size:20px}.student-resource-card span:nth-child(2){display:flex;flex-direction:column;min-width:0}.student-resource-card small{color:#949494;margin-top:3px}.student-resource-card em,.lesson-quiz-card em{font-style:normal;color:#F2C94C;font-size:12px;font-weight:700}.lesson-quiz-list{display:grid;gap:10px}.lesson-quiz-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;background:linear-gradient(110deg,#252525,#171717);border:1px solid #3F3F3F;border-radius:14px}.lesson-quiz-card span:nth-child(2){display:flex;flex-direction:column}.lesson-quiz-card small{color:#9E9E9E;margin-top:4px}.student-comment-form{display:grid;gap:10px}.student-comment-form textarea{width:100%;box-sizing:border-box;background:#141414;border:1px solid #3D3D3D;color:#fff;border-radius:12px;padding:13px;resize:vertical}.student-comment-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.student-comment-form small{color:#8F8F8F}.student-comments{display:grid;gap:10px;margin-top:18px}.student-comment{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #262626}.comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2D2D2D;color:#E2E2E2;font-weight:800}.student-comment header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.student-comment header em{font-style:normal;background:#323232;color:#F2C94C;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800}.student-comment header small{color:#848484}.student-comment p{margin:7px 0 0;color:#D5D5D5;line-height:1.55}.student-comment.pending{opacity:.72}.pending-label{display:inline-flex;margin-top:6px;color:#f0ca7d;font-size:11px}.empty-comments{padding:20px 0;color:#909090}.audio-lesson audio{width:100%;margin-top:18px}

@media(max-width:800px){.student-resource-grid{grid-template-columns:1fr}.student-comment-form>div,.comment-admin-item,.quiz-admin-head{align-items:stretch;flex-direction:column}.inline-fields,.question-options{grid-template-columns:1fr}.student-resource-card,.lesson-quiz-card{grid-template-columns:38px minmax(0,1fr)}.student-resource-card em,.lesson-quiz-card em{grid-column:2}.embed-player-shell{max-height:none}.admin-head-actions{width:100%}}
.lesson-mini-badges{display:flex;gap:5px;align-items:center}.lesson-mini-badges i{font-style:normal;width:22px;height:22px;border:1px solid #3E3E3E;border-radius:50%;display:grid;place-items:center;color:#D3D3D3;font-size:10px;background:#191919}
@media(max-width:650px){.lesson-mini-badges{display:none}}

/* ============================================================
   Public storefront v007 — streaming-inspired EAD showcase
   Optimized for low JS overhead, responsive rendering and fast discovery.
   ============================================================ */
.public-body{min-height:100vh;background:#050505;color:#fff;overflow-x:hidden}
.public-main{min-height:calc(100vh - 70px)}
.public-header{position:sticky;top:0;z-index:300;height:64px;background:rgba(5,5,5,.98);border-bottom:1px solid rgba(255,255,255,.04);contain:layout paint}
.public-header-inner{width:min(100% - 44px,1500px);height:64px;margin:auto;display:flex;align-items:center;gap:28px}
.public-brand{display:flex;align-items:center;gap:8px;min-width:max-content;font-size:15px;font-weight:800;letter-spacing:-.025em}
.public-brand-mark{display:grid;place-items:center;width:26px;height:26px;border:1.5px solid #F6F6F6;border-radius:50%;font-size:9px;padding-left:2px}
.public-nav{display:flex;align-items:center;height:100%;gap:2px}
.public-nav a{display:flex;align-items:center;height:100%;padding:0 13px;color:#F2F2F2;font-size:13px;font-weight:650;border-bottom:2px solid transparent;transition:color .16s ease,border-color .16s ease}
.public-nav a:hover,.public-nav a.active{color:#fff;border-bottom-color:#fff}
.public-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.public-search-link{width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
.public-search-link:hover{background:rgba(255,255,255,.09)}
.public-search-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.public-login{height:40px;display:flex;align-items:center;padding:0 13px;font-size:13px;font-weight:720;border-radius:7px}
.public-login:hover{background:rgba(255,255,255,.08)}
.public-signup{height:40px;display:flex;align-items:center;padding:0 17px;border-radius:7px;background:#D4AF37;color:#fff;font-size:13px;font-weight:760;transition:background .16s ease,transform .16s ease}
.public-signup:hover{background:#F2C94C;transform:translateY(-1px)}
.public-flash{position:fixed;z-index:500;top:78px;left:50%;transform:translateX(-50%);max-width:min(760px,calc(100vw - 30px));padding:11px 16px;border-radius:8px;box-shadow:0 16px 42px #0008;font-size:13px}
.public-flash.success{background:#0c6c49}.public-flash.error{background:#7d2635}

.storefront-hero{min-height:580px;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(580px,1.12fr);background:#000;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.045)}
.storefront-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:68px 3vw 58px max(4.6vw,38px);background:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.78) 89%,transparent 100%)}
.storefront-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#F2C94C;text-transform:uppercase}
.storefront-copy h1{max-width:670px;margin:12px 0 26px;font-size:clamp(44px,4.3vw,68px);line-height:.99;letter-spacing:-.052em;font-weight:790}
.storefront-copy>p{max-width:635px;margin:0;color:#F1F1F1;font-size:18px;line-height:1.52;font-weight:430}
.storefront-actions{display:flex;flex-direction:column;align-items:flex-start;width:min(330px,100%);gap:12px;margin-top:32px}
.storefront-primary,.storefront-secondary{width:100%;min-height:58px;padding:0 22px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:770;transition:transform .16s ease,background .16s ease}
.storefront-primary{background:#fff;color:#101010}.storefront-primary:hover{background:#F2F2F2;transform:scale(1.012)}
.storefront-secondary{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.08)}
.storefront-secondary.solid{background:#fff;color:#101010;border-color:#fff}.storefront-secondary:hover{background:rgba(255,255,255,.14)}.storefront-secondary.solid:hover{background:#F2F2F2}
.storefront-primary.full{width:100%}
.storefront-or{width:100%;display:flex;align-items:center;gap:13px;justify-content:center;color:#fff;font-size:11px;font-weight:750}.storefront-or i{height:1px;background:rgba(255,255,255,.55);flex:1}
.storefront-trust{display:flex;flex-wrap:wrap;gap:19px;margin-top:28px;color:#ACACAC;font-size:10px}.storefront-trust span{display:flex;align-items:baseline;gap:5px}.storefront-trust b{color:#fff;font-size:15px}
.storefront-gallery{position:relative;min-height:580px;background:radial-gradient(circle at 76% 35%,#292929 0%,#0F0F0F 28%,#000 72%);overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:7px;padding:8px 0 8px 9px}
.storefront-gallery:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.65) 8%,transparent 30%),linear-gradient(0deg,#000 0%,transparent 17%),linear-gradient(180deg,rgba(0,0,0,.15),transparent 20%);pointer-events:none}
.storefront-tile{position:relative;z-index:1;overflow:hidden;border-radius:7px;background:#191919;min-width:0;min-height:0;box-shadow:0 12px 28px #0007;transform:translateZ(0)}
.storefront-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease;content-visibility:auto}
.storefront-tile:hover img{transform:scale(1.035)}
.storefront-tile span{position:absolute;left:8px;right:8px;bottom:7px;z-index:2;padding:5px 6px;border-radius:4px;background:rgba(5,5,5,.74);backdrop-filter:blur(4px);font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .16s ease}
.storefront-tile:hover span{opacity:1}
.storefront-tile.tile-1{grid-column:1;grid-row:1/3}.storefront-tile.tile-2{grid-column:2/4;grid-row:1}.storefront-tile.tile-3{grid-column:2;grid-row:2}.storefront-tile.tile-4{grid-column:3;grid-row:2}.storefront-tile.tile-5{grid-column:1;grid-row:3/5}.storefront-tile.tile-6{grid-column:2/4;grid-row:3}.storefront-tile.tile-7{grid-column:2;grid-row:4}.storefront-tile.tile-8{grid-column:3;grid-row:4}
.storefront-feature{grid-column:4;grid-row:1/5;z-index:1;border-radius:7px 0 0 7px;background-image:linear-gradient(0deg,#000 0%,transparent 45%),var(--feature);background-position:center;background-size:cover;position:relative;box-shadow:0 14px 32px #0008}
.storefront-feature>div{position:absolute;z-index:3;left:16px;right:12px;bottom:26px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 9px #000}.storefront-feature span{font-size:8px;letter-spacing:.13em;color:#F7E7A1;font-weight:900}.storefront-feature b{font-size:21px;line-height:1.05}

.storefront-section{width:min(92%,1450px);margin:0 auto;padding:54px 0 6px;content-visibility:auto;contain-intrinsic-size:600px}
.storefront-first{padding-top:62px}
.storefront-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.storefront-heading>div>span{font-size:9px;color:#F2C94C;letter-spacing:.16em;font-weight:900}.storefront-heading h2{margin:4px 0 0;font-size:clamp(26px,3vw,40px);line-height:1.04;letter-spacing:-.04em}.storefront-heading>a{font-size:12px;font-weight:760;color:#E9E9E9}
.storefront-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.storefront-course-card{min-width:0;border-radius:9px;background:#171717;overflow:hidden;border:1px solid rgba(255,255,255,.055);transition:transform .18s ease,border-color .18s ease,background .18s ease}.storefront-course-card:hover{transform:translateY(-3px);background:#222222;border-color:rgba(242,201,76,.18)}
.storefront-course-art{aspect-ratio:16/9;position:relative;overflow:hidden;background:#212121}.storefront-course-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.storefront-course-card:hover img{transform:scale(1.025)}.storefront-course-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.7),transparent 48%)}.storefront-course-art span{position:absolute;z-index:2;left:9px;bottom:8px;padding:4px 7px;border-radius:4px;background:rgba(5,5,5,.76);font-size:8px;font-weight:850;color:#EFEFEF}
.storefront-course-card>div:last-child{padding:12px 13px 14px}.storefront-course-card b{display:block;font-size:14px;line-height:1.22}.storefront-course-card small{display:block;margin-top:5px;color:#A1A1A1;font-size:9px}.storefront-course-card p{margin:7px 0 0;color:#B6B6B6;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.storefront-category-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.storefront-category-row a{min-height:100px;padding:17px;border-radius:8px;background:linear-gradient(135deg,#292929,#141414);border:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .17s ease,background .17s ease}.storefront-category-row a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#3A3A3A,#1A1A1A)}.storefront-category-row b{font-size:14px}.storefront-category-row small{margin-top:3px;color:#A2A2A2;font-size:9px}
.storefront-ranked-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.storefront-ranked-row a{position:relative;min-width:0;display:grid;grid-template-columns:54px 1fr;align-items:end;height:166px}.storefront-ranked-row strong{font-size:94px;line-height:.75;text-align:right;margin-right:-4px;color:#050505;-webkit-text-stroke:1.5px #7B7B7B;letter-spacing:-.1em;z-index:2}.storefront-ranked-row img{width:100%;height:150px;object-fit:cover;border-radius:7px}.storefront-ranked-row span{position:absolute;z-index:3;left:60px;right:6px;bottom:6px;padding:6px;border-radius:5px;background:linear-gradient(0deg,rgba(5,5,5,.9),rgba(5,5,5,.35));display:flex;flex-direction:column}.storefront-ranked-row span b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.storefront-ranked-row span small{font-size:8px;color:#ADADAD}
.storefront-how{width:min(92%,1450px);margin:64px auto 0;padding:34px 0 70px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;content-visibility:auto;contain-intrinsic-size:260px}.storefront-how>div{padding-right:20px}.storefront-how span{display:block;color:#F2C94C;font-size:10px;font-weight:900;letter-spacing:.12em}.storefront-how b{display:block;margin:8px 0 6px;font-size:16px}.storefront-how p{margin:0;color:#A3A3A3;font-size:11px;line-height:1.55}
.public-footer{width:min(92%,1450px);margin:0 auto;padding:24px 0 38px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8E8E8E;font-size:10px}.public-footer>div{display:flex;flex-direction:column}.public-footer strong{color:#DFDFDF;font-size:12px}.public-footer nav{display:flex;gap:17px}.public-footer a:hover{color:#fff}

/* Public catalog and course details reuse the authenticated design without loading a second design system. */
.public-body .compact-page-hero,.public-body .prime-filter-bar,.public-body .catalog-count,.public-body .catalog-grid{width:min(92%,1450px);margin-left:auto;margin-right:auto}
.public-body .compact-page-hero{padding-top:58px}
.public-body .course-detail-hero{margin:0;min-height:620px}.public-body .detail-tabs{margin:0;padding-left:5vw;padding-right:5vw;top:64px}.public-body .detail-grid{width:min(92%,1260px)}
.course-request-pending{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 15px;border-radius:24px;background:rgba(255,198,91,.10);border:1px solid rgba(255,198,91,.22);color:#ffe1a1;font-size:11px;font-weight:750}.course-request-pending i{width:8px;height:8px;border-radius:50%;background:#ffc65b;box-shadow:0 0 0 4px rgba(255,198,91,.12)}
.access-note{margin-top:12px!important;color:#AEAEAE!important;font-size:11px!important;max-width:620px!important}
.prime-lesson-row.locked{opacity:.55;cursor:default}.prime-lesson-row.locked:hover{background:inherit}

/* Registration */
.register-page{width:min(92%,1280px);margin:0 auto;min-height:calc(100vh - 64px);padding:70px 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,.65fr);gap:70px;align-items:center}
.register-copy h1{margin:10px 0 16px;font-size:clamp(38px,4vw,58px);line-height:1.01;letter-spacing:-.045em}.register-copy>p{max-width:650px;color:#B7B7B7;font-size:15px;line-height:1.6}
.selected-course{margin-top:30px;max-width:540px;display:grid;grid-template-columns:150px 1fr;gap:13px;align-items:center;padding:9px;border-radius:10px;background:#1C1C1C;border:1px solid rgba(255,255,255,.07)}.selected-course img{width:150px;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.selected-course span{display:flex;flex-direction:column}.selected-course small{font-size:8px;color:#F2C94C;font-weight:900;letter-spacing:.11em}.selected-course b{font-size:13px;margin-top:3px}
.register-card{padding:30px;border-radius:14px;background:#141414;border:1px solid rgba(255,255,255,.10);box-shadow:0 26px 70px rgba(0,0,0,.35)}.register-card h2{font-size:28px;margin:5px 0 2px}.register-card>div>p{margin:0 0 19px;color:#A3A3A3;font-size:12px}.register-form{display:flex;flex-direction:column;gap:13px}.register-form label{display:flex;flex-direction:column;gap:5px;color:#D0D0D0;font-size:10px}.register-form input{width:100%;height:46px;background:#212121;border:1px solid #434343;border-radius:7px;color:#fff;padding:0 11px;outline:none}.register-form input:focus{border-color:#F2C94C;box-shadow:0 0 0 2px rgba(242,201,76,.10)}.register-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-hint{color:#909090;font-size:9px}.register-login{margin:17px 0 0;color:#9F9F9F;font-size:11px;text-align:center}.register-login a{color:#F2C94C;font-weight:750}
.login-alt-actions{display:flex;flex-direction:column;gap:5px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);font-size:11px}.login-alt-actions span{color:#A0A0A0}.login-alt-actions a{color:#F2C94C;font-weight:700}

/* Access administration */
.access-control-panel{content-visibility:auto;contain-intrinsic-size:500px}.compact-columns{grid-template-columns:1.25fr .75fr}.access-request-list{display:flex;flex-direction:column;gap:8px}.access-request-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:8px;background:#191919;border:1px solid rgba(255,255,255,.07)}.access-request-item>div:first-child{min-width:0;display:flex;flex-direction:column}.access-request-item b{font-size:12px}.access-request-item small{font-size:9px;color:#929292}.access-request-item span{font-size:10px;color:#D0D0D0;margin-top:3px}.access-actions{display:flex;gap:7px}.access-actions form{margin:0}.muted-copy{color:#969696;font-size:11px}

/* Performance safeguards */
.storefront-section,.storefront-how,.public-footer{content-visibility:auto}
.storefront-course-card img,.storefront-ranked-row img,.selected-course img{background:#202020}
@media(prefers-reduced-motion:reduce){.storefront-tile img,.storefront-course-card,.storefront-course-card img,.public-signup,.storefront-primary,.storefront-secondary{transition:none!important}}

@media(max-width:1100px){
  .public-nav a:nth-child(3){display:none}.storefront-hero{grid-template-columns:1fr 1fr}.storefront-copy{padding-left:4vw}.storefront-copy h1{font-size:46px}.storefront-copy>p{font-size:15px}.storefront-gallery{grid-template-columns:repeat(3,1fr)}.storefront-feature{display:none}.storefront-tile.tile-4{grid-column:3}.storefront-tile.tile-8{grid-column:3}.storefront-course-grid{grid-template-columns:repeat(3,1fr)}.storefront-category-row{grid-template-columns:repeat(3,1fr)}.storefront-ranked-row{grid-template-columns:repeat(3,1fr)}.storefront-ranked-row a:nth-child(n+7){display:none}.register-page{grid-template-columns:1fr 1fr;gap:36px}.compact-columns{grid-template-columns:1fr}
}
@media(max-width:760px){
  .public-header{height:58px}.public-header-inner{height:58px;width:calc(100% - 24px);gap:12px}.public-nav{display:none}.public-brand{font-size:13px}.public-header-actions{gap:2px}.public-login{padding:0 9px}.public-signup{padding:0 11px}.public-search-link{display:none}
  .storefront-hero{display:block;min-height:0}.storefront-copy{min-height:520px;padding:70px 20px 42px;background:linear-gradient(0deg,#000 0%,rgba(0,0,0,.94) 60%,rgba(0,0,0,.55) 100%);position:relative}.storefront-copy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 15%,rgba(242,201,76,.24),transparent 35%);pointer-events:none}.storefront-copy>*{position:relative}.storefront-copy h1{font-size:42px;margin-top:10px}.storefront-copy>p{font-size:14px}.storefront-actions{width:100%;margin-top:26px}.storefront-primary,.storefront-secondary{min-height:52px;font-size:14px}.storefront-trust{gap:12px}.storefront-gallery{min-height:380px;padding:4px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.storefront-gallery:before{background:linear-gradient(180deg,#000,transparent 20%),linear-gradient(0deg,#000,transparent 15%)}.storefront-tile{grid-column:auto!important;grid-row:auto!important}.storefront-feature{display:none}.storefront-tile span{display:none}
  .storefront-section{width:calc(100% - 28px);padding-top:40px}.storefront-first{padding-top:44px}.storefront-heading{align-items:flex-start}.storefront-heading h2{font-size:28px}.storefront-heading>a{margin-top:8px}.storefront-course-grid{display:grid;grid-auto-flow:column;grid-auto-columns:78vw;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.storefront-course-grid::-webkit-scrollbar{display:none}.storefront-course-card{scroll-snap-align:start}.storefront-category-row{grid-template-columns:1fr 1fr}.storefront-ranked-row{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.storefront-ranked-row a{flex:0 0 210px}.storefront-how{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:28px 18px}.public-footer{width:calc(100% - 28px);align-items:flex-start;flex-direction:column}.public-footer nav{flex-wrap:wrap}
  .public-body .compact-page-hero,.public-body .prime-filter-bar,.public-body .catalog-count,.public-body .catalog-grid{width:calc(100% - 28px)}.public-body .compact-page-hero{padding-top:36px}.public-body .course-detail-hero{min-height:560px}.public-body .detail-tabs{top:58px;padding-left:14px;padding-right:14px}.public-body .detail-grid{width:calc(100% - 28px)}
  .register-page{width:calc(100% - 28px);display:block;padding:42px 0}.register-copy{margin-bottom:28px}.register-copy h1{font-size:36px}.register-card{padding:22px 16px}.register-two{grid-template-columns:1fr}.selected-course{grid-template-columns:105px 1fr}.selected-course img{width:105px}.access-request-item{align-items:flex-start;flex-direction:column}.access-actions{width:100%}.access-actions form{flex:1}.access-actions button{width:100%}
}
@media(max-width:430px){.public-signup{font-size:11px}.public-login{font-size:11px}.storefront-copy h1{font-size:36px}.storefront-gallery{min-height:320px}.storefront-category-row{grid-template-columns:1fr}.storefront-how{grid-template-columns:1fr}.storefront-ranked-row a{flex-basis:190px}}
.inline-access-form{display:flex;align-items:center;gap:5px;min-width:260px}.inline-access-form select{height:34px;min-width:78px;background:#1F1F1F;color:#E8E8E8;border:1px solid rgba(255,255,255,.11);border-radius:6px;padding:0 7px;font-size:9px}.inline-access-form .secondary-btn{height:34px}
.card-img>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:translateZ(0)}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* v007 — aprendizagem avançada, interatividade, analytics e PWA */
.learning-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid article,.learning-stat{background:#161616;border:1px solid #2E2E2E;border-radius:14px;padding:16px}.stats-grid article small{display:block;color:#939393;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stats-grid article strong{display:block;margin-top:6px;font-size:28px}.risk-list,.action-list,.manual-quiz-list{display:grid;gap:9px}.risk-list article,.action-list>a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;background:#181818;border:1px solid #2D2D2D}.risk-list article>div,.action-list>a>span{display:flex;flex:1;min-width:0;flex-direction:column}.risk-list small,.action-list small{color:#949494;margin-top:3px}.risk-dot{width:9px;height:9px;border-radius:50%;background:#ffb45f;box-shadow:0 0 0 5px rgba(255,180,95,.09)}.grade-inline{display:flex;gap:6px;align-items:center}.grade-inline input{min-width:78px}.manual-quiz-card{border:1px solid #3A3A3A;background:#161616;border-radius:14px;padding:15px}.manual-quiz-card header div{display:flex;flex-direction:column}.manual-answer{border-top:1px solid #2D2D2D;padding-top:12px}.manual-answer blockquote{margin:8px 0 12px;padding:12px;border-left:3px solid #F2C94C;background:#1F1F1F;color:#E4E4E4;border-radius:0 8px 8px 0}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rule-card{padding:15px;border-radius:12px;background:#161616;border:1px solid #313131}.rule-card h3{margin:0 0 12px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:11px}.mini-admin-list{display:grid;gap:9px;margin-top:14px}.mini-admin-list article{padding:12px;border:1px solid #2D2D2D;border-radius:10px;background:#181818}.mini-admin-list article>b,.mini-admin-list article>small{display:block}.compact-form{margin-top:10px}.timeline-admin{display:grid;gap:8px}.timeline-admin article{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #2A2A2A}.timeline-admin time{color:#F2C94C;font-weight:800}.timeline-admin div{display:flex;flex-direction:column}.capacity-grid{display:grid;gap:11px}.capacity-person{padding:14px;border:1px solid #313131;border-radius:13px;background:#161616}.capacity-person header{display:flex;justify-content:space-between;gap:14px;align-items:center}.capacity-person header>div{display:flex;flex-direction:column}.training-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.training-pill{display:flex;flex-direction:column;padding:7px 10px;border-radius:8px;border:1px solid #3C3C3C;background:#202020}.training-pill small{font-size:9px;color:#B2B2B2}.training-pill.valid{border-color:#2d6a55}.training-pill.warning{border-color:#846a33}.training-pill.expired{border-color:#813949}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.health-card{display:flex;gap:10px;align-items:center;padding:14px;background:#181818;border:1px solid #2E2E2E;border-radius:12px}.health-card>span{font-size:22px}.health-card.ok>span{color:#4bd69f}.health-card.bad>span{color:#ff7389}.health-card div{display:flex;flex-direction:column}.feature-list{display:grid;gap:9px}.feature-list form{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #292929}.feature-list form>div{display:flex;flex-direction:column}.switch input{position:absolute;opacity:0}.switch span{display:block;width:42px;height:23px;border-radius:999px;background:#383838;position:relative;cursor:pointer}.switch span:after{content:"";width:17px;height:17px;position:absolute;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s}.switch input:checked+span{background:#F2C94C}.switch input:checked+span:after{transform:translateX(19px)}.chip-grid{display:flex;flex-wrap:wrap;gap:9px}.chip-grid>span{display:flex;flex-direction:column;padding:10px 12px;background:#181818;border:1px solid #313131;border-radius:9px}

/* Student learning cockpit */
.learning-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:stretch}.learning-hero-main,.learning-goal-card{background:linear-gradient(140deg,#272727,#141414);border:1px solid #414141;border-radius:18px;padding:22px}.learning-hero-main h1{font-size:34px;margin:6px 0 10px}.learning-next{margin-top:18px;padding:14px;background:rgba(0,0,0,.22);border-radius:12px}.learning-next small,.learning-next b{display:block}.learning-progress-line{height:5px;border-radius:999px;background:#333333;overflow:hidden;margin:9px 0}.learning-progress-line i{display:block;height:100%;background:#F2C94C}.learning-goal-card{display:flex;align-items:center;gap:18px}.goal-ring{--p:0;flex:0 0 92px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#F2C94C calc(var(--p)*1%),#2E2E2E 0);position:relative}.goal-ring:before{content:"";position:absolute;inset:8px;background:#161616;border-radius:50%}.goal-ring strong{position:relative;font-size:20px}.learning-section{margin-top:26px}.deadline-list,.qualification-grid,.note-library{display:grid;gap:10px}.deadline-list article{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#181818;border:1px solid #2F2F2F;border-radius:10px}.deadline-list article>div{display:flex;flex-direction:column}.qualification-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qualification-card{padding:14px;border-radius:12px;background:#1A1A1A;border:1px solid #343434}.note-library article{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:12px;border-radius:11px;background:#181818;border:1px solid #2F2F2F}.note-library time{color:#F2C94C;font-weight:800}.note-library article>div{display:flex;flex-direction:column}.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendar-card{padding:14px;border:1px solid #343434;background:#181818;border-radius:12px}.calendar-card time{display:block;color:#F2C94C;font-size:11px;font-weight:800}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.session-list{display:grid;gap:8px}.session-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #2E2E2E;border-radius:10px}.assignment-box{max-width:920px;margin:auto}.submission-status{padding:12px;border-radius:10px;background:#1E1E1E;border:1px solid #414141}.survey-scale{display:flex;gap:6px;flex-wrap:wrap}.survey-scale label{display:grid;place-items:center}.survey-scale input{position:absolute;opacity:0}.survey-scale span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid #464646;background:#1F1F1F}.survey-scale input:checked+span{background:#F2F2F2;color:#101010;border-color:#F2F2F2}

/* Player interaction */
.player-top-actions{display:flex;align-items:center;gap:9px}.player-top-actions button{background:#222222;border:1px solid #3E3E3E;color:#E6E6E6;border-radius:7px;width:34px;height:30px;cursor:pointer}.cinema-mode .player-layout{grid-template-columns:1fr}.cinema-mode .playlist{display:none}.cinema-mode .video-area{max-width:none}.cinema-mode .media-stage{max-width:1600px;margin:auto}.checkpoint-layer{position:absolute;inset:0;z-index:15;background:rgba(5,5,5,.78);backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px}.checkpoint-layer[hidden]{display:none}.checkpoint-layer article{width:min(560px,94%);background:#161616;border:1px solid #D4AF37;border-radius:16px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.checkpoint-layer h3{font-size:22px}.checkpoint-layer [data-checkpoint-options]{display:grid;gap:8px;margin:15px 0}.checkpoint-layer [data-checkpoint-options] label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;border:1px solid #414141;border-radius:9px;background:#1F1F1F}.checkpoint-layer input:not([type=radio]){width:100%}.checkpoint-feedback{min-height:20px;color:#ffd79a;margin:8px 0}.checkpoint-list{display:grid;gap:9px}.checkpoint-card{padding:12px;background:#181818;border:1px solid #333333;border-radius:10px;display:flex;gap:9px;align-items:center}.checkpoint-card>b{flex:1}.inline-note-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.inline-note-pills span{display:flex;gap:6px;padding:6px 8px;border-radius:7px;background:#1D1D1D;border:1px solid #363636;font-size:10px}.transcript-tools{display:flex!important;align-items:center;gap:10px}.transcript-tools input{flex:1}.transcript-search-status{color:#F2C94C}.comment-replies{margin-left:44px;border-left:1px solid #363636;padding-left:12px}.comment-actions{display:flex;gap:8px;align-items:center;margin-top:7px}.comment-actions form{margin:0}.comment-actions button{font-size:10px}.official-answer{border-color:#F2C94C;background:#1E1E1E}.course-announcement{margin:10px auto;max-width:980px;padding:11px 14px;border-radius:10px;background:#282828;border:1px solid #F2C94C;display:flex;gap:8px;flex-direction:column}.media-stage{position:relative}

/* Quiz */
.quiz-heading{display:flex;align-items:end;justify-content:space-between}.quiz-timer{padding:10px 14px;border:1px solid #D4AF37;border-radius:11px;background:#1B1B1B;text-align:right}.quiz-timer small,.quiz-timer strong{display:block}.quiz-timer strong{font-size:22px}.question-meta{display:flex;justify-content:space-between;gap:12px;color:#929292;font-size:10px}.question-media img{max-width:100%;max-height:360px;border-radius:10px;object-fit:contain;background:#000}.answer-text textarea{width:100%}.quiz-question-nav{display:flex;justify-content:space-between;margin-top:16px}.quiz-submit-bar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;padding:12px 14px;border:1px solid #D4AF37;background:rgba(17,17,17,.94);backdrop-filter:blur(10px);border-radius:12px}.empty-state{padding:30px;border:1px solid #333333;border-radius:13px;background:#171717}.question-options[hidden]{display:none!important}

@media(max-width:980px){.learning-columns,.learning-hero,.account-grid{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr}.health-grid{grid-template-columns:repeat(2,1fr)}.qualification-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.stats-grid.four{grid-template-columns:1fr 1fr}.health-grid,.calendar-grid,.qualification-grid{grid-template-columns:1fr}.learning-goal-card{align-items:flex-start}.grade-inline{flex-wrap:wrap}.capacity-person header{align-items:flex-start;flex-direction:column}.note-library article{grid-template-columns:60px 1fr}.note-library article form{grid-column:2}.quiz-heading{align-items:flex-start;flex-direction:column}.quiz-submit-bar{bottom:72px;align-items:stretch;flex-direction:column}.checkpoint-card{align-items:stretch;flex-direction:column}.comment-replies{margin-left:18px}}
.advanced-filter-bar{grid-template-columns:minmax(280px,1.6fr) repeat(4,minmax(120px,.55fr)) auto}.pagination{width:min(92%,1450px);margin:28px auto 50px;display:flex;justify-content:center;gap:7px}.pagination a{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#1A1A1A;border:1px solid #333333;color:#BABABA}.pagination a.active,.pagination a:hover{background:#F4F4F4;color:#101010;border-color:#F4F4F4}.course-info-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.course-info-panels article{padding:14px;background:#191919;border:1px solid #313131;border-radius:11px}.course-info-panels article p{font-size:12px;color:#B4B4B4;line-height:1.55}.competency-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;align-items:center}.competency-tags>span{font-size:10px;color:#919191;text-transform:uppercase;letter-spacing:.08em}.competency-tags i{font-style:normal;padding:6px 9px;border-radius:999px;background:#262626;border:1px solid #F2C94C;color:#E4E4E4;font-size:10px}.completed-label{color:#8bf1c8!important}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-grid article{padding:14px;border-radius:11px;background:#191919;border:1px solid #323232}.review-grid header{display:flex;justify-content:space-between;gap:10px}.review-grid header span{color:#ffd36c}.review-grid p{color:#B7B7B7;font-size:12px;line-height:1.55}.review-form{display:grid;grid-template-columns:170px 1fr auto;gap:10px;align-items:end;margin-top:16px}.review-form label{display:flex;flex-direction:column;gap:5px}.requirement-list{list-style:none;padding:0;margin:9px 0;display:grid;gap:6px;color:#BABABA;font-size:11px}.secondary-btn.full{display:flex;width:100%;justify-content:center}.related-courses{margin-top:50px}
@media(max-width:1080px){.advanced-filter-bar{grid-template-columns:1fr 1fr 1fr}.advanced-filter-bar .catalog-search{grid-column:1/-1}.course-info-panels{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.advanced-filter-bar{grid-template-columns:1fr 1fr}.advanced-filter-bar button{grid-column:1/-1}.course-info-panels,.review-grid{grid-template-columns:1fr}.review-form{grid-template-columns:1fr}}

/* ============================================================
   Player v008 — visualização EAD renovada
   ============================================================ */
.player-body{background:#050505;overflow:hidden}
.player-shell{height:100dvh;min-height:620px;background:#050505;color:#F6F6F6}
.player-top{height:72px;min-height:72px;box-sizing:border-box;grid-template-columns:180px minmax(0,1fr) 220px;padding:0 22px;background:rgba(11,11,11,.97);border-bottom:1px solid #2A2A2A;box-shadow:0 5px 24px rgba(0,0,0,.25);position:relative;z-index:20}
.player-back{display:flex;align-items:center;gap:9px;color:#E9E9E9;font-size:13px;font-weight:750}
.player-back span:first-child{width:30px;height:30px;display:grid;place-items:center;border:1px solid #3F3F3F;border-radius:8px;background:#191919;font-size:18px}
.player-back:hover{color:#fff}.player-back:hover span:first-child{border-color:#F2C94C;background:#262626}
.player-course-title{min-width:0;text-align:center;display:flex;flex-direction:column;gap:4px}
.player-course-title b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-course-title small{font-size:11px;color:#949494}
.player-top-actions{justify-content:flex-end}
.player-top-actions button{width:36px;height:36px;border-radius:9px;font-size:17px;background:#1B1B1B;border-color:#414141}
.save-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#A1A1A1;white-space:nowrap}
.save-state i{width:7px;height:7px;border-radius:50%;background:#42d39a;box-shadow:0 0 10px rgba(66,211,154,.35)}
.player-layout{grid-template-columns:minmax(0,1fr) 380px;background:#050505}
.video-area{overflow-y:auto;scrollbar-color:#444444 #101010;scrollbar-width:thin}
.media-stage{width:100%;background:#050505}
.native-player-shell,.embed-player-shell{width:min(1240px,calc(100% - 42px));margin:24px auto 0;position:relative;border:1px solid #2D2D2D;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 60px rgba(0,0,0,.38)}
.native-player-shell{aspect-ratio:16/9}
.native-player-shell video{width:100%;height:100%;max-height:none;object-fit:contain;background:#000;display:block}
.embed-player-shell{aspect-ratio:16/9;max-height:none}
.embed-player-shell iframe{border:0}
.provider-progress-note{width:min(1240px,calc(100% - 42px));box-sizing:border-box;margin:0 auto;padding:11px 15px;background:#121212;border:1px solid #292929;border-top:0;border-radius:0 0 10px 10px;color:#939393;font-size:11px;text-align:left}
.provider-progress-note span{color:#F2C94C;margin-right:5px}
.video-error{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center;background:rgba(5,5,5,.94)}
.video-error[hidden]{display:none}
.video-error strong{font-size:18px}.video-error span{color:#A1A1A1;font-size:12px}
.video-unavailable{width:min(760px,calc(100% - 42px));min-height:430px;margin:24px auto 0;border:1px dashed #3F3F3F;border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(242,201,76,.13),transparent 35%),#0F0F0F;display:grid;place-items:center;align-content:center;text-align:center;padding:35px;box-sizing:border-box}
.video-unavailable-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#282828;border:1px solid #F2C94C;color:#F2C94C;font-size:22px;margin-bottom:14px}
.video-unavailable h2{margin:7px 0;font-size:25px}.video-unavailable p{max-width:520px;color:#A1A1A1;font-size:13px;line-height:1.6;margin:0 0 20px}
.lesson-notes{max-width:1240px;padding:34px 21px 80px}
.lesson-title-line{padding-bottom:21px;border-bottom:1px solid #282828}
.lesson-title-line h1{font-size:clamp(24px,2.3vw,34px);letter-spacing:-.035em;margin:5px 0 0}
.lesson-title-line p{color:#ADADAD}
.lesson-section{margin-top:28px;padding-top:25px;border-top-color:#282828}
.lesson-section-head h2{font-size:20px;letter-spacing:-.02em}
.playlist{background:#101010;border-left:1px solid #2A2A2A;box-shadow:-12px 0 35px rgba(0,0,0,.12)}
.playlist-head{height:78px;box-sizing:border-box;padding:15px 18px;background:rgba(16,16,16,.98);border-bottom:1px solid #2A2A2A}
.playlist-head div{display:flex;flex-direction:column;gap:4px;min-width:0}.playlist-head b{font-size:14px}.playlist-head .eyebrow{font-size:9px}.playlist-head>span{font-size:10px;padding-top:17px}
.playlist-module{display:flex;align-items:center;gap:9px;padding:16px 18px 8px;color:#949494;font-size:10px}
.playlist-module>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#232323;color:#F2C94C;font-size:9px}
.playlist-module b{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.playlist-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:12px 18px;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.025);transition:background .16s ease,border-color .16s ease}
.playlist-item:hover{background:#1F1F1F}.playlist-item.active{background:linear-gradient(90deg,#2C2C2C,#202020);border-left-color:#F2C94C}
.playlist-item .lesson-state{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#1E1E1E;border:1px solid #393939;color:#ADADAD;font-size:10px;margin-top:1px}
.playlist-item.done .lesson-state{background:#103326;border-color:#275e49;color:#72e6b0}
.playlist-item.active .lesson-state{background:#F2F2F2;border-color:#F2F2F2;color:#101010}
.playlist-item div{min-width:0}.playlist-item b{font-size:12px;line-height:1.35;display:block;white-space:normal}.playlist-item small{display:block;margin-top:5px;font-size:10px;color:#919191}
.now-playing{grid-column:2;font-style:normal;color:#F2C94C;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}
.non-video{max-width:850px;margin:60px auto;padding:36px;background:#121212;border:1px solid #303030;border-radius:15px}
.audio-lesson audio{margin-top:22px}
.cinema-mode .player-layout{grid-template-columns:1fr}.cinema-mode .playlist{display:none}.cinema-mode .native-player-shell,.cinema-mode .embed-player-shell{width:min(1500px,calc(100% - 32px));margin-top:16px}.cinema-mode .lesson-notes{max-width:1500px}

@media(max-width:1180px){.player-layout{grid-template-columns:minmax(0,1fr) 330px}.player-top{grid-template-columns:150px minmax(0,1fr) 200px}}
@media(max-width:800px){
  .player-shell{min-height:100vh;height:auto}.player-top{height:62px;min-height:62px;grid-template-columns:auto 1fr auto;padding:0 12px;position:sticky;top:0}.player-back span:last-child{display:none}.player-course-title{text-align:left;padding-left:8px}.player-course-title b{font-size:12px}.player-course-title small{font-size:9px}.save-state{display:none}.player-layout{display:block}.playlist{border-left:0;border-top:1px solid #2A2A2A;max-height:none}.native-player-shell,.embed-player-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.provider-progress-note{width:100%;border-radius:0}.lesson-notes{padding:25px 16px 90px}.playlist-head{position:relative}.video-unavailable{width:calc(100% - 24px);min-height:340px;margin:12px auto}.lesson-actions{flex-wrap:wrap}.lesson-actions form{flex:1}.lesson-actions button{width:100%}
}

.lesson-title-line{display:flex;align-items:center;justify-content:space-between;gap:22px}
.lesson-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.lesson-actions form{margin:0}
@media(max-width:620px){.lesson-title-line{align-items:flex-start;flex-direction:column}.lesson-actions{width:100%;justify-content:flex-start}}

/* Player visual — layout inspired by the supplied reference */
:root{--player-accent:#e52335;--player-bg:#111111;--player-panel:#171717;--player-line:#343434}
.player-body{background:#101010;color:#f4f4f4;overflow:hidden}
.player-shell{height:100dvh;min-height:620px;background:#101010;color:#f4f4f4;padding-left:52px;position:relative}
.player-rail{position:fixed;z-index:40;left:0;top:0;bottom:0;width:52px;background:#191919;border-right:1px solid #292929;display:flex;flex-direction:column;align-items:center;padding:14px 0 12px}
.rail-logo{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#252525;border:1px solid #393939;font-size:13px;margin-bottom:22px}
.rail-links{display:flex;flex-direction:column;align-items:center;gap:8px}
.rail-links a,.rail-bottom button{width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:#d7d7d7;display:grid;place-items:center;font-size:17px;transition:.18s ease}
.rail-links a:hover,.rail-bottom button:hover{background:#2b2b2b;color:#fff}
.rail-links a:first-child{color:#fff;background:#252525}
.rail-bottom{margin-top:auto}
.player-top{height:52px;min-height:52px;background:#101010;border-bottom:1px solid #242424;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;padding:0 16px;position:relative;z-index:30;box-shadow:none}
.player-back{color:#ddd;font-size:12px;font-weight:700}.player-back span:first-child{width:auto;height:auto;border:0;background:none;font-size:15px}
.player-back span:last-child{display:inline}
.player-course-title{text-align:center;gap:0}.player-course-title b{font-size:13px}.player-course-title small{font-size:9px;color:#777}
.player-top-actions{justify-content:flex-end}.save-state{font-size:9px;color:#7f7f7f}.save-state i{width:6px;height:6px;background:#49bf7c;box-shadow:none}
.player-layout{width:min(1040px,calc(100% - 38px));height:calc(100dvh - 52px);margin:0 auto;display:grid;grid-template-columns:minmax(0,740px) 280px;gap:20px;background:#101010}
.video-area{overflow-y:auto;scrollbar-width:none;padding-top:13px}.video-area::-webkit-scrollbar{display:none}
.media-stage{width:100%;background:#101010}
.native-player-shell,.embed-player-shell{width:100%;aspect-ratio:16/9;margin:0;border:1px solid #303030;border-radius:7px;overflow:hidden;background:#000;box-shadow:0 8px 25px rgba(0,0,0,.32)}
.native-player-shell video{width:100%;height:100%;object-fit:contain;background:#000}
.embed-player-shell iframe{width:100%;height:100%;display:block;border:0}
.provider-progress-note{width:100%;margin:0;background:#171717;border:1px solid #2a2a2a;border-top:0;border-radius:0 0 6px 6px;padding:8px 10px;color:#777;font-size:9px}
.lesson-notes{max-width:none;padding:12px 0 70px}
.lesson-title-line{padding:0 0 12px;border-bottom:1px solid #333;align-items:center}
.lesson-title-line h1{font-size:16px;line-height:1.3;margin:4px 0 0;letter-spacing:-.01em}
.lesson-title-line p{font-size:11px;color:#898989}
.lesson-title-line .eyebrow{font-size:8px;color:#888}
.lesson-actions{gap:5px}.lesson-actions .secondary-btn{height:29px;padding:0 10px;font-size:10px;border-radius:5px;background:#242424;border:1px solid #3a3a3a;color:#ddd}.lesson-actions .secondary-btn:hover{background:#303030}
.lesson-section{margin-top:20px;padding-top:16px;border-top:1px solid #292929}.lesson-section-head h2{font-size:15px}.student-comment-form textarea{background:#161616;border:1px solid #333;color:#eee;border-radius:6px}.student-comment-form small{font-size:9px;color:#777}
.playlist{background:#151515;border:1px solid #3a3a3a;border-radius:8px;box-shadow:none;overflow:hidden;height:472px;align-self:start;margin-top:0}
.playlist-head{height:auto;padding:14px 18px 10px;background:#151515;border-bottom:1px solid #3a3a3a;position:relative}
.playlist-head div{gap:2px}.playlist-head .eyebrow{font-size:8px;color:#8b8b8b}.playlist-head b{font-size:12px;line-height:1.2}.playlist-head div:after{content:'Defina requisitos para entrada e trabalho seguro em espaços confinados, como tanques, dutos e silos.';display:block;color:#8b8b8b;font-size:8px;line-height:1.45;max-width:205px;margin-top:4px}.playlist-head>span{display:none}
.playlist-module{padding:12px 18px 6px;color:#aaa;font-size:9px;border-bottom:0}.playlist-module>span{display:none}.playlist-module b{font-size:9px;color:#ddd;letter-spacing:0;text-transform:uppercase}.playlist-module:after{content:'⌃';margin-left:auto;color:#777}
.playlist-item{grid-template-columns:72px minmax(0,1fr);gap:9px;padding:7px 10px 7px 18px;border-left:2px solid transparent;border-bottom:0;background:#151515}
.playlist-item:hover{background:#1d1d1d}.playlist-item.active{background:#202020;border-left-color:var(--player-accent);box-shadow:inset 0 0 0 1px rgba(229,35,53,.7);border-radius:6px;margin:0 8px;padding-left:10px}
.lesson-thumb{width:64px;height:36px;border-radius:4px;overflow:hidden;background:#292929;border:1px solid #3a3a3a;display:grid;place-items:center;color:#aaa;font-size:11px}
.lesson-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lesson-thumb span{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#292929,#171717)}
.playlist-copy{min-width:0;align-self:center}.playlist-item b{font-size:9px;line-height:1.25;font-weight:700;color:#eee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-item small{font-size:8px;margin-top:3px;color:#666}.playlist-item .now-playing{grid-column:2;color:#e85b68;font-size:7px;margin-top:-1px}
.playlist-item.done .lesson-thumb{border-color:#3a3a3a}.playlist-item.active .lesson-thumb{border-color:var(--player-accent)}
.cinema-mode .player-rail{display:none}.cinema-mode .player-shell{padding-left:0}.cinema-mode .player-layout{width:min(1500px,calc(100% - 32px));grid-template-columns:1fr}.cinema-mode .playlist{display:none}.cinema-mode .native-player-shell,.cinema-mode .embed-player-shell{width:100%;margin-top:0}.cinema-mode .lesson-notes{max-width:none}
.video-unavailable{width:100%;min-height:416px;margin:0;border-radius:7px;background:#151515;border:1px solid #303030}
.video-unavailable h2{font-size:20px}.video-unavailable p{font-size:11px;color:#888}
.non-video{max-width:none;margin:0;padding:30px;background:#151515;border:1px solid #303030;border-radius:7px}
@media(max-width:1100px){.player-layout{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr) 280px;gap:14px}}
@media(max-width:800px){.player-shell{padding-left:0;height:auto;min-height:100vh;overflow:auto}.player-rail{display:none}.player-top{position:sticky;top:0;grid-template-columns:auto 1fr auto;padding:0 12px}.player-layout{display:block;width:100%;height:auto;margin:0}.video-area{overflow:visible;padding-top:0}.playlist{height:auto;margin-top:14px;border-radius:0;border-left:0;border-right:0}.native-player-shell,.embed-player-shell{border-radius:0;border-left:0;border-right:0}.lesson-notes{padding:16px}.player-back span:last-child{display:none}}

/* v010 — premium streaming player */
.player-body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0B0B0B;color:#f7f7f7}
.player-shell{background:radial-gradient(circle at 50% -10%,#181818 0,#0D0D0D 42%,#090909 100%);padding-left:68px}
.player-rail{width:68px;background:rgba(13,13,13,.96);border-right:1px solid #242424;backdrop-filter:blur(18px);padding-top:16px}
.rail-logo,.rail-links a,.rail-bottom button{display:grid;place-items:center}
.rail-logo{width:38px;height:38px;border-radius:11px;background:#181818;border:1px solid #313131;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.28)}
.rail-logo svg{width:17px;height:17px;fill:#fff}.rail-links a,.rail-bottom button{width:40px;height:40px;border-radius:10px;color:#919191}.rail-links a svg,.rail-bottom button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-links a:hover,.rail-bottom button:hover{background:#212121;color:#fff}.rail-links a:first-child{background:#252525;color:#fff;box-shadow:inset 0 0 0 1px #393939}
.player-top{height:64px;min-height:64px;padding:0 24px;background:rgba(11,11,11,.88);border-bottom:1px solid #242424;backdrop-filter:blur(18px)}
.player-back{display:inline-flex;align-items:center;gap:9px;color:#e6e6e8;font-size:12px}.player-back span:first-child{font-size:18px}.player-course-title b{font-size:14px;letter-spacing:-.01em}.player-course-title small{font-size:10px;color:#808080;margin-top:2px}.save-state{font-size:10px;color:#909090}.save-state i{width:6px;height:6px;background:#45c58a;border-radius:50%}
.player-layout{width:min(1280px,calc(100% - 52px));height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) 340px;gap:24px}
.video-area{padding-top:20px}
.native-player-shell,.embed-player-shell{position:relative;border:1px solid #2C2C2C;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.38);background:#000}
.native-player-shell{isolation:isolate}
.native-player-shell video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}
.player-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.06) 40%,rgba(0,0,0,.76) 100%);opacity:0;transition:opacity .25s ease;z-index:2}
.native-player-shell:hover .player-gradient,.native-player-shell.is-playing .player-gradient{opacity:1}
.player-big-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(14,14,14,.72);color:#fff;display:grid;place-items:center;backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.45);cursor:pointer;transition:.2s ease}.player-big-play:hover{transform:translate(-50%,-50%) scale(1.06);background:rgba(33,33,33,.9)}.player-big-play svg{width:27px;height:27px;fill:#fff;margin-left:3px}.player-big-play[hidden]{display:none}
.player-controls{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:0 16px 13px;opacity:0;transform:translateY(4px);transition:.2s ease}.native-player-shell:hover .player-controls,.native-player-shell:focus-within .player-controls,.native-player-shell.is-playing .player-controls{opacity:1;transform:none}
.player-progress{height:16px;position:relative;display:flex;align-items:center}.player-progress:before{content:"";position:absolute;left:0;right:0;height:3px;background:rgba(255,255,255,.28);border-radius:99px}.player-progress input{position:relative;z-index:2;width:100%;margin:0;appearance:none;background:transparent;height:16px;cursor:pointer}.player-progress input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#ff3b45 var(--progress,0%),rgba(255,255,255,.28) var(--progress,0%));border-radius:99px}.player-progress input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 1px 8px #000}.player-progress input::-moz-range-track{height:3px;background:rgba(255,255,255,.28);border-radius:99px}.player-progress input::-moz-range-progress{height:3px;background:#ff3b45;border-radius:99px}.player-progress input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.player-control-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.player-control-left,.player-control-right{display:flex;align-items:center;gap:5px}.player-control-row button{width:34px;height:34px;border:0;background:transparent;color:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.player-control-row button:hover{background:rgba(255,255,255,.12)}.player-control-row button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.player-control-row button:first-child svg{fill:currentColor;stroke:none}.player-control-row button[data-video-settings]{font-size:11px;font-weight:800}.player-time{font-size:10px;color:#d5d5d7;margin-left:5px;white-space:nowrap}.player-time i{font-style:normal;color:#777;margin:0 3px}.player-speed-menu{position:absolute;right:52px;bottom:62px;z-index:10;width:120px;padding:6px;background:#1C1C1C;border:1px solid #3B3B3B;border-radius:9px;box-shadow:0 14px 40px rgba(0,0,0,.45)}.player-speed-menu button{width:100%;border:0;background:transparent;color:#ddd;text-align:left;padding:8px 10px;border-radius:6px;font-size:11px;cursor:pointer}.player-speed-menu button:hover{background:#2C2C2C;color:#fff}
.video-error{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(8,8,8,.94);text-align:center;padding:24px}.video-error strong{font-size:16px}.video-error span{font-size:11px;color:#989898}.video-error .secondary-btn{margin-top:7px}.video-error[hidden]{display:none}
.playlist{height:calc(100dvh - 96px);max-height:760px;margin-top:20px;border:1px solid #333333;border-radius:12px;background:#141414;box-shadow:0 16px 50px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column}
.playlist-head{padding:20px 18px 17px;background:linear-gradient(180deg,#1A1A1A,#151515);border-bottom:1px solid #2E2E2E}.playlist-head .eyebrow{font-size:8px;letter-spacing:.18em;color:#989898}.playlist-head b{font-size:14px;display:block;margin-top:3px}.playlist-head div:after{font-size:9px;line-height:1.55;color:#878787;max-width:280px}.playlist-module{padding:15px 18px 9px;color:#878787}.playlist-module b{font-size:9px;color:#e5e5e7;letter-spacing:.08em}.playlist-item{grid-template-columns:92px minmax(0,1fr);gap:11px;padding:9px 12px 9px 18px}.playlist-item:hover{background:#1D1D1D}.playlist-item.active{margin:3px 8px;padding:9px 10px;border-left:2px solid #ff3341;background:#252525;box-shadow:inset 0 0 0 1px rgba(255,51,65,.42)}.lesson-thumb{width:84px;height:47px;border-radius:6px;background:#252525;border-color:#373737;box-shadow:0 3px 10px rgba(0,0,0,.25)}.playlist-item b{font-size:10px;line-height:1.35;color:#f1f1f2}.playlist-item small{font-size:9px;color:#7A7A7A}.playlist-item.active b{color:#fff}.playlist-item .now-playing{font-size:7px;color:#ff5863;letter-spacing:.08em}.playlist-item.done .lesson-thumb:after{content:"✓";position:absolute}.playlist{scrollbar-color:#3D3D3D transparent;scrollbar-width:thin}
.lesson-notes{padding:17px 0 90px}.lesson-title-line{padding-bottom:16px;border-bottom:1px solid #2A2A2A}.lesson-title-line h1{font-size:19px;font-weight:750}.lesson-title-line p{font-size:11px;color:#878787}.lesson-actions .secondary-btn{height:34px;border-radius:7px;background:#1F1F1F;border:1px solid #3B3B3B;font-size:10px}.lesson-actions .secondary-btn:hover{background:#2A2A2A;border-color:#4B4B4B}.lesson-section{border-top:1px solid #262626;margin-top:22px;padding-top:18px}.lesson-section-head h2{font-size:16px}.student-comment-form textarea{background:#151515;border:1px solid #313131;border-radius:9px}.secondary-btn{border-radius:7px}
.video-unavailable{min-height:480px;border-radius:12px;background:radial-gradient(circle at 50% 40%,#212121 0,#141414 52%,#0E0E0E 100%);border:1px solid #303030;position:relative;overflow:hidden}.video-unavailable:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 40%,rgba(255,255,255,.02));pointer-events:none}.video-unavailable-icon{width:72px;height:72px;border-radius:50%;background:#202020;border:1px solid #3D3D3D;display:grid;place-items:center;color:#fff;font-size:20px;box-shadow:0 14px 40px rgba(0,0,0,.35)}.video-unavailable h2{font-size:22px}.video-unavailable p{max-width:500px;text-align:center;line-height:1.6}
.cinema-mode .player-layout{width:min(1500px,calc(100% - 44px));grid-template-columns:1fr}.cinema-mode .player-rail{display:none}.cinema-mode .player-shell{padding-left:0}.cinema-mode .playlist{display:none}.cinema-mode .native-player-shell,.cinema-mode .embed-player-shell{margin-top:0;border-radius:10px}
@media(max-width:1150px){.player-layout{width:calc(100% - 34px);grid-template-columns:minmax(0,1fr) 310px;gap:16px}.playlist-item{grid-template-columns:76px minmax(0,1fr)}.lesson-thumb{width:70px;height:40px}}
@media(max-width:900px){.player-shell{padding-left:0}.player-rail{display:none}.player-layout{display:block;width:100%;height:auto}.video-area{padding-top:0}.native-player-shell,.embed-player-shell{border-radius:0;border-left:0;border-right:0;box-shadow:none}.playlist{height:auto;max-height:480px;margin:16px 12px;border-radius:11px}.lesson-notes{padding:16px 14px 70px}.player-top{grid-template-columns:auto 1fr auto;padding:0 14px}.player-course-title{text-align:center}.player-top-actions{display:none}.video-unavailable{min-height:400px;border-radius:0;border-left:0;border-right:0}}
@media(max-width:600px){.player-top{height:56px;min-height:56px}.player-course-title b{font-size:12px}.player-course-title small{font-size:9px}.player-back span:last-child{display:none}.player-big-play{width:56px;height:56px}.player-controls{padding:0 9px 8px}.player-control-row button{width:31px;height:31px}.player-control-left{gap:1px}.player-control-right{gap:0}.player-time{font-size:9px}.player-control-right button[data-video-settings]{display:none}.player-speed-menu{right:42px;bottom:53px}.playlist{margin:12px 8px;max-height:440px}.playlist-head{padding:16px}.playlist-item{grid-template-columns:82px minmax(0,1fr);padding-left:14px}.lesson-thumb{width:76px;height:43px}.lesson-title-line{align-items:flex-start;flex-direction:column}.lesson-actions{width:100%;justify-content:flex-start}.lesson-actions form{flex:0 0 auto}.lesson-title-line h1{font-size:17px}}
@media(max-width:420px){.player-control-left [data-video-rewind],.player-control-left [data-video-forward]{display:none}.player-time{margin-left:0}.player-control-row button{width:29px}.playlist-item{grid-template-columns:72px minmax(0,1fr);gap:8px}.lesson-thumb{width:68px;height:38px}}

@media(max-width:900px){.player-controls{opacity:1;transform:none}.player-gradient{opacity:1}.player-speed-menu{bottom:58px}}

/* v011 — lesson progress + completion flow */
.lesson-heading{min-width:0}.lesson-heading h1{margin-bottom:0}.lesson-progress-card{margin:18px 0 20px;padding:14px 16px;border:1px solid #2A2A2A;border-radius:10px;background:linear-gradient(180deg,#181818,#131313);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.lesson-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#949494;margin-bottom:9px}.lesson-progress-meta b{color:#fff;font-size:11px}.lesson-progress-track{height:5px;background:#2B2B2B;border-radius:999px;overflow:hidden}.lesson-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#ff3341,#ff5b64);border-radius:999px;transition:width .35s ease;box-shadow:0 0 12px rgba(255,51,65,.25)}.lesson-progress-card small{display:block;color:#777777;font-size:9px;margin-top:8px}.complete-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(180deg,#e83b47,#c92532);color:#fff;font-weight:700;font-size:11px;cursor:pointer;box-shadow:0 8px 22px rgba(255,45,58,.18);transition:.2s ease}.complete-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.complete-btn:disabled{cursor:not-allowed;background:#2B2B2B;color:#7B7B7B;box-shadow:none;border-color:#353535}.complete-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);font-size:11px}.lesson-actions{align-items:center}.lesson-actions form{margin:0}
@media(max-width:700px){.lesson-title-line{gap:12px}.lesson-actions{flex-wrap:wrap}.lesson-actions form{width:100%}.lesson-actions .secondary-btn,.lesson-actions .complete-btn{width:100%;justify-content:center}.lesson-progress-card{margin-top:14px}}

/* v015 — acabamento premium / hierarquia visual final */
:root{
  --player-bg:#0C0C0C;
  --player-surface:#151515;
  --player-surface-2:#1B1B1B;
  --player-border:#2D2D2D;
  --player-muted:#909090;
  --player-text:#f5f6f7;
  --player-accent:#ff3344;
}
.player-body{background:var(--player-bg);color:var(--player-text)}
.player-shell{padding-left:72px;background:radial-gradient(1000px 500px at 50% -180px,#1C1C1C 0,#0F0F0F 55%,#0A0A0A 100%)}
.player-rail{width:72px;background:rgba(13,13,13,.96);border-right:1px solid #272727;padding:16px 0;gap:0}
.rail-logo{width:40px;height:40px;margin-bottom:24px;border-radius:11px;background:#1C1C1C;border:1px solid #323232;box-shadow:none}
.rail-logo svg{width:18px;height:18px}
.rail-links{gap:7px}
.rail-links a,.rail-bottom button{width:42px;height:42px;border-radius:11px;color:#898989}
.rail-links a svg,.rail-bottom button svg{width:18px;height:18px;stroke-width:1.7}
.rail-links a:hover,.rail-bottom button:hover{background:#222222;color:#fff}
.rail-links a:first-child{background:#262626;color:#fff;box-shadow:inset 0 0 0 1px #3A3A3A}
.player-top{height:64px;min-height:64px;padding:0 26px;background:rgba(12,12,12,.94);border-bottom:1px solid #272727;backdrop-filter:blur(16px);grid-template-columns:220px minmax(0,1fr) 220px}
.player-back{gap:8px;font-size:12px;color:#e4e5e7}.player-back span:first-child{font-size:18px}.player-back:hover{color:#fff}
.player-course-title{gap:2px}.player-course-title b{font-size:14px;font-weight:760;letter-spacing:-.015em}.player-course-title small{font-size:10px;color:#838383}
.save-state{font-size:10px;color:#929292}.save-state i{width:6px;height:6px;background:#48c88c}
.player-layout{width:min(1320px,calc(100% - 56px));height:calc(100dvh - 64px);grid-template-columns:minmax(0,1fr) 360px;gap:24px}
.video-area{padding:20px 0 0;overflow-y:auto}
.media-stage{background:transparent}
.native-player-shell,.embed-player-shell{width:100%;margin:0;border:1px solid #323232;border-radius:12px;box-shadow:0 22px 65px rgba(0,0,0,.42);background:#000}
.native-player-shell video{cursor:default}
.player-big-play{width:64px;height:64px;background:rgba(16,16,16,.78);border-color:rgba(255,255,255,.22)}
.player-big-play svg{width:25px;height:25px}
.player-controls{padding:0 15px 12px}
.player-progress{height:18px}
.player-progress:before{height:3px;background:rgba(255,255,255,.23)}
.player-progress input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--player-accent) var(--progress,0%),rgba(255,255,255,.23) var(--progress,0%))}
.player-progress input::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4px}
.player-control-row button{width:34px;height:34px;border-radius:8px;color:#f3f3f4}
.player-control-row button:hover{background:rgba(255,255,255,.10)}
.player-time{font-size:10px;color:#CBCBCB}
.playlist{height:calc(100dvh - 96px);max-height:none;margin-top:20px;border:1px solid #323232;border-radius:12px;background:#151515;box-shadow:0 18px 55px rgba(0,0,0,.30)}
.playlist-head{padding:18px 18px 16px;background:#181818;border-bottom:1px solid #2C2C2C}
.playlist-head .eyebrow{font-size:8px;color:#999999}.playlist-head b{font-size:15px;margin-top:4px}.playlist-head>span{font-size:10px;color:#7B7B7B;padding-top:18px}
.playlist-module{padding:16px 18px 9px;gap:8px;color:#818181}.playlist-module>span{width:23px;height:23px;border-radius:7px;background:#222222;color:#BABABA}.playlist-module b{font-size:9px;color:#d9dadd}
.playlist-item{grid-template-columns:86px minmax(0,1fr);gap:11px;padding:9px 14px 9px 18px;border-left:0;border-bottom:1px solid rgba(255,255,255,.035)}
.playlist-item:hover{background:#1E1E1E}
.playlist-item.active{margin:4px 8px;padding:9px 10px;background:#242424;border:1px solid rgba(255,51,68,.62);border-left:3px solid var(--player-accent);border-radius:7px;box-shadow:none}
.playlist-item .lesson-thumb{width:86px;height:48px;border-radius:6px;overflow:hidden;position:relative;background:#242424;border:1px solid #363636;box-shadow:none}
.playlist-item .lesson-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.playlist-item .lesson-thumb>span{font-size:11px;color:#d9dadd}
.playlist-item b{font-size:11px;line-height:1.35;color:#ededee}.playlist-item small{margin-top:4px;font-size:9px;color:#818181}
.playlist-item .now-playing{font-size:8px;color:#ff5866;letter-spacing:.07em;margin-top:5px}
.playlist-item.done .lesson-thumb:after{content:'✓';position:absolute;right:4px;bottom:4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#2bc681;color:#07110d;font-size:10px;font-weight:900;box-shadow:0 2px 7px rgba(0,0,0,.35)}
.lesson-notes{padding:18px 0 90px}.lesson-title-line{gap:20px;padding-bottom:16px}.lesson-heading{min-width:0}.lesson-heading h1{font-size:20px;line-height:1.3;font-weight:760}.lesson-heading .eyebrow{font-size:9px;color:#959595}.lesson-actions{gap:8px}
.lesson-actions .secondary-btn{height:36px;padding:0 12px;font-size:10px}.complete-btn{height:36px;padding:0 14px;font-size:10px}
.lesson-progress-card{margin:16px 0 22px;padding:13px 15px;border:1px solid #2E2E2E;border-radius:10px;background:#161616;box-shadow:none}.lesson-progress-meta{font-size:10px}.lesson-progress-track{height:4px;background:#2C2C2C}.lesson-progress-track span{background:linear-gradient(90deg,#ff3344,#ff5966)}
.lesson-section{margin-top:22px;padding-top:20px;border-top:1px solid #2A2A2A}.lesson-section-head h2{font-size:16px}.student-comment-form textarea{background:#161616;border-color:#2E2E2E}
.cinema-mode .player-layout{width:min(1500px,calc(100% - 40px));grid-template-columns:1fr}.cinema-mode .player-rail{display:none}.cinema-mode .player-shell{padding-left:0}

@media(max-width:1100px){
  .player-layout{width:calc(100% - 34px);grid-template-columns:minmax(0,1fr) 320px;gap:18px}
  .playlist-item{grid-template-columns:76px minmax(0,1fr)}.playlist-item .lesson-thumb{width:76px;height:43px}
  .player-top{grid-template-columns:190px minmax(0,1fr) 190px}
}
@media(max-width:820px){
  .player-shell{padding-left:0;height:auto;min-height:100vh;overflow:auto}
  .player-rail{display:none}
  .player-top{height:60px;min-height:60px;position:sticky;top:0;grid-template-columns:auto minmax(0,1fr) auto;padding:0 14px;z-index:50}
  .player-back span:last-child{display:none}.player-course-title{text-align:left;padding-left:8px}.player-course-title b{font-size:12px}.player-course-title small{font-size:9px}
  .save-state{display:none}
  .player-layout{display:block;width:100%;height:auto;margin:0}
  .video-area{padding:0;overflow:visible}
  .native-player-shell,.embed-player-shell{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .playlist{height:auto;margin:14px 12px 0;border-radius:10px;border:1px solid #2E2E2E}
  .playlist-head{position:relative}.lesson-notes{padding:18px 14px 80px}
}
@media(max-width:520px){
  .player-course-title b{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .player-layout{display:flex;flex-direction:column}.playlist{order:2;margin:10px 10px 0}
  .playlist-item{grid-template-columns:74px minmax(0,1fr);padding:9px 10px}.playlist-item.active{margin:3px 6px}.playlist-item .lesson-thumb{width:74px;height:42px}
  .lesson-title-line{align-items:stretch;flex-direction:column;gap:12px}.lesson-actions{width:100%}.lesson-actions form{flex:1}.lesson-actions .secondary-btn,.lesson-actions .complete-btn{width:100%;justify-content:center}
  .player-controls{padding:0 10px 9px}.player-control-row{gap:5px}.player-control-row button{width:31px;height:31px}.player-control-left,.player-control-right{gap:2px}.player-time{font-size:9px;margin-left:2px}
}

/* Profile menu — accessible, aligned and viewport-safe */
.profile-menu{
  width:min(332px,calc(100vw - 24px));
  max-height:calc(100dvh - 72px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.20) transparent;
}
.profile-menu::-webkit-scrollbar{width:6px}
.profile-menu::-webkit-scrollbar-track{background:transparent}
.profile-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.profile-menu-user{min-height:58px;padding:9px 9px 11px}
.profile-menu-user strong{font-size:13px;line-height:1.25}
.profile-menu-user small{font-size:11px;line-height:1.25}
.profile-menu-section-title{
  padding:7px 10px 5px;
  color:#828282;
  font-size:9px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.profile-menu a,.profile-menu button{
  min-height:40px;
  align-items:center;
  gap:11px;
  padding:8px 10px;
  font-size:13px;
  line-height:1.25;
  white-space:nowrap;
}
.profile-menu a svg,.profile-menu button svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#ADADAD;
}
.profile-menu a:hover svg,.profile-menu button:hover svg{color:#fff}
.profile-menu a span,.profile-menu button span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.profile-menu a:focus-visible,.profile-menu button:focus-visible{outline:2px solid #F2C94C;outline-offset:-2px}
.profile-menu-separator{margin:7px 4px}
@media(max-width:720px){
  .profile-menu{position:fixed;right:12px;top:calc(var(--header-h) + 7px);width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - var(--header-h) - 20px)}
  .profile-menu a,.profile-menu button{min-height:42px;font-size:13px}
}

/* v017 — timeline sutil abaixo do player */
.player-progress-below{
  position:relative;
  width:100%;
  height:14px;
  margin-top:0;
  padding:0 1px;
  box-sizing:border-box;
  background:#101010;
  border:1px solid #242424;
  border-top:0;
  border-radius:0 0 8px 8px;
}
.player-progress-below input{
  position:absolute;
  left:0;
  top:4px;
  width:100%;
  height:5px;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
  z-index:3;
}
.player-progress-below input::-webkit-slider-runnable-track{
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--player-accent) var(--progress,0%),rgba(255,255,255,.16) var(--progress,0%));
}
.player-progress-below input::-moz-range-track{
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}
.player-progress-below input::-moz-range-progress{
  height:3px;
  border-radius:999px;
  background:var(--player-accent);
}
.player-progress-below input::-webkit-slider-thumb{
  appearance:none;
  -webkit-appearance:none;
  width:8px;
  height:8px;
  margin-top:-2.5px;
  border:0;
  border-radius:50%;
  background:var(--player-accent);
  box-shadow:0 0 0 2px rgba(255,51,68,.08);
  opacity:.9;
  transition:transform .15s ease,opacity .15s ease;
}
.player-progress-below input::-moz-range-thumb{
  width:8px;
  height:8px;
  border:0;
  border-radius:50%;
  background:var(--player-accent);
  opacity:.9;
}
.player-progress-below:hover input::-webkit-slider-thumb{transform:scale(1.25);opacity:1}
.player-progress-below span[data-video-buffer]{
  position:absolute;
  left:0;
  top:5px;
  height:3px;
  width:0;
  border-radius:999px;
  background:rgba(255,255,255,.25);
  pointer-events:none;
  z-index:1;
}
.native-player-shell + .player-progress-below{margin-bottom:0}
@media(max-width:900px){
  .player-progress-below{height:12px;border-radius:0;border-left:0;border-right:0}
  .player-progress-below input{top:3px}
  .player-progress-below span[data-video-buffer]{top:4px}
}

/* v018 — interface limpa, intuitiva e orientada a conteúdo */
:root{
  --bg:#0F0F0F;
  --bg-deep:#090909;
  --surface:#171717;
  --surface-2:#1E1E1E;
  --surface-3:#262626;
  --surface-hover:#2A2A2A;
  --muted:#AEAEAE;
  --muted-2:#818181;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --shadow:0 14px 36px rgba(0,0,0,.30);
  --shadow-strong:0 22px 60px rgba(0,0,0,.45);
  --radius:10px;
}
.app-body,.public-body{background:#0F0F0F}
.page-shell{padding-left:clamp(18px,3vw,54px);padding-right:clamp(18px,3vw,54px);padding-bottom:70px}

/* Cabeçalho principal mais discreto */
.prime-header{background:linear-gradient(180deg,rgba(9,9,9,.98),rgba(9,9,9,.88) 76%,rgba(9,9,9,0));backdrop-filter:saturate(125%) blur(3px)}
.prime-header.scrolled,.prime-header.menu-open{background:rgba(11,11,11,.985);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.header-inner{gap:22px;padding-left:clamp(18px,3vw,54px);padding-right:clamp(18px,3vw,54px)}
.stream-brand-copy small{display:none}
.stream-brand-copy strong{font-size:15px;letter-spacing:-.015em}
.prime-nav{gap:2px}
.prime-nav a{height:36px;padding:0 12px;border-radius:18px;font-size:13px;font-weight:600;color:#DCDCDC}
.prime-nav a:hover{background:rgba(255,255,255,.07)}
.prime-nav a.active{background:#f4f7f9;color:#101010;font-weight:700}
.header-actions{gap:2px}
.profile-menu{width:244px;padding:8px;background:#1B1B1B;border-color:rgba(255,255,255,.1);box-shadow:0 20px 55px rgba(0,0,0,.5)}
.profile-menu a,.profile-menu button{padding:9px 9px;font-size:12px;gap:10px;align-items:center}
.profile-menu a svg,.profile-menu button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}
.profile-menu-section-title{display:none!important}
.profile-admin-link{background:rgba(255,255,255,.045)!important;font-weight:700}

/* Administração: navegação contextual em uma única linha */
.admin-context-nav{position:fixed;top:var(--header-h);left:0;right:0;z-index:89;height:46px;background:rgba(15,15,15,.98);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.admin-context-inner{height:100%;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;padding:0 clamp(18px,3vw,54px)}
.admin-context-inner::-webkit-scrollbar{display:none}
.admin-context-inner a{flex:0 0 auto;padding:7px 10px;border-radius:7px;color:#A9A9A9;font-size:11px;font-weight:650;transition:.16s ease}
.admin-context-inner a:hover{color:#fff;background:rgba(255,255,255,.055)}
.admin-context-inner a.active{color:#fff;background:#2A2A2A}
.admin-context .admin-head{padding-top:calc(var(--header-h) + 70px)}
.admin-context .admin-head .admin-tabs{display:none}

/* Home: conteúdo primeiro, sem blocos decorativos desnecessários */
.clean-home-hero{height:min(68vw,680px);min-height:500px;margin-bottom:0}
.clean-home-hero .prime-hero-content{bottom:15%;width:min(610px,44vw)}
.clean-home-hero .prime-hero-content h1{font-size:clamp(38px,4.6vw,66px);margin-bottom:10px}
.clean-home-hero .prime-hero-content p{max-width:540px;font-size:clamp(13px,1.05vw,16px);color:#DEDEDE}
.first-content-rail{margin-top:18px}
.rail-section{margin:0 0 24px;content-visibility:auto;contain-intrinsic-size:320px}
.section-head{margin-bottom:8px;align-items:end}
.section-head h2{font-size:clamp(18px,1.5vw,24px);font-weight:700;letter-spacing:-.025em}
.section-head p{font-size:11px;margin-top:2px;color:#8A8A8A}
.section-head>a{opacity:1;transform:none;color:#D5D5D5;font-size:11px}
.course-rail{grid-auto-columns:minmax(235px,16.5vw);gap:8px;padding:4px 0 20px}
.course-card{border-radius:7px;background:#181818}
.card-img{border-radius:7px;overflow:hidden}
.prime-card:hover{transform:scale(1.035);box-shadow:0 14px 36px rgba(0,0,0,.42);transition-delay:.08s}
.prime-card-info{background:#212121;border-radius:0 0 7px 7px;padding:10px 11px 11px;box-shadow:0 12px 28px rgba(0,0,0,.36)}
.prime-card-info b{font-size:12px;line-height:1.35}
.prime-card-info small,.prime-card-info p,.card-meta{font-size:9px}
.card-center-play{width:29px;height:29px;bottom:9px;left:10px}
.continue-rail{grid-auto-columns:minmax(280px,20vw)}
.continue-card .prime-card-info{position:static;opacity:1;visibility:visible;transform:none;background:#1A1A1A;box-shadow:none;padding:10px 11px 12px}
.continue-card:hover .prime-card-info{transition-delay:0}
.continue-card .card-img{aspect-ratio:16/9}
.continue-play-badge{position:absolute;left:10px;bottom:11px;z-index:4;display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:6px;background:rgba(11,11,11,.82);backdrop-filter:blur(8px);font-size:10px;font-weight:750;color:#fff}
.continue-play-badge span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#0F0F0F;font-size:9px;padding-left:1px}
.continue-card .image-progress{height:3px}
.start-learning-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 30px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:#171717}
.start-learning-strip div{display:flex;flex-direction:column;gap:2px}.start-learning-strip b{font-size:16px}.start-learning-strip span{font-size:11px;color:var(--muted)}
.clean-top-ten .top-ten-card{min-height:152px}
.top-rank{opacity:.82}

/* Vitrine pública — composição inspirada em streaming, com um único foco por vez */
.public-header{background:rgba(10,10,10,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.055)}
.public-header-inner{height:64px;padding:0 clamp(18px,3.2vw,58px);max-width:1920px;margin:auto}
.public-brand span{font-size:15px;font-weight:750}.public-brand-mark{font-size:15px}
.public-nav{gap:3px}.public-nav a{font-size:12px;padding:8px 11px;border-radius:18px}.public-nav a.active{background:#f1f5f7;color:#101010}
.public-header-actions{gap:7px}.public-login,.public-signup{height:36px;padding:0 13px;border-radius:7px;font-size:11px}
.public-prime-hero{position:relative;min-height:620px;height:min(72vw,760px);margin-top:0;background-image:var(--public-hero);background-size:cover;background-position:center 22%;overflow:hidden}
.public-prime-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0A0A0A 0%,rgba(10,10,10,.94) 20%,rgba(10,10,10,.62) 46%,rgba(10,10,10,.08) 76%),linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.58) 12%,transparent 42%)}
.public-prime-copy{position:absolute;z-index:2;left:clamp(24px,6vw,110px);bottom:16%;width:min(620px,46vw)}
.public-prime-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#D1D1D1}
.public-prime-copy h1{font-size:clamp(40px,5vw,74px);line-height:1;letter-spacing:-.045em;margin:11px 0 13px;max-width:720px}
.public-prime-copy p{max-width:560px;color:#DBDBDB;font-size:clamp(13px,1.15vw,17px);line-height:1.5;margin:15px 0 0;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.public-prime-meta{display:flex;gap:8px 14px;flex-wrap:wrap;color:#E0E0E0;font-size:11px;font-weight:650}
.public-prime-actions{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}.public-prime-actions .storefront-primary,.public-prime-actions .storefront-secondary{min-height:46px;padding:0 18px;border-radius:7px;font-size:12px}.public-prime-actions .storefront-primary{display:inline-flex;align-items:center;gap:9px}.public-prime-empty{background:linear-gradient(135deg,#0F0F0F,#232323)}
.storefront-section{padding-left:clamp(18px,3.2vw,58px);padding-right:clamp(18px,3.2vw,58px);max-width:none}
.storefront-first{margin-top:18px}.compact-storefront-section{padding-top:12px;padding-bottom:14px}
.storefront-heading.compact{margin-bottom:8px}.storefront-heading.compact h2{font-size:clamp(19px,1.7vw,26px);margin-top:2px}.storefront-heading.compact>div>span{font-size:9px}.storefront-heading.compact>a{font-size:11px}
.public-rail-shell{margin-left:0;margin-right:0}.public-course-rail{grid-auto-columns:minmax(235px,17vw);padding-bottom:24px}.public-course-card .prime-card-info{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:8px 1px 0}.public-course-card .prime-card-info p{display:none}.public-course-card .prime-card-info b{font-size:11px}.public-course-card .prime-card-info small{display:block;margin-top:2px;color:#898989}
.clean-category-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}.clean-category-row::-webkit-scrollbar{display:none}.clean-category-row a{flex:0 0 auto;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#1A1A1A;font-size:11px;font-weight:650}.clean-category-row a:hover{background:#252525}.clean-category-row small{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.07);color:#9E9E9E;font-size:9px}
.rank-course-card .rank-badge{position:absolute;left:9px;top:8px;z-index:3;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(10,10,10,.82);font-weight:850;font-size:13px}
.public-access-strip{max-width:1120px;margin:34px auto 50px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.public-access-strip>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:1px;padding:18px;background:#171717}.public-access-strip span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2A2A2A;color:#D5D5D5;font-size:10px;font-weight:800}.public-access-strip b{font-size:12px}.public-access-strip small{color:#909090;font-size:9px}
.public-footer{background:#0A0A0A;border-top:1px solid rgba(255,255,255,.05)}

/* Página de curso: CTA e conteúdo mais evidentes */
.course-detail-hero{min-height:560px;height:min(66vw,680px)}
.course-detail-hero .prime-hero-content{bottom:14%;width:min(640px,48vw)}
.course-detail-hero .prime-hero-content h1{font-size:clamp(38px,4.6vw,64px)}
.course-access-actions .prime-play-btn{min-height:50px;padding:0 22px}
.detail-tabs{top:var(--header-h);background:rgba(15,15,15,.95);backdrop-filter:blur(12px);border-color:rgba(255,255,255,.07);padding-left:clamp(18px,3vw,54px);padding-right:clamp(18px,3vw,54px)}
.detail-tabs a{font-size:11px;color:#949494;padding:13px 0}.detail-tabs a.active,.detail-tabs a:hover{color:#fff}
.prime-detail-grid{gap:24px}.detail-main{min-width:0}.detail-copy-block,.course-content-block{margin-bottom:28px}.course-content-block h2,.detail-copy-block h2{font-size:20px}.prime-module{border-color:rgba(255,255,255,.07);background:#171717}.prime-module summary{padding:15px 16px}.prime-lesson-row{min-height:60px;padding:9px 14px;border-color:rgba(255,255,255,.045)}.prime-lesson-row:hover{background:#212121}.side-card{border-color:rgba(255,255,255,.08);background:#171717;box-shadow:none}

/* Formulários / gestão: menos caixas simultâneas, melhor leitura */
.admin-head,.page-heading{gap:18px}.admin-head h1,.page-heading h1{font-size:clamp(28px,3.2vw,42px);font-weight:720}.admin-head p,.page-heading p{font-size:12px;max-width:720px}.clean-admin-head{align-items:center}.admin-head-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-head-actions .primary-btn,.admin-head-actions .secondary-btn{min-height:38px}
.panel{background:#171717;border:1px solid rgba(255,255,255,.07);box-shadow:none;border-radius:10px;padding:18px}.panel h2{font-size:17px}.panel h3{font-size:13px}.admin-primary-panel{margin-bottom:12px}.secondary-admin-panel{margin-top:14px}
.admin-action-stack{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}.admin-action-card{border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#161616;overflow:hidden}.admin-action-card>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}.admin-action-card>summary::-webkit-details-marker{display:none}.admin-action-card>summary>span{display:flex;flex-direction:column;gap:2px}.admin-action-card>summary b{font-size:13px}.admin-action-card>summary small{font-size:10px;color:#848484}.admin-action-card>summary>i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#262626;color:#A9A9A9;transition:transform .18s ease}.admin-action-card[open]>summary>i{transform:rotate(45deg)}.admin-action-card[open]>summary{border-bottom:1px solid rgba(255,255,255,.06)}.admin-action-content{padding:16px;max-width:1180px}.admin-action-content.narrow-content{max-width:620px}
.form-grid{gap:12px 14px}.form-grid label,.stack-form label{font-size:10px;color:#A6A6A6;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea{background:#121212;border:1px solid rgba(255,255,255,.11);border-radius:7px;color:#F2F2F2;min-height:40px;padding:9px 10px;outline:0}.form-grid textarea,.stack-form textarea{min-height:auto}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus{border-color:rgba(242,201,76,.55);box-shadow:0 0 0 3px rgba(242,201,76,.08)}.provider-note{background:#1C1C1C;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:10px 12px;color:#989898;font-size:10px}.provider-note b{color:#E0E0E0}.form-actions{display:flex;justify-content:flex-start;padding-top:3px}
.primary-btn,.secondary-btn,.danger-btn{border-radius:7px;min-height:38px;font-size:11px;font-weight:700}.primary-btn{box-shadow:none}.primary-btn:hover,.secondary-btn:hover,.danger-btn:hover{transform:none}.compact{min-height:31px!important;padding:0 10px!important;font-size:9px!important}
.clean-table-wrap{border:1px solid rgba(255,255,255,.055);border-radius:8px}.clean-table-wrap table{font-size:11px}.clean-table-wrap th{background:#121212;position:sticky;top:0;z-index:1}.clean-table-wrap th,.clean-table-wrap td{padding:10px 11px}.table-subtle{display:block;color:#808080;font-size:9px;margin-top:3px}.inline-access-form{display:flex;gap:5px;align-items:center}.inline-access-form select{height:31px;background:#121212;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#DFDFDF;font-size:9px}.row-actions{gap:5px}.stats-grid{gap:8px}.stats-grid article{background:#171717;border-color:rgba(255,255,255,.06);box-shadow:none;padding:16px}.stats-grid small{font-size:9px}.stats-grid strong{font-size:24px}

/* Meu aprendizado */
.learning-hero{background:#171717;border:1px solid rgba(255,255,255,.07);box-shadow:none}.learning-hero h1{font-size:clamp(28px,3.6vw,44px)}.dashboard-mini-grid{gap:8px}.dashboard-mini-grid article{background:#171717;border-color:rgba(255,255,255,.06);padding:14px}.dashboard-mini-grid strong{font-size:23px}.learning-columns{gap:10px}

/* Player — o vídeo é o foco, recursos ficam abaixo sem competir visualmente */
.player-body{background:#0A0A0A}.player-shell{background:#0A0A0A}.player-top{background:#0F0F0F;border-bottom:1px solid #272727;height:58px;min-height:58px}.player-rail{background:#0D0D0D;border-right:1px solid #242424}.player-layout{grid-template-columns:minmax(0,1fr) 320px;width:min(1500px,calc(100% - 86px));gap:16px}.video-area{background:#0A0A0A}.native-player-shell,.embed-player-shell{border-color:#292929;box-shadow:0 16px 45px rgba(0,0,0,.34);border-radius:9px}.playlist{border-color:#2C2C2C;background:#131313;border-radius:9px;box-shadow:none}.playlist-head{background:#151515;padding:16px 15px}.playlist-item{padding-top:8px;padding-bottom:8px}.playlist-item.active{background:#202020;border-color:rgba(255,70,82,.48)}.lesson-notes{max-width:1040px}.lesson-title-line{border-bottom-color:#262626}.lesson-title-line h1{font-size:18px}.lesson-progress-card{background:#131313!important;border:1px solid #282828!important;box-shadow:none!important}.lesson-section{border-top-color:#272727;margin-top:18px;padding-top:16px}.lesson-section-head h2{font-size:15px}.student-resource-card,.lesson-quiz-card,.checkpoint-card,.student-comment{background:#121212!important;border-color:#282828!important;box-shadow:none!important}.student-resource-card:hover,.lesson-quiz-card:hover{background:#1A1A1A!important}.student-comment-form textarea{background:#111111;border-color:#2C2C2C}.transcript-box,.faq-list details{background:#121212;border-color:#282828}.player-progress-below{height:5px}.player-progress-below input::-webkit-slider-thumb{width:9px;height:9px}.player-progress-below:hover input::-webkit-slider-thumb{transform:scale(1.12)}

/* Login: sem imagem externa pesada */
.login-art{background:radial-gradient(circle at 68% 32%,rgba(242,201,76,.20),transparent 28%),linear-gradient(135deg,#0F0F0F,#242424 56%,#0F0F0F)!important}

/* Responsividade */
@media(max-width:1100px){
  .prime-nav a{padding:0 9px;font-size:12px}.stream-brand-copy strong{font-size:14px}
  .public-prime-copy{width:min(600px,56vw)}
  .public-course-rail{grid-auto-columns:minmax(220px,24vw)}
  .course-rail{grid-auto-columns:minmax(225px,23vw)}
  .continue-rail{grid-auto-columns:minmax(270px,29vw)}
}
@media(max-width:900px){
  .admin-context-nav{display:none}.admin-context .admin-head{padding-top:calc(var(--header-h) + 36px)}
  .clean-home-hero{height:68vh;min-height:500px}.clean-home-hero .prime-hero-content{width:min(620px,76vw);left:5vw}.clean-home-hero .prime-hero-content h1{font-size:clamp(34px,7vw,56px)}
  .public-prime-hero{height:68vh;min-height:540px}.public-prime-copy{width:min(620px,78vw);left:5vw}.public-prime-shade{background:linear-gradient(90deg,#0A0A0A 0%,rgba(10,10,10,.88) 34%,rgba(10,10,10,.35) 72%),linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.72) 18%,transparent 48%)}
  .public-access-strip{grid-template-columns:1fr;margin-left:16px;margin-right:16px;padding:0}.public-access-strip>div{min-height:72px}
  .admin-head-actions{width:100%}.admin-head-actions a{flex:1;text-align:center;justify-content:center}
  .admin-columns{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.admin-action-content{padding:13px}.inline-access-form{min-width:310px}
  .player-layout{width:100%;display:block}.playlist{margin:12px}.lesson-notes{padding-left:14px;padding-right:14px}
}
@media(max-width:720px){
  .page-shell{padding-left:14px;padding-right:14px;padding-bottom:88px}.header-inner{padding-left:14px;padding-right:14px}.stream-brand-copy{display:none}.prime-nav{display:none}.desktop-only{display:none}
  .clean-home-hero{margin-left:-14px;margin-right:-14px;height:66vh;min-height:470px}.hero-slide{background-image:var(--hero-mobile-image);background-position:center 18%}.hero-backdrop{background:linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.82) 30%,rgba(15,15,15,.16) 68%),linear-gradient(90deg,rgba(15,15,15,.72),rgba(15,15,15,.12))}.clean-home-hero .prime-hero-content{left:20px;right:20px;bottom:12%;width:auto}.clean-home-hero .prime-hero-content h1{font-size:clamp(30px,10vw,44px)}.clean-home-hero .prime-hero-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-controls{right:16px;bottom:6%}.hero-arrow{display:none}
  .rail-section{margin-bottom:18px}.section-head h2{font-size:18px}.section-head p{display:none}.course-rail,.public-course-rail{grid-auto-columns:72vw;gap:8px}.continue-rail{grid-auto-columns:78vw}.prime-card:hover{transform:none}.prime-card .prime-card-info{position:static;opacity:1;visibility:visible;transform:none;background:transparent;box-shadow:none;padding:7px 1px 0}.prime-card .prime-card-info p{display:none}.card-center-play{display:none}.start-learning-strip{align-items:flex-start;flex-direction:column}.start-learning-strip .prime-light-btn{width:100%}
  .public-header-inner{padding:0 14px}.public-nav{display:none}.public-signup{display:none}.public-prime-hero{height:67vh;min-height:520px;background-image:var(--public-hero-mobile);background-position:center 14%}.public-prime-shade{background:linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.88) 34%,rgba(15,15,15,.16) 70%)}.public-prime-copy{left:18px;right:18px;bottom:10%;width:auto}.public-prime-copy h1{font-size:clamp(30px,10vw,44px)}.public-prime-copy p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.public-prime-actions>a{flex:1}.storefront-section{padding-left:14px;padding-right:14px}.public-access-strip{margin-top:24px;margin-bottom:34px}
  .course-detail-hero{margin-left:-14px;margin-right:-14px;height:66vh;min-height:500px}.course-detail-hero .prime-hero-content{left:18px;right:18px;width:auto;bottom:10%}.course-detail-hero .prime-hero-content h1{font-size:clamp(30px,9vw,46px)}.detail-tabs{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;overflow-x:auto;white-space:nowrap}.prime-detail-grid{display:block}.side-card{margin-top:20px}
  .clean-admin-head{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%}.panel{padding:14px}.admin-action-card>summary{padding:13px}.clean-table-wrap{margin-left:-1px;margin-right:-1px}.row-actions{min-width:230px}
}
@media(max-width:480px){
  .hero-metadata span:nth-child(n+3){display:none}.prime-info-btn.wide{display:none}.prime-play-btn{min-height:44px;padding:0 16px}.course-rail,.public-course-rail{grid-auto-columns:82vw}.continue-rail{grid-auto-columns:86vw}
  .public-prime-meta span:nth-child(n+3){display:none}.public-prime-actions{gap:7px}.public-prime-actions>a{min-width:0;padding-left:12px!important;padding-right:12px!important}
  .admin-head h1,.page-heading h1{font-size:28px}.admin-head p,.page-heading p{font-size:11px}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea{font-size:16px}
}

/* v018 — correções finais de especificidade */
.public-nav a.active,.public-nav a:hover{border-bottom-color:transparent}
.public-prime-actions .storefront-primary,.public-prime-actions .storefront-secondary{width:auto}
.storefront-section{width:auto;margin-left:0;margin-right:0}
.public-content-rail .rail-shell{overflow:visible}
.lesson-watch-label{color:#E5E5E5!important;font-size:9px!important;font-style:normal!important;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.06)}
@media(max-width:720px){.storefront-section{width:auto}.public-prime-actions .storefront-primary,.public-prime-actions .storefront-secondary{width:auto}.public-prime-actions>a{flex:1 1 0}}

/* =========================================================
   v019 — Aula / player alinhado ao modelo de referência
   Escopo exclusivo: .lesson-reference
   ========================================================= */
.player-body:has(.lesson-reference){overflow:hidden;background:#222423;color:#f2f2f2}
.lesson-reference{--lr-bg:#222423;--lr-panel:#262827;--lr-panel-2:#1F1F1F;--lr-border:#474747;--lr-muted:#9b9e9f;--lr-red:#e31e2f;--lr-green:#147b38;--lr-blue:#D4AF37;--lr-rail:56px;height:100dvh;min-height:620px;padding-left:var(--lr-rail);background:var(--lr-bg);color:#f1f1f1;transition:padding-left .18s ease}
.lesson-reference a{text-decoration:none}
.lesson-reference .player-rail{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--lr-rail);height:100dvh;padding:8px 0 12px;background:#202221;border-right:1px solid #2B2B2B;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;transition:width .18s ease,box-shadow .18s ease}
.lesson-reference.rail-expanded{--lr-rail:184px}
.lesson-reference.rail-expanded .player-rail{width:184px;box-shadow:12px 0 32px rgba(0,0,0,.28)}
.lesson-reference .player-rail button,.lesson-reference .player-rail a{width:100%;min-height:44px;border:0;background:transparent;color:#f0f0f0;display:flex;align-items:center;gap:13px;padding:0 17px;box-sizing:border-box;cursor:pointer;white-space:nowrap;font:inherit;opacity:.94}
.lesson-reference .player-rail button:hover,.lesson-reference .player-rail a:hover{background:#2a2c2b;color:#fff}
.lesson-reference .player-rail svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lesson-reference .player-rail span{font-size:12px;font-weight:650;opacity:0;transform:translateX(-6px);transition:.16s ease}
.lesson-reference.rail-expanded .player-rail span{opacity:1;transform:none}
.lesson-reference .rail-links{display:flex;flex-direction:column;padding-top:18px}
.lesson-reference .rail-bottom{margin-top:auto}
.lesson-reference .player-layout{width:min(1280px,calc(100% - 56px));height:100dvh;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;background:transparent}
.lesson-reference .video-area{min-width:0;overflow-y:auto;padding:24px 0 58px;background:transparent;scrollbar-width:thin;scrollbar-color:#525554 transparent}
.lesson-reference .player-flash{width:100%;max-width:none;margin:0 0 10px;box-sizing:border-box}
.lesson-reference .media-stage{width:100%;background:transparent}
.lesson-reference .native-player-shell,.lesson-reference .embed-player-shell{width:100%;margin:0;aspect-ratio:16/9;border-radius:8px;border:1px solid #3D3D3D;background:#000;box-shadow:0 7px 20px rgba(0,0,0,.2);overflow:hidden}
.lesson-reference .native-player-shell video{width:100%;height:100%;object-fit:contain;max-height:none;background:#000}
.lesson-reference .embed-player-shell iframe{width:100%;height:100%;border:0}
.lesson-reference .provider-progress-note{padding:6px 10px;margin:0;color:#888888;background:transparent;border:0;font-size:9px;text-align:right}
.lesson-reference .player-controls{background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));border:0;border-radius:0;padding:24px 10px 8px}
.lesson-reference .player-progress-below{height:4px;background:#252525}
.lesson-reference .player-progress-below input{accent-color:#fff}
.lesson-reference .lesson-reference-info{width:100%;padding:10px 0 70px}
.lesson-reference .lesson-breadcrumb{display:flex;align-items:center;gap:6px;min-height:18px;color:#929292;font-size:9px;margin:0 0 3px}
.lesson-reference .lesson-breadcrumb a{color:#e0424c}
.lesson-reference .lesson-reference-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 0 14px}
.lesson-reference .lesson-reference-title-row h1{margin:0;color:#f4f4f4;font-size:18px;line-height:1.35;font-weight:750;letter-spacing:-.015em}
.lesson-reference .lesson-reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.lesson-reference .lesson-reference-actions form{margin:0}
.lesson-reference .lesson-watch-status{height:34px;padding:0 12px;border-radius:6px;border:1px solid #2a9350;background:#135d2e;color:#d8f4df;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;cursor:pointer}
.lesson-reference .lesson-watch-status.is-complete{background:#176735;border-color:#268e4a}
.lesson-reference .lesson-watch-status:disabled{cursor:not-allowed;opacity:.65;background:#303331;border-color:#4a4d4b;color:#afb3b1}
.lesson-reference .lesson-arrow{width:32px;height:32px;border:1px solid #8b1b23;border-radius:7px;display:grid;place-items:center;color:#f0f0f0;background:#292a2a;font-size:14px;line-height:1}
.lesson-reference .lesson-arrow:hover{border-color:var(--lr-red);background:#353535}
.lesson-reference .lesson-arrow.disabled{opacity:.35;pointer-events:none}
.lesson-reference .lesson-reference-tabs{height:44px;border-bottom:1px solid #444646;display:flex;align-items:flex-end;justify-content:center;gap:10px;margin-top:4px}
.lesson-reference .lesson-reference-tabs button{height:44px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b7b8b8;display:inline-flex;align-items:center;gap:7px;font-size:10px;cursor:pointer;position:relative}
.lesson-reference .lesson-reference-tabs button:hover{color:#fff}
.lesson-reference .lesson-reference-tabs button.active{color:#ff3948;border-bottom-color:var(--lr-red)}
.lesson-reference .lesson-reference-tabs button b{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#363636;color:#d9dada;display:grid;place-items:center;font-size:8px}
.lesson-reference .lesson-reference-panels{min-height:210px}
.lesson-reference .lesson-reference-panel{display:none;padding:22px 0 0}
.lesson-reference .lesson-reference-panel.active{display:block}
.lesson-reference .lesson-reference-panel[hidden]{display:none!important}
.lesson-reference .lesson-overview-summary{max-width:760px;margin:0 auto;color:#b4b6b6;font-size:11px;line-height:1.65}
.lesson-reference .lesson-overview-summary p{margin:0 0 14px;color:#b4b6b6}
.lesson-reference .lesson-progress-inline{display:flex;align-items:center;gap:10px}
.lesson-reference .lesson-progress-inline>span{height:3px;flex:1;background:#363636;border-radius:999px;overflow:hidden}
.lesson-reference .lesson-progress-inline>span i{display:block;height:100%;background:#7E7E7E;border-radius:999px}
.lesson-reference .lesson-progress-inline small{color:#858889;font-size:9px;white-space:nowrap}
.lesson-reference .lesson-clean-block{max-width:760px;margin:12px auto 0;border:1px solid #3C3C3C;border-radius:8px;background:#272928;overflow:hidden}
.lesson-reference .lesson-clean-block>summary{list-style:none;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:9px;color:#d6d7d7;cursor:pointer;font-size:10px}
.lesson-reference .lesson-clean-block>summary::-webkit-details-marker{display:none}
.lesson-reference .lesson-clean-block>summary>strong{flex:1;font-size:10px}
.lesson-reference .lesson-clean-block>summary>small{color:#858889}
.lesson-reference .lesson-clean-block[open]>summary{border-bottom:1px solid #3C3C3C}
.lesson-reference .lesson-clean-content{padding:13px}
.lesson-reference .compact-note-form textarea{min-height:64px}
.lesson-reference .bookmark-inline-form{margin-top:9px}
.lesson-reference .transcript-clean{color:#b9bbbb;font-size:11px;line-height:1.65}
.lesson-reference .lesson-clean-section{max-width:760px;margin:18px auto 0;padding-top:16px;border-top:1px solid #3C3C3C}
.lesson-reference .lesson-clean-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}
.lesson-reference .lesson-clean-heading span{display:block;color:#858889;text-transform:uppercase;letter-spacing:.08em;font-size:8px}
.lesson-reference .lesson-clean-heading h2{margin:2px 0 0;font-size:14px;color:#f0f0f0}
.lesson-reference .lesson-clean-heading>b{font-size:9px;color:#949797}
.lesson-reference .student-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lesson-reference .student-resource-card,.lesson-reference .lesson-quiz-card,.lesson-reference .checkpoint-card{background:#292b2a!important;border:1px solid #424242!important;border-radius:8px!important;box-shadow:none!important}
.lesson-reference .student-resource-card:hover,.lesson-reference .lesson-quiz-card:hover{background:#303231!important;border-color:#575757!important;transform:none}
.lesson-reference .student-resource-card{padding:10px;grid-template-columns:34px minmax(0,1fr) auto}
.lesson-reference .resource-icon,.lesson-reference .quiz-symbol{width:32px;height:32px;background:#353837;color:#e8e8e8;font-size:14px}
.lesson-reference .student-resource-card b,.lesson-reference .lesson-quiz-card b{font-size:10px}
.lesson-reference .student-resource-card small,.lesson-reference .lesson-quiz-card small{font-size:8px;color:#929595}
.lesson-reference .student-resource-card em,.lesson-reference .lesson-quiz-card em{font-size:9px;color:#c8cbcc}
.lesson-reference .lesson-quiz-card{padding:10px}
.lesson-reference .checkpoint-card{font-size:10px}
.lesson-reference .course-announcement{max-width:760px;margin:0 auto 14px;background:#2b2d2c;border:1px solid #484848;border-radius:8px;font-size:10px}
.lesson-reference .reference-comments-head{max-width:760px;margin:0 auto 10px}
.lesson-reference .reference-comments-head h2{margin:0;font-size:15px;color:#ddd}
.lesson-reference .reference-comment-form{max-width:760px;margin:0 auto;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:start}
.lesson-reference .reference-comment-avatar{width:30px;height:30px;border-radius:50%;background:#3C3C3C;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;border:1px solid #494b4b}
.lesson-reference .reference-comment-compose{min-width:0}
.lesson-reference .reference-comment-compose textarea{width:100%;min-height:32px;max-height:120px;box-sizing:border-box;padding:8px 12px;background:#292b2a;border:1px solid #4a4c4c;border-radius:18px;color:#f1f1f1;font:inherit;font-size:9px;resize:vertical;outline:none}
.lesson-reference .reference-comment-compose textarea:focus{border-color:#686b6b}
.lesson-reference .reference-comment-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:7px}
.lesson-reference .reference-comment-tools details{font-size:8px;color:#8e9191}
.lesson-reference .reference-comment-tools summary{cursor:pointer}
.lesson-reference .reference-comment-tools .check{display:block;margin-top:5px;white-space:nowrap}
.lesson-reference .reference-publish-btn{height:28px;padding:0 14px;border:0;border-radius:999px;background:var(--lr-blue);color:#fff;font-size:9px;font-weight:700;cursor:pointer}
.lesson-reference .reference-publish-btn:hover{filter:brightness(1.08)}
.lesson-reference .reference-comments-list{max-width:760px;margin:14px auto 0;gap:0}
.lesson-reference .reference-comments-list .student-comment{background:transparent!important;border:0!important;border-bottom:1px solid #363636!important;padding:13px 0!important}
.lesson-reference .reference-comments-list .student-comment.reply{margin-left:38px}
.lesson-reference .reference-comments-list .comment-avatar{width:30px;height:30px;background:#3C3C3C;color:#fff;border:1px solid #494b4b;font-size:9px}
.lesson-reference .reference-comments-list .student-comment header b{font-size:10px}
.lesson-reference .reference-comments-list .student-comment header small{font-size:8px;color:#797979}
.lesson-reference .reference-comments-list .student-comment p{font-size:10px;color:#bbbdbd}
.lesson-reference .reference-empty-comments{max-width:760px;margin:14px auto 0;padding:15px;border:1px solid #4D4D4D;border-radius:8px;color:#909393;font-size:9px;background:#292b2a}
.lesson-reference .lesson-reference-playlist{height:calc(100dvh - 48px);margin:24px 0;overflow:hidden;border:1px solid #4E4E4E;border-radius:8px;background:#292b2a;box-shadow:none;display:flex;flex-direction:column}
.lesson-reference .playlist-course-summary{padding:14px 14px 12px;border-bottom:1px solid #4A4A4A;flex:0 0 auto}
.lesson-reference .playlist-course-summary h2{margin:0 0 6px;font-size:13px;line-height:1.25;color:#e5e5e5}
.lesson-reference .playlist-course-summary p{margin:0;color:#a3a5a5;font-size:8px;line-height:1.55}
.lesson-reference .playlist-scroll{overflow-y:auto;min-height:0;padding:6px 0 12px;scrollbar-width:thin;scrollbar-color:#555555 transparent}
.lesson-reference .playlist-chapter{border:0;background:transparent}
.lesson-reference .playlist-chapter>summary{list-style:none;height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;color:#ddd;cursor:pointer;font-size:8px;font-weight:750}
.lesson-reference .playlist-chapter>summary::-webkit-details-marker{display:none}
.lesson-reference .playlist-chapter>summary .chapter-ring{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--lr-red);box-sizing:border-box}
.lesson-reference .playlist-chapter>summary b{flex:1;font-size:8px}
.lesson-reference .playlist-chapter>summary i{font-style:normal;color:#666;transform:rotate(180deg);transition:.15s ease}
.lesson-reference .playlist-chapter:not([open])>summary i{transform:none}
.lesson-reference .playlist-chapter-lessons{position:relative;padding:0 8px 5px 14px}
.lesson-reference .playlist-chapter-lessons:before{content:'';position:absolute;left:19px;top:5px;bottom:8px;width:1px;background:#674047}
.lesson-reference .playlist-item{position:relative;display:grid;grid-template-columns:8px 64px minmax(0,1fr);gap:8px;align-items:center;min-height:48px;padding:5px 7px 5px 0;border:1px solid transparent;border-radius:6px;background:transparent!important;color:#fff;margin:1px 0}
.lesson-reference .playlist-item:hover{background:#313332!important}
.lesson-reference .playlist-item.active{margin:2px 0;background:#303231!important;border-color:#d7192b!important;box-shadow:none}
.lesson-reference .lesson-status-dot{position:relative;z-index:2;width:7px;height:7px;border-radius:50%;background:#bf1825;border:1px solid #bf1825;box-sizing:border-box;justify-self:center}
.lesson-reference .playlist-item.done .lesson-status-dot{background:#2c9a54;border-color:#2c9a54}
.lesson-reference .playlist-item.active .lesson-status-dot{background:var(--lr-red);box-shadow:0 0 0 2px #292b2a,0 0 0 3px var(--lr-red)}
.lesson-reference .playlist-item .lesson-thumb{width:64px;height:36px;border-radius:4px;background:#1a1c1b;border:1px solid #484848;overflow:hidden;display:grid;place-items:center;position:relative}
.lesson-reference .playlist-item .lesson-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lesson-reference .playlist-item .lesson-thumb>span{font-size:9px;color:#ddd}
.lesson-reference .playlist-item.done .lesson-thumb:after{content:'✓';position:absolute;right:2px;bottom:2px;width:13px;height:13px;border-radius:50%;background:#22874a;color:#fff;display:grid;place-items:center;font-size:8px}
.lesson-reference .playlist-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.lesson-reference .playlist-copy b{font-size:9px;line-height:1.25;color:#e8e8e8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lesson-reference .playlist-copy small{font-size:7px;color:#8d9090}
.lesson-reference .non-video{width:100%;max-width:none;min-height:460px;margin:0;padding:40px;box-sizing:border-box;border:1px solid #3D3D3D;border-radius:8px;background:#262827}
.lesson-reference .audio-lesson audio{width:100%;margin-top:18px}
.lesson-reference .video-unavailable{min-height:480px;border:1px solid #3D3D3D;border-radius:8px;background:#262827}
.lesson-reference.cinema-mode{--lr-rail:0px;padding-left:0}
.lesson-reference.cinema-mode .player-rail,.lesson-reference.cinema-mode .lesson-reference-playlist{display:none}
.lesson-reference.cinema-mode .player-layout{width:min(1500px,calc(100% - 40px));grid-template-columns:1fr}

@media(max-width:1120px){
  .lesson-reference .player-layout{width:calc(100% - 34px);grid-template-columns:minmax(0,1fr) 270px;gap:14px}
  .lesson-reference .playlist-item{grid-template-columns:8px 56px minmax(0,1fr)}
  .lesson-reference .playlist-item .lesson-thumb{width:56px;height:32px}
}
@media(max-width:880px){
  .player-body:has(.lesson-reference){overflow:auto}
  .lesson-reference{--lr-rail:0px;height:auto;min-height:100vh;padding-left:0}
  .lesson-reference .player-rail{display:none}
  .lesson-reference .player-layout{width:100%;height:auto;display:flex;flex-direction:column;gap:0}
  .lesson-reference .video-area{overflow:visible;padding:0}
  .lesson-reference .native-player-shell,.lesson-reference .embed-player-shell{border-radius:0;border-left:0;border-right:0}
  .lesson-reference .lesson-reference-info{padding:10px 14px 48px}
  .lesson-reference .lesson-reference-playlist{order:2;height:auto;max-height:440px;margin:0 12px 16px;border-radius:8px}
  .lesson-reference .playlist-course-summary{padding:12px}
}
@media(max-width:620px){
  .lesson-reference .lesson-reference-title-row{gap:12px;align-items:flex-start;flex-direction:column}
  .lesson-reference .lesson-reference-actions{width:100%;justify-content:flex-end}
  .lesson-reference .lesson-reference-title-row h1{font-size:16px}
  .lesson-reference .lesson-reference-tabs{justify-content:flex-start;overflow-x:auto}
  .lesson-reference .lesson-reference-tabs button{padding:0 13px;white-space:nowrap}
  .lesson-reference .student-resource-grid{grid-template-columns:1fr}
  .lesson-reference .reference-comment-form{grid-template-columns:28px minmax(0,1fr)}
  .lesson-reference .reference-comment-avatar{width:28px;height:28px}
  .lesson-reference .reference-comments-list .student-comment.reply{margin-left:18px}
  .lesson-reference .playlist-item{grid-template-columns:8px 60px minmax(0,1fr)}
  .lesson-reference .playlist-item .lesson-thumb{width:60px;height:34px}
}
.lesson-reference .lesson-watch-status.is-complete:disabled{opacity:1;background:#176735;border-color:#268e4a;color:#d8f4df}
.cinema-mode .lesson-reference{--lr-rail:0px;padding-left:0}
.cinema-mode .lesson-reference .player-rail,.cinema-mode .lesson-reference .lesson-reference-playlist{display:none}
.cinema-mode .lesson-reference .player-layout{width:min(1500px,calc(100% - 40px));grid-template-columns:1fr}
/* Ajuste final de proporção desktop conforme a referência enviada */
@media(min-width:1121px){
  .lesson-reference .player-layout{width:min(1080px,calc(100% - 64px));grid-template-columns:minmax(0,1fr) 280px;gap:20px}
  .lesson-reference .lesson-reference-playlist{height:min(560px,calc(100dvh - 48px))}
}

/* v020 — abas premium da aula + anexos */
.lesson-reference .lesson-reference-tabs{gap:4px}
.lesson-reference .lesson-reference-tabs button{min-width:112px;justify-content:center;gap:8px;padding:0 15px;font-weight:650;letter-spacing:.01em;transition:color .18s ease,background .18s ease,border-color .18s ease}
.lesson-reference .lesson-reference-tabs button:hover{background:rgba(255,255,255,.025)}
.lesson-reference .lesson-reference-tabs button.active{background:linear-gradient(180deg,transparent,rgba(255,57,72,.035));color:#ff4654}
.lesson-reference .lesson-tab-icon{width:16px;height:16px;display:grid;place-items:center;color:#A0A0A0;transition:color .18s ease,transform .18s ease}
.lesson-reference .lesson-reference-tabs button:hover .lesson-tab-icon{color:#e6e8ea;transform:translateY(-1px)}
.lesson-reference .lesson-reference-tabs button.active .lesson-tab-icon{color:#ff4654}
.lesson-reference .lesson-tab-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.lesson-reference .lesson-reference-tabs button b{min-width:18px;height:18px;padding:0 5px;background:#303030;border:1px solid #3E3E3E;color:#d9dcdf;font-weight:750}
.lesson-reference .lesson-reference-tabs button.active b{background:rgba(255,57,72,.10);border-color:rgba(255,70,84,.30);color:#ff6672}
.lesson-attachments-panel{max-width:820px;margin:0 auto;padding:22px 0 38px}
.lesson-attachments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}
.lesson-attachments-head .eyebrow{font-size:8px;letter-spacing:.14em;color:#ff4654;font-weight:800}
.lesson-attachments-head h2{margin:4px 0 4px;font-size:17px;color:#f0f1f2}
.lesson-attachments-head p{margin:0;color:#929292;font-size:10px;line-height:1.55}
.lesson-attachment-total{flex:0 0 auto;padding:6px 9px;border:1px solid #363636;border-radius:999px;color:#B1B1B1;background:#191919;font-size:9px;font-weight:700}
.lesson-attachment-list{display:grid;gap:8px}
.lesson-attachment-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:9px 11px;border:1px solid #2D2D2D;border-radius:9px;background:#141414;color:#e7e8ea;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
.lesson-attachment-item:hover{transform:translateY(-1px);background:#1A1A1A;border-color:#3E3E3E;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.lesson-attachment-icon{width:42px;height:42px;border-radius:8px;background:#1F1F1F;border:1px solid #343434;color:#CBCBCB;display:grid;place-items:center}
.lesson-attachment-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.lesson-attachment-item.type-pdf .lesson-attachment-icon{color:#ff6873;background:rgba(255,57,72,.07);border-color:rgba(255,78,91,.18)}
.lesson-attachment-item.type-sheet .lesson-attachment-icon{color:#61d99a;background:rgba(62,205,132,.06);border-color:rgba(62,205,132,.16)}
.lesson-attachment-item.type-image .lesson-attachment-icon{color:#D4AF37;background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.16)}
.lesson-attachment-item.type-presentation .lesson-attachment-icon{color:#ffae62;background:rgba(255,148,61,.06);border-color:rgba(255,148,61,.16)}
.lesson-attachment-item.type-document .lesson-attachment-icon{color:#D4AF37;background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.16)}
.lesson-attachment-item.type-archive .lesson-attachment-icon{color:#d7a8ff;background:rgba(169,103,255,.06);border-color:rgba(169,103,255,.16)}
.lesson-attachment-item.type-video .lesson-attachment-icon,.lesson-attachment-item.type-audio .lesson-attachment-icon{color:#ff7eaa;background:rgba(255,83,144,.06);border-color:rgba(255,83,144,.16)}
.lesson-attachment-item.type-link .lesson-attachment-icon{color:#F2C94C;background:rgba(242,201,76,.06);border-color:rgba(242,201,76,.16)}
.lesson-attachment-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.lesson-attachment-copy b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9eaec}
.lesson-attachment-copy small{font-size:8px;color:#7B7B7B;letter-spacing:.035em}
.lesson-attachment-action{display:inline-flex;align-items:center;gap:6px;color:#CBCBCB;font-size:9px;font-weight:750;padding:7px 9px;border-radius:7px;background:#242424;border:1px solid #343434;transition:background .16s ease,color .16s ease,border-color .16s ease}
.lesson-attachment-item:hover .lesson-attachment-action{color:#fff;background:#2D2D2D;border-color:#454545}
.lesson-attachment-action svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:720px){
  .lesson-reference .lesson-reference-tabs button{min-width:auto;padding:0 12px}
  .lesson-attachments-panel{padding:17px 0 28px}
  .lesson-attachments-head{align-items:flex-start;flex-direction:column;gap:9px}
  .lesson-attachment-item{grid-template-columns:38px minmax(0,1fr);padding:9px}
  .lesson-attachment-icon{width:38px;height:38px}
  .lesson-attachment-action{grid-column:2;justify-self:start;padding:5px 8px}
}

/* =========================================================
   v021 — refinamento premium de layout e responsividade
   Escopo: biblioteca, explorar, meu aprendizado e páginas
   administrativas mostradas pelo cliente.
   ========================================================= */

.page-shell{max-width:1540px;margin:0 auto}

.library-page .page-heading,
.explore-page .compact-page-hero,
.student-learning-page .learning-hero,
.admin-page .admin-head{margin-bottom:18px}

/* Biblioteca / Meus cursos */
.library-page .catalog-grid{grid-template-columns:repeat(auto-fit,minmax(250px,310px));justify-content:flex-start;gap:18px 16px}
.library-page .course-card.large{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#191919,#121212);box-shadow:0 18px 40px rgba(0,0,0,.18)}
.library-page .course-card.large:hover{transform:translateY(-3px);border-color:rgba(242,201,76,.24);box-shadow:0 22px 46px rgba(0,0,0,.24)}
.library-page .course-card.large .card-img{aspect-ratio:16/9;background-size:cover;background-position:center;position:relative}
.library-page .course-card.large .rank-badge{position:absolute;left:12px;top:12px;z-index:2;padding:6px 9px;border-radius:999px;background:rgba(15,15,15,.78);backdrop-filter:blur(12px);font-size:12px;font-weight:800;color:#fff}
.library-page .course-card.large .card-info{display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px}
.library-page .course-card.large .card-info b{font-size:14px;line-height:1.35}
.library-page .course-card.large .card-info small{color:#A1A1A1;font-size:12px;text-transform:capitalize}
.library-page .course-card.large .progress{height:5px;margin-top:0;background:rgba(255,255,255,.08)}
.library-page .course-card.large .progress i{background:linear-gradient(90deg,#F2C94C,#F2C94C)}

/* Explorar */
.explore-page .compact-page-hero{padding-top:calc(var(--header-h) + 40px);max-width:none}
.explore-page .advanced-filter-bar{display:grid;grid-template-columns:minmax(280px,2fr) repeat(4,minmax(0,1fr)) auto;max-width:none;gap:12px;align-items:center;margin:14px 0 22px}
.explore-page .catalog-search,
.explore-page .advanced-filter-bar select,
.explore-page .advanced-filter-bar .prime-light-btn{min-width:0;height:50px;border-radius:12px}
.explore-page .catalog-search{padding-left:14px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.explore-page .catalog-search input{height:50px;font-size:14px}
.explore-page .advanced-filter-bar select{font-size:14px;background:#1F1F1F}
.explore-page .advanced-filter-bar .prime-light-btn{padding:0 18px;font-size:14px;font-weight:800}
.explore-page .catalog-count{margin:4px 0 16px;color:#9D9D9D}
.explore-page .catalog-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px 14px}
.explore-page .prime-catalog-grid .prime-card{margin-bottom:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:#161616}
.explore-page .prime-catalog-grid .prime-card .card-img{aspect-ratio:16/9}
.explore-page .prime-catalog-grid .prime-card .prime-card-info{padding:14px 14px 16px;background:#171717}
.explore-page .prime-catalog-grid .prime-card:hover .prime-card-info{position:static;padding:14px 14px 16px;background:#202020;box-shadow:none}
.explore-page .prime-catalog-grid .prime-card .prime-card-info b{font-size:14px}
.explore-page .prime-catalog-grid .prime-card .prime-card-info small,
.explore-page .prime-catalog-grid .prime-card .prime-card-info p,
.explore-page .prime-catalog-grid .card-meta span{font-size:11px}

/* Meu aprendizado */
.student-learning-page .learning-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:18px;align-items:stretch}
.student-learning-page .learning-hero>div:first-child{padding:26px 28px;border-radius:20px;background:linear-gradient(135deg,#161616,#212121 62%,#2E2E2E);border:1px solid rgba(255,255,255,.06);min-width:0}
.student-learning-page .learning-hero h1{margin:8px 0 10px;font-size:clamp(32px,3.6vw,52px);line-height:1.02;letter-spacing:-.045em}
.student-learning-page .learning-hero p{margin:0;max-width:720px;color:#B7B7B7;font-size:14px;line-height:1.6}
.student-learning-page .learning-goal-card{justify-self:stretch;display:flex;align-items:center;gap:18px;padding:24px;border-radius:20px;background:linear-gradient(140deg,#222222,#171717);border:1px solid rgba(242,201,76,.18);min-width:0}
.student-learning-page .goal-ring{flex:0 0 96px;width:96px;height:96px;background:conic-gradient(#F2C94C calc(var(--p)*1%),rgba(255,255,255,.08) 0)}
.student-learning-page .goal-ring:before{inset:9px;background:#151515}
.student-learning-page .goal-ring strong{font-size:22px}
.student-learning-page .learning-goal-card b{display:block;font-size:24px;line-height:1.1;letter-spacing:-.03em}
.student-learning-page .learning-goal-card span{display:block;margin-top:6px;color:#ADADAD;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.student-learning-page .learning-goal-card small{display:block;margin-top:10px;color:#E6E6E6;font-size:13px}
.student-learning-page .dashboard-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.student-learning-page .dashboard-mini-grid article{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#171717}
.student-learning-page .dashboard-mini-grid span{font-size:11px;color:#A1A1A1;text-transform:uppercase;letter-spacing:.08em}
.student-learning-page .dashboard-mini-grid strong{font-size:30px;line-height:1;letter-spacing:-.04em}
.student-learning-page .dashboard-mini-grid small{font-size:12px;color:#CFCFCF}
.student-learning-page .prime-rail-section,.student-learning-page .panel{margin-top:0}
.student-learning-page .panel{padding:22px;border-radius:18px;background:#171717}
.student-learning-page .block-heading h2{font-size:22px;letter-spacing:-.03em}
.student-learning-page .block-heading a{font-size:12px}
.student-learning-page .course-rail{grid-auto-columns:minmax(280px,22vw)}
.student-learning-page .prime-card{border:1px solid rgba(255,255,255,.06);overflow:hidden}
.student-learning-page .prime-card-info{padding:14px 14px 16px}
.student-learning-page .timeline-list,.student-learning-page .action-list{display:grid;gap:10px}
.student-learning-page .timeline-list a,.student-learning-page .action-list a{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#131313}
.student-learning-page .action-list a{grid-template-columns:minmax(0,1fr) auto}
.student-learning-page .timeline-list time{display:grid;place-items:center;height:44px;border-radius:12px;background:#232323;color:#F2C94C;font-size:14px;font-weight:800}
.student-learning-page .timeline-list b,.student-learning-page .action-list b{font-size:14px}
.student-learning-page .timeline-list small,.student-learning-page .action-list small{display:block;margin-top:4px;color:#9E9E9E;font-size:12px}
.student-learning-page .stack-form input{height:46px}
.student-learning-page .stack-form .secondary-btn{margin-top:2px}
.student-learning-page .study-streak{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;border-radius:14px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.student-learning-page .study-streak strong{font-size:26px}
.student-learning-page .study-streak span{color:#DBDBDB}
.student-learning-page .chip-grid>span,.student-learning-page .badge-grid article{border-radius:14px;background:#131313;border:1px solid rgba(255,255,255,.06)}

/* Administração / formulários premium */
.admin-page .admin-head{align-items:flex-start;gap:14px}
.admin-page .admin-head h1{margin-top:6px;font-size:clamp(34px,3.4vw,54px);line-height:1.02}
.admin-page .admin-head p{max-width:820px;font-size:14px;line-height:1.55}
.admin-page .panel{padding:22px;border-radius:18px;background:linear-gradient(180deg,#161616,#131313);border:1px solid rgba(255,255,255,.06)}
.admin-page .block-heading{align-items:flex-start;margin-bottom:16px}
.admin-page .block-heading h2{font-size:26px;line-height:1.05;letter-spacing:-.03em}
.admin-page .block-heading span:last-child{font-size:12px}
.admin-page .table-wrap{overflow:auto hidden;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:#121212}
.admin-page .table-wrap table{min-width:860px}
.admin-page .table-wrap th,.admin-page .table-wrap td{white-space:normal;vertical-align:top;padding:14px 12px}
.admin-page .table-wrap td .compact-form,.admin-page .table-wrap td form+form{margin-top:10px}
.admin-page .admin-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.admin-page .inline-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:start}
.admin-page .inline-fields>.check{align-self:center;min-height:40px;padding-top:8px}
.admin-page .mini-admin-list{gap:12px;margin-top:16px}
.admin-page .mini-admin-list article{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:#131313}
.admin-page .mini-admin-list article>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.admin-page .mini-admin-list article b{font-size:14px}
.admin-page .mini-admin-list article small,.admin-page .muted{font-size:12px;color:#9F9F9F}
.admin-page .nested-admin-item{margin-top:10px;padding:12px;border-radius:12px;background:#171717;border:1px solid rgba(255,255,255,.05)}
.admin-page .secondary-btn.compact,.admin-page .danger-btn.compact,.admin-page .primary-btn.compact{min-height:36px!important;padding:0 12px!important;font-size:11px!important}
.admin-page .stack-form input,.admin-page .stack-form select,.admin-page .stack-form textarea,.admin-page .form-grid input,.admin-page .form-grid select,.admin-page .form-grid textarea{min-height:42px;font-size:13px}
.admin-page .stack-form textarea,.admin-page .form-grid textarea{min-height:98px}
.admin-page .check-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}
.admin-page .check-grid label,.admin-page .check{font-size:12px;color:#D7D7D7}
.admin-page .check input{margin-right:8px}
.admin-page .rule-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.admin-page .rule-card{padding:18px;border-radius:16px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.admin-page .rule-card h3{margin-bottom:16px;font-size:22px;line-height:1.18}
.admin-page .rule-card .inline-fields{margin:14px 0}
.admin-page .filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px}
.admin-page .filter-bar label{display:flex;flex-direction:column;gap:6px;min-width:260px;color:#B9B9B9;font-size:12px}
.admin-page .filter-bar select{height:46px;border-radius:12px}
.admin-page .capacity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.admin-page .capacity-person{padding:18px;border-radius:16px;background:#131313;border:1px solid rgba(255,255,255,.06)}
.admin-page .capacity-person header{align-items:flex-start}
.admin-page .capacity-person header b{font-size:15px}
.admin-page .training-pills{margin-top:14px}
.admin-page .training-pill{padding:10px 12px;border-radius:12px;background:#191919}
.admin-page .training-pill b{font-size:12px}
.admin-page .training-pill small{font-size:11px}

.admin-learning-page .panel:first-of-type .block-heading h2{font-size:28px}
.admin-learning-page .panel:first-of-type{padding-top:24px}
.admin-enrollments-page .table-wrap table{min-width:980px}
.admin-management-page .mini-admin-list article form+form,
.admin-learning-page .mini-admin-list article form+form{margin-top:10px}
.admin-management-page .panel .admin-columns .stack-form,
.admin-management-page .panel .admin-columns .mini-admin-list,
.admin-learning-page .admin-columns>section,
.admin-capacity-page .admin-columns>section{height:100%}

@media(max-width:1180px){
  .explore-page .advanced-filter-bar{grid-template-columns:minmax(260px,1.8fr) repeat(2,minmax(0,1fr)) auto;}
  .explore-page .advanced-filter-bar .catalog-search{grid-column:1/-2}
  .student-learning-page .dashboard-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .student-learning-page .learning-hero{grid-template-columns:1fr}
  .admin-page .admin-columns{grid-template-columns:1fr}
}
@media(max-width:820px){
  .library-page .catalog-grid,.explore-page .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .explore-page .advanced-filter-bar{grid-template-columns:1fr 1fr}
  .explore-page .advanced-filter-bar .catalog-search{grid-column:1/-1}
  .explore-page .advanced-filter-bar .prime-light-btn{grid-column:1/-1}
  .student-learning-page .dashboard-mini-grid{grid-template-columns:1fr}
  .student-learning-page .timeline-list a{grid-template-columns:52px minmax(0,1fr)}
  .admin-page .rule-grid,.admin-page .capacity-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .library-page .catalog-grid,.explore-page .catalog-grid{grid-template-columns:1fr}
  .student-learning-page .learning-goal-card{flex-direction:column;align-items:flex-start}
  .student-learning-page .learning-columns{grid-template-columns:1fr}
  .student-learning-page .timeline-list a,.student-learning-page .action-list a{grid-template-columns:1fr}
  .student-learning-page .timeline-list time{width:64px}
  .admin-page .filter-bar label{min-width:0;width:100%}
}

/* v022 — Branding UniSST + light theme premium */
.brand-logo-img{display:block;width:32px;height:32px;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 16px rgba(0,0,0,.22))}
.brand-logo-img.large{width:46px;height:46px}
.stream-brand{gap:10px}.public-brand{gap:10px}
.stream-brand-copy small{letter-spacing:.14em}

.theme-toggle-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#F1F1F1;backdrop-filter:blur(12px);transition:background .18s ease,border-color .18s ease,transform .18s ease;white-space:nowrap}
.theme-toggle-btn:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.theme-toggle-btn.compact{padding:0 10px;min-height:38px}
.theme-toggle-btn .theme-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle-btn .theme-icon-sun{display:none}
.theme-toggle-btn span{font-size:12px;font-weight:700;letter-spacing:.01em}
html[data-theme="light"] .theme-toggle-btn{background:rgba(16,16,16,.04);border-color:rgba(16,16,16,.10);color:#1F1F1F}
html[data-theme="light"] .theme-toggle-btn:hover{background:rgba(16,16,16,.08);border-color:rgba(16,16,16,.16)}
html[data-theme="light"] .theme-toggle-btn .theme-icon-moon{display:none}
html[data-theme="light"] .theme-toggle-btn .theme-icon-sun{display:block}
.login-theme-toggle{position:fixed;top:18px;right:18px;z-index:30}

.login-page .brand.big{display:flex;align-items:center;gap:12px}
.login-page .brand.big span{font-size:19px;font-weight:800;letter-spacing:-.03em}

html[data-theme="light"]{
  --bg:#F3F3F3;
  --bg-deep:#EEEEEE;
  --surface:#ffffff;
  --surface-2:#f8fbff;
  --surface-3:#F3F3F3;
  --surface-hover:#EDEDED;
  --text:#181818;
  --muted:#6F6F6F;
  --muted-2:#838383;
  --line:rgba(16,16,16,.10);
  --line-strong:rgba(16,16,16,.18);
  --shadow:0 18px 48px rgba(45,45,45,.10);
  --shadow-strong:0 24px 70px rgba(45,45,45,.14);
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .app-body,
html[data-theme="light"] .public-body{background:linear-gradient(180deg,#FAFAFA 0%,#F3F3F3 55%,#FAFAFA 100%)}
html[data-theme="light"] .prime-header{background:linear-gradient(180deg,rgba(250,250,250,.96),rgba(250,250,250,.88) 72%,rgba(250,250,250,0))}
html[data-theme="light"] .prime-header.scrolled,
html[data-theme="light"] .prime-header.menu-open,
html[data-theme="light"] .public-header{background:rgba(250,250,250,.96);box-shadow:0 10px 26px rgba(45,45,45,.08)}
html[data-theme="light"] .stream-brand-copy small,
html[data-theme="light"] .public-footer div span{color:#D4AF37}
html[data-theme="light"] .prime-nav a{color:#353535}
html[data-theme="light"] .prime-nav a:hover{background:rgba(16,16,16,.06);color:#191919}
html[data-theme="light"] .prime-nav a.active{background:#181818;color:#fff}
html[data-theme="light"] .header-icon-btn,
html[data-theme="light"] .profile-trigger,
html[data-theme="light"] .public-search-link{color:#181818}
html[data-theme="light"] .header-icon-btn:hover,
html[data-theme="light"] .profile-trigger:hover{background:rgba(16,16,16,.06)}
html[data-theme="light"] .search-drawer{background:rgba(250,250,250,.98);border-top:1px solid rgba(16,16,16,.06)}
html[data-theme="light"] .search-drawer form{background:#fff;color:#202020;box-shadow:0 12px 35px rgba(41,41,41,.08)}
html[data-theme="light"] .search-drawer input,
html[data-theme="light"] .search-drawer button{color:#202020}
html[data-theme="light"] .profile-menu{background:rgba(255,255,255,.98);border-color:rgba(16,16,16,.08);box-shadow:0 18px 45px rgba(41,41,41,.12)}
html[data-theme="light"] .profile-menu a,
html[data-theme="light"] .profile-menu button,
html[data-theme="light"] .profile-menu-user strong{color:#202020}
html[data-theme="light"] .profile-menu a:hover,
html[data-theme="light"] .profile-menu button:hover{background:rgba(16,16,16,.05)}
html[data-theme="light"] .admin-context-nav{background:rgba(248,251,255,.9);border-bottom:1px solid rgba(16,16,16,.06)}
html[data-theme="light"] .admin-context-inner a{color:#5E5E5E}
html[data-theme="light"] .admin-context-inner a.active{background:#202020;color:#fff}
html[data-theme="light"] .public-nav a{color:#3D3D3D}
html[data-theme="light"] .public-nav a.active{color:#1C1C1C;background:rgba(16,16,16,.06)}
html[data-theme="light"] .public-login{background:#181818;color:#fff}
html[data-theme="light"] .public-signup{background:#fff;color:#181818;border:1px solid rgba(16,16,16,.08)}
html[data-theme="light"] .public-footer{background:#F3F3F3;border-top:1px solid rgba(16,16,16,.06)}
html[data-theme="light"] .public-footer nav a{color:#5E5E5E}
html[data-theme="light"] .hero-stage{background:#F0F0F0}
html[data-theme="light"] .hero-backdrop{background:linear-gradient(90deg,rgba(243,243,243,.98) 0%,rgba(243,243,243,.86) 25%,rgba(243,243,243,.42) 55%,rgba(243,243,243,.08) 78%),linear-gradient(0deg,#F3F3F3 0%,rgba(243,243,243,.52) 16%,transparent 40%)}
html[data-theme="light"] .prime-hero-content p,
html[data-theme="light"] .hero-metadata,
html[data-theme="light"] .hero-kicker{color:#2D2D2D;text-shadow:none}
html[data-theme="light"] .course-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .prime-side-card,
html[data-theme="light"] .lesson-reference-panel,
html[data-theme="light"] .admin-page .panel,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .course-detail-main,
html[data-theme="light"] .catalog-search,
html[data-theme="light"] .inline-metric,
html[data-theme="light"] .capacity-person,
html[data-theme="light"] .training-pill,
html[data-theme="light"] .student-learning-page .timeline-list a,
html[data-theme="light"] .student-learning-page .action-list a,
html[data-theme="light"] .student-learning-page .study-streak,
html[data-theme="light"] .student-learning-page .chip-grid>span,
html[data-theme="light"] .student-learning-page .badge-grid article,
html[data-theme="light"] .admin-page .mini-admin-list article,
html[data-theme="light"] .admin-page .nested-admin-item,
html[data-theme="light"] .admin-page .rule-card,
html[data-theme="light"] .library-page .course-card.large,
html[data-theme="light"] .explore-page .prime-catalog-grid .prime-card,
html[data-theme="light"] .explore-page .prime-catalog-grid .prime-card .prime-card-info{background:#fff!important;color:#1A1A1A;border-color:rgba(16,16,16,.08)!important;box-shadow:0 14px 32px rgba(41,41,41,.08)}
html[data-theme="light"] .catalog-search input,
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{background:#fff;color:#202020;border-color:rgba(16,16,16,.12)}
html[data-theme="light"] label,
html[data-theme="light"] .muted,
html[data-theme="light"] .admin-page .check-grid label,
html[data-theme="light"] .admin-page .check,
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .page-heading p,
html[data-theme="light"] .catalog-count,
html[data-theme="light"] .student-learning-page .dashboard-mini-grid span,
html[data-theme="light"] .student-learning-page .timeline-list small,
html[data-theme="light"] .student-learning-page .action-list small{color:#737373}
html[data-theme="light"] .table-wrap table,
html[data-theme="light"] table{color:#202020}
html[data-theme="light"] thead th{background:#F8F8F8;color:#636363}
html[data-theme="light"] tbody tr{border-color:rgba(16,16,16,.08)}
html[data-theme="light"] .block-heading h2,
html[data-theme="light"] .page-heading h1,
html[data-theme="light"] .catalog-hero h1,
html[data-theme="light"] .learning-hero h1,
html[data-theme="light"] .admin-head h1,
html[data-theme="light"] .login-card h2{color:#181818}
html[data-theme="light"] .secondary-btn,
html[data-theme="light"] .danger-btn,
html[data-theme="light"] .header-chip{border-color:rgba(16,16,16,.1)}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs{border-bottom-color:rgba(16,16,16,.12)}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active{color:#D4AF37;border-bottom-color:#D4AF37}
html[data-theme="light"] .lesson-reference .lesson-tab-icon{color:#636363}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active .lesson-tab-icon{color:#D4AF37}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button b{background:#F3F3F3;border-color:rgba(16,16,16,.12);color:#3D3D3D}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active b{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.18);color:#D4AF37}
html[data-theme="light"] .login-page{background:#F3F3F3}
html[data-theme="light"] .login-art{background:radial-gradient(circle at 68% 32%,rgba(242,201,76,.10),transparent 28%),linear-gradient(135deg,#FAFAFA,#F3F3F3 56%,#FAFAFA)!important}
html[data-theme="light"] .login-panel{background:linear-gradient(180deg,#FAFAFA,#F3F3F3)}
html[data-theme="light"] .login-card{background:rgba(255,255,255,.82);border-color:rgba(16,16,16,.08);box-shadow:0 26px 70px rgba(41,41,41,.10)}
html[data-theme="light"] .demo-box{background:#f8fbff;border-color:rgba(16,16,16,.08);color:#616161}
html[data-theme="light"] .demo-box b{color:#202020}
html[data-theme="light"] .alert.success{background:rgba(57,173,119,.12);border-color:rgba(57,173,119,.22);color:#155736}
html[data-theme="light"] .alert.error{background:rgba(255,100,117,.10);border-color:rgba(255,100,117,.20);color:#8a2436}

@media(max-width:920px){
  .theme-toggle-btn span{display:none}
  .theme-toggle-btn{width:40px;justify-content:center;padding:0}
  .login-theme-toggle{top:14px;right:14px}
}

/* v022.1 — identidade UniSST e acesso direto do aluno */
.app-body,.public-body{--accent:var(--brand-accent,#ff7a00);--accent-2:#e86100;--accent-soft:#ffd7a8}
.stream-brand-copy strong,.public-brand>span{font-weight:820;letter-spacing:-.035em}
.brand-logo-img{width:36px;height:36px;flex:0 0 36px;object-fit:contain}
.public-brand .brand-logo-img{width:34px;height:34px;flex-basis:34px}
.login-page .brand-logo-img.large{width:54px;height:54px;flex-basis:54px}
.hero-service-dot,.notification-pill i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.image-progress i,.progress i{background:linear-gradient(90deg,#ffb000,var(--accent),#e33900)}
.eyebrow,.section-label{color:#ffad45}

.student-library-hero .prime-hero-content{max-width:670px}
.student-available-rail{margin-top:20px}
.student-available-course-rail{grid-auto-columns:minmax(290px,21vw)}
.student-available-card{overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#171717}
.student-available-card .prime-card-info{position:static;opacity:1;visibility:visible;transform:none;padding:12px 13px 14px;background:#171717;box-shadow:none}
.student-available-card:hover .prime-card-info{position:static;top:auto;padding:12px 13px 14px;background:#212121;box-shadow:none}
.student-available-card .card-title-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.student-available-card .card-title-row>span{font-size:11px;font-weight:800;color:#ffb04a;white-space:nowrap}
.student-available-card .prime-card-info p{margin:5px 0 0;color:#A1A1A1;font-size:10px}
.student-empty-access,.student-catalog-shortcut{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:22px 24px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(135deg,#171717,#222222)}
.student-empty-access h2,.student-catalog-shortcut h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.03em}
.student-empty-access p,.student-catalog-shortcut p{margin:0;color:#A1A1A1;font-size:12px}
.student-catalog-shortcut{margin-top:32px;background:#161616}

html[data-theme="light"] .hero-service-dot,
html[data-theme="light"] .notification-pill i{background:var(--accent)}
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .section-label{color:#bd4d00}
html[data-theme="light"] .student-available-card,
html[data-theme="light"] .student-available-card .prime-card-info,
html[data-theme="light"] .student-empty-access,
html[data-theme="light"] .student-catalog-shortcut{background:#fff!important;border-color:rgba(16,16,16,.08)!important;color:#181818;box-shadow:0 14px 32px rgba(41,41,41,.07)}
html[data-theme="light"] .student-available-card:hover .prime-card-info{background:#F7F7F7!important}
html[data-theme="light"] .student-available-card .card-title-row>span{color:#c95600}
html[data-theme="light"] .student-available-card .prime-card-info p,
html[data-theme="light"] .student-empty-access p,
html[data-theme="light"] .student-catalog-shortcut p{color:#737373}
html[data-theme="light"] .goal-ring{background:conic-gradient(var(--accent) calc(var(--p)*1%),rgba(16,16,16,.08) 0)}
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .prime-light-btn{background:#181818;color:#fff}
html[data-theme="light"] .secondary-btn{background:#F3F3F3;color:#2C2C2C;border-color:rgba(16,16,16,.08)}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active{color:#d75500;border-bottom-color:#f97316}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active .lesson-tab-icon{color:#d75500}
html[data-theme="light"] .lesson-reference .lesson-reference-tabs button.active b{background:rgba(249,115,22,.09);border-color:rgba(249,115,22,.22);color:#c65300}

@media(max-width:720px){
  .brand-logo-img{width:32px;height:32px;flex-basis:32px}
  .public-brand .brand-logo-img{width:30px;height:30px;flex-basis:30px}
  .student-available-course-rail{grid-auto-columns:84vw}
  .student-empty-access,.student-catalog-shortcut{align-items:flex-start;flex-direction:column;padding:18px}
  .student-empty-access>a,.student-catalog-shortcut>a{width:100%;justify-content:center}
}

/* =========================================================
   v024 — Tema claro/escuro com contraste reforçado
   Corrige escolhas invisíveis, selects, campos e estados ativos.
   ========================================================= */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}

/* O botão sempre mostra o tema PARA O QUAL o usuário irá mudar. */
.theme-toggle-btn{font-weight:750}
html[data-theme="dark"] .theme-toggle-btn{
  background:#1C1C1C;
  border-color:#434343;
  color:#f6f9fc;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
html[data-theme="dark"] .theme-toggle-btn:hover{
  background:#282828;
  border-color:#626262;
  color:#fff;
}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-moon{display:none}
html[data-theme="dark"] .theme-toggle-btn .theme-icon-sun{display:block;color:#ffc35c}
html[data-theme="light"] .theme-toggle-btn{
  background:#ffffff;
  border-color:#C7C7C7;
  color:#252525;
  box-shadow:0 5px 18px rgba(51,51,51,.08);
}
html[data-theme="light"] .theme-toggle-btn:hover{
  background:#F3F3F3;
  border-color:#A3A3A3;
  color:#131313;
}
html[data-theme="light"] .theme-toggle-btn .theme-icon-sun{display:none}
html[data-theme="light"] .theme-toggle-btn .theme-icon-moon{display:block;color:#3C3C3C}

/* Campos e escolhas: o menu nativo passa a seguir o tema corretamente. */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{
  color-scheme:dark;
  background-color:#1F1F1F;
  color:#f5f8fb;
  border-color:#464646;
}
html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup{
  background:#1F1F1F;
  color:#f5f8fb;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#929292;opacity:1}
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] textarea:disabled{background:#212121;color:#949494;opacity:1}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  color-scheme:light;
  background-color:#fff!important;
  color:#202020!important;
  border-color:#C6C6C6!important;
  box-shadow:none;
}
html[data-theme="light"] select option,
html[data-theme="light"] select optgroup{
  background:#fff!important;
  color:#202020!important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#828282;opacity:1}
html[data-theme="light"] select:disabled,
html[data-theme="light"] input:disabled,
html[data-theme="light"] textarea:disabled{background:#F1F1F1!important;color:#7F7F7F!important;opacity:1}

input[type="checkbox"],input[type="radio"]{accent-color:#f97316}
html[data-theme="light"] input[type="checkbox"],html[data-theme="light"] input[type="radio"]{accent-color:#d85a00}

/* Foco acessível e visível em ambos os temas. */
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{border-color:#f59a3d;box-shadow:0 0 0 3px rgba(249,115,22,.15)}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{border-color:#c95700!important;box-shadow:0 0 0 3px rgba(201,87,0,.12)!important}

/* Evita textos escuros em fundo escuro e textos claros em fundo claro. */
html[data-theme="dark"] .panel,
html[data-theme="dark"] .course-card,
html[data-theme="dark"] .admin-page .panel,
html[data-theme="dark"] .mini-admin-list article,
html[data-theme="dark"] .rule-card{color:#F3F3F3}
html[data-theme="dark"] .panel small,
html[data-theme="dark"] .course-card small,
html[data-theme="dark"] .table-subtle,
html[data-theme="dark"] .muted{color:#A1A1A1}

html[data-theme="light"] .panel,
html[data-theme="light"] .course-card,
html[data-theme="light"] .admin-page .panel,
html[data-theme="light"] .mini-admin-list article,
html[data-theme="light"] .rule-card,
html[data-theme="light"] .student-available-card,
html[data-theme="light"] .student-empty-access,
html[data-theme="light"] .student-catalog-shortcut{color:#202020!important}
html[data-theme="light"] .panel h2,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .course-card b,
html[data-theme="light"] .course-card strong,
html[data-theme="light"] .block-heading b,
html[data-theme="light"] .block-heading h2,
html[data-theme="light"] .student-learning-page b,
html[data-theme="light"] .student-learning-page strong{color:#202020}
html[data-theme="light"] .panel small,
html[data-theme="light"] .course-card small,
html[data-theme="light"] .card-meta span,
html[data-theme="light"] .table-subtle,
html[data-theme="light"] .muted{color:#737373!important}

/* Tabelas e navegação administrativa. */
html[data-theme="dark"] .table-wrap{background:#121212;border-color:#363636}
html[data-theme="dark"] thead th{background:#181818;color:#ADADAD}
html[data-theme="dark"] tbody td{color:#EDEDED;border-bottom-color:#333333}
html[data-theme="light"] .table-wrap{background:#fff!important;border-color:#DFDFDF!important}
html[data-theme="light"] thead th{background:#F2F2F2!important;color:#555555!important;border-bottom-color:#DEDEDE!important}
html[data-theme="light"] tbody td{color:#292929!important;border-bottom-color:#E7E7E7!important}
html[data-theme="light"] tbody tr:hover{background:#f5f8fb}

html[data-theme="dark"] .admin-context-nav{background:#0F0F0F;border-bottom-color:#323232}
html[data-theme="dark"] .admin-context-inner a{color:#B3B3B3}
html[data-theme="dark"] .admin-context-inner a.active{background:#f4f7f9;color:#0F0F0F}
html[data-theme="light"] .admin-context-nav{background:#FAFAFA;border-bottom-color:#E4E4E4}
html[data-theme="light"] .admin-context-inner a{color:#676767}
html[data-theme="light"] .admin-context-inner a:hover{background:#EFEFEF;color:#272727}
html[data-theme="light"] .admin-context-inner a.active{background:#272727;color:#fff}

/* Botões: contraste AA visualmente claro. */
html[data-theme="dark"] .primary-btn,
html[data-theme="dark"] .prime-light-btn{background:#f7fafc;color:#121212}
html[data-theme="dark"] .secondary-btn{background:#303030;color:#fff;border-color:#D4AF37}
html[data-theme="dark"] .danger-btn{background:#431722;color:#ffdbe1;border-color:#8c3448}
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .prime-light-btn{background:#202020!important;color:#fff!important;border-color:#202020!important}
html[data-theme="light"] .secondary-btn{background:#EFEFEF!important;color:#303030!important;border-color:#C7C7C7!important}
html[data-theme="light"] .danger-btn{background:#fff1f3!important;color:#9b2037!important;border-color:#e3a4af!important}
html[data-theme="light"] .primary-btn:hover,
html[data-theme="light"] .prime-light-btn:hover{background:#353535!important}
html[data-theme="light"] .secondary-btn:hover{background:#E5E5E5!important}

/* Catálogo: filtros nunca ficam com opção/texto invisível. */
html[data-theme="dark"] .explore-page .advanced-filter-bar select{background:#1F1F1F;color:#f7fafc;border-color:#464646}
html[data-theme="dark"] .explore-page .catalog-search{background:#f8fafc;color:#191919;border:1px solid #E0E0E0}
html[data-theme="dark"] .explore-page .catalog-search input{background:transparent!important;color:#191919!important;border:0!important}
html[data-theme="dark"] .explore-page .catalog-search input::placeholder{color:#7A7A7A}
html[data-theme="light"] .explore-page .catalog-search{background:#fff;color:#202020;border:1px solid #C6C6C6}
html[data-theme="light"] .explore-page .catalog-search input{background:transparent!important;color:#202020!important;border:0!important}
html[data-theme="light"] .explore-page .advanced-filter-bar select{background:#fff!important;color:#202020!important;border-color:#C6C6C6!important}

/* Cards, badges e estados ativos no tema claro. */
html[data-theme="light"] .prime-card-info{background:#fff!important;color:#202020!important}
html[data-theme="light"] .prime-card:hover .prime-card-info{background:#F5F5F5!important;color:#202020!important}
html[data-theme="light"] .included-badge,
html[data-theme="light"] .rank-badge{background:rgba(32,32,32,.88);color:#fff}
html[data-theme="light"] .status{background:#EDEDED;color:#D4AF37}
html[data-theme="light"] .status.active,
html[data-theme="light"] .status.completed,
html[data-theme="light"] .status.published{background:#e1f6eb;color:#14603d}

/* Hero: título permanece legível mesmo quando a arte é clara. */
html[data-theme="light"] .prime-hero-content h1{color:#181818;text-shadow:0 1px 0 rgba(255,255,255,.45)}
html[data-theme="light"] .prime-hero-content p,
html[data-theme="light"] .hero-metadata,
html[data-theme="light"] .hero-kicker{color:#313131}

/* O player permanece deliberadamente escuro, como no Prime Video. */
html[data-theme="light"] .player-body:has(.lesson-reference),
html[data-theme="light"] .lesson-reference{color-scheme:dark}
html[data-theme="light"] .lesson-reference input,
html[data-theme="light"] .lesson-reference select,
html[data-theme="light"] .lesson-reference textarea{color-scheme:dark;background:#292b2a!important;color:#f1f1f1!important;border-color:#4a4c4c!important}
html[data-theme="light"] .lesson-reference input::placeholder,
html[data-theme="light"] .lesson-reference textarea::placeholder{color:#A4A4A4}

/* Mobile: o alternador continua inequívoco mesmo mostrando só o ícone. */
@media(max-width:920px){
  html[data-theme="dark"] .theme-toggle-btn{background:#232323;border-color:#4F4F4F}
  html[data-theme="light"] .theme-toggle-btn{background:#fff;border-color:#BDBDBD}
}

/* =========================================================
   v025 — aprovação administrativa de usuários e credenciais
   ========================================================= */
.status.pending{background:rgba(255,184,77,.13);color:#ffc56c;border:1px solid rgba(255,184,77,.22)}
.pending-users-panel{border-color:rgba(255,184,77,.18)!important;background:linear-gradient(180deg,rgba(50,35,18,.28),#171717)!important}
.approval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.approval-grid article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#131313}
.approval-grid article>div:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.approval-grid b{font-size:14px}.approval-grid small{font-size:11px;color:#9F9F9F}.approval-grid em{font-style:normal;font-size:10px;color:#ffc56c}
.approval-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.approval-highlight{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:rgba(255,184,77,.22)!important;background:linear-gradient(120deg,rgba(255,184,77,.08),#171717 52%)!important}
.approval-highlight h2{margin:5px 0 6px}.approval-highlight p{margin:0;color:#A9A9A9;font-size:12px;max-width:720px}
button:disabled,.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.55)}
.user-course-access .inline-fields{grid-template-columns:minmax(240px,1fr) auto;max-width:820px}
.user-enrollment-list{display:grid;gap:8px;margin-top:16px}
.user-enrollment-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#131313}
.user-enrollment-list a:hover{background:#1D1D1D;border-color:rgba(242,201,76,.18)}
.user-enrollment-list a>span{display:flex;min-width:0;flex-direction:column}.user-enrollment-list b{font-size:12px}.user-enrollment-list small{margin-top:2px;color:#959595;font-size:10px}.user-enrollment-list em{font-style:normal;color:#D0D0D0;font-size:10px;font-weight:750}
.account-password-panel{border-color:rgba(242,201,76,.16)!important}

html[data-theme="light"] .pending-users-panel{background:linear-gradient(180deg,#fff8ec,#fff)!important;border-color:#f0d6aa!important}
html[data-theme="light"] .approval-grid article,
html[data-theme="light"] .user-enrollment-list a{background:#fff;border-color:#E3E3E3}
html[data-theme="light"] .approval-highlight{background:linear-gradient(120deg,#fff6e6,#fff 60%)!important;border-color:#efd3a1!important}
html[data-theme="light"] .approval-highlight p{color:#6F6F6F}
html[data-theme="light"] .status.pending{background:#fff3d8;color:#8a5b00;border-color:#efd49b}
html[data-theme="light"] .user-enrollment-list a:hover{background:#f7fafc}
@media(max-width:720px){.approval-grid{grid-template-columns:1fr}.approval-grid article,.approval-highlight{align-items:flex-start;flex-direction:column}.approval-actions{width:100%;justify-content:flex-start}.approval-actions form,.approval-actions a{flex:1}.user-course-access .inline-fields{grid-template-columns:1fr}.user-enrollment-list a{align-items:flex-start;flex-direction:column}}

/* =========================================================
   v026 — navegação premium, foto de perfil e notificações
   ========================================================= */

/* Estado ativo discreto: elimina o bloco branco que competia com o conteúdo. */
.prime-nav a.active{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  box-shadow:inset 0 -2px 0 var(--accent);
}
.prime-nav a.active:hover{background:rgba(255,255,255,.10)!important}
html[data-theme="light"] .prime-nav a.active{
  background:rgba(43,43,43,.07)!important;
  color:#202020!important;
  box-shadow:inset 0 -2px 0 var(--accent);
}
html[data-theme="light"] .prime-nav a.active:hover{background:rgba(43,43,43,.10)!important}

/* Avatar real ou inicial do nome */
.profile-avatar{overflow:hidden;position:relative}
.profile-avatar img,.reference-comment-avatar img,.comment-avatar img,.profile-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}
.profile-menu a .menu-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#14100b;font-size:10px}

/* Sino e painel rápido */
.notification-menu-wrap{position:relative}
.notification-trigger{position:relative}
.notification-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;right:0;top:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#ff6a00;color:#fff;border:2px solid #0F0F0F;font-size:8px;font-weight:900;line-height:1}
.notification-menu{position:absolute;right:-42px;top:48px;width:min(380px,calc(100vw - 24px));max-height:min(520px,74vh);display:flex;flex-direction:column;background:rgba(24,24,24,.985);border:1px solid rgba(255,255,255,.10);border-radius:14px;box-shadow:0 22px 65px rgba(0,0,0,.52);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.16s ease;overflow:hidden}
.notification-menu.open{opacity:1;visibility:visible;transform:none}
.notification-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.07)}
.notification-menu-head>div{display:flex;flex-direction:column}.notification-menu-head strong{font-size:13px}.notification-menu-head small{margin-top:2px;color:#9D9D9D;font-size:10px}
.notification-menu-head form{margin:0}.notification-menu-head button{border:0;background:transparent;color:#D3D3D3;font-size:10px;font-weight:750;padding:5px;cursor:pointer}
.notification-menu-list{min-height:70px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#424242 transparent}
.notification-menu-item{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;transition:.14s ease}
.notification-menu-item:hover{background:rgba(255,255,255,.045)}
.notification-menu-item.unread{background:rgba(255,122,0,.045)}
.notification-item-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#535353}
.notification-menu-item.unread .notification-item-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(255,122,0,.09)}
.notification-menu-item>span:last-child{min-width:0;display:flex;flex-direction:column}.notification-menu-item b{font-size:11px;line-height:1.35}.notification-menu-item small{margin-top:3px;color:#A6A6A6;font-size:9px;line-height:1.45}.notification-menu-item time{margin-top:5px;color:#757575;font-size:8px}
.notification-menu-empty{padding:26px 15px;text-align:center;color:#8E8E8E;font-size:11px}
.notification-menu-footer{display:block;padding:11px 15px;text-align:center;border-top:1px solid rgba(255,255,255,.07);color:#D5D5D5;font-size:10px;font-weight:750;background:#141414}

/* Página completa / histórico */
.notification-page{max-width:1180px;margin:0 auto}
.notification-page-head{align-items:center}
.notification-composer{margin-bottom:18px}
.notification-history-list{display:grid;gap:7px}
.notification-history-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 15px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#131313}
.notification-history-item.unread{border-color:rgba(255,122,0,.22);background:linear-gradient(100deg,rgba(255,122,0,.055),#131313 34%)}
.notification-state-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#4F4F4F}.notification-history-item.unread .notification-state-dot{background:var(--accent)}
.notification-history-copy{min-width:0}.notification-history-meta{display:flex;align-items:center;gap:6px 11px;flex-wrap:wrap}.notification-history-meta b{font-size:13px}.notification-history-meta span,.notification-history-meta time{color:#848484;font-size:9px}.notification-history-copy p{margin:7px 0 0;color:#C3C3C3;font-size:11px;line-height:1.55}
.notification-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.notification-history-actions form{margin:0}.compact-empty{margin:2vh auto;padding:24px}

/* Conta / foto de perfil */
.profile-photo-panel{margin-top:calc(var(--header-h) + 34px)}
.profile-photo-layout{display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:20px}
.profile-photo-preview{width:88px;height:88px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#383838,#F2C94C);border:2px solid rgba(255,255,255,.09);color:#fff;font-size:30px;font-weight:850}
.profile-photo-copy{min-width:0}.profile-photo-copy h2{margin:4px 0 2px;font-size:22px}.profile-photo-copy p{margin:0;color:#A9A9A9;font-size:12px}.profile-photo-copy small{display:block;max-width:600px;margin-top:8px;color:#858585;font-size:10px;line-height:1.5}
.profile-photo-actions{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.profile-photo-upload{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.profile-photo-upload label{margin:0;cursor:pointer}.profile-photo-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-photo-actions .text-btn{font-size:10px}

/* Avatares da conversa */
.lesson-reference .reference-comment-avatar,.lesson-reference .reference-comments-list .comment-avatar{overflow:hidden}

/* Sino dentro do player, sem abrir painéis sobre o vídeo. */
.lesson-reference .player-notification-link{position:relative}
.lesson-reference .player-notification-link>b{position:absolute;right:8px;top:6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#e92d38;color:#fff;font-size:7px}
.lesson-reference.rail-expanded .player-notification-link>b{right:14px}

/* Tema claro */
html[data-theme="light"] .notification-badge{border-color:#FAFAFA}
html[data-theme="light"] .notification-menu{background:rgba(255,255,255,.99);border-color:rgba(16,16,16,.10);box-shadow:0 20px 52px rgba(41,41,41,.15)}
html[data-theme="light"] .notification-menu-head{border-bottom-color:rgba(16,16,16,.07)}
html[data-theme="light"] .notification-menu-head strong,
html[data-theme="light"] .notification-menu-item b{color:#202020}
html[data-theme="light"] .notification-menu-head small,
html[data-theme="light"] .notification-menu-item small{color:#707070}
html[data-theme="light"] .notification-menu-item{border-bottom-color:rgba(16,16,16,.06)}
html[data-theme="light"] .notification-menu-item:hover{background:#F6F6F6}
html[data-theme="light"] .notification-menu-item.unread{background:#fff8f1}
html[data-theme="light"] .notification-menu-footer{background:#f6f9fc;border-top-color:rgba(16,16,16,.07);color:#F2C94C}
html[data-theme="light"] .notification-history-item{background:#fff;border-color:rgba(16,16,16,.08)}
html[data-theme="light"] .notification-history-item.unread{background:linear-gradient(100deg,#fff5e9,#fff 34%);border-color:rgba(224,102,0,.18)}
html[data-theme="light"] .notification-history-meta b{color:#202020}
html[data-theme="light"] .notification-history-copy p{color:#565656}
html[data-theme="light"] .profile-photo-preview{border-color:rgba(16,16,16,.10)}
html[data-theme="light"] .profile-photo-copy p{color:#666666}
html[data-theme="light"] .profile-photo-copy small{color:#828282}

@media(max-width:820px){
  .notification-menu{right:-70px}
  .profile-photo-layout{grid-template-columns:72px minmax(0,1fr)}
  .profile-photo-preview{width:72px;height:72px}
  .profile-photo-actions{grid-column:1/-1;align-items:flex-start}
  .profile-photo-upload{justify-content:flex-start}
  .notification-history-item{grid-template-columns:8px minmax(0,1fr)}
  .notification-history-actions{grid-column:2;justify-content:flex-start}
}
@media(max-width:520px){
  .notification-menu{position:fixed;left:10px;right:10px;top:calc(var(--header-h) + 6px);width:auto;max-height:70vh}
  .profile-photo-layout{grid-template-columns:1fr;text-align:center;justify-items:center}
  .profile-photo-copy small{max-width:360px}.profile-photo-actions{grid-column:auto;align-items:center}.profile-photo-upload{justify-content:center}
}

/* =========================================================
   v027 — Estúdio de Conteúdo premium e orientado por etapas
   Escopo exclusivo da aba Conteúdo / edição do curso.
   ========================================================= */
.content-studio{max-width:1480px;margin:0 auto;padding-bottom:42px}
.content-studio-head{padding-bottom:18px}
.content-studio-head h1{max-width:980px}
.content-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:8px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:#131313}
.content-steps button{min-width:0;min-height:72px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center;text-align:left;padding:12px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#E7E7E7;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.content-steps button>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;align-self:center;border-radius:50%;background:#252525;color:#D0D0D0;font-size:12px;font-weight:900;border:1px solid rgba(242,201,76,.16)}
.content-steps button b{align-self:end;font-size:13px;line-height:1.15}
.content-steps button small{align-self:start;color:#8E8E8E;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content-steps button:hover{background:#1E1E1E;border-color:rgba(255,255,255,.06)}
.content-steps button.active{background:linear-gradient(135deg,#232323,#1A1A1A);border-color:rgba(242,201,76,.28);box-shadow:inset 0 0 0 1px rgba(242,201,76,.035)}
.content-steps button.active>span{background:#F6F6F6;color:#191919;border-color:#F6F6F6}
.content-step-panel[hidden]{display:none!important}
.content-step-panel.active{animation:contentFade .18s ease}
@keyframes contentFade{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.content-step-panel.active{animation:none}}

.studio-panel{border-radius:18px!important;padding:22px!important;background:linear-gradient(180deg,#171717,#141414)!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:none!important}
.studio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.055)}
.studio-panel-head h2{margin:4px 0 4px!important;font-size:clamp(21px,2vw,29px)!important;line-height:1.05;letter-spacing:-.035em}
.studio-panel-head p{margin:0;max-width:720px;color:#939393;font-size:11px;line-height:1.55}
.studio-counter{min-width:35px;height:35px;padding:0 10px;display:grid;place-items:center;border-radius:18px;background:#242424;color:#D3D3D3;font-size:12px;font-weight:850;border:1px solid rgba(242,201,76,.12)}
.studio-form{gap:14px 16px!important}
.form-section{margin-top:5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.055)}
.form-section:first-of-type{padding-top:0;border-top:0}
.form-section h3{margin:0 0 3px;font-size:15px;color:#F3F3F3}
.form-section p{margin:0;color:#8B8B8B;font-size:10px}
.studio-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;padding-top:6px}
.studio-actions .primary-btn,.studio-actions .secondary-btn{min-width:140px}
.studio-actions button:disabled{opacity:.38;cursor:not-allowed}

.course-media-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.course-media-box{display:grid;grid-template-columns:minmax(180px,36%) minmax(0,1fr);gap:15px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#121212;min-width:0}
.course-media-preview{width:100%;min-height:145px;border-radius:11px;background:#1E1E1E center/cover no-repeat;border:1px solid rgba(255,255,255,.07);overflow:hidden}
.course-media-preview.banner{aspect-ratio:16/8}.course-media-preview.cover{aspect-ratio:16/9}
.course-media-box>div:last-child{display:flex;min-width:0;flex-direction:column;gap:7px}
.course-media-box b{font-size:13px}.course-media-box small{color:#919191;font-size:9px;line-height:1.4}
.course-media-box label{font-size:9px!important}
.file-drop{display:flex!important;flex-direction:column!important;gap:6px!important;padding:9px 10px!important;border:1px dashed rgba(242,201,76,.20)!important;border-radius:9px!important;background:#191919!important;color:#ADADAD!important}
.file-drop input[type=file]{min-height:32px!important;padding:5px!important;border:0!important;background:transparent!important;color:#E7E7E7!important;font-size:10px!important}
.media-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#272727,#131313)}
.media-placeholder span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:#9F9F9F;font-size:9px;font-weight:750}
.subtle-check{margin-top:2px;color:#9F9F9F!important;font-size:9px!important}

.studio-grid{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);gap:16px;align-items:start}
.studio-side-form{position:sticky;top:calc(var(--header-h) + 62px)}
.module-editor-list{display:grid;gap:9px}
.module-editor-card{border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#121212;overflow:hidden}
.module-editor-card>summary{list-style:none;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:11px;align-items:center;padding:13px 14px;cursor:pointer;transition:background .18s ease}
.module-editor-card>summary::-webkit-details-marker{display:none}
.module-editor-card>summary:hover{background:#1D1D1D}
.module-editor-card>summary>span:nth-child(2){display:flex;min-width:0;flex-direction:column}
.module-editor-card>summary b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.module-editor-card>summary small{margin-top:2px;color:#8B8B8B;font-size:9px}
.module-editor-card>summary>i{font-style:normal;color:#919191;transition:transform .18s ease}
.module-editor-card[open]>summary>i{transform:rotate(180deg)}
.module-editor-body{padding:14px;border-top:1px solid rgba(255,255,255,.055)}
.module-order{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#252525;color:#CFCFCF;font-size:10px;font-weight:900}
.module-delete-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}

.lesson-outline{display:grid;gap:12px}
.lesson-outline>article{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#121212;overflow:hidden}
.lesson-outline>article>header{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);background:#171717}
.lesson-outline>article>header>div{display:flex;flex-direction:column}.lesson-outline>article>header b{font-size:12px}.lesson-outline>article>header small{color:#8D8D8D;font-size:9px}
.lesson-outline>article>div:last-child{padding:5px 9px 9px}
.outline-lesson{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 7px;border-bottom:1px solid rgba(255,255,255,.035)}
.outline-lesson:last-child{border-bottom:0}.outline-lesson>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#232323;color:#F2C94C;font-size:8px}.outline-lesson>div{min-width:0;display:flex;flex-direction:column}.outline-lesson b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-lesson small{color:#818181;font-size:8px}.outline-lesson.is-deleted{opacity:.55}

.studio-empty{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:22px;border:1px dashed rgba(255,255,255,.10);border-radius:13px;background:#121212;color:#929292}
.studio-empty b{color:#E4E4E4;font-size:13px}.studio-empty span{font-size:10px}.studio-empty button{margin-top:8px}
.registry-course-summary{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:13px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#121212}
.registry-course-summary img{width:72px;height:44px;object-fit:cover;border-radius:7px;background:#222222}.registry-course-summary>div{display:flex;min-width:0;flex-direction:column}.registry-course-summary b{font-size:12px}.registry-course-summary small{color:#8E8E8E;font-size:9px;margin-top:2px}
.content-registry-table table{min-width:820px}.registry-kind{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.registry-kind.module{background:#2C2C2C;color:#D4D4D4}.registry-kind.lesson{background:#172b23;color:#91e1b4}
.studio-pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px}.studio-pagination a,.studio-pagination button{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#191919;color:#ACACAC;font-size:10px;font-weight:800}.studio-pagination a.active,.studio-pagination button.active{background:#F4F4F4;color:#171717;border-color:#F4F4F4}

.content-danger-details,.content-secondary-details{margin-top:12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#131313;overflow:hidden}
.content-danger-details>summary,.content-secondary-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;cursor:pointer}.content-danger-details>summary::-webkit-details-marker,.content-secondary-details>summary::-webkit-details-marker{display:none}.content-danger-details>summary>span,.content-secondary-details>summary>span{display:flex;flex-direction:column}.content-danger-details>summary b,.content-secondary-details>summary b{font-size:12px}.content-danger-details>summary small,.content-secondary-details>summary small{color:#888888;font-size:9px}.content-danger-details>summary i,.content-secondary-details>summary i{font-style:normal;color:#989898}.premium-danger{margin:0!important;padding:16px!important;border:0!important;border-top:1px solid rgba(255,255,255,.05)!important;border-radius:0!important;background:#120f12!important}.premium-danger p{margin:0 0 13px;color:#a9989e;font-size:10px;line-height:1.55}
.content-secondary-details>.panel{margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.05)!important;border-radius:0!important}
.premium-list{display:grid;gap:7px}.premium-list .lesson-management-row{border:1px solid rgba(255,255,255,.055);border-radius:10px;background:#121212;padding:10px 11px}

/* Tema claro — mantém a hierarquia sem perder contraste */
html[data-theme="light"] .content-steps{background:#F3F3F3;border-color:#E1E1E1}
html[data-theme="light"] .content-steps button{color:#363636}
html[data-theme="light"] .content-steps button>span{background:#E8E8E8;color:#F2C94C;border-color:#D8D8D8}
html[data-theme="light"] .content-steps button small{color:#838383}
html[data-theme="light"] .content-steps button:hover{background:#EDEDED;border-color:#DDDDDD}
html[data-theme="light"] .content-steps button.active{background:#fff;border-color:#C1C1C1;box-shadow:none}
html[data-theme="light"] .content-steps button.active>span{background:#333333;color:#fff;border-color:#333333}
html[data-theme="light"] .studio-panel{background:#fff!important;border-color:#E4E4E4!important}
html[data-theme="light"] .studio-panel-head{border-bottom-color:#EAEAEA}
html[data-theme="light"] .studio-panel-head p,html[data-theme="light"] .form-section p{color:#747474}
html[data-theme="light"] .form-section{border-top-color:#EAEAEA}
html[data-theme="light"] .form-section h3{color:#292929}
html[data-theme="light"] .studio-counter{background:#F5F5F5;color:#F2C94C;border-color:#E5E5E5}
html[data-theme="light"] .course-media-box,html[data-theme="light"] .module-editor-card,html[data-theme="light"] .lesson-outline>article,html[data-theme="light"] .studio-empty,html[data-theme="light"] .registry-course-summary,html[data-theme="light"] .premium-list .lesson-management-row{background:#f7fafc;border-color:#E4E4E4}
html[data-theme="light"] .course-media-preview{border-color:#E4E4E4}
html[data-theme="light"] .file-drop{background:#F6F6F6!important;border-color:#D4D4D4!important;color:#6A6A6A!important}
html[data-theme="light"] .file-drop input[type=file]{color:#373737!important}
html[data-theme="light"] .module-editor-card>summary:hover{background:#F4F4F4}
html[data-theme="light"] .module-editor-body,html[data-theme="light"] .module-delete-row,html[data-theme="light"] .lesson-outline>article>header{border-color:#E7E7E7}
html[data-theme="light"] .lesson-outline>article>header{background:#F5F5F5}
html[data-theme="light"] .module-order{background:#EFEFEF;color:#F2C94C}
html[data-theme="light"] .outline-lesson{border-bottom-color:#ECECEC}
html[data-theme="light"] .outline-lesson>span{background:#EFEFEF;color:#F2C94C}
html[data-theme="light"] .registry-kind.module{background:#EEEEEE;color:#F2C94C}html[data-theme="light"] .registry-kind.lesson{background:#e0f4e8;color:#286344}
html[data-theme="light"] .studio-pagination a,html[data-theme="light"] .studio-pagination button{background:#fff;color:#606060;border-color:#E0E0E0}
html[data-theme="light"] .studio-pagination a.active,html[data-theme="light"] .studio-pagination button.active{background:#323232;color:#fff;border-color:#323232}
html[data-theme="light"] .content-danger-details,html[data-theme="light"] .content-secondary-details{background:#fff;border-color:#E4E4E4}
html[data-theme="light"] .content-danger-details>summary small,html[data-theme="light"] .content-secondary-details>summary small{color:#7B7B7B}
html[data-theme="light"] .premium-danger{background:#fff8f8!important;border-top-color:#f0d6dc!important}.premium-danger p{color:#765c62}
html[data-theme="light"] .content-secondary-details>.panel{border-top-color:#E8E8E8!important}

@media(max-width:1100px){.content-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-grid{grid-template-columns:1fr}.studio-side-form{position:static}.course-media-editor{grid-template-columns:1fr}.course-media-box{grid-template-columns:minmax(160px,30%) minmax(0,1fr)}}
@media(max-width:720px){.content-studio{padding-bottom:84px}.content-steps{grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:13px}.content-steps button{min-height:60px;grid-template-columns:28px minmax(0,1fr);padding:9px}.content-steps button>span{width:26px;height:26px}.content-steps button small{display:none}.studio-panel{padding:14px!important;border-radius:13px!important}.studio-panel-head{gap:10px}.course-media-box{grid-template-columns:1fr}.course-media-preview{min-height:170px}.studio-actions{justify-content:stretch}.studio-actions .primary-btn,.studio-actions .secondary-btn{flex:1 1 100%;width:100%}.module-delete-row{align-items:flex-start;flex-direction:column}.outline-lesson{grid-template-columns:24px minmax(0,1fr)}.outline-lesson>a{grid-column:2;width:max-content}.registry-course-summary{grid-template-columns:60px minmax(0,1fr)}.registry-course-summary img{width:60px;height:38px}.registry-course-summary>a{grid-column:1/-1;width:100%}}

/* =========================================================
   v028 — mídia externa, volume, capas de aula e comentários
   ========================================================= */
.external-embed-player{position:relative;isolation:isolate}
.external-embed-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.external-embed-start{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:
  linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 62%,rgba(0,0,0,.08)),
  var(--lesson-poster) center/cover no-repeat;cursor:pointer;text-shadow:0 2px 14px rgba(0,0,0,.72)}
.external-embed-start::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 18%,rgba(0,0,0,.13) 62%,rgba(0,0,0,.35));pointer-events:none}
.external-embed-start>*{position:relative;z-index:1}
.external-embed-play{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(255,255,255,.94);color:#0F0F0F;font-size:24px;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:transform .18s ease}
.external-embed-start:hover .external-embed-play{transform:scale(1.06)}
.external-embed-start strong{font-size:18px}
.external-embed-start small{max-width:80%;font-size:11px;color:#E6E6E6}
.external-embed-player.started .external-embed-start{display:none}
.provider-progress-note{display:flex;align-items:center;justify-content:center;min-height:28px}

.player-volume-control{display:flex;align-items:center;gap:3px;min-width:84px}
.player-volume-control [data-video-mute]{flex:0 0 auto}
.player-volume-control input[type="range"]{width:58px;height:24px;margin:0;padding:0;accent-color:#fff;background:transparent;cursor:pointer}
.player-volume-control input[type="range"]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:rgba(255,255,255,.38)}
.player-volume-control input[type="range"]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-3.5px;border-radius:50%;background:#fff;border:0}
.player-volume-control input[type="range"]::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.38)}
.player-volume-control input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:0}
.player-quality{min-width:58px;height:28px;padding:0 7px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#e9edf0;font-size:9px;font-weight:800;white-space:nowrap}

.comment-actions{flex-wrap:wrap}
.comment-edit-menu{position:relative}
.comment-edit-menu>summary,.admin-comment-edit>summary{cursor:pointer;color:#B7B7B7;font-size:10px;list-style:none}
.comment-edit-menu>summary::-webkit-details-marker,.admin-comment-edit>summary::-webkit-details-marker{display:none}
.comment-edit-menu[open]{width:min(460px,100%);flex-basis:100%;padding-top:7px}
.comment-edit-menu .reply-form{margin-top:7px}
.danger-text{color:#ff7a88!important}
.danger-text:hover{color:#ff9aa5!important}
.admin-comment-edit{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.admin-comment-edit form{margin-top:9px}
.comment-admin-actions{display:flex;align-items:flex-start;gap:8px}

.lesson-poster-preview{aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0A0A0A center/cover no-repeat;overflow:hidden}

@media(max-width:650px){
  .player-volume-control{min-width:auto}.player-volume-control input[type="range"]{width:42px}.player-quality{display:none}
  .external-embed-play{width:58px;height:58px;font-size:20px}.external-embed-start strong{font-size:15px}
}

/* =========================================================
   v029 — quiz sequencial, progresso no player, estrelas e ranking
   ========================================================= */
.lesson-player-learning-progress{position:absolute;left:18px;right:18px;bottom:62px;z-index:7;padding:8px 10px;border-radius:10px;background:rgba(9,9,9,.64);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);pointer-events:none}
.lesson-player-learning-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;color:#EDEDED;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.lesson-player-learning-progress>div b{font-size:11px;color:#fff}
.lesson-player-learning-track{display:block;height:4px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}
.lesson-player-learning-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9f17,#ff4d1f);transition:width .35s ease}
.lesson-rating-row{display:flex;align-items:center;justify-content:flex-start;margin:2px 0 10px;min-height:34px}
.lesson-star-rating{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lesson-star-rating>span{color:#A4A4A4;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.lesson-stars{display:flex;align-items:center;gap:1px}
.lesson-stars button{width:26px;height:28px;padding:0;border:0;background:transparent;color:#5A5A5A;font-size:18px;line-height:1;transition:color .16s ease,transform .16s ease}
.lesson-stars button:hover,.lesson-stars button.selected{color:#ffb21a}
.lesson-stars button:hover{transform:translateY(-1px)}
.lesson-star-rating small{color:#969696;font-size:10px}
.lesson-star-rating small b{color:#f0f2f3}
.lesson-quiz-panel{padding-top:24px}
.premium-lesson-quiz-list{max-width:860px}
.premium-quiz-launch{border:1px solid #3B3B3B!important;background:#2B2B2B!important;border-radius:10px!important}
.premium-quiz-launch:hover{background:#343434!important;border-color:#535353!important}
.premium-quiz-launch.passed{border-color:rgba(45,178,104,.38)!important}
.premium-quiz-launch.passed .quiz-symbol{background:rgba(45,178,104,.14);color:#61d991}

.premium-quiz-heading{max-width:980px;margin-left:auto;margin-right:auto}
.premium-quiz-form{max-width:880px;margin:0 auto 60px}
.quiz-flow-progress{position:sticky;top:74px;z-index:12;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:rgba(18,18,18,.94);border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.quiz-flow-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:11px;color:#A8A8A8}.quiz-flow-progress b{color:#fff}.quiz-flow-track{display:block;height:5px;border-radius:999px;background:#2D2D2D;overflow:hidden}.quiz-flow-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9e15,#ff4d1f);transition:width .25s ease}
.premium-question-card{padding:26px;border-radius:16px;background:linear-gradient(180deg,#1A1A1A,#141414);border:1px solid rgba(255,255,255,.08)}
.premium-question-card h3{font-size:22px;line-height:1.35;margin:14px 0 18px}
.premium-question-card .option{min-height:50px;border-radius:10px;padding:12px 14px;background:#131313}
.premium-question-card .option:has(input:checked){border-color:rgba(255,148,24,.52);background:rgba(255,142,20,.08)}
.quiz-validation-message{min-height:21px;margin-top:8px;color:#ff8894;font-size:12px}
.quiz-question-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.quiz-question-nav .primary-btn,.quiz-question-nav .secondary-btn{min-width:150px}
.quiz-result-card{max-width:780px;margin:18px auto 60px;padding:34px;border-radius:20px;background:linear-gradient(145deg,#202020,#111111);border:1px solid rgba(255,255,255,.08);text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.quiz-result-card.passed{border-color:rgba(60,212,139,.32)}.quiz-result-card.failed{border-color:rgba(255,93,111,.32)}
.quiz-result-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background:#2A2A2A;font-size:24px;font-weight:900}.quiz-result-card.passed .quiz-result-icon{background:rgba(54,202,130,.14);color:#64e3a4}.quiz-result-card.failed .quiz-result-icon{background:rgba(255,91,110,.12);color:#ff7587}
.quiz-result-card h2{font-size:54px;line-height:1;margin:8px 0;letter-spacing:-.05em}.quiz-result-card p{color:#B7B7B7;max-width:560px;margin:12px auto 22px}
.quiz-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.quiz-result-stats article{padding:15px;border-radius:12px;background:#161616;border:1px solid rgba(255,255,255,.06)}.quiz-result-stats small{display:block;color:#9D9D9D;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.quiz-result-stats strong{display:block;margin-top:5px;font-size:23px}
.quiz-rank-earned{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,159,23,.09);color:#ffc363;font-size:12px;font-weight:700}.quiz-result-actions{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}
.quiz-standard-note{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:11px;background:#171717;border:1px solid rgba(255,157,26,.16)}.quiz-standard-note b{color:#ffd090}.quiz-standard-note small{color:#A1A1A1}
.evaluation-standard-panel{border-color:rgba(255,156,22,.18)!important}.evaluation-standard-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;max-width:620px}.evaluation-standard-form label{display:flex;flex-direction:column;gap:5px;color:#B4B4B4;font-size:11px}.evaluation-standard-form input{width:120px}.evaluation-standard-form>span{padding-bottom:12px;color:#fff;font-weight:800}.institutional-standard-chip{margin-bottom:16px;padding:10px 13px;border-radius:10px;background:#191919;border:1px solid rgba(255,255,255,.06);color:#ADADAD;font-size:12px}.institutional-standard-chip b{color:#fff}
.analytics-secondary-grid{margin-top:16px}.rating-score{display:inline-flex;align-items:center;gap:4px;color:#ffc34f;font-weight:800}.ranking-list{display:grid;gap:8px}.ranking-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border-radius:11px;background:#161616;border:1px solid rgba(255,255,255,.06)}.ranking-position{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#262626;color:#F2C94C;font-weight:850}.ranking-list article>div{display:flex;min-width:0;flex-direction:column}.ranking-list article small{color:#939393}.ranking-list article>strong{white-space:nowrap;color:#ffd071}

html[data-theme="light"] .quiz-flow-progress,html[data-theme="light"] .premium-question-card,html[data-theme="light"] .quiz-result-card{background:#fff;border-color:#DFDFDF;color:#212121;box-shadow:0 16px 38px rgba(43,43,43,.08)}
html[data-theme="light"] .quiz-flow-track,html[data-theme="light"] .lesson-player-learning-track{background:#E2E2E2}
html[data-theme="light"] .premium-question-card .option{background:#f7f9fb;border-color:#DFDFDF;color:#232323}
html[data-theme="light"] .quiz-result-stats article,html[data-theme="light"] .ranking-list article{background:#f6f8fa;border-color:#E4E4E4}
html[data-theme="light"] .quiz-result-card p,html[data-theme="light"] .ranking-list article small{color:#737373}
html[data-theme="light"] .quiz-flow-progress b,html[data-theme="light"] .evaluation-standard-form>span,html[data-theme="light"] .institutional-standard-chip b{color:#212121}
html[data-theme="light"] .quiz-standard-note,html[data-theme="light"] .institutional-standard-chip{background:#fff8ee;border-color:#f1d2a7}
html[data-theme="light"] .lesson-rating-row{color:#232323}

@media(max-width:720px){.lesson-player-learning-progress{left:10px;right:10px;bottom:56px}.lesson-star-rating{gap:5px}.lesson-star-rating>span{width:100%}.quiz-result-stats{grid-template-columns:1fr 1fr}.premium-question-card{padding:18px}.quiz-question-nav{flex-direction:column-reverse}.quiz-question-nav .primary-btn,.quiz-question-nav .secondary-btn{width:100%}.quiz-flow-progress{top:62px}.evaluation-standard-form{align-items:stretch;flex-direction:column}.evaluation-standard-form input{width:100%}.evaluation-standard-form>span{display:none}}
@media(min-width:1181px){.student-learning-page .dashboard-mini-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ranking-points-card strong{color:#ffd071}

/* =========================================================
   v032 — navegação premium sem bloco branco + banner multimídia
   ========================================================= */
.prime-nav a{position:relative;background:transparent!important;box-shadow:none!important;border:0!important;color:#CFCFCF;transition:color .18s ease,transform .18s ease}
.prime-nav a:hover{background:transparent!important;color:#fff;transform:translateY(-1px)}
.prime-nav a.active{background:transparent!important;color:#ffad3d!important;box-shadow:none!important;font-weight:800}
.prime-nav a.active::after{content:"";position:absolute;left:28%;right:28%;bottom:4px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#ffb341 25%,#ff6a19 75%,transparent);box-shadow:0 2px 10px rgba(255,125,27,.28)}
.prime-nav a.active::before{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#ff9b28;left:50%;bottom:3px;transform:translate(-50%,50%);box-shadow:0 0 12px rgba(255,142,35,.55)}
html[data-theme="light"] .prime-nav a{color:#616161}
html[data-theme="light"] .prime-nav a:hover{color:#1B1B1B}
html[data-theme="light"] .prime-nav a.active{color:#d75a0b!important}

/* Banner multimídia no curso */
.course-multimedia-hero{position:relative;isolation:isolate;background-image:var(--hero);background-size:cover;background-position:center;overflow:hidden}
.course-hero-media-carousel{position:absolute;inset:0;z-index:0;overflow:hidden;background:#090909}
.course-hero-media-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease;overflow:hidden}
.course-hero-media-slide.active{opacity:1;visibility:visible}
.course-hero-media-slide img,.course-hero-media-slide video,.course-hero-video-frame{width:100%;height:100%;object-fit:cover;display:block;border:0}
.course-hero-video-frame{position:absolute;inset:-2%;width:104%;height:104%;pointer-events:none}
.course-multimedia-hero .course-detail-backdrop{position:absolute;inset:0;z-index:1}
.course-multimedia-hero .prime-hero-content{z-index:2}
.course-hero-media-controls{position:absolute;z-index:4;right:5vw;bottom:8%;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:999px;background:rgba(9,9,9,.42);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.course-hero-media-controls>button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px;display:grid;place-items:center;cursor:pointer}
.course-hero-media-controls>button:hover{background:rgba(255,255,255,.09)}
.course-hero-media-dots{display:flex;align-items:center;gap:6px}
.course-hero-media-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.42);cursor:pointer;transition:.2s ease}
.course-hero-media-dots button.active{width:22px;background:#ff9e2e;box-shadow:0 0 12px rgba(255,126,27,.38)}

/* Banner em vídeo também no destaque da home/vitrine */
.hero-slide .home-hero-video,.hero-slide .home-hero-video-frame,.public-prime-hero .public-hero-video,.public-prime-hero .public-hero-video-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;z-index:0;pointer-events:none}
.hero-slide .home-hero-video-frame,.public-prime-hero .public-hero-video-frame{inset:-2%;width:104%;height:104%}
.hero-slide .hero-backdrop,.public-prime-hero .public-prime-shade{position:absolute;inset:0;z-index:1}
.hero-slide .prime-hero-content,.public-prime-hero .public-prime-copy{z-index:2}

/* Gestor de banner multimídia */
.hero-media-manager{margin:8px 0 4px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,rgba(28,28,28,.88),rgba(16,16,16,.92));box-shadow:0 18px 42px rgba(0,0,0,.13)}
.hero-media-manager-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.hero-media-manager-head h3{margin:5px 0 6px;font-size:20px;letter-spacing:-.02em}
.hero-media-manager-head p{margin:0;max-width:760px;color:#A1A1A1;font-size:12px;line-height:1.55}
.hero-media-count{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(255,157,46,.09);border:1px solid rgba(255,157,46,.2);color:#ffc077;font-size:10px;font-weight:800}
.hero-media-admin-list{display:grid;gap:9px;margin-bottom:16px}
.hero-media-admin-item{display:grid;grid-template-columns:128px minmax(0,1fr) minmax(230px,auto) auto;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#121212;border:1px solid rgba(255,255,255,.06)}
.hero-media-admin-item.inactive{opacity:.58}
.hero-media-admin-preview{height:70px;border-radius:10px;background:#0F0F0F;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.07)}
.hero-media-admin-preview img{width:100%;height:100%;object-fit:cover}
.hero-media-video-badge{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:2px;z-index:2;background:linear-gradient(135deg,rgba(0,0,0,.62),rgba(23,23,23,.48));color:#fff}
.hero-media-video-badge span{font-size:18px;color:#ff9f2e}.hero-media-video-badge b{font-size:8px;letter-spacing:.16em}
.hero-media-admin-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.hero-media-admin-meta>b{font-size:13px}.hero-media-admin-meta small{font-size:10px;color:#939393}.hero-media-admin-meta code{font-size:9px;color:#838383;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-media-inline-form{display:grid;grid-template-columns:72px 110px auto;gap:7px;align-items:end}.hero-media-inline-form label{font-size:9px;color:#939393}.hero-media-inline-form input,.hero-media-inline-form select{height:36px;padding:0 8px;font-size:11px}
.hero-media-empty{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:13px;border:1px dashed rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.hero-media-empty>span{font-size:22px;color:#ff9f2e}.hero-media-empty div{display:flex;flex-direction:column;gap:2px}.hero-media-empty b{font-size:12px}.hero-media-empty small{font-size:10px;color:#969696}
.hero-media-add-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-media-add-card{display:flex;flex-direction:column;gap:11px;padding:16px;border-radius:14px;background:#111111;border:1px solid rgba(255,255,255,.06)}
.hero-media-add-card>div{display:grid;grid-template-columns:32px 1fr;column-gap:8px}.hero-media-add-card>div small{grid-column:2;color:#969696;font-size:10px}.hero-media-add-icon{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(255,155,40,.1);color:#ff9f2e}.hero-media-add-card label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#B6B6B6}.hero-media-add-card textarea,.hero-media-add-card input{font-size:12px}
html[data-theme="light"] .hero-media-manager{background:#fff;border-color:#E1E1E1;box-shadow:0 18px 38px rgba(51,51,51,.08)}
html[data-theme="light"] .hero-media-admin-item,html[data-theme="light"] .hero-media-add-card{background:#f6f9fb;border-color:#E3E3E3}
html[data-theme="light"] .hero-media-admin-meta code,html[data-theme="light"] .hero-media-manager-head p,html[data-theme="light"] .hero-media-add-card>div small,html[data-theme="light"] .hero-media-add-card label{color:#727272}
html[data-theme="light"] .hero-media-empty{background:#f7f9fb;border-color:#DCDCDC}

@media(max-width:1050px){.hero-media-admin-item{grid-template-columns:110px minmax(0,1fr);}.hero-media-inline-form,.hero-media-admin-item>form:last-child{grid-column:1/-1}.hero-media-inline-form{grid-template-columns:90px minmax(150px,1fr) auto}}
@media(max-width:720px){.hero-media-manager{padding:14px}.hero-media-manager-head{flex-direction:column}.hero-media-add-grid{grid-template-columns:1fr}.hero-media-admin-item{grid-template-columns:92px minmax(0,1fr)}.course-hero-media-controls{right:14px;bottom:5%}}

/* =========================================================
   v033 — player externo visualmente neutro
   ========================================================= */
.external-embed-player.provider-youtube.started iframe,
.external-embed-player.provider-vimeo.started iframe{pointer-events:none}
.external-neutral-controls{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:auto auto minmax(100px,1fr) auto minmax(56px,78px) auto auto;align-items:center;gap:8px;min-height:48px;padding:8px 12px;background:linear-gradient(0deg,rgba(5,5,5,.96),rgba(5,5,5,.72));border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.external-neutral-controls[hidden]{display:none!important}
.external-neutral-controls button{width:32px;height:32px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:12px;font-weight:800}
.external-neutral-controls button:hover{background:rgba(255,255,255,.15)}
.external-neutral-controls input[type=range]{width:100%;min-width:0;padding:0;margin:0;accent-color:#ff6c1a;cursor:pointer}
.external-neutral-controls .external-time{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#E3E3E3;font-size:10px;font-variant-numeric:tabular-nums}.external-neutral-controls .external-time i{font-style:normal;color:#7D7D7D}.external-neutral-controls .external-time b{color:#fff}
.external-neutral-controls .external-quality{font-size:9px;font-weight:800;color:#E3E3E3;padding:5px 7px;border:1px solid rgba(255,255,255,.10);border-radius:7px;background:rgba(255,255,255,.05)}
.external-embed-start small{font-weight:600;letter-spacing:.01em}
.provider-progress-note{color:#8D8D8D!important}
@media(max-width:700px){.external-neutral-controls{grid-template-columns:auto minmax(0,1fr) auto auto;padding:7px 8px}.external-neutral-controls .external-time,.external-neutral-controls .external-volume,.external-neutral-controls .external-quality{display:none}.external-neutral-controls button{width:30px;height:30px}}


/* =========================================================
   v034 — navegação premium sem bloco ativo + fallback UniSST
   ========================================================= */
.prime-nav a,
.public-nav a{
  position:relative;
}
.prime-nav a.active,
.prime-nav a.active:hover,
.public-nav a.active,
.public-nav a.active:hover{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.prime-nav a.active,
.public-nav a.active{
  color:#fff!important;
  font-weight:800;
}
.prime-nav a.active::before,
.public-nav a.active::before{
  content:none!important;
  display:none!important;
}
.prime-nav a.active::after,
.public-nav a.active::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:20%!important;
  right:20%!important;
  bottom:3px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-theme="light"] .prime-nav a.active,
html[data-theme="light"] .public-nav a.active{
  color:#101010!important;
  background:transparent!important;
}
html[data-theme="light"] .prime-nav a.active::after,
html[data-theme="light"] .public-nav a.active::after{
  background:#101010!important;
}

/* v035 — home rails premium and navigation underline only */
.prime-nav a,
.public-nav a{position:relative;background:transparent!important;box-shadow:none!important}
.prime-nav a.active,
.public-nav a.active{background:transparent!important;color:#ffffff!important;font-weight:700}
.prime-nav a.active::after,
.public-nav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:999px;background:#ffffff;opacity:.98}
html[data-theme="light"] .prime-nav a.active,
html[data-theme="light"] .public-nav a.active{color:#151515!important}
html[data-theme="light"] .prime-nav a.active::after,
html[data-theme="light"] .public-nav a.active::after{background:#151515}
.prime-nav a:hover,.public-nav a:hover{background:rgba(255,255,255,.05)!important}
html[data-theme="light"] .prime-nav a:hover,
html[data-theme="light"] .public-nav a:hover{background:rgba(16,16,16,.06)!important}

/* Home rails: cards with static info block to avoid clipped titles */
.rail-course-card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#161616,#131313);box-shadow:0 10px 28px rgba(0,0,0,.20);transform-origin:center center}
.rail-course-card .card-img{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:12px 12px 0 0;background-size:cover;background-position:center center}
.rail-course-card .card-info.prime-card-info{position:static;opacity:1;visibility:visible;transform:none;top:auto;left:auto;right:auto;padding:12px 13px 14px;background:linear-gradient(180deg,#1D1D1D,#171717);box-shadow:none;border-radius:0 0 12px 12px}
.rail-course-card:hover{transform:translateY(-4px) scale(1.015);border-color:rgba(255,255,255,.12);box-shadow:0 20px 42px rgba(0,0,0,.34)}
.rail-course-card:hover .card-info.prime-card-info{background:linear-gradient(180deg,#252525,#1F1F1F)}
.rail-course-card .prime-card-info b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:32px;font-size:13px;line-height:1.25;letter-spacing:-.01em}
.rail-course-card .card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px;color:#ADADAD}
.rail-course-card .card-meta span,.rail-course-card .prime-card-info small{font-size:10px;color:#A5A5A5}
.rail-course-card .prime-card-info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:6px;font-size:10px;line-height:1.45;color:#B7B7B7}
.rail-course-card .card-center-play{left:12px;bottom:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);color:#101010;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.rail-course-card .card-center-play svg{width:16px;height:16px;fill:currentColor}
.rail-course-card .card-image-shade{background:linear-gradient(180deg,transparent 36%,rgba(10,10,10,.16) 60%,rgba(10,10,10,.46) 100%)}

html[data-theme="light"] .rail-course-card{background:#ffffff;border-color:rgba(16,16,16,.08);box-shadow:0 12px 28px rgba(41,41,41,.08)}
html[data-theme="light"] .rail-course-card .card-info.prime-card-info{background:#ffffff;color:#1B1B1B}
html[data-theme="light"] .rail-course-card:hover .card-info.prime-card-info{background:#f5f8fb}
html[data-theme="light"] .rail-course-card .prime-card-info b{color:#1B1B1B}
html[data-theme="light"] .rail-course-card .card-meta span,
html[data-theme="light"] .rail-course-card .prime-card-info small{color:#6B6B6B}
html[data-theme="light"] .rail-course-card .prime-card-info p{color:#707070}

@media(max-width:960px){
  .rail-course-card:hover{transform:none}
  .rail-course-card .prime-card-info b{min-height:auto}
}
@media(max-width:640px){
  .prime-nav a.active::after,
  .public-nav a.active::after{left:10px;right:10px;bottom:2px}
  .rail-course-card .card-info.prime-card-info{padding:10px 11px 12px}
}

/* =========================================================
   v036 — Home cinematográfica inspirada na organização do Prime Video
   Conteúdo-first, hero full bleed, rails estáveis e sem cortes.
   ========================================================= */

/* Hero full-bleed e integração com a primeira fileira */
.clean-home-hero{
  width:100vw;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  height:clamp(560px,68vw,760px);
  min-height:560px;
  margin-bottom:0!important;
  background:#050505;
}
.clean-home-hero .hero-slide{background-position:center 20%;background-size:cover}
.clean-home-hero .hero-backdrop{
  background:
    linear-gradient(90deg,rgba(5,5,5,.985) 0%,rgba(5,5,5,.91) 21%,rgba(5,5,5,.58) 43%,rgba(5,5,5,.16) 69%,rgba(5,5,5,.02) 100%),
    linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.92) 10%,rgba(15,15,15,.35) 30%,transparent 58%),
    linear-gradient(180deg,rgba(0,0,0,.18),transparent 28%);
}
.clean-home-hero .prime-hero-content{left:max(5vw,42px);bottom:18%;width:min(640px,45vw)}
.clean-home-hero .prime-hero-content h1{font-size:clamp(42px,4.9vw,76px);line-height:.97;letter-spacing:-.052em;margin:12px 0 12px;max-width:720px}
.clean-home-hero .prime-hero-content p{font-size:clamp(13px,1.05vw,16px);line-height:1.48;max-width:560px;color:#E3E3E3}
.clean-home-hero .hero-actions{margin-top:20px}
.clean-home-hero .prime-play-btn{min-height:48px;padding:0 21px;border-radius:8px}
.clean-home-hero .prime-info-btn.wide{min-height:48px;border-radius:24px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.clean-home-hero .prime-info-btn.wide:hover{background:rgba(255,255,255,.21)}
.clean-home-hero .hero-controls{right:max(4vw,32px);bottom:12%;gap:9px}
.clean-home-hero .hero-dots{gap:5px}
.clean-home-hero .hero-dots button{height:3px;width:20px;border-radius:10px;background:rgba(255,255,255,.32)}
.clean-home-hero .hero-dots button.active{width:38px;background:#fff}

.home-prime-content{position:relative;z-index:7;margin-top:-74px;padding-bottom:36px}
.home-prime-content>.first-content-rail{margin-top:0!important}
.home-prime-content .rail-section{content-visibility:visible;contain:none;margin-bottom:26px;overflow:visible}
.home-prime-content .section-head{margin-bottom:10px;align-items:flex-end}
.home-prime-content .section-head h2{font-size:clamp(20px,1.65vw,27px);font-weight:760;letter-spacing:-.032em;line-height:1.08}
.home-prime-content .section-head p{font-size:11px;color:#9D9D9D;margin-top:4px}
.home-prime-content .section-head>a{font-size:11px;color:#E0E0E0;opacity:.82;transform:none}
.home-prime-content .prime-rail-section:hover .section-head>a{opacity:1}

/* Trilhos com dimensões estáveis: título nunca é cortado por hover */
.home-prime-content .rail-shell{margin-left:calc(clamp(18px,3vw,54px) * -1);margin-right:calc(clamp(18px,3vw,54px) * -1);padding-left:clamp(18px,3vw,54px);padding-right:clamp(18px,3vw,54px)}
.home-prime-content .course-rail{grid-auto-columns:clamp(255px,18vw,330px);gap:12px;padding:6px 0 18px;align-items:start;overflow-y:hidden;scroll-padding-left:clamp(18px,3vw,54px)}
.home-prime-content .continue-rail,.home-prime-content .student-available-course-rail{grid-auto-columns:clamp(285px,21vw,380px)}

.home-prime-content .rail-course-card,
.home-prime-content .continue-card,
.home-prime-content .student-available-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.055);
  background:#131313;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-prime-content .rail-course-card:hover,
.home-prime-content .continue-card:hover,
.home-prime-content .student-available-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 16px 34px rgba(0,0,0,.3);
}
.home-prime-content .rail-course-card .card-img,
.home-prime-content .continue-card .card-img,
.home-prime-content .student-available-card .card-img{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:10px 10px 0 0;
  background-size:cover;
  background-position:center;
  box-shadow:none;
  overflow:hidden;
}
.home-prime-content .rail-course-card .prime-card-info,
.home-prime-content .continue-card .prime-card-info,
.home-prime-content .student-available-card .prime-card-info{
  position:static!important;
  inset:auto!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:72px;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  padding:11px 12px 12px!important;
  background:linear-gradient(180deg,#1C1C1C,#161616)!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:none!important;
}
.home-prime-content .rail-course-card:hover .prime-card-info,
.home-prime-content .continue-card:hover .prime-card-info,
.home-prime-content .student-available-card:hover .prime-card-info{background:linear-gradient(180deg,#232323,#1C1C1C)!important}
.home-prime-content .prime-card-info b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;min-height:31px;font-size:12.5px;line-height:1.25;color:#f5f8fa}
.home-prime-content .prime-card-info small{font-size:9.5px;color:#A8A8A8}
.home-prime-content .prime-card-info p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:9.5px;color:#9D9D9D}
.home-prime-content .card-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px;font-size:9px;color:#A3A3A3}
.home-prime-content .card-title-row{align-items:flex-start}
.home-prime-content .card-title-row>span{flex:0 0 auto;padding-top:1px;font-size:9px;color:#66d99d}
.home-prime-content .card-image-shade{opacity:1;background:linear-gradient(180deg,transparent 42%,rgba(5,5,5,.08) 61%,rgba(5,5,5,.54) 100%)}
.home-prime-content .card-center-play{opacity:1;transform:none;width:32px;height:32px;left:10px;bottom:10px;background:#fff;color:#111111}
.home-prime-content .continue-play-badge{left:10px;bottom:10px;border-radius:5px;background:rgba(9,9,9,.78);backdrop-filter:blur(8px)}

/* Setas semelhantes a uma faixa de navegação, sem cobrir o texto */
.home-prime-content .rail-arrow{top:6px;bottom:auto;height:clamp(143px,10.125vw,186px);width:50px;border-radius:0;opacity:0}
.home-prime-content .rail-arrow.left{background:linear-gradient(90deg,rgba(5,5,5,.96),rgba(5,5,5,.62),transparent)}
.home-prime-content .rail-arrow.right{background:linear-gradient(270deg,rgba(5,5,5,.96),rgba(5,5,5,.62),transparent)}
.home-prime-content .rail-shell:hover .rail-arrow{opacity:.96}

/* Ranking visual inspirado em Top 10, adaptado para cursos */
.prime-ranked-section{margin-top:4px}
.ranked-course-rail{grid-auto-columns:clamp(315px,22vw,410px)!important;gap:16px!important}
.ranked-course-card{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:end;min-width:0;height:clamp(160px,12vw,205px);text-decoration:none;transition:transform .18s ease}
.ranked-course-card:hover{transform:translateY(-3px)}
.rank-number{align-self:end;display:flex;align-items:flex-end;justify-content:center;height:100%;font-size:clamp(92px,8vw,146px);line-height:.78;font-weight:950;letter-spacing:-.09em;color:#0F0F0F;-webkit-text-stroke:2px rgba(228,228,228,.72);text-shadow:0 10px 26px rgba(0,0,0,.22);overflow:hidden}
.ranked-course-art{position:relative;height:100%;min-width:0;border-radius:9px;background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.ranked-course-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,5,.82),transparent 56%)}
.ranked-course-title{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:12px;font-weight:800;line-height:1.22;text-shadow:0 2px 8px #000}

/* Categorias compactas, no final da descoberta */
.prime-category-strip{margin:6px 0 28px}
.prime-category-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none;scroll-snap-type:x proximity}
.prime-category-row::-webkit-scrollbar{display:none}
.prime-category-row a{flex:0 0 auto;display:flex;align-items:center;gap:9px;min-height:38px;padding:0 13px;border-radius:19px;background:#1B1B1B;border:1px solid rgba(255,255,255,.065);color:#F0F0F0;font-size:11px;font-weight:700;scroll-snap-align:start;transition:.16s ease}
.prime-category-row a:hover{background:#292929;border-color:rgba(255,255,255,.12);transform:translateY(-1px)}
.prime-category-row small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(255,255,255,.07);color:#B7B7B7;font-size:9px}

/* A vitrine pública acompanha a mesma linguagem visual */
.public-prime-hero{min-height:620px;height:clamp(600px,69vw,780px)}
.public-prime-shade{background:linear-gradient(90deg,#0A0A0A 0%,rgba(10,10,10,.93) 20%,rgba(10,10,10,.58) 45%,rgba(10,10,10,.08) 76%),linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.64) 13%,transparent 44%)}
.public-course-rail{grid-auto-columns:clamp(250px,18vw,330px)!important;gap:12px!important}
.public-course-card{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05);background:#141414}
.public-course-card .card-img{border-radius:10px 10px 0 0;aspect-ratio:16/9}
.public-course-card .prime-card-info{padding:10px 11px 12px!important;background:#171717!important;border-radius:0 0 10px 10px!important}
.public-course-card .prime-card-info b{font-size:12px!important;line-height:1.25}

/* Light theme: preserve hierarchy rather than invert every element harshly */
html[data-theme="light"] .clean-home-hero .hero-backdrop{background:linear-gradient(90deg,rgba(246,246,246,.98) 0%,rgba(246,246,246,.90) 22%,rgba(246,246,246,.46) 46%,rgba(246,246,246,.06) 72%),linear-gradient(0deg,#f4f8fb 0%,rgba(244,248,251,.82) 10%,rgba(244,248,251,.22) 33%,transparent 58%)}
html[data-theme="light"] .home-prime-content .rail-course-card,
html[data-theme="light"] .home-prime-content .continue-card,
html[data-theme="light"] .home-prime-content .student-available-card{background:#fff;border-color:rgba(16,16,16,.08);box-shadow:0 10px 26px rgba(41,41,41,.08)}
html[data-theme="light"] .home-prime-content .rail-course-card .prime-card-info,
html[data-theme="light"] .home-prime-content .continue-card .prime-card-info,
html[data-theme="light"] .home-prime-content .student-available-card .prime-card-info{background:#fff!important;color:#191919!important}
html[data-theme="light"] .home-prime-content .rail-course-card:hover .prime-card-info,
html[data-theme="light"] .home-prime-content .continue-card:hover .prime-card-info,
html[data-theme="light"] .home-prime-content .student-available-card:hover .prime-card-info{background:#f2f6f9!important}
html[data-theme="light"] .home-prime-content .prime-card-info b{color:#191919!important}
html[data-theme="light"] .home-prime-content .prime-card-info small,
html[data-theme="light"] .home-prime-content .prime-card-info p,
html[data-theme="light"] .home-prime-content .card-meta{color:#727272!important}
html[data-theme="light"] .rank-number{color:#f4f8fb;-webkit-text-stroke:2px rgba(40,40,40,.5)}
html[data-theme="light"] .prime-category-row a{background:#fff;border-color:rgba(16,16,16,.09);color:#262626;box-shadow:0 6px 16px rgba(41,41,41,.05)}
html[data-theme="light"] .prime-category-row a:hover{background:#F2F2F2}
html[data-theme="light"] .prime-category-row small{background:#F1F1F1;color:#626262}

@media(prefers-reduced-motion:no-preference){
  .home-prime-content .rail-course-card,
  .home-prime-content .continue-card,
  .home-prime-content .student-available-card,
  .ranked-course-card,
  .prime-category-row a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
}

@media(max-width:980px){
  .clean-home-hero{height:68vh;min-height:540px}
  .clean-home-hero .prime-hero-content{left:28px;width:min(650px,72vw);bottom:17%}
  .home-prime-content{margin-top:-48px}
  .home-prime-content .course-rail{grid-auto-columns:clamp(250px,34vw,320px)}
  .home-prime-content .continue-rail,.home-prime-content .student-available-course-rail{grid-auto-columns:clamp(280px,42vw,360px)}
  .ranked-course-rail{grid-auto-columns:clamp(300px,48vw,380px)!important}
}
@media(max-width:700px){
  .clean-home-hero{height:64vh;min-height:500px}
  .clean-home-hero .hero-slide{background-image:var(--hero-mobile-image);background-position:center 18%}
  .clean-home-hero .hero-backdrop{background:linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.91) 31%,rgba(15,15,15,.28) 68%,rgba(15,15,15,.08) 100%),linear-gradient(90deg,rgba(15,15,15,.38),transparent 76%)}
  .clean-home-hero .prime-hero-content{left:18px;right:18px;bottom:13%;width:auto}
  .clean-home-hero .prime-hero-content h1{font-size:clamp(31px,10vw,46px);max-width:94%}
  .clean-home-hero .prime-hero-content p{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .clean-home-hero .hero-controls{right:16px;bottom:6%}
  .home-prime-content{margin-top:-26px}
  .home-prime-content .section-head h2{font-size:19px}
  .home-prime-content .section-head p{display:none}
  .home-prime-content .course-rail,.home-prime-content .continue-rail,.home-prime-content .student-available-course-rail{grid-auto-columns:78vw;gap:9px;padding-bottom:14px}
  .home-prime-content .rail-arrow{display:none}
  .home-prime-content .rail-course-card:hover,.home-prime-content .continue-card:hover,.home-prime-content .student-available-card:hover,.ranked-course-card:hover{transform:none}
  .ranked-course-rail{grid-auto-columns:86vw!important}
  .ranked-course-card{grid-template-columns:58px minmax(0,1fr);height:158px}
  .rank-number{font-size:92px}
  .prime-category-strip{margin-top:2px}
}

/* =========================================================
   v037 — Carrossel de cursos com prévia por hover
   Inspirado no comportamento de descoberta de streaming.
   ========================================================= */
.featured-preview-section{position:relative;z-index:20}
.featured-preview-rail{grid-auto-columns:clamp(250px,18vw,330px)!important;gap:12px!important;padding-top:8px!important;padding-bottom:16px!important}
.featured-preview-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:10px;background:#131313;border:1px solid rgba(255,255,255,.055);box-shadow:0 8px 22px rgba(0,0,0,.2);scroll-snap-align:start;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.featured-preview-card:hover,.featured-preview-card.preview-pending{transform:translateY(-3px);border-color:rgba(255,255,255,.14);box-shadow:0 18px 38px rgba(0,0,0,.34)}
.featured-preview-art{position:relative;aspect-ratio:16/9;background-size:cover;background-position:center;overflow:hidden}
.featured-preview-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(5,5,5,.52));pointer-events:none}
.featured-preview-play{position:absolute;z-index:2;left:11px;bottom:10px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:rgba(255,255,255,.95);color:#101010;font-size:12px;padding-left:2px;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.featured-preview-demo{position:absolute;z-index:2;right:10px;top:10px;padding:5px 7px;border-radius:5px;background:rgba(10,10,10,.76);backdrop-filter:blur(7px);font-size:8px;font-weight:850;letter-spacing:.11em;color:#fff}
.featured-preview-caption{display:flex;flex-direction:column;gap:4px;min-height:62px;padding:10px 11px 12px;background:linear-gradient(180deg,#1B1B1B,#171717)}
.featured-preview-caption b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.25;color:#f6f8fa}
.featured-preview-caption small{font-size:9.5px;color:#A4A4A4}

.course-hover-preview{position:fixed;z-index:9999;width:min(430px,calc(100vw - 24px));border-radius:12px;overflow:hidden;background:#0C0C0C;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.68);transform:translate3d(0,8px,0) scale(.985);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .18s ease,visibility .16s ease}
.course-hover-preview.visible{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1)}
.course-hover-preview-media{position:relative;width:100%;aspect-ratio:16/9;background:#050505 center/cover no-repeat;overflow:hidden}
.course-hover-preview-media:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(0deg,rgba(12,12,12,.88),transparent);z-index:4;pointer-events:none}
.course-hover-preview-media iframe,.course-hover-preview-media video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#050505}
.course-hover-preview-media iframe{inset:-2%;width:104%;height:104%}
.course-hover-preview-fallback{position:absolute;inset:0;background:center/cover no-repeat}
.course-hover-preview-badge{position:absolute;z-index:5;right:10px;top:10px;padding:5px 7px;border-radius:5px;background:rgba(8,8,8,.72);backdrop-filter:blur(8px);font-size:8px;font-weight:850;letter-spacing:.1em;color:#fff}
.course-hover-preview-body{padding:14px 16px 16px;background:linear-gradient(180deg,#121212,#0A0A0A)}
.course-hover-preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.course-hover-preview-title-row b{font-size:20px;line-height:1.1;letter-spacing:-.025em;color:#fff}.course-hover-preview-title-row span{flex:0 0 auto;margin-top:2px;padding:4px 7px;border-radius:5px;background:rgba(255,159,46,.12);border:1px solid rgba(255,159,46,.25);color:#ffc06e;font-size:8px;font-weight:850;letter-spacing:.08em}
.course-hover-preview-meta{margin-top:8px;font-size:10px;color:#BFBFBF;font-weight:700}.course-hover-preview-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:9px 0 0;color:#D0D0D0;font-size:11px;line-height:1.48}.course-hover-preview-body>small{display:block;margin-top:10px;color:#8D8D8D;font-size:9px}

html[data-theme="light"] .featured-preview-card{background:#fff;border-color:rgba(16,16,16,.08);box-shadow:0 10px 24px rgba(41,41,41,.08)}
html[data-theme="light"] .featured-preview-caption{background:#fff}
html[data-theme="light"] .featured-preview-caption b{color:#1F1F1F}
html[data-theme="light"] .featured-preview-caption small{color:#707070}

@media(max-width:980px){
  .featured-preview-rail{grid-auto-columns:clamp(245px,34vw,320px)!important}
}
@media(max-width:700px){
  .featured-preview-rail{grid-auto-columns:78vw!important}
  .featured-preview-card:hover{transform:none}
  .featured-preview-demo{display:none}
  .course-hover-preview{display:none!important}
}
@media(hover:none),(pointer:coarse){.course-hover-preview{display:none!important}.featured-preview-demo{display:none}}
@media(prefers-reduced-motion:reduce){.course-hover-preview,.featured-preview-card{transition:none!important}}

/* v038 — rodapé público premium e compacto */
.public-access-strip{
  max-width:1180px;
  margin:34px auto 38px;
  padding:0;
  border:1px solid rgba(255,255,255,.065);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  overflow:hidden;
  box-shadow:0 16px 42px rgba(0,0,0,.16);
}
.public-access-strip>div{
  min-height:70px;
  padding:16px 20px;
  background:rgba(23,23,23,.86);
}
.public-access-strip span{
  width:27px;
  height:27px;
  border-radius:50%;
  background:#292929;
  color:#D7D7D7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.public-access-strip b{font-size:12px;color:#f3f7fa}
.public-access-strip small{font-size:9px;line-height:1.35;color:#959595}

.public-footer{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 clamp(24px,4vw,72px);
  background:linear-gradient(180deg,#0B0B0B 0%,#050505 100%);
  border-top:1px solid rgba(255,255,255,.055);
  color:#959595;
  font-size:11px;
}
.public-footer-inner{
  width:min(100%,1450px);
  margin:0 auto;
  min-height:116px;
  padding:28px 0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
.public-footer-brand{display:flex;flex-direction:column;gap:7px;min-width:0}
.public-footer-logo{display:inline-flex;align-items:center;gap:10px;width:max-content;color:#fff}
.public-footer-logo img{display:block;width:28px;height:28px;object-fit:contain;flex:0 0 auto}
.public-footer-logo strong{font-size:15px;line-height:1;letter-spacing:-.02em;color:#fff}
.public-footer-brand p{margin:0;max-width:520px;color:#919191;font-size:10px;line-height:1.45}
.public-footer-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.public-footer-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 10px;
  border-radius:8px;
  color:#C4C4C4;
  font-size:11px;
  font-weight:650;
  transition:color .16s ease,background .16s ease;
}
.public-footer-nav a:hover{color:#fff;background:rgba(255,255,255,.055)}
.public-footer-bottom{
  width:min(100%,1450px);
  margin:0 auto;
  min-height:44px;
  padding:13px 0 17px;
  border-top:1px solid rgba(255,255,255,.055);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#757575;
  font-size:9px;
}

html[data-theme="light"] .public-access-strip{
  background:#fff;
  border-color:rgba(16,16,16,.08);
  box-shadow:0 14px 32px rgba(41,41,41,.07);
}
html[data-theme="light"] .public-access-strip>div{background:#f7fafc}
html[data-theme="light"] .public-access-strip span{background:#EFEFEF;color:#343434}
html[data-theme="light"] .public-access-strip b{color:#202020}
html[data-theme="light"] .public-access-strip small{color:#727272}
html[data-theme="light"] .public-footer{
  background:linear-gradient(180deg,#f4f7fa,#F1F1F1);
  border-top-color:rgba(16,16,16,.07);
  color:#656565;
}
html[data-theme="light"] .public-footer-logo strong{color:#1B1B1B}
html[data-theme="light"] .public-footer-brand p{color:#787878}
html[data-theme="light"] .public-footer-nav a{color:#575757}
html[data-theme="light"] .public-footer-nav a:hover{color:#161616;background:rgba(16,16,16,.055)}
html[data-theme="light"] .public-footer-bottom{border-top-color:rgba(16,16,16,.07);color:#818181}

@media(max-width:760px){
  .public-access-strip{width:calc(100% - 28px);grid-template-columns:1fr;margin:24px auto 28px;border-radius:12px}
  .public-access-strip>div{min-height:62px}
  .public-footer{padding:0 18px}
  .public-footer-inner{min-height:0;padding:24px 0 20px;align-items:flex-start;flex-direction:column;gap:18px}
  .public-footer-nav{justify-content:flex-start}
  .public-footer-bottom{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 0 18px}
}

/* v039 — recuperação de senha por código de e-mail */
.login-password-help{display:flex;justify-content:flex-end;margin-top:-3px;margin-bottom:2px}
.login-password-help a{font-size:11px;font-weight:750;color:#F2C94C;transition:.16s ease}
.login-password-help a:hover{color:#E1E1E1;text-decoration:underline;text-underline-offset:3px}
.password-recovery-page .recovery-card{max-width:440px}
.password-recovery-page .login-card .alert{max-width:none;margin:14px 0;padding:11px 12px;font-size:12px;box-shadow:none}
.recovery-code-input{text-align:center!important;font-size:27px!important;font-weight:850!important;letter-spacing:.28em!important;font-variant-numeric:tabular-nums;padding-left:calc(.28em + 12px)!important}
.recovery-security-note{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#A0A0A0;font-size:10px;line-height:1.45}
.recovery-security-note svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#F2C94C;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] .login-password-help a{color:#F2C94C}
html[data-theme="light"] .login-password-help a:hover{color:#F2C94C}
html[data-theme="light"] .recovery-security-note{background:#f5f9fc;border-color:rgba(16,16,16,.08);color:#6A6A6A}
html[data-theme="light"] .recovery-security-note svg{stroke:#F2C94C}
@media(max-width:930px){.password-recovery-page .login-panel{min-height:100vh}.password-recovery-page .recovery-card{width:min(440px,100%)}}

/* v040 — segurança de conta: senha e troca confirmada de e-mail */
.account-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 28px}
.account-security-grid>.panel{margin:0;min-width:0}
.account-security-grid .block-heading p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}
.account-security-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.account-security-form>div:last-child{display:flex;align-items:end}
.account-security-form>div:last-child button{width:100%;min-height:44px}
.account-email-panel{scroll-margin-top:calc(var(--header-h) + 22px)}
.email-change-status{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:13px 14px;border:1px solid rgba(77,207,136,.22);border-radius:13px;background:rgba(42,144,91,.08)}
.email-change-status-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#176b3d;color:#dffff0;font-weight:900}
.email-change-status b{display:block;font-size:13px}.email-change-status p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.account-security-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.account-security-divider:before,.account-security-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.account-security-help{display:block;margin-top:11px;color:var(--muted);font-size:11px;line-height:1.5}
.account-security-note{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.account-security-note strong,.account-security-note span{display:block}.account-security-note strong{font-size:13px}.account-security-note span{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}
.account-preferences-heading{padding-top:20px!important}
html[data-theme="light"] .email-change-status{background:#effaf4;border-color:#bce6cf}.account-security-grid input{width:100%}
@media(max-width:900px){.account-security-grid{grid-template-columns:1fr}.account-security-form{grid-template-columns:1fr}}

/* =========================================================
   v041 — carregamento neutro de provedores + próxima automática
   ========================================================= */
.external-embed-player iframe{transition:none}
.external-embed-player.provider-preparing iframe{opacity:0!important}
.external-embed-player.provider-ready iframe{opacity:1!important}
.external-provider-shield{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:
  linear-gradient(0deg,rgba(0,0,0,.74),rgba(0,0,0,.22) 62%,rgba(0,0,0,.12)),
  var(--lesson-poster) center/cover no-repeat;text-align:center;transition:opacity .24s ease;pointer-events:none}
.external-provider-shield[hidden]{display:none!important}
.external-provider-shield.leaving{opacity:0}
.external-provider-shield strong{font-size:14px;letter-spacing:-.01em;text-shadow:0 2px 12px rgba(0,0,0,.7)}
.external-provider-shield small{font-size:10px;color:#DEDEDE;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.provider-shield-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.24);border-top-color:#fff;border-radius:50%;animation:unisst-provider-spin .8s linear infinite;box-shadow:0 8px 24px rgba(0,0,0,.24)}
@keyframes unisst-provider-spin{to{transform:rotate(360deg)}}
.external-neutral-controls{z-index:7}

.lesson-auto-next{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(255,255,255,.035);color:#D2D2D2;font-size:10px;font-weight:700;cursor:pointer;user-select:none;transition:.16s ease}
.lesson-auto-next:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.lesson-auto-next input{position:absolute;opacity:0;pointer-events:none}
.lesson-auto-next-switch{position:relative;width:28px;height:16px;border-radius:999px;background:#434343;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:.18s ease}
.lesson-auto-next-switch i{position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#E5E5E5;transition:.18s ease}
.lesson-auto-next input:checked+.lesson-auto-next-switch{background:#20764b;box-shadow:inset 0 0 0 1px rgba(72,218,145,.26)}
.lesson-auto-next input:checked+.lesson-auto-next-switch i{transform:translateX(12px);background:#f5fff9}
.lesson-auto-next input:focus-visible+.lesson-auto-next-switch{outline:2px solid #F2C94C;outline-offset:2px}
.auto-advancing .lesson-auto-next{border-color:rgba(72,218,145,.28);background:rgba(32,118,75,.16);color:#cffff0}
html[data-theme="light"] .lesson-auto-next{background:#fff;border-color:rgba(21,21,21,.12);color:#343434}
html[data-theme="light"] .lesson-auto-next:hover{background:#f2f6f9;border-color:rgba(21,21,21,.18)}
html[data-theme="light"] .lesson-auto-next-switch{background:#CECECE}
@media(max-width:760px){.lesson-auto-next{padding:0 8px}.lesson-auto-next>span:last-child{display:none}}

/* v044 — explicit exit control for cinema mode. */
.cinema-exit-button{display:none;position:fixed;top:16px;right:18px;z-index:1200;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:rgba(13,13,13,.92);color:#fff;font:inherit;font-size:12px;font-weight:700;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:pointer;backdrop-filter:blur(10px)}
.cinema-exit-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cinema-exit-button:hover,.cinema-exit-button:focus-visible{background:rgba(35,35,35,.98);border-color:rgba(255,255,255,.35);outline:none}
.cinema-mode .cinema-exit-button{display:inline-flex}
@media(max-width:700px){.cinema-exit-button{top:10px;right:10px;padding:8px 10px}.cinema-exit-button span{display:none}}

/* =========================================================
   v045 — refinamento de experiência cinematográfica
   Referência comportamental: serviços de streaming modernos.
   Mantém identidade, conteúdo e funcionalidades UniSST.
   ========================================================= */
:root{
  --cinematic-ease:cubic-bezier(.2,.72,.22,1);
  --cinematic-fast:180ms;
  --cinematic-medium:320ms;
}

/* Hero: entrada em camadas e transição mais cinematográfica */
.clean-home-hero .hero-slide{
  transform:scale(1.028);
  filter:saturate(.92) brightness(.94);
  transition:opacity .72s ease,transform 7s linear,filter .72s ease,visibility .72s;
  will-change:opacity,transform;
}
.clean-home-hero .hero-slide.active{
  transform:scale(1);
  filter:saturate(1) brightness(1);
}
.clean-home-hero .hero-slide .prime-hero-content>*{
  opacity:0;
  transform:translate3d(-14px,10px,0);
  transition:opacity .45s var(--cinematic-ease),transform .55s var(--cinematic-ease);
}
.clean-home-hero .hero-slide.active .prime-hero-content>*{opacity:1;transform:none}
.clean-home-hero .hero-slide.active .prime-hero-content .hero-kicker{transition-delay:.06s}
.clean-home-hero .hero-slide.active .prime-hero-content h1{transition-delay:.10s}
.clean-home-hero .hero-slide.active .prime-hero-content .hero-metadata{transition-delay:.14s}
.clean-home-hero .hero-slide.active .prime-hero-content p{transition-delay:.18s}
.clean-home-hero .hero-slide.active .prime-hero-content .hero-actions{transition-delay:.22s}
.clean-home-hero .prime-play-btn,
.clean-home-hero .prime-info-btn.wide{
  transition:transform var(--cinematic-fast) ease,background var(--cinematic-fast) ease,box-shadow var(--cinematic-fast) ease;
}
.clean-home-hero .prime-play-btn:hover,
.clean-home-hero .prime-info-btn.wide:hover{transform:translateY(-2px) scale(1.018)}
.clean-home-hero .prime-play-btn:hover{box-shadow:0 10px 28px rgba(255,255,255,.16)}
.clean-home-hero .hero-arrow{opacity:.72;transform:scale(.94);transition:opacity .18s ease,transform .18s ease,background .18s ease}
.clean-home-hero:hover .hero-arrow{opacity:1;transform:scale(1)}

/* Barra superior: ganha definição somente quando necessária */
.prime-header .header-inner{transform:translateZ(0);transition:background .24s ease,box-shadow .24s ease,border-color .24s ease,transform .24s ease}
.prime-header.scrolled .header-inner{border-color:rgba(255,255,255,.09);transform:translateY(2px)}
.prime-nav a,.header-icon-btn,.profile-trigger,.theme-toggle-btn{transition:background .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}
.prime-nav a:hover,.header-icon-btn:hover,.profile-trigger:hover,.theme-toggle-btn:hover{transform:translateY(-1px)}

/* Trilhos: bordas dissolvidas e navegação contextual */
.home-prime-content .rail-shell{isolation:isolate}
.home-prime-content .course-rail{
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
}
.home-prime-content .course-rail.is-dragging{cursor:grabbing;scroll-snap-type:none!important;scroll-behavior:auto!important;user-select:none}
.home-prime-content .course-rail.is-dragging a{pointer-events:none}
.home-prime-content .rail-arrow{
  opacity:0;
  transform:scale(.92);
  transition:opacity .18s ease,transform .18s ease,background .18s ease;
}
.home-prime-content .rail-shell:hover .rail-arrow:not(.is-disabled),
.home-prime-content .rail-shell:focus-within .rail-arrow:not(.is-disabled){opacity:1;transform:scale(1)}
.home-prime-content .rail-arrow.is-disabled{opacity:0!important;pointer-events:none}
.home-prime-content .rail-arrow svg{transition:transform .16s ease}
.home-prime-content .rail-arrow:hover svg{transform:scale(1.16)}

/* Cards: foco progressivo, zoom da arte e profundidade sem cortar conteúdo */
.home-prime-content .rail-course-card,
.home-prime-content .continue-card,
.home-prime-content .student-available-card,
.featured-preview-card,
.ranked-course-card{
  transform-origin:center center;
  will-change:transform;
}
.home-prime-content .rail-course-card .card-img,
.home-prime-content .continue-card .card-img,
.home-prime-content .student-available-card .card-img,
.featured-preview-art,
.ranked-course-art{
  transition:transform .46s var(--cinematic-ease),filter .32s ease;
  will-change:transform;
}
.home-prime-content .rail-course-card:hover .card-img,
.home-prime-content .continue-card:hover .card-img,
.home-prime-content .student-available-card:hover .card-img,
.featured-preview-card:hover .featured-preview-art,
.ranked-course-card:hover .ranked-course-art{
  transform:scale(1.035);
  filter:saturate(1.06) contrast(1.025);
}
.home-prime-content .course-rail.has-hover>a:not(:hover):not(.preview-pending){opacity:.72;filter:saturate(.86)}
.home-prime-content .course-rail>a{transition:opacity .22s ease,filter .22s ease,transform .22s var(--cinematic-ease),box-shadow .22s ease,border-color .22s ease}
.home-prime-content .rail-course-card:hover,
.home-prime-content .continue-card:hover,
.home-prime-content .student-available-card:hover,
.featured-preview-card:hover,.featured-preview-card.preview-pending{
  transform:translateY(-5px) scale(1.012);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 22px 50px rgba(0,0,0,.42);
}
.featured-preview-play,.card-center-play,.continue-play-badge{transition:transform .2s var(--cinematic-ease),background .2s ease,opacity .2s ease}
.featured-preview-card:hover .featured-preview-play,
.home-prime-content .rail-course-card:hover .card-center-play,
.home-prime-content .continue-card:hover .continue-play-badge,
.home-prime-content .student-available-card:hover .continue-play-badge{transform:scale(1.09)}

/* Prévia flutuante: surgimento ancorado ao card e mídia sem salto visual */
.course-hover-preview{
  transform-origin:var(--preview-origin,center center);
  transform:translate3d(0,12px,0) scale(.965);
  transition:opacity .18s ease,transform .24s var(--cinematic-ease),visibility .18s ease;
  backdrop-filter:blur(12px) saturate(115%);
}
.course-hover-preview.visible{transform:translate3d(0,0,0) scale(1)}
.course-hover-preview-media:before{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 -34px 60px rgba(0,0,0,.22);
}
.course-hover-preview-media iframe,.course-hover-preview-media video,.course-hover-preview-fallback{animation:previewMediaIn .32s ease both}
@keyframes previewMediaIn{from{opacity:.2;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}

/* Entrada suave das faixas quando chegam à área visível */
@media(prefers-reduced-motion:no-preference){
  .home-prime-content.cinematic-ready .prime-rail-section,
  .home-prime-content.cinematic-ready .prime-category-strip{
    opacity:.001;
    transform:translate3d(0,18px,0);
    transition:opacity .48s ease,transform .58s var(--cinematic-ease);
  }
  .home-prime-content.cinematic-ready .prime-rail-section.is-visible,
  .home-prime-content.cinematic-ready .prime-category-strip.is-visible{opacity:1;transform:none}
}

@media(max-width:700px),(hover:none),(pointer:coarse){
  .home-prime-content .course-rail{cursor:auto}
  .home-prime-content .course-rail.has-hover>a{opacity:1!important;filter:none!important}
  .home-prime-content .rail-course-card:hover .card-img,
  .home-prime-content .continue-card:hover .card-img,
  .home-prime-content .student-available-card:hover .card-img,
  .featured-preview-card:hover .featured-preview-art,
  .ranked-course-card:hover .ranked-course-art{transform:none;filter:none}
}
@media(prefers-reduced-motion:reduce){
  .clean-home-hero .hero-slide,.clean-home-hero .hero-slide .prime-hero-content>*,
  .course-hover-preview-media iframe,.course-hover-preview-media video,.course-hover-preview-fallback{animation:none!important;transition:none!important;transform:none!important}
  .home-prime-content .prime-rail-section,.home-prime-content .prime-category-strip{opacity:1!important;transform:none!important}
}

/* v047 — continuidade, feedback de navegação e estados inteligentes. */
.course-card.is-opening,.featured-preview-card.is-opening,.ranked-course-card.is-opening,[data-course-link].is-opening{transform:scale(.985)!important;opacity:.78!important;filter:saturate(.9)!important;transition:transform .08s ease,opacity .08s ease,filter .08s ease!important}
.course-card:active,.featured-preview-card:active,.ranked-course-card:active{transform:scale(.985)}
.course-complete-badge{position:absolute;left:10px;bottom:10px;z-index:5;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(20,20,20,.86);border:1px solid rgba(102,222,159,.34);color:#8df1b8;font-size:9px;font-weight:850;letter-spacing:.04em;backdrop-filter:blur(8px)}
.completed-course-card .card-img{box-shadow:inset 0 0 0 1px rgba(102,222,159,.16)}
.course-watchlist-form{margin:0}.prime-circle-btn.is-saved{background:rgba(53,180,118,.18);border-color:rgba(95,225,157,.42);color:#9af3bf}.prime-circle-btn.is-saved svg{stroke-width:2.2}
.student-catalog-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.student-watchlist-shortcut{display:inline-flex;align-items:center;min-height:42px;padding:0 8px;font-weight:750}
.smart-learning-rail .section-label,.smart-discovery-rail .section-label{letter-spacing:.12em}
.external-neutral-controls [data-external-speed]{min-width:42px;font-variant-numeric:tabular-nums}
.playlist-item[aria-current="page"]{scroll-margin-block:28vh}
@media(max-width:700px){.student-catalog-actions{width:100%}.student-catalog-actions .secondary-btn{flex:1}.student-watchlist-shortcut{justify-content:center}.course-complete-badge{left:8px;bottom:8px}}

/* v047 — skeleton discreto até a mídia estar pronta. */
.card-img.media-loading,.featured-preview-art.media-loading,.ranked-course-art.media-loading{position:relative;overflow:hidden}
.card-img.media-loading::after,.featured-preview-art.media-loading::after,.ranked-course-art.media-loading::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.02) 10%,rgba(255,255,255,.10) 28%,rgba(255,255,255,.02) 46%);background-size:220% 100%;animation:unisstSkeleton 1.15s linear infinite}
.media-ready::after{opacity:0;transition:opacity .18s ease}
@keyframes unisstSkeleton{to{background-position-x:-220%}}
@media(prefers-reduced-motion:reduce){.card-img.media-loading::after,.featured-preview-art.media-loading::after,.ranked-course-art.media-loading::after{animation:none}}

/* v047 — atualização incremental do catálogo. */
.explore-page.catalog-updating .prime-catalog-grid{opacity:.56;pointer-events:none;transition:opacity .12s ease}
.explore-page.catalog-updating .catalog-count{opacity:.55}
.low-power-device .home-prime-content .course-rail>a{transition:opacity .12s ease,transform .12s ease}.low-power-device .prime-card:hover{transform:translateY(-2px) scale(1.015)}.low-power-device .course-hover-preview iframe,.low-power-device .course-hover-preview video{display:none}
.hero-slide[data-hero-href]{cursor:pointer}.hero-slide[data-hero-href] a,.hero-slide[data-hero-href] button{cursor:pointer}
.deadline-badge{position:absolute;left:10px;top:10px;z-index:5;padding:6px 8px;border-radius:999px;background:rgba(17,17,17,.88);border:1px solid rgba(255,255,255,.2);color:#f3f7fa;font-size:9px;font-weight:850;backdrop-filter:blur(8px)}.deadline-badge.urgent{border-color:rgba(255,180,83,.5);background:rgba(71,42,8,.82);color:#ffd08c}

/* v048 — Playlist pessoal de cursos. */
.course-playlist-action{display:flex;align-items:center;gap:9px;min-height:46px}.course-playlist-caption{font-size:11px;font-weight:750;color:rgba(255,255,255,.74);white-space:nowrap;transition:opacity .18s ease,color .18s ease}.course-playlist-action:has(.is-saved) .course-playlist-caption{color:#a6efc2}.prime-circle-btn.is-updating{opacity:.58;pointer-events:none}.prime-circle-btn.is-updating svg{animation:playlistPulse .7s ease infinite alternate}@keyframes playlistPulse{to{transform:scale(.82);opacity:.58}}
.playlist-toast{position:fixed;z-index:900;right:24px;bottom:24px;display:flex;align-items:center;gap:14px;max-width:min(430px,calc(100vw - 28px));padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(16,16,16,.96);box-shadow:0 18px 54px rgba(0,0,0,.46);color:#f5f8fa;font-size:12px;font-weight:700;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .22s ease}.playlist-toast.visible{opacity:1;transform:none;pointer-events:auto}.playlist-toast span{line-height:1.45}.playlist-toast a{margin-left:auto;white-space:nowrap;padding:7px 10px;border-radius:8px;background:#fff;color:#0F0F0F;font-weight:850}
.student-course-playlist-page{display:grid;gap:26px}.playlist-library-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:radial-gradient(circle at 84% 20%,rgba(212,175,55,.22),transparent 31%),linear-gradient(125deg,#1A1A1A,#0F0F0F 72%);box-shadow:0 22px 60px rgba(0,0,0,.24)}.playlist-library-hero:after{content:"";position:absolute;inset:auto -8% -70% 42%;height:190px;background:radial-gradient(ellipse,rgba(255,255,255,.07),transparent 68%);pointer-events:none}.playlist-library-hero h1{margin:6px 0 9px;font-size:clamp(27px,4vw,46px);letter-spacing:-.035em}.playlist-library-hero p{margin:0;max-width:680px;color:#B6B6B6;line-height:1.6}.playlist-library-stats{display:flex;gap:9px;position:relative;z-index:1}.playlist-library-stats article{min-width:92px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(10,10,10,.48);backdrop-filter:blur(10px)}.playlist-library-stats strong{display:block;font-size:22px}.playlist-library-stats span{display:block;margin-top:3px;color:#9E9E9E;font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.playlist-library-panel{display:grid;gap:14px}.course-playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-playlist-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#161616;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.course-playlist-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18);box-shadow:0 18px 44px rgba(0,0,0,.28)}.course-playlist-main{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:148px;color:inherit}.course-playlist-art{position:relative;min-height:148px;background-position:center;background-size:cover;overflow:hidden}.course-playlist-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#161616 100%)}.playlist-order{position:absolute;z-index:2;left:9px;top:9px;display:grid;place-items:center;min-width:31px;height:25px;padding:0 7px;border-radius:7px;background:rgba(9,9,9,.82);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:900;letter-spacing:.06em}.playlist-card-play{position:absolute;z-index:3;left:50%;top:50%;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:#0F0F0F;opacity:0;transform:translate(-50%,-43%) scale(.9);transition:.18s ease}.playlist-card-play svg{width:17px;height:17px;fill:currentColor;stroke:none}.course-playlist-card:hover .playlist-card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.playlist-progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.15)}.playlist-progress i{display:block;height:100%;background:currentColor;color:#d92738}.course-playlist-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:20px 48px 20px 18px}.course-playlist-title-row{display:flex;align-items:start;gap:8px}.course-playlist-title-row b{font-size:16px;line-height:1.25}.playlist-done{flex:0 0 auto;padding:4px 6px;border-radius:999px;background:rgba(61,174,113,.14);border:1px solid rgba(99,219,154,.3);color:#9aefbe;font-size:8px;font-weight:850}.course-playlist-copy p{margin:7px 0 10px;color:#979797;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-playlist-meta{display:flex;gap:9px;flex-wrap:wrap;color:#868686;font-size:9px}.course-playlist-meta span+span:before{content:"•";margin-right:9px;opacity:.55}.playlist-primary-action{margin-top:12px;color:#F0F0F0;font-size:10px}.playlist-primary-action span{display:inline-block;margin-left:4px;transition:transform .18s ease}.course-playlist-card:hover .playlist-primary-action span{transform:translateX(3px)}.playlist-remove-form{position:absolute;z-index:5;right:9px;top:9px}.playlist-remove-form button{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(9,9,9,.72);color:#C7C7C7;font-size:9px;font-weight:800;cursor:pointer;backdrop-filter:blur(8px)}.playlist-remove-form button:hover{background:rgba(90,25,34,.88);border-color:rgba(255,111,126,.34);color:#fff}.playlist-remove-form svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8}.playlist-library-empty{min-height:330px;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;border:1px dashed rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.018)}.playlist-library-empty h2{margin:8px 0}.playlist-library-empty p{max-width:560px;margin:0 0 20px;color:#9A9A9A;line-height:1.6}.playlist-empty-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05)}.playlist-empty-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.dashboard-playlist-stat{display:flex!important;flex-direction:column;justify-content:center;color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.dashboard-playlist-stat:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2)!important}.playlist-mini-badge{position:absolute;z-index:4;left:9px;top:9px;padding:5px 7px;border-radius:999px;background:rgba(6,19,15,.84);border:1px solid rgba(92,211,146,.32);color:#9cebbe;font-size:8px;font-weight:850;backdrop-filter:blur(7px)}
html[data-theme="light"] .course-playlist-caption{color:#717171}html[data-theme="light"] .course-playlist-action:has(.is-saved) .course-playlist-caption{color:#237447}html[data-theme="light"] .playlist-library-hero{background:radial-gradient(circle at 84% 20%,rgba(212,175,55,.19),transparent 31%),linear-gradient(125deg,#fff,#F4F4F4 72%);border-color:#E1E1E1;box-shadow:0 18px 48px rgba(51,51,51,.1)}html[data-theme="light"] .playlist-library-hero p{color:#707070}html[data-theme="light"] .playlist-library-stats article{background:rgba(255,255,255,.72);border-color:#E2E2E2}html[data-theme="light"] .playlist-library-stats span{color:#757575}html[data-theme="light"] .course-playlist-card{background:#fff;border-color:#E3E3E3}html[data-theme="light"] .course-playlist-art:after{background:linear-gradient(90deg,transparent 45%,#fff 100%)}html[data-theme="light"] .course-playlist-copy p,html[data-theme="light"] .course-playlist-meta{color:#777777}html[data-theme="light"] .playlist-primary-action{color:#262626}html[data-theme="light"] .playlist-library-empty{background:#fff;border-color:#DEDEDE}html[data-theme="light"] .playlist-library-empty p{color:#717171}
@media(max-width:900px){.playlist-library-hero{grid-template-columns:1fr}.playlist-library-stats{justify-content:flex-start}.course-playlist-grid{grid-template-columns:1fr}}
@media(max-width:600px){.course-playlist-action{gap:0}.course-playlist-caption{display:none}.playlist-toast{left:14px;right:14px;bottom:78px}.playlist-library-hero{padding:24px 20px}.playlist-library-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.playlist-library-stats article{min-width:0;padding:11px}.course-playlist-main{grid-template-columns:124px minmax(0,1fr);min-height:132px}.course-playlist-art{min-height:132px}.course-playlist-copy{padding:16px 42px 16px 13px}.course-playlist-copy p{display:none}.playlist-remove-form button span{display:none}.playlist-remove-form button{width:30px;padding:0;justify-content:center}.course-playlist-title-row{display:block}.playlist-done{display:inline-flex;margin-top:5px}.course-playlist-meta{gap:6px}.course-playlist-meta span:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.prime-circle-btn.is-updating svg{animation:none}.playlist-toast,.course-playlist-card,.playlist-card-play,.playlist-primary-action span{transition:none!important}}
.student-learning-page .dashboard-mini-grid .dashboard-playlist-stat{display:flex;flex-direction:column;justify-content:space-between;min-height:108px;padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#171717}
html[data-theme="light"] .student-learning-page .dashboard-mini-grid .dashboard-playlist-stat{background:#fff;border-color:#E3E3E3}
@media(min-width:1181px){.student-learning-page .dashboard-mini-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* v049 — hover preview refinado, cards retangulares e cursos bloqueados */
.course-hover-preview{width:min(450px,calc(100vw - 24px));overflow:visible}
.course-hover-preview-body{padding:14px 16px 16px;background:linear-gradient(180deg,#121212,#0A0A0A)}
.course-hover-preview-actions{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.preview-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.preview-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
.preview-action.primary{background:#F3F3F3;color:#101010;border-color:rgba(255,255,255,.16)}
.preview-action.secondary{background:rgba(255,193,7,.14);border-color:rgba(255,193,7,.28);color:#ffd452}
.preview-action.icon{width:42px;min-width:42px;padding:0;border-radius:50%}
.preview-action.icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.preview-action.is-saved{background:rgba(86,199,126,.16);border-color:rgba(86,199,126,.34);color:#b5f1c6}
.preview-lock-note{display:block;margin-top:10px;color:#ffd97e;font-size:10px;line-height:1.4}
.course-card .card-img,.featured-preview-art,.ranked-course-art{aspect-ratio:16/9}
.course-card.prime-card,.featured-preview-card{border-radius:14px;overflow:hidden}
.course-card.prime-card .card-info{min-height:74px}
.locked-course-card .card-img{position:relative}
.locked-card-overlays{position:absolute;left:10px;right:10px;top:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.locked-card-lock,.locked-card-brand{display:inline-flex;align-items:center;justify-content:center;height:28px;border-radius:999px;background:rgba(13,13,13,.76);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.22)}
.locked-card-lock{min-width:28px;padding:0 8px;font-size:14px;color:#ffd84d}
.locked-card-brand{padding:0 10px}
.locked-card-brand img{height:12px;width:auto;display:block;filter:brightness(0) invert(1)}
.locked-course-card .card-info b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="light"] .preview-action{border-color:rgba(16,16,16,.1);background:#F3F3F3;color:#1F1F1F}
html[data-theme="light"] .preview-action.primary{background:#2E2E2E;color:#fff}
html[data-theme="light"] .preview-action.secondary{background:#fff5d8;color:#946400;border-color:rgba(219,169,33,.24)}
html[data-theme="light"] .preview-action.is-saved{background:#eaf8ee;color:#1d7d3f;border-color:rgba(64,156,92,.26)}
html[data-theme="light"] .locked-card-lock,html[data-theme="light"] .locked-card-brand{background:rgba(255,255,255,.92);border-color:rgba(16,16,16,.08)}
html[data-theme="light"] .locked-card-brand img{filter:none}
@media(max-width:700px){.course-hover-preview-actions{gap:8px}.preview-action{min-height:40px;padding:0 14px}.preview-action.icon{width:40px;min-width:40px}}

/* v050 — Meu Aprendizado: hub premium, menu interno e carrosséis proporcionais */
.student-learning-page{display:flex;flex-direction:column;gap:24px;padding-bottom:42px}
.student-learning-page .learning-hero{margin:0;gap:14px}
.student-learning-page .learning-hero-main{display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:30px 32px!important;border-radius:22px!important;background:radial-gradient(circle at 88% 18%,rgba(242,201,76,.18),transparent 34%),linear-gradient(135deg,#131313,#202020 66%,#2E2E2E)!important;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.student-learning-page .learning-hero h1{max-width:780px;margin:7px 0 10px;font-size:clamp(34px,4vw,56px);line-height:.98}
.student-learning-page .learning-hero p{max-width:760px}
.learning-hero-shortcuts{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}
.learning-hero-shortcuts a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#F5F5F5;font-size:11px;font-weight:800;text-decoration:none;transition:.18s ease}
.learning-hero-shortcuts a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}
.learning-hero-shortcuts a span{font-size:15px;color:#D0D0D0}
.student-learning-page .learning-goal-card{min-height:190px;border-radius:22px;background:radial-gradient(circle at 25% 0,rgba(242,201,76,.12),transparent 38%),linear-gradient(145deg,#1C1C1C,#151515);box-shadow:0 20px 55px rgba(0,0,0,.18)}

.learning-hub-nav{position:sticky;top:calc(var(--header-h) + 8px);z-index:34;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(16,16,16,.91);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(0,0,0,.22);scrollbar-width:none}
.learning-hub-nav::-webkit-scrollbar{display:none}
.learning-hub-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border-radius:12px;color:#ADADAD;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;transition:.16s ease}
.learning-hub-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.learning-hub-nav a.active{background:linear-gradient(135deg,#303030,#282828);color:#fff;box-shadow:inset 0 0 0 1px rgba(242,201,76,.15)}
.learning-hub-nav svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.learning-hub-nav em{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.08);color:#E4E4E4;font-size:9px;font-style:normal}
.learning-hub-nav a.active em{background:rgba(242,201,76,.16);color:#D8D8D8}

.student-learning-page .learning-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px;margin:0}
.student-learning-page .learning-summary-grid>article,
.student-learning-page .learning-summary-grid>a{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:112px;padding:17px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(180deg,#171717,#121212);color:inherit;text-decoration:none;transition:transform .17s ease,border-color .17s ease,background .17s ease}
.student-learning-page .learning-summary-grid>a:hover{transform:translateY(-2px);border-color:rgba(242,201,76,.18);background:linear-gradient(180deg,#1F1F1F,#171717)}
.student-learning-page .learning-summary-grid strong{font-size:29px}
.student-learning-page .learning-summary-grid small{line-height:1.25}

.learning-section-block{scroll-margin-top:calc(var(--header-h) + 80px);display:flex;flex-direction:column;gap:12px;padding:20px 0 4px;border-top:1px solid rgba(255,255,255,.045)}
.learning-section-head{margin:0 2px 2px}
.learning-section-head h2{margin-top:2px;font-size:clamp(22px,2vw,28px);letter-spacing:-.035em}
.learning-section-head p{margin-top:4px;color:#949494;font-size:11px}
.learning-section-head>a{align-self:center;padding:7px 0;color:#DADADA;font-size:11px;font-weight:800;text-decoration:none}
.learning-section-head>a:hover{color:#fff}
.learning-rail-shell{margin:0;overflow:visible}
.student-learning-page .learning-course-rail{grid-auto-columns:clamp(260px,20vw,320px)!important;gap:12px!important;align-items:start!important;grid-auto-rows:max-content!important;padding:5px 2px 16px!important;overflow-x:auto;overflow-y:visible}
.student-learning-page .learning-course-card{align-self:start!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;border-radius:13px!important;overflow:hidden!important;background:#161616!important;border:1px solid rgba(255,255,255,.065)!important;box-shadow:0 9px 26px rgba(0,0,0,.18)}
.student-learning-page .learning-course-card .card-img{flex:0 0 auto!important;width:100%;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;background-position:center;background-size:cover;box-shadow:none!important}
.student-learning-page .learning-course-card .prime-card-info{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;gap:5px;min-height:78px!important;height:auto!important;padding:11px 12px 13px!important;opacity:1!important;visibility:visible!important;transform:none!important;border-radius:0!important;background:linear-gradient(180deg,#1D1D1D,#161616)!important;box-shadow:none!important}
.student-learning-page .learning-course-card .prime-card-info b{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal!important;min-height:30px;font-size:12.5px;line-height:1.22;color:#f4f8fb}
.student-learning-page .learning-course-card .prime-card-info small{display:block;color:#A4A4A4;font-size:9.5px;line-height:1.3}
.student-learning-page .learning-course-card .prime-card-info p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#949494;font-size:9px}
.student-learning-page .learning-course-card:hover{z-index:3;transform:translateY(-4px) scale(1.015)!important;border-color:rgba(242,201,76,.16)!important;box-shadow:0 20px 42px rgba(0,0,0,.31)}
.student-learning-page .learning-course-card:hover .prime-card-info{background:linear-gradient(180deg,#232323,#1A1A1A)!important}
.learning-play-chip{position:absolute;z-index:4;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:0 9px;border-radius:999px;background:rgba(247,249,251,.93);color:#0F0F0F;font-size:9px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.23)}
.learning-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;color:#8F8F8F;font-size:8.5px}
.learning-card-meta span+span:before{content:"•";margin-right:8px;opacity:.5}
.student-learning-page .playlist-mini-badge{top:9px;left:9px}

.learning-empty-state{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:15px 16px;border-radius:15px;border:1px dashed rgba(255,255,255,.1);background:rgba(255,255,255,.018)}
.learning-empty-state>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#222222;color:#D1D1D1;font-size:17px}
.learning-empty-state b{display:block;font-size:13px}.learning-empty-state small{display:block;margin-top:3px;color:#919191;font-size:10px}.learning-empty-state>a{padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.06);color:#E8E8E8;font-size:10px;font-weight:800;text-decoration:none}
.learning-inline-empty{display:flex;align-items:center;min-height:76px;padding:16px;border-radius:13px;border:1px dashed rgba(255,255,255,.08);color:#909090;font-size:11px}

.student-learning-page .learning-management-grid{scroll-margin-top:calc(var(--header-h) + 80px);grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:12px;margin-top:4px}
.student-learning-page .learning-management-grid .panel{min-height:100%}
.student-learning-page .learning-agenda-panel .timeline-list{max-height:340px;overflow:auto;padding-right:3px}
.student-learning-page .learning-goal-panel .secondary-btn{width:100%}
.student-learning-page .learning-action-list a{grid-template-columns:minmax(0,1fr) auto!important}
.student-learning-page .learning-qualification-grid{gap:12px}

html[data-theme="light"] .learning-hub-nav{background:rgba(247,250,252,.94);border-color:#E4E4E4;box-shadow:0 12px 30px rgba(49,49,49,.08)}
html[data-theme="light"] .learning-hub-nav a{color:#6F6F6F}html[data-theme="light"] .learning-hub-nav a:hover{background:#F2F2F2;color:#242424}html[data-theme="light"] .learning-hub-nav a.active{background:#323232;color:#fff}
html[data-theme="light"] .student-learning-page .learning-summary-grid>article,html[data-theme="light"] .student-learning-page .learning-summary-grid>a{background:#fff;border-color:#E5E5E5}
html[data-theme="light"] .student-learning-page .learning-course-card{background:#fff!important;border-color:#E5E5E5!important;box-shadow:0 10px 28px rgba(50,50,50,.08)}
html[data-theme="light"] .student-learning-page .learning-course-card .prime-card-info{background:#fff!important}html[data-theme="light"] .student-learning-page .learning-course-card:hover .prime-card-info{background:#f3f7fa!important}
html[data-theme="light"] .student-learning-page .learning-course-card .prime-card-info b{color:#202020}html[data-theme="light"] .student-learning-page .learning-course-card .prime-card-info small{color:#727272}
html[data-theme="light"] .learning-empty-state,html[data-theme="light"] .learning-inline-empty{background:#fff;border-color:#DFDFDF;color:#757575}
html[data-theme="light"] .learning-empty-state>span{background:#F2F2F2;color:#F2C94C}
html[data-theme="light"] .learning-empty-state>a{background:#F2F2F2;color:#313131}

@media(max-width:1180px){
  .student-learning-page .learning-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .student-learning-page .learning-management-grid{grid-template-columns:1fr}
  .student-learning-page .learning-course-rail{grid-auto-columns:clamp(250px,31vw,310px)!important}
}
@media(max-width:820px){
  .student-learning-page{gap:18px}
  .student-learning-page .learning-hero-main{min-height:0;padding:24px 21px!important}
  .student-learning-page .learning-goal-card{min-height:0;padding:20px}
  .learning-hub-nav{top:calc(var(--header-h) + 4px);margin-left:-2px;margin-right:-2px;border-radius:14px}
  .student-learning-page .learning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .student-learning-page .learning-course-rail{grid-auto-columns:min(76vw,300px)!important;gap:9px!important}
  .learning-section-block{padding-top:16px}
}
@media(max-width:520px){
  .student-learning-page .learning-summary-grid{grid-template-columns:1fr 1fr!important;gap:8px}
  .student-learning-page .learning-summary-grid>article,.student-learning-page .learning-summary-grid>a{min-height:94px;padding:13px}
  .student-learning-page .learning-summary-grid strong{font-size:24px}
  .learning-hub-nav a{min-height:39px;padding:0 11px}.learning-hub-nav a span{font-size:10px}
  .student-learning-page .learning-course-rail{grid-auto-columns:82vw!important}
  .learning-empty-state{grid-template-columns:40px minmax(0,1fr)}.learning-empty-state>a{grid-column:1/-1;text-align:center}
  .learning-hero-shortcuts{margin-top:14px}
}
@media(prefers-reduced-motion:reduce){.learning-hub-nav a,.student-learning-page .learning-course-card,.learning-hero-shortcuts a{transition:none!important}}

/* v051 — Administração > Aprendizagem: alinhamento premium e responsivo */
.admin-learning-page{min-width:0}
.admin-learning-page>.panel{min-width:0}
.admin-learning-page .rule-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
  width:100%;
}
.admin-learning-page .rule-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  width:100%;
  height:auto!important;
  padding:18px;
  border-radius:16px;
  overflow:hidden;
}
.admin-learning-page .rule-card h3{
  margin:0 0 16px;
  min-height:42px;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.015em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.admin-learning-page .rule-card .check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin-bottom:2px;
}
.admin-learning-page .rule-card .check-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:30px;
  padding:4px 0;
  font-size:12px;
  line-height:1.3;
}
.admin-learning-page .rule-card .check-grid input[type="checkbox"]{
  flex:0 0 auto;
  width:15px;
  height:15px;
  margin:0;
}
.admin-learning-page .rule-card .inline-fields{
  display:grid;
  width:100%;
  gap:10px;
  margin:14px 0 0;
  min-width:0;
}
.admin-learning-page .rule-card .rule-number-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.admin-learning-page .rule-card .rule-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}
.admin-learning-page .rule-card .inline-fields label{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  color:#E3E3E3;
  font-size:11px;
  line-height:1.25;
}
.admin-learning-page .rule-card .inline-fields input,
.admin-learning-page .rule-card .inline-fields select{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:42px;
  padding:0 11px;
  border-radius:10px;
  font-size:12px;
}
.admin-learning-page .rule-card>.secondary-btn.compact{
  align-self:flex-start;
  min-width:110px;
  margin-top:0;
}
.admin-learning-page .admin-columns{align-items:start}
.admin-learning-page .admin-columns>section{height:auto!important;min-width:0}
.admin-learning-page .panel .form-grid,
.admin-learning-page .panel .stack-form{min-width:0}
.admin-learning-page .panel input,
.admin-learning-page .panel select,
.admin-learning-page .panel textarea{max-width:100%}
html[data-theme="light"] .admin-learning-page .rule-card .inline-fields label{color:#383838}

@media(max-width:1180px){
  .admin-learning-page .rule-grid{grid-template-columns:1fr}
  .admin-learning-page .rule-card h3{min-height:auto}
}
@media(max-width:720px){
  .admin-learning-page .rule-card{padding:15px}
  .admin-learning-page .rule-card .check-grid{grid-template-columns:1fr}
  .admin-learning-page .rule-card .rule-number-grid,
  .admin-learning-page .rule-card .rule-date-grid{grid-template-columns:1fr}
  .admin-learning-page .rule-card>.secondary-btn.compact{width:100%}
}

/* v052 — tema claro coerente em todo o sistema + navegação universal dos carrosséis */
html[data-theme="light"]{
  --bg:#F7F7F7;
  --bg-deep:#F2F2F2;
  --surface:#ffffff;
  --surface-2:#f6f9fc;
  --surface-3:#F0F0F0;
  --surface-hover:#ECECEC;
  --text:#202020;
  --muted:#757575;
  --muted-2:#909090;
  --line:rgba(41,41,41,.11);
  --line-strong:rgba(41,41,41,.18);
  --shadow:0 14px 36px rgba(48,48,48,.10);
  --shadow-strong:0 24px 62px rgba(48,48,48,.16);
}
html[data-theme="light"],html[data-theme="light"] body{background:#F7F7F7!important;color:#202020!important}
html[data-theme="light"] .app-body,html[data-theme="light"] .public-body{background:linear-gradient(180deg,#f8fbfe 0%,#F2F2F2 52%,#f5f9fc 100%)!important;color:#202020!important}
html[data-theme="light"] .page-shell{color:#202020}

/* Cabeçalho: o tema claro precisa trocar também a cápsula interna, não só o fundo externo. */
html[data-theme="light"] .prime-header{background:linear-gradient(180deg,rgba(250,250,250,.98),rgba(250,250,250,.88) 74%,rgba(250,250,250,0))!important}
html[data-theme="light"] .prime-header .header-inner{background:rgba(255,255,255,.94)!important;border-color:rgba(46,46,46,.10)!important;box-shadow:0 12px 34px rgba(51,51,51,.12)!important}
html[data-theme="light"] .prime-header.scrolled .header-inner,html[data-theme="light"] .prime-header.menu-open .header-inner{background:rgba(255,255,255,.985)!important;border-color:rgba(46,46,46,.12)!important;box-shadow:0 15px 40px rgba(51,51,51,.15)!important}
html[data-theme="light"] .stream-brand-copy strong{color:#202020!important}
html[data-theme="light"] .prime-nav a{color:#666666!important}
html[data-theme="light"] .prime-nav a:hover{background:#F2F2F2!important;color:#202020!important}
html[data-theme="light"] .prime-nav a.active{background:#252525!important;color:#fff!important;box-shadow:0 5px 14px rgba(41,41,41,.13)}
html[data-theme="light"] .header-icon-btn,html[data-theme="light"] .profile-trigger{color:#2C2C2C!important}
html[data-theme="light"] .header-icon-btn:hover,html[data-theme="light"] .profile-trigger:hover{background:#F2F2F2!important}
html[data-theme="light"] .theme-toggle-btn{background:#fff!important;color:#2C2C2C!important;border-color:#D6D6D6!important;box-shadow:0 5px 14px rgba(47,47,47,.08)}

/* Cards legados que ainda usavam fundo escuro fixo e ficavam ilegíveis no claro. */
html[data-theme="light"] .certificate-card,
html[data-theme="light"] .live-card,
html[data-theme="light"] .path-card,
html[data-theme="light"] .question-card,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .ticket-row,
html[data-theme="light"] .course-announcement,
html[data-theme="light"] .course-content-block,
html[data-theme="light"] .detail-copy-block,
html[data-theme="light"] .module,
html[data-theme="light"] .prime-module,
html[data-theme="light"] .lesson-row,
html[data-theme="light"] .review-grid article,
html[data-theme="light"] .checkpoint-card,
html[data-theme="light"] .comment-card,
html[data-theme="light"] .provider-note{
  background:#fff!important;
  color:#202020!important;
  border-color:#E4E4E4!important;
  box-shadow:0 10px 28px rgba(50,50,50,.08)!important;
}
html[data-theme="light"] .live-card h3,
html[data-theme="light"] .certificate-card h3,
html[data-theme="light"] .path-card h3,
html[data-theme="light"] .question-card h3,
html[data-theme="light"] .live-card dd,
html[data-theme="light"] .live-card b,
html[data-theme="light"] .empty-state h3{color:#202020!important}
html[data-theme="light"] .live-card p,
html[data-theme="light"] .live-card dt,
html[data-theme="light"] .certificate-card p,
html[data-theme="light"] .path-card p,
html[data-theme="light"] .question-card p,
html[data-theme="light"] .empty-state p{color:#757575!important}
html[data-theme="light"] .live-dot{color:#d12f45!important}
html[data-theme="light"] .live-card .primary-btn{background:#353535!important;color:#fff!important;border-color:#353535!important;box-shadow:0 8px 20px rgba(53,53,53,.14)}
html[data-theme="light"] .live-card .primary-btn:hover{background:#2A2A2A!important}

/* Componentes e textos comuns no claro. */
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .section-head h3,
html[data-theme="light"] .block-heading h2,
html[data-theme="light"] .block-heading h3,
html[data-theme="light"] .card-title-row b,
html[data-theme="light"] .timeline-list b,
html[data-theme="light"] .action-list b{color:#202020!important}
html[data-theme="light"] .section-head p,
html[data-theme="light"] .block-heading p,
html[data-theme="light"] .card-meta,
html[data-theme="light"] .card-meta span{color:#7A7A7A!important}
html[data-theme="light"] hr{border-color:#E5E5E5!important}
html[data-theme="light"] input::placeholder,html[data-theme="light"] textarea::placeholder{color:#989898}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{border-color:#A1A1A1!important;box-shadow:0 0 0 3px rgba(242,201,76,.10)!important;outline:0}

/* Cards dos trilhos mantêm contraste premium no claro. */
html[data-theme="light"] .rail-course-card,
html[data-theme="light"] .featured-preview-card,
html[data-theme="light"] .student-learning-page .learning-course-card,
html[data-theme="light"] .playlist-course-mini{background:#fff!important;border-color:#E3E3E3!important;box-shadow:0 10px 26px rgba(50,50,50,.09)!important}
html[data-theme="light"] .rail-course-card .prime-card-info,
html[data-theme="light"] .featured-preview-caption,
html[data-theme="light"] .playlist-course-mini .prime-card-info{background:#fff!important;color:#202020!important}
html[data-theme="light"] .rail-course-card:hover .prime-card-info,
html[data-theme="light"] .playlist-course-mini:hover .prime-card-info{background:#f4f8fb!important}

/* Setas universais: visíveis sempre que existir conteúdo para aquela direção. */
.rail-shell{isolation:isolate}
.rail-shell .rail-arrow{
  display:grid!important;
  place-items:center;
  top:50%!important;
  bottom:auto!important;
  width:42px!important;
  height:64px!important;
  margin-top:-32px;
  border-radius:12px!important;
  opacity:.96!important;
  transform:none!important;
  pointer-events:auto;
  background:rgba(12,12,12,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(10px);
  transition:opacity .16s ease,transform .16s ease,background .16s ease!important;
}
.rail-shell .rail-arrow.left{left:8px!important}
.rail-shell .rail-arrow.right{right:8px!important}
.rail-shell .rail-arrow:hover:not(.is-disabled){transform:scale(1.06)!important;background:rgba(27,27,27,.96)!important}
.rail-shell .rail-arrow.is-disabled,.rail-shell .rail-arrow[aria-disabled="true"]{opacity:0!important;pointer-events:none!important}
.rail-shell .rail-arrow svg{width:23px!important;height:23px!important}
html[data-theme="light"] .rail-shell .rail-arrow{background:rgba(255,255,255,.96)!important;color:#2C2C2C!important;border-color:#DEDEDE!important;box-shadow:0 10px 28px rgba(52,52,52,.16)!important}
html[data-theme="light"] .rail-shell .rail-arrow:hover:not(.is-disabled){background:#F4F4F4!important;color:#1F1F1F!important}

/* Quando existe overflow, reserva espaço visual discreto para as setas sem cortar cards. */
.rail-shell.has-overflow{overflow:visible}
.rail-shell.has-overflow [data-rail]{scroll-padding-left:54px;scroll-padding-right:54px}

@media(max-width:700px){
  .rail-shell .rail-arrow{display:grid!important;width:36px!important;height:52px!important;margin-top:-26px;border-radius:10px!important}
  .rail-shell .rail-arrow.left{left:4px!important}.rail-shell .rail-arrow.right{right:4px!important}
  .rail-shell.has-overflow [data-rail]{scroll-padding-left:42px;scroll-padding-right:42px}
  html[data-theme="light"] .prime-header .header-inner{background:rgba(255,255,255,.98)!important}
}

/* Agenda ao vivo: largura controlada e leitura limpa em ambos os temas. */
.live-grid{grid-template-columns:repeat(auto-fit,minmax(320px,430px));align-items:start;justify-content:start;gap:16px}
.live-card{min-height:260px;display:flex;flex-direction:column;gap:6px;padding:22px!important}
.live-card dl{margin:8px 0 14px}.live-card .primary-btn{align-self:flex-start;margin-top:auto}
@media(max-width:560px){.live-grid{grid-template-columns:1fr}.live-card{min-height:0;padding:18px!important}}
.rail-shell .rail-arrow>span{font-size:30px;line-height:1;font-weight:400}

/* v053 — Administração / Matrículas premium */
.admin-enrollments-page{padding-bottom:44px}
.enrollment-admin-head{align-items:flex-end!important}
.enrollment-head-summary{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.enrollment-head-summary span{display:flex;align-items:baseline;gap:5px;padding:9px 12px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#171717;color:#9F9F9F;font-size:10px}.enrollment-head-summary strong{color:#f5f8fa;font-size:14px}
.enrollment-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.enrollment-kpi-grid article{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:linear-gradient(145deg,#171717,#131313);box-shadow:0 12px 34px rgba(0,0,0,.15)}.enrollment-kpi-grid article>div{min-width:0}.enrollment-kpi-grid small{display:block;color:#919191;font-size:9px;font-weight:800;letter-spacing:.08em}.enrollment-kpi-grid strong{display:block;margin-top:3px;color:#f7f9fb;font-size:26px;line-height:1}.enrollment-kpi-grid p{margin:5px 0 0;color:#909090;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.enrollment-kpi-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.07);font-size:16px;font-weight:900}.enrollment-kpi-icon.active{background:rgba(57,190,126,.11);color:#62d89c}.enrollment-kpi-icon.completed{background:rgba(255,179,71,.10);color:#ffc267}.enrollment-kpi-icon.progress{background:rgba(242,201,76,.10);color:#F2C94C}.enrollment-kpi-icon.attention{background:rgba(255,103,125,.10);color:#ff8295}
.enrollment-create-panel,.enrollment-list-panel{border-radius:18px!important;border:1px solid rgba(255,255,255,.06)!important;background:linear-gradient(160deg,#161616,#111111)!important;box-shadow:0 16px 42px rgba(0,0,0,.16)!important}.enrollment-create-panel{margin-bottom:16px}.enrollment-panel-head,.enrollment-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.enrollment-panel-head h2,.enrollment-list-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.035em}.enrollment-panel-head p,.enrollment-list-head p{margin:5px 0 0;color:#919191;font-size:11px;line-height:1.5}.enrollment-panel-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(242,201,76,.09);border:1px solid rgba(242,201,76,.18);color:#F2C94C;font-size:24px;font-weight:300}
.enrollment-create-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:18px}.enrollment-create-form label,.enrollment-edit-form label{display:grid;gap:6px;min-width:0}.enrollment-create-form label>span,.enrollment-edit-form label>span{color:#A4A4A4;font-size:10px;font-weight:750}.enrollment-create-form select,.enrollment-edit-form select,.enrollment-edit-form input{width:100%;height:44px;border:1px solid #383838;border-radius:10px;background:#1F1F1F;color:#F2F2F2;padding:0 12px;outline:none}.enrollment-create-form select:focus,.enrollment-edit-form select:focus,.enrollment-edit-form input:focus{border-color:#F2C94C;box-shadow:0 0 0 3px rgba(242,201,76,.10)}.enrollment-create-submit{height:44px;white-space:nowrap;border-radius:10px!important}.enrollment-create-submit>span{font-size:18px;margin-right:4px}
.enrollment-list-panel{margin-top:0}.enrollment-count-pill{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#222222;border:1px solid rgba(255,255,255,.07);color:#B8B8B8;font-size:10px;font-weight:800}.enrollment-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto;gap:10px;align-items:end;margin:18px 0 14px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#101010}.enrollment-search{position:relative;display:block}.enrollment-search svg{position:absolute;left:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#848484;stroke-width:1.7;pointer-events:none}.enrollment-search input{width:100%;height:40px;padding:0 12px 0 38px;border:1px solid #363636;border-radius:9px;background:#1C1C1C;color:#F2F2F2;outline:none}.enrollment-search input:focus{border-color:#F2C94C}.enrollment-filter{display:grid;gap:5px}.enrollment-filter>span{color:#939393;font-size:9px;font-weight:750}.enrollment-filter select{height:40px;border:1px solid #363636;border-radius:9px;background:#1C1C1C;color:#EDEDED;padding:0 10px}.enrollment-clear-filter{height:40px;white-space:nowrap}
.enrollment-record-list{display:grid;gap:10px}.enrollment-record{overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#161616;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.enrollment-record:hover{border-color:rgba(242,201,76,.16);box-shadow:0 14px 30px rgba(0,0,0,.16);transform:translateY(-1px)}.enrollment-record-main{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(210px,1.2fr) minmax(150px,.72fr) auto;gap:16px;align-items:center;padding:14px 16px}.enrollment-student{display:flex;align-items:center;gap:11px;min-width:0}.enrollment-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#303030,#232323);border:1px solid rgba(242,201,76,.16);color:#D8D8D8;font-size:12px;font-weight:900;letter-spacing:.03em}.enrollment-student>div,.enrollment-course{display:flex;min-width:0;flex-direction:column}.enrollment-student b,.enrollment-course b{overflow:hidden;color:#f1f5f8;font-size:11.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.enrollment-student small,.enrollment-course small{color:#838383;font-size:8.5px}.enrollment-course span{margin-top:3px;color:#828282;font-size:8.5px}.enrollment-course small{margin-bottom:3px;font-weight:800;letter-spacing:.08em}.enrollment-progress-block{min-width:0}.enrollment-progress-block>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.enrollment-progress-block small{color:#838383;font-size:8.5px;font-weight:800;letter-spacing:.06em}.enrollment-progress-block strong{color:#E7E7E7;font-size:11px}.enrollment-progress-track{height:6px;margin-top:7px;border-radius:999px;background:#282828;overflow:hidden}.enrollment-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#F2C94C,#F2C94C)}.enrollment-status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:86px;padding:7px 10px;border-radius:999px;border:1px solid transparent;font-size:9px;font-weight:850;white-space:nowrap}.status-active{background:rgba(60,190,126,.10);border-color:rgba(60,190,126,.20);color:#65d99e}.status-completed{background:rgba(242,201,76,.10);border-color:rgba(242,201,76,.20);color:#F2C94C}.status-suspended{background:rgba(255,177,66,.10);border-color:rgba(255,177,66,.22);color:#ffc469}.status-expired,.status-cancelled{background:rgba(255,103,125,.10);border-color:rgba(255,103,125,.20);color:#ff8798}
.enrollment-record-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:13px 16px 15px;border-top:1px solid rgba(255,255,255,.045);background:#121212}.enrollment-edit-form{display:grid;grid-template-columns:165px minmax(190px,1fr) minmax(190px,1fr) auto;gap:10px;align-items:end}.enrollment-edit-form select,.enrollment-edit-form input{height:38px;font-size:10px}.enrollment-save-btn{height:38px;white-space:nowrap}.enrollment-delete-form{margin:0!important}.enrollment-delete-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 11px!important;border-radius:9px!important;font-size:10px!important}.enrollment-delete-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.enrollment-empty-filter{display:grid;place-items:center;min-height:220px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:14px;background:#121212}.enrollment-empty-filter>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#222222;color:#F2C94C;font-size:22px}.enrollment-empty-filter b{margin-top:10px;font-size:14px}.enrollment-empty-filter p{margin:4px 0 0;color:#8D8D8D;font-size:10px}
html[data-theme="light"] .enrollment-head-summary span{background:#fff;border-color:#E1E1E1;color:#747474}html[data-theme="light"] .enrollment-head-summary strong{color:#1F1F1F}html[data-theme="light"] .enrollment-kpi-grid article{background:linear-gradient(145deg,#fff,#f6f9fb);border-color:#E3E3E3;box-shadow:0 10px 28px rgba(56,56,56,.07)}html[data-theme="light"] .enrollment-kpi-grid strong{color:#1F1F1F}html[data-theme="light"] .enrollment-kpi-grid small,html[data-theme="light"] .enrollment-kpi-grid p{color:#777777}html[data-theme="light"] .enrollment-create-panel,html[data-theme="light"] .enrollment-list-panel{background:#fff!important;border-color:#E4E4E4!important;box-shadow:0 14px 34px rgba(56,56,56,.07)!important}html[data-theme="light"] .enrollment-panel-head p,html[data-theme="light"] .enrollment-list-head p{color:#767676}html[data-theme="light"] .enrollment-count-pill{background:#F6F6F6;border-color:#E4E4E4;color:#636363}html[data-theme="light"] .enrollment-toolbar{background:#f6f9fb;border-color:#E4E4E4}html[data-theme="light"] .enrollment-search input,html[data-theme="light"] .enrollment-filter select,html[data-theme="light"] .enrollment-create-form select,html[data-theme="light"] .enrollment-edit-form select,html[data-theme="light"] .enrollment-edit-form input{background:#fff;border-color:#D8D8D8;color:#292929}html[data-theme="light"] .enrollment-create-form label>span,html[data-theme="light"] .enrollment-edit-form label>span,html[data-theme="light"] .enrollment-filter>span{color:#6F6F6F}html[data-theme="light"] .enrollment-record{background:#fff;border-color:#E4E4E4}html[data-theme="light"] .enrollment-record:hover{border-color:#D2D2D2;box-shadow:0 14px 30px rgba(56,56,56,.08)}html[data-theme="light"] .enrollment-record-controls{background:#f7fafc;border-color:#E8E8E8}html[data-theme="light"] .enrollment-student b,html[data-theme="light"] .enrollment-course b{color:#262626}html[data-theme="light"] .enrollment-student small,html[data-theme="light"] .enrollment-course small,html[data-theme="light"] .enrollment-course span,html[data-theme="light"] .enrollment-progress-block small{color:#7C7C7C}html[data-theme="light"] .enrollment-progress-block strong{color:#383838}html[data-theme="light"] .enrollment-progress-track{background:#EDEDED}html[data-theme="light"] .enrollment-avatar{background:#F3F3F3;border-color:#E1E1E1;color:#F2C94C}html[data-theme="light"] .enrollment-empty-filter{background:#f8fbfc;border-color:#E3E3E3}html[data-theme="light"] .enrollment-empty-filter b{color:#2C2C2C}
@media(max-width:1120px){.enrollment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enrollment-create-form{grid-template-columns:1fr 1fr}.enrollment-create-submit{grid-column:1/-1;justify-self:start}.enrollment-record-main{grid-template-columns:1fr 1fr}.enrollment-status-badge{justify-self:start}.enrollment-record-controls{grid-template-columns:1fr}.enrollment-edit-form{grid-template-columns:repeat(3,minmax(0,1fr))}.enrollment-save-btn{grid-column:1/-1;justify-self:start}.enrollment-delete-form{justify-self:start}}
@media(max-width:760px){.enrollment-admin-head{align-items:flex-start!important}.enrollment-head-summary{justify-content:flex-start}.enrollment-kpi-grid{grid-template-columns:1fr 1fr}.enrollment-create-form{grid-template-columns:1fr}.enrollment-create-submit{width:100%;justify-content:center}.enrollment-toolbar{grid-template-columns:1fr}.enrollment-record-main{grid-template-columns:1fr;gap:12px}.enrollment-course b{white-space:normal}.enrollment-progress-block{max-width:none}.enrollment-edit-form{grid-template-columns:1fr}.enrollment-save-btn{width:100%;justify-content:center}.enrollment-delete-btn{width:100%}.enrollment-delete-form{width:100%}.enrollment-list-head,.enrollment-panel-head{align-items:flex-start}.enrollment-panel-mark{display:none}}
@media(max-width:460px){.enrollment-kpi-grid{grid-template-columns:1fr}.enrollment-kpi-grid article{padding:14px}.enrollment-head-summary{display:none}.enrollment-list-head{flex-direction:column}.enrollment-count-pill{align-self:flex-start}}

/* v054 — referência visual de streaming: hierarquia, hero, trilhos e cards premium */
:root{--stream-max:1540px;--stream-gutter:clamp(18px,3vw,48px);--stream-card-radius:8px;--stream-panel:#131313;--stream-panel-2:#1C1C1C;--stream-muted:#A0A0A0;--stream-white:#f7f9fb;--stream-edge:rgba(255,255,255,.08)}

/* Cabeçalhos mais compactos e cinematográficos */
.prime-header,.public-header{background:linear-gradient(180deg,rgba(9,9,9,.96),rgba(9,9,9,.88));border-color:rgba(255,255,255,.07);box-shadow:0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(125%)}
.prime-header{top:8px;left:clamp(10px,2.2vw,32px);right:clamp(10px,2.2vw,32px);width:auto;border-radius:16px}
.header-inner{min-height:54px;max-width:var(--stream-max);margin:0 auto;padding-left:18px;padding-right:16px}
.public-header{position:fixed;top:0;left:0;right:0;border-radius:0;z-index:1200}
.public-header-inner{max-width:var(--stream-max);min-height:58px;margin:0 auto;padding:0 var(--stream-gutter)}
.prime-nav,.public-nav{gap:2px}
.prime-nav a,.public-nav a{height:38px;padding:0 13px;border-radius:7px;font-weight:700;letter-spacing:-.01em}
.prime-nav a.active,.public-nav a.active{background:rgba(255,255,255,.16)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.prime-nav a.active::before,.prime-nav a.active::after{display:none!important}

/* Hero público agora usa o mesmo motor de carrossel do sistema */
.public-main{padding-top:0}
.public-hero-carousel{position:relative;height:clamp(560px,72vh,790px);min-height:560px;margin:0;overflow:hidden;background:#050505}
.public-hero-slides,.public-hero-slide{position:absolute;inset:0}
.public-hero-slide{opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity .72s ease,transform 1.15s ease,visibility .72s;background-image:var(--hero-image);background-size:cover;background-position:center 20%;cursor:pointer}
.public-hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.public-hero-slide .public-hero-video,.public-hero-slide .public-hero-video-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;pointer-events:none}
.public-hero-slide .public-hero-video-frame{inset:-2%;width:104%;height:104%}
.public-prime-shade{background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.86) 25%,rgba(5,5,5,.36) 54%,rgba(5,5,5,.08) 76%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.84) 12%,transparent 43%)}
.public-prime-copy{left:var(--stream-gutter);bottom:14%;width:min(560px,46vw);z-index:3}
.public-prime-copy h1{font-size:clamp(34px,4.8vw,70px);line-height:.98;letter-spacing:-.045em;max-width:14ch;text-wrap:balance}
.public-prime-copy p{max-width:54ch;font-size:clamp(12px,1.05vw,15px);line-height:1.55;color:#D6D6D6}
.public-prime-kicker{font-size:11px;letter-spacing:.12em;font-weight:850;color:#ffb14a}
.public-prime-meta{gap:9px;font-size:11px;font-weight:750;color:#DDDDDD}
.prime-reference-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:20px}
.prime-reference-actions .storefront-primary{min-height:52px;padding:0 20px;border-radius:8px;background:#eef2f5;color:#0F0F0F;font-size:14px;font-weight:850;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.hero-reference-circle{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:rgba(238,242,245,.19);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:21px;font-weight:600;backdrop-filter:blur(9px);transition:transform .16s ease,background .16s ease}
.hero-reference-circle:hover{transform:scale(1.05);background:rgba(238,242,245,.29)}
.hero-reference-circle.plus{font-size:28px;font-weight:350}
.public-hero-edge{position:absolute;z-index:8;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:74px;border:0;background:rgba(5,5,5,.16);color:#fff;font-size:44px;line-height:1;opacity:.78;cursor:pointer;transition:background .16s ease,opacity .16s ease}
.public-hero-edge:hover{background:rgba(5,5,5,.64);opacity:1}.public-hero-edge.prev{left:0}.public-hero-edge.next{right:0}
.public-hero-dots{position:absolute;z-index:9;left:50%;bottom:8.2%;transform:translateX(-50%);display:flex;align-items:center;gap:7px}
.public-hero-dots button{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.35);cursor:pointer;transition:width .15s ease,background .15s ease,border-radius .15s ease}
.public-hero-dots button.active{width:18px;border-radius:999px;background:#fff}

/* Trilhos densos, proporcionais e com setas nas bordas */
.storefront-section,.home-prime-content,.student-learning-page{--rail-premium-gap:14px}
.storefront-section{width:min(calc(100% - (var(--stream-gutter) * 2)),var(--stream-max));padding-top:26px}
.storefront-first{margin-top:-20px;position:relative;z-index:8;padding-top:0}
.storefront-heading.compact,.section-head{align-items:flex-end;margin-bottom:11px}
.storefront-heading.compact h2,.section-head h2{font-size:clamp(18px,1.55vw,24px);font-weight:850;letter-spacing:-.025em}
.storefront-heading.compact>div>span,.section-label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#ffb14a}
.storefront-heading.compact>a,.section-head>a{display:inline-flex;align-items:center;gap:5px;color:#ECECEC;font-size:12px;font-weight:800;opacity:.9}
.storefront-heading.compact>a:hover,.section-head>a:hover{color:#fff;opacity:1}
.rail-shell{position:relative;overflow:visible}
.course-rail,.public-course-rail{gap:var(--rail-premium-gap)!important;scroll-snap-type:x proximity;scrollbar-width:none}
.public-course-rail{grid-auto-columns:clamp(235px,18vw,300px)!important;padding:3px 1px 18px!important}
.home-prime-content .course-rail{grid-auto-columns:clamp(245px,18.5vw,315px)!important;gap:var(--rail-premium-gap)!important}
.student-learning-page .learning-course-rail{grid-auto-columns:clamp(250px,20vw,320px)!important;gap:var(--rail-premium-gap)!important}
.rail-arrow{z-index:35;width:46px!important;height:100%!important;max-height:180px!important;top:0!important;transform:none!important;border-radius:0!important;border:0!important;background:linear-gradient(90deg,rgba(5,5,5,.84),rgba(5,5,5,.08))!important;box-shadow:none!important;color:#fff!important;font-size:34px!important;opacity:0;transition:opacity .16s ease,background .16s ease!important}
.rail-arrow.right{background:linear-gradient(270deg,rgba(5,5,5,.84),rgba(5,5,5,.08))!important}
.rail-shell:hover>.rail-arrow:not([hidden]),.rail-arrow:not([hidden]):focus-visible{opacity:1!important}
.rail-arrow.left{left:-2px!important}.rail-arrow.right{right:-2px!important}

/* Cards no estilo catálogo de streaming, sem perder título/progresso/estados */
.course-card.prime-card,.public-course-card,.rail-course-card,.student-learning-page .learning-course-card{border-radius:var(--stream-card-radius)!important;background:var(--stream-panel)!important;border:1px solid rgba(255,255,255,.065)!important;overflow:hidden!important;box-shadow:none!important;min-height:0!important}
.course-card .card-img,.public-course-card .card-img,.rail-course-card .card-img,.student-learning-page .learning-course-card .card-img{aspect-ratio:16/9!important;border-radius:var(--stream-card-radius) var(--stream-card-radius) 0 0!important;box-shadow:none!important;background-position:center!important}
.course-card .card-img img,.public-course-card .card-img img{width:100%;height:100%;object-fit:cover}
.course-card .prime-card-info,.public-course-card .prime-card-info,.rail-course-card .prime-card-info,.student-learning-page .learning-course-card .prime-card-info{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;min-height:64px!important;padding:10px 11px 11px!important;border-radius:0 0 var(--stream-card-radius) var(--stream-card-radius)!important;background:linear-gradient(180deg,#1B1B1B,#131313)!important;box-shadow:none!important}
.course-card .prime-card-info b,.public-course-card .prime-card-info b,.rail-course-card .prime-card-info b{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;white-space:normal!important;min-height:30px!important;font-size:12px!important;line-height:1.25!important;color:#f3f6f8!important}
.course-card .prime-card-info small,.public-course-card .prime-card-info small,.rail-course-card .prime-card-info small{display:block;margin-top:4px;font-size:9px!important;color:#9D9D9D!important}
.course-card .prime-card-info p,.public-course-card .prime-card-info p,.rail-course-card .prime-card-info p{display:none!important}
.course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover{z-index:20;transform:translateY(-4px) scale(1.025)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 18px 44px rgba(0,0,0,.44)!important}
.course-card.prime-card:hover .card-img,.public-course-card:hover .card-img,.rail-course-card:hover .card-img{filter:saturate(1.06) brightness(1.02)}
.card-center-play{width:36px!important;height:36px!important;left:10px!important;bottom:10px!important;background:rgba(244,247,249,.95)!important;color:#131313!important;opacity:0;transform:scale(.92);box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
.course-card:hover .card-center-play,.public-course-card:hover .card-center-play{opacity:1;transform:scale(1)}
.public-access-chip{position:absolute;z-index:5;left:8px;bottom:8px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:5px;background:rgba(5,5,5,.82);font-size:11px;box-shadow:0 5px 12px rgba(0,0,0,.25)}
.public-access-chip.locked{color:#ffd632}.public-access-chip.open{color:#70e39d}
.public-card-brand{position:absolute;z-index:5;right:8px;bottom:8px;display:inline-flex;align-items:center;height:22px;padding:0 6px;border-radius:4px;background:rgba(5,5,5,.62)}
.public-card-brand img{width:auto!important;height:11px!important;object-fit:contain!important;filter:brightness(0) invert(1)}
.locked-card-overlays{top:auto!important;bottom:8px!important;align-items:flex-end!important}
.locked-card-lock{background:rgba(5,5,5,.82)!important;color:#ffd632!important;border-radius:5px!important;height:22px!important;min-width:22px!important;padding:0 5px!important;font-size:11px!important}
.locked-card-brand{height:22px!important;border-radius:4px!important;background:rgba(5,5,5,.62)!important;border:0!important;padding:0 7px!important}
.locked-card-brand img{height:11px!important;filter:brightness(0) invert(1)!important}

/* Footer mais enxuto e centrado */
.public-footer{background:#050505!important;padding-top:34px!important;border-top:1px solid rgba(255,255,255,.05)!important}
.public-footer-inner{max-width:var(--stream-max);margin:0 auto;justify-content:center!important;align-items:center!important;flex-direction:column!important;text-align:center;gap:18px!important}
.public-footer-brand{align-items:center!important}.public-footer-brand p{max-width:620px!important}.public-footer-nav{justify-content:center!important}
.public-footer-bottom{max-width:var(--stream-max);margin:0 auto;justify-content:center!important;gap:18px!important;text-align:center}

/* Tema claro continua completo e legível */
html[data-theme="light"]{--stream-panel:#fff;--stream-panel-2:#f4f7fa;--stream-muted:#737373;--stream-white:#1F1F1F;--stream-edge:rgba(16,16,16,.09)}
html[data-theme="light"] .prime-header,html[data-theme="light"] .public-header{background:rgba(250,252,254,.94)!important;border-color:rgba(16,16,16,.09)!important;box-shadow:0 10px 30px rgba(40,40,40,.12)!important}
html[data-theme="light"] .prime-nav a,html[data-theme="light"] .public-nav a{color:#565656!important}
html[data-theme="light"] .prime-nav a.active,html[data-theme="light"] .public-nav a.active{background:#242424!important;color:#fff!important}
html[data-theme="light"] .course-card.prime-card,html[data-theme="light"] .public-course-card,html[data-theme="light"] .rail-course-card,html[data-theme="light"] .student-learning-page .learning-course-card{background:#fff!important;border-color:rgba(16,16,16,.085)!important;box-shadow:0 8px 22px rgba(41,41,41,.06)!important}
html[data-theme="light"] .course-card .prime-card-info,html[data-theme="light"] .public-course-card .prime-card-info,html[data-theme="light"] .rail-course-card .prime-card-info,html[data-theme="light"] .student-learning-page .learning-course-card .prime-card-info{background:#fff!important}
html[data-theme="light"] .course-card .prime-card-info b,html[data-theme="light"] .public-course-card .prime-card-info b,html[data-theme="light"] .rail-course-card .prime-card-info b{color:#1F1F1F!important}
html[data-theme="light"] .course-card .prime-card-info small,html[data-theme="light"] .public-course-card .prime-card-info small,html[data-theme="light"] .rail-course-card .prime-card-info small{color:#737373!important}
html[data-theme="light"] .rail-arrow{background:linear-gradient(90deg,rgba(244,248,251,.96),rgba(244,248,251,.12))!important;color:#1F1F1F!important}
html[data-theme="light"] .rail-arrow.right{background:linear-gradient(270deg,rgba(244,248,251,.96),rgba(244,248,251,.12))!important}
html[data-theme="light"] .public-footer{background:#F2F2F2!important;border-top-color:rgba(16,16,16,.07)!important}

@media(max-width:1100px){
  .public-prime-copy{width:min(590px,64vw)}
  .public-course-rail{grid-auto-columns:clamp(225px,27vw,290px)!important}
  .home-prime-content .course-rail{grid-auto-columns:clamp(230px,27vw,300px)!important}
}
@media(max-width:760px){
  .prime-header{top:6px;left:8px;right:8px;border-radius:14px}
  .public-header-inner{padding:0 14px}.public-nav{display:none}
  .public-hero-carousel{height:76vh;min-height:520px}
  .public-hero-slide{background-image:var(--hero-mobile-image,var(--hero-image));background-position:center 16%}
  .public-prime-shade{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.96) 23%,rgba(5,5,5,.38) 60%,rgba(5,5,5,.12) 100%)}
  .public-prime-copy{left:18px;right:18px;bottom:12%;width:auto}
  .public-prime-copy h1{font-size:clamp(32px,10vw,48px);max-width:12ch}.public-prime-copy p{font-size:12px;max-width:94%}
  .public-hero-edge{display:none}.public-hero-dots{bottom:5.5%}
  .storefront-section{width:calc(100% - 28px)}
  .public-course-rail,.home-prime-content .course-rail,.student-learning-page .learning-course-rail{grid-auto-columns:min(76vw,290px)!important;gap:10px!important}
  .rail-arrow{width:38px!important;max-height:164px!important;opacity:.9!important}
  .course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover{transform:none!important;box-shadow:none!important}
  .card-center-play{display:none!important}
}
@media(hover:none),(pointer:coarse){.rail-arrow:not([hidden]){opacity:.86!important}.course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){.public-hero-slide,.hero-reference-circle,.course-card.prime-card,.public-course-card,.rail-course-card{transition:none!important}}
/* garantir navegação lateral também em tablet/celular quando houver overflow */
.rail-shell>.rail-arrow{display:grid!important;place-items:center}
.rail-shell>.rail-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.rail-shell>.rail-arrow{display:grid!important}}


/* v055 — refinamento do design system inspirado na referência enviada.
   Mantém a identidade UniSST, sem copiar marca, fontes proprietárias ou assets externos. */
:root{
  --bg:#050505;
  --bg-deep:#050505;
  --surface:#101010;
  --surface-2:#161616;
  --surface-3:#222222;
  --surface-hover:#292929;
  --text:#f7f9fb;
  --muted:#B2B2B2;
  --muted-2:#818181;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --accent:#F2C94C;
  --accent-2:#D4AF37;
  --accent-soft:#C5C5C5;
  --success:#3ddc97;
  --danger:#ff6677;
  --warning:#ffd24d;
  --radius:10px;
  --header-h:58px;
  --ui-icon:24px;
  --ui-control:44px;
}
html,body{background:#050505}
body{font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;font-weight:400;letter-spacing:0}
h1,h2,h3,h4,strong,b{font-weight:700}
button,.primary-btn,.secondary-btn,.prime-play-btn,.prime-light-btn,.public-signup,.public-login{font-weight:700}

/* Navegação compacta */
.prime-header,.public-header{
  background:rgba(5,5,5,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.055);
  backdrop-filter:blur(18px) saturate(1.15);
}
.prime-header.scrolled,.prime-header.menu-open,.public-header.scrolled{
  background:rgba(5,5,5,.985)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}
.header-inner,.public-header-inner{min-height:58px;height:58px;gap:20px}
.brand-logo-img{max-height:38px;width:auto;object-fit:contain}
.prime-nav,.public-nav{gap:2px}
.prime-nav a,.public-nav a{
  height:38px;padding:0 13px;border-radius:8px;color:#E0E0E0!important;
  font-size:13.5px;font-weight:600;letter-spacing:0;
}
.prime-nav a:hover,.public-nav a:hover{background:rgba(255,255,255,.09)!important;color:#fff!important}
.prime-nav a.active,.public-nav a.active{
  background:rgba(255,255,255,.14)!important;color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.header-actions,.public-header-actions{gap:4px}
.header-icon-btn,.profile-trigger,.public-search-link{min-width:42px!important;width:42px;height:42px!important;border-radius:50%!important}
.header-icon-btn svg,.public-search-link svg,.profile-menu svg,.theme-toggle-btn svg{
  width:var(--ui-icon)!important;height:var(--ui-icon)!important;stroke-width:1.9;
}
.theme-toggle-btn{min-height:40px!important;border-radius:20px!important;padding:0 13px!important}
.profile-avatar{width:34px;height:34px}
.profile-menu{border-radius:12px!important;background:rgba(20,20,20,.985)!important}

/* Ações */
.primary-btn,.public-signup,.preview-action.primary{
  background:#F2C94C!important;color:#fff!important;border-color:#F2C94C!important;
  box-shadow:0 8px 22px rgba(242,201,76,.18);
}
.primary-btn:hover,.public-signup:hover,.preview-action.primary:hover{
  background:#D4AF37!important;border-color:#D4AF37!important;transform:translateY(-1px);
}
.secondary-btn{
  border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.075)!important;color:#f7f9fb!important;
}
.secondary-btn:hover{background:rgba(255,255,255,.12)!important}
.prime-play-btn,.prime-light-btn{min-height:48px!important;padding:0 20px!important;border-radius:8px!important}
.prime-info-btn,.prime-circle-btn{width:48px!important;height:48px!important}

/* Títulos e links de seção */
.section-head,.learning-section-head,.storefront-heading{align-items:flex-end}
.section-head h2,.learning-section-head h2,.storefront-heading h2{
  margin:0;font-size:clamp(20px,1.65vw,27px)!important;line-height:1.12;letter-spacing:-.025em;
}
.section-head p,.learning-section-head p,.storefront-heading p{margin-top:4px!important;color:#A9A9A9!important;font-size:11.5px!important}
.section-head>a,.learning-section-head>a,.storefront-heading>a{
  display:inline-flex;align-items:center;gap:5px;min-height:32px;color:#F0F0F0!important;
  font-size:13px!important;font-weight:700;white-space:nowrap;
}
.section-head>a:hover,.learning-section-head>a:hover,.storefront-heading>a:hover{color:#fff!important}

/* Trilhos */
.rail-section,.learning-section-block{margin-bottom:28px!important}
.course-rail,.public-course-rail,.student-learning-page .learning-course-rail{
  gap:12px!important;padding-top:4px!important;padding-bottom:18px!important;scroll-snap-type:x proximity;
}
.home-prime-content .course-rail{grid-auto-columns:clamp(230px,18vw,300px)!important}
.public-course-rail{grid-auto-columns:clamp(230px,18vw,300px)!important}
.student-learning-page .learning-course-rail{grid-auto-columns:clamp(245px,20vw,318px)!important}
.course-card .card-img,.public-course-card .card-img,.rail-course-card .card-img,
.learning-course-card .card-img,.featured-preview-art,.ranked-course-art{aspect-ratio:16/9!important}

/* Setas laterais */
.rail-arrow{
  width:48px!important;height:100%!important;max-height:178px!important;top:0!important;border:0!important;border-radius:0!important;
  color:#fff!important;opacity:0;transition:opacity .16s ease,background .16s ease!important;
}
.rail-arrow.left{background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,0))!important}
.rail-arrow.right{background:linear-gradient(270deg,rgba(5,5,5,.92),rgba(5,5,5,0))!important}
.rail-shell:hover>.rail-arrow:not([hidden]),.rail-arrow:focus-visible{opacity:1!important}
.rail-arrow svg{width:24px!important;height:24px!important;fill:none;stroke:currentColor;stroke-width:2.35!important;stroke-linecap:round;stroke-linejoin:round}

/* Cards retangulares */
.course-card.prime-card,.public-course-card,.rail-course-card,.learning-course-card,.featured-preview-card{
  border-radius:8px!important;border:1px solid rgba(255,255,255,.065)!important;background:#131313!important;
  box-shadow:none!important;overflow:hidden!important;transform-origin:center center;
}
.course-card .card-img,.public-course-card .card-img,.rail-course-card .card-img,.learning-course-card .card-img{
  border-radius:8px 8px 0 0!important;background-color:#181818!important;box-shadow:none!important;
}
.course-card .prime-card-info,.public-course-card .prime-card-info,.rail-course-card .prime-card-info,.learning-course-card .prime-card-info{
  position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;min-height:62px!important;
  padding:9px 11px 10px!important;border-radius:0 0 8px 8px!important;background:#151515!important;box-shadow:none!important;
}
.course-card .prime-card-info b,.public-course-card .prime-card-info b,.rail-course-card .prime-card-info b,.learning-course-card .prime-card-info b{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  min-height:29px!important;color:#f4f7fa!important;font-size:12.5px!important;line-height:1.2!important;font-weight:700!important;
}
.course-card .prime-card-info small,.public-course-card .prime-card-info small,.rail-course-card .prime-card-info small,.learning-course-card .prime-card-info small{
  display:block;margin-top:4px;color:#9B9B9B!important;font-size:9.5px!important;
}
.course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover,.learning-course-card:hover,.featured-preview-card:hover{
  z-index:20;transform:translateY(-4px) scale(1.035)!important;border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.46)!important;
}
.course-card .card-image-shade{background:linear-gradient(180deg,transparent 50%,rgba(5,5,5,.12) 70%,rgba(5,5,5,.48) 100%)!important}

/* Ícones e badges */
.card-center-play,.featured-preview-play{
  width:38px!important;height:38px!important;border-radius:50%!important;background:#f4f6f8!important;color:#101010!important;
}
.card-center-play svg,.featured-preview-play svg{width:20px!important;height:20px!important}
.locked-card-lock,.public-access-chip.locked{color:#ffd43b!important}
.locked-card-lock,.locked-card-brand,.public-access-chip,.public-card-brand{min-height:23px!important;border-radius:6px!important}
.locked-card-brand img,.public-card-brand img{height:11px!important}

/* Hover preview */
.course-hover-preview{
  width:min(430px,calc(100vw - 24px))!important;border-radius:10px!important;background:#0C0C0C!important;border-color:rgba(255,255,255,.14)!important;
}
.course-hover-preview-media{aspect-ratio:16/9!important}
.course-hover-preview-title-row b{font-size:19px!important;font-weight:700!important}
.course-hover-preview-meta{font-size:10px!important}
.course-hover-preview-body p{font-size:11px!important}

/* Administração */
.admin-context-nav{background:rgba(12,12,12,.96)!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.admin-context-inner a{min-height:38px;padding:0 12px!important;border-radius:7px!important;font-size:12.5px!important;font-weight:600!important}
.admin-context-inner a.active{background:#f4f6f8!important;color:#101010!important}
.panel,.admin-panel,.learning-hero,.page-heading,.compact-page-hero{border-color:rgba(255,255,255,.075)!important}
input,select,textarea{border-radius:7px!important}
table th{font-size:10px!important;text-transform:uppercase;letter-spacing:.055em}
table td{font-size:12px!important}

/* Tema claro */
html[data-theme="light"]{
  --bg:#f4f7fa;--bg-deep:#F1F1F1;--surface:#fff;--surface-2:#f5f8fb;--surface-3:#EEEEEE;--surface-hover:#EAEAEA;
  --text:#1F1F1F;--muted:#6F6F6F;--muted-2:#8F8F8F;--line:rgba(32,32,32,.10);--line-strong:rgba(32,32,32,.18);
}
html[data-theme="light"],html[data-theme="light"] body{background:#f4f7fa!important}
html[data-theme="light"] .prime-header,html[data-theme="light"] .public-header{background:rgba(250,252,254,.96)!important;border-bottom-color:rgba(32,32,32,.08)!important}
html[data-theme="light"] .prime-nav a,html[data-theme="light"] .public-nav a{color:#575757!important}
html[data-theme="light"] .prime-nav a:hover,html[data-theme="light"] .public-nav a:hover{background:#F1F1F1!important;color:#1F1F1F!important}
html[data-theme="light"] .prime-nav a.active,html[data-theme="light"] .public-nav a.active{background:#282828!important;color:#fff!important}
html[data-theme="light"] .secondary-btn{background:#fff!important;color:#1F1F1F!important;border-color:rgba(32,32,32,.12)!important}
html[data-theme="light"] .course-card.prime-card,html[data-theme="light"] .public-course-card,
html[data-theme="light"] .rail-course-card,html[data-theme="light"] .learning-course-card{
  background:#fff!important;border-color:rgba(32,32,32,.08)!important;box-shadow:0 7px 22px rgba(51,51,51,.055)!important;
}
html[data-theme="light"] .course-card .prime-card-info,html[data-theme="light"] .public-course-card .prime-card-info,
html[data-theme="light"] .rail-course-card .prime-card-info,html[data-theme="light"] .learning-course-card .prime-card-info{background:#fff!important}
html[data-theme="light"] .course-card .prime-card-info b,html[data-theme="light"] .public-course-card .prime-card-info b,
html[data-theme="light"] .rail-course-card .prime-card-info b,html[data-theme="light"] .learning-course-card .prime-card-info b{color:#1F1F1F!important}
html[data-theme="light"] .course-card .prime-card-info small,html[data-theme="light"] .public-course-card .prime-card-info small,
html[data-theme="light"] .rail-course-card .prime-card-info small,html[data-theme="light"] .learning-course-card .prime-card-info small{color:#777777!important}
html[data-theme="light"] .rail-arrow.left{background:linear-gradient(90deg,rgba(244,247,250,.98),rgba(244,247,250,0))!important;color:#1F1F1F!important}
html[data-theme="light"] .rail-arrow.right{background:linear-gradient(270deg,rgba(244,247,250,.98),rgba(244,247,250,0))!important;color:#1F1F1F!important}
html[data-theme="light"] .admin-context-nav{background:rgba(247,250,252,.98)!important;border-bottom-color:rgba(32,32,32,.08)!important}
html[data-theme="light"] .admin-context-inner a{color:#5D5D5D!important}
html[data-theme="light"] .admin-context-inner a.active{background:#282828!important;color:#fff!important}

@media(max-width:1100px){
  .header-inner,.public-header-inner{gap:13px}
  .prime-nav a,.public-nav a{padding:0 10px;font-size:12.5px}
  .home-prime-content .course-rail,.public-course-rail{grid-auto-columns:clamp(220px,27vw,285px)!important}
}
@media(max-width:760px){
  :root{--header-h:56px}
  .prime-header{top:6px;left:8px;right:8px;border-radius:14px}
  .header-inner,.public-header-inner{height:56px;min-height:56px;padding-left:12px!important;padding-right:12px!important}
  .theme-toggle-btn span{display:none}
  .theme-toggle-btn{width:42px!important;padding:0!important}
  .course-rail,.public-course-rail,.student-learning-page .learning-course-rail{grid-auto-columns:min(76vw,290px)!important}
  .rail-arrow{width:40px!important;opacity:.88!important}
  .course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover,.learning-course-card:hover{transform:none!important;box-shadow:none!important}
}
@media(hover:none),(pointer:coarse){.rail-arrow:not([hidden]){opacity:.88!important}}


/* =========================================================
   v056 — Design System Prime Premium / estabilização global
   Referência visual: streaming moderno fornecido pelo usuário.
   Objetivo: consistência entre todas as telas sem alterar regras de negócio.
   ========================================================= */
:root{
  --ui-page-max:1600px;
  --ui-page-pad:clamp(16px,3.2vw,52px);
  --ui-section-gap:28px;
  --ui-card-radius:10px;
  --ui-panel-radius:14px;
  --ui-control-radius:8px;
  --ui-control-h:44px;
  --ui-card-w:clamp(238px,18vw,304px);
  --ui-card-gap:12px;
  --ui-transition:160ms cubic-bezier(.2,.7,.2,1);
  --ui-shadow:0 16px 40px rgba(0,0,0,.32);
  --ui-shadow-hover:0 24px 58px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body{min-width:320px;overflow-x:hidden}
img,video,iframe{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:not(:disabled),summary,a[href]{cursor:pointer}
[hidden]{display:none!important}

/* Estrutura geral: mesma largura, ritmo e alinhamento em todas as abas. */
.page-shell{width:100%;max-width:var(--ui-page-max);margin:0 auto;padding-left:var(--ui-page-pad)!important;padding-right:var(--ui-page-pad)!important;padding-bottom:clamp(72px,7vw,112px)}
.app-body.admin-context .page-shell{padding-top:0}
.admin-page,.student-learning-page,.library-page,.notification-page,.student-course-playlist-page,.explore-page{width:100%;min-width:0}
.page-heading,.admin-head,.compact-page-hero{margin-bottom:18px!important}
.page-heading h1,.admin-head h1,.compact-page-hero h1{font-size:clamp(30px,3vw,46px)!important;line-height:1.03!important;letter-spacing:-.04em!important}
.page-heading p,.admin-head p,.compact-page-hero p{max-width:780px;color:var(--muted)!important;font-size:12px!important;line-height:1.55!important}
.eyebrow{font-size:9px!important;line-height:1.2;letter-spacing:.13em!important;font-weight:800!important}
.muted{color:var(--muted)!important}

/* Header com proporções estáveis e sem saltos entre claro/escuro. */
.prime-header,.public-header{height:var(--header-h)!important}
.header-inner,.public-header-inner{width:min(calc(100% - 24px),1540px)!important;margin-inline:auto!important;padding-inline:14px!important;border-radius:12px!important}
.stream-brand,.public-brand{min-width:0;flex:0 1 auto}
.stream-brand-copy{min-width:0}
.stream-brand-copy strong{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prime-nav,.public-nav{min-width:0;overflow:hidden}
.prime-nav a,.public-nav a{white-space:nowrap;flex:0 0 auto}
.header-actions,.public-header-actions{margin-left:auto;flex:0 0 auto}
.profile-trigger{padding:3px!important}
.profile-menu,.notification-menu{max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain}
.search-drawer{z-index:130}
.search-drawer form{width:min(920px,calc(100% - 32px));margin-inline:auto}

/* Navegação administrativa consistente e rolável — nenhuma aba é cortada. */
.admin-context-nav{position:sticky!important;top:var(--header-h)!important;z-index:82;overflow:hidden}
.admin-context-inner{width:min(100%,var(--ui-page-max));margin-inline:auto;padding:8px var(--ui-page-pad)!important;display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.admin-context-inner::-webkit-scrollbar{display:none}
.admin-context-inner a{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:clamp(32px,4vw,58px)!important}
.admin-head>div{min-width:0}
.admin-tabs{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.admin-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045);color:var(--text);font-size:11px;font-weight:700;transition:background var(--ui-transition),border-color var(--ui-transition),transform var(--ui-transition)}
.admin-tabs a:hover{background:rgba(255,255,255,.09);border-color:var(--line-strong);transform:translateY(-1px)}

/* Painéis, cards e KPIs: um único sistema de superfície. */
.panel,.admin-panel,.learning-hero,.dashboard-mini-grid>article,.stats-grid>article,.calendar-board>article,.certificate-card,.live-card,.path-card,.question-card,.ticket-row,.course-content-block,.detail-copy-block,.review-grid>article,.checkpoint-card,.comment-card,.provider-note{
  border:1px solid var(--line)!important;border-radius:var(--ui-panel-radius)!important;background:linear-gradient(155deg,var(--surface-2),var(--surface))!important;box-shadow:0 10px 28px rgba(0,0,0,.13)!important;
}
.panel{padding:clamp(16px,1.6vw,24px)!important;margin-bottom:16px}
.panel-head,.block-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.panel-head h2,.block-heading h2,.block-heading h3{margin:0;font-size:clamp(17px,1.45vw,22px)!important;line-height:1.18;letter-spacing:-.025em}
.block-heading>span,.panel-head>span{flex:0 0 auto}
.admin-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;align-items:start}
.admin-columns>.span-wide{grid-column:span 1}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px!important;margin-bottom:18px}
.stats-grid>article{min-width:0;padding:17px 18px!important}
.stats-grid small{display:block;color:var(--muted)!important;font-size:9.5px!important;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.stats-grid strong{display:block;margin-top:7px;color:var(--text)!important;font-size:clamp(24px,2.4vw,34px)!important;line-height:1;letter-spacing:-.04em}

/* Formulários: altura, foco, legenda e ações idênticos em todo o sistema. */
.stack-form,.form-grid,.inline-fields,.filter-bar{min-width:0}
.stack-form label,.form-grid label,.filter-bar label{color:var(--muted)!important;font-size:10px!important;font-weight:700!important;line-height:1.35}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  width:100%;min-width:0;border:1px solid var(--line-strong)!important;border-radius:var(--ui-control-radius)!important;background:var(--surface-3)!important;color:var(--text)!important;outline:0;transition:border-color var(--ui-transition),box-shadow var(--ui-transition),background var(--ui-transition)
}
input:not([type="checkbox"]):not([type="radio"]),select{min-height:var(--ui-control-h)!important;padding:0 12px!important}
textarea{min-height:92px;padding:11px 12px!important;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--muted-2)!important;opacity:.9}
input:focus,select:focus,textarea:focus{border-color:rgba(242,201,76,.66)!important;box-shadow:0 0 0 3px rgba(242,201,76,.12)!important;background:var(--surface-2)!important}
input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.56;cursor:not-allowed!important}
.check{display:flex!important;align-items:center!important;gap:8px!important}
.check input{flex:0 0 auto;width:16px;height:16px;accent-color:var(--accent)}
.form-grid{gap:13px!important}.stack-form{gap:12px!important}.inline-fields{gap:9px!important}
.primary-btn,.secondary-btn,.danger-btn,.text-btn{min-height:40px;border-radius:8px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.1;transition:transform var(--ui-transition),filter var(--ui-transition),background var(--ui-transition),border-color var(--ui-transition)}
.primary-btn:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.danger-btn:hover:not(:disabled){transform:translateY(-1px)}
.primary-btn.compact,.secondary-btn.compact,.danger-btn.compact{min-height:34px!important;padding:0 10px!important;font-size:10px!important}
.danger-btn{background:rgba(255,83,101,.09)!important;border:1px solid rgba(255,102,119,.24)!important;color:#ff8795!important}
.danger-btn:hover{background:rgba(255,83,101,.16)!important}
.danger-zone{border-color:rgba(255,102,119,.22)!important}

/* Tabelas: leitura empresarial e proteção contra quebra em telas menores. */
.table-wrap,.clean-table-wrap{width:100%;max-width:100%;overflow:auto!important;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.08);scrollbar-width:thin}
table{width:100%;min-width:720px;border-collapse:separate!important;border-spacing:0!important}
table th{position:sticky;top:0;z-index:2;padding:11px 12px!important;background:var(--surface-2)!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important;text-align:left;white-space:nowrap}
table td{padding:12px!important;color:var(--text)!important;border-bottom:1px solid var(--line)!important;vertical-align:middle;line-height:1.4}
table tbody tr:last-child td{border-bottom:0!important}
table tbody tr{transition:background var(--ui-transition)}
table tbody tr:hover{background:rgba(255,255,255,.035)}
table td small,.table-subtle{display:block;margin-top:3px;color:var(--muted)!important;font-size:9px!important}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}

/* Listas administrativas que antes mudavam muito de uma aba para outra. */
.mini-admin-list,.approval-grid,.ranking-list,.comment-admin-list,.note-list,.timeline-list,.action-list,.user-enrollment-list{display:grid;gap:9px}
.mini-admin-list>article,.approval-grid>article,.ranking-list>article,.comment-admin-item,.note-list>article,.timeline-list>article,.action-list>article,.user-enrollment-list>a{
  min-width:0;border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;padding:12px!important;transition:border-color var(--ui-transition),background var(--ui-transition),transform var(--ui-transition)
}
.mini-admin-list>article:hover,.approval-grid>article:hover,.ranking-list>article:hover,.user-enrollment-list>a:hover{border-color:var(--line-strong)!important;background:rgba(255,255,255,.045)!important}
.mini-admin-list>article{overflow:hidden}
.mini-admin-list form{min-width:0}

/* Carrosséis e cards: proporção de streaming, sem cards gigantes e sem cortar setas. */
.rail-shell{position:relative!important;overflow:visible!important}
.course-rail,.public-course-rail,.learning-course-rail{grid-auto-columns:var(--ui-card-w)!important;gap:var(--ui-card-gap)!important;scroll-padding-inline:52px;padding-bottom:20px!important}
.course-card.prime-card,.public-course-card,.rail-course-card,.learning-course-card,.featured-preview-card,.ranked-course-card{min-width:0;scroll-snap-align:start;will-change:transform}
.course-card .card-img,.public-course-card .card-img,.rail-course-card .card-img,.learning-course-card .card-img,.featured-preview-art,.ranked-course-art{aspect-ratio:16/9!important;overflow:hidden!important}
.course-card .card-img img,.public-course-card .card-img img,.rail-course-card .card-img img,.learning-course-card .card-img img,.featured-preview-art img,.ranked-course-art img{width:100%;height:100%;object-fit:cover;transition:transform 450ms cubic-bezier(.2,.7,.2,1)}
.course-card:hover .card-img img,.public-course-card:hover .card-img img,.rail-course-card:hover .card-img img,.learning-course-card:hover .card-img img,.featured-preview-card:hover img,.ranked-course-card:hover img{transform:scale(1.035)}
.course-card .prime-card-info,.public-course-card .prime-card-info,.rail-course-card .prime-card-info,.learning-course-card .prime-card-info{min-height:70px!important;padding:10px 12px 11px!important}
.course-card .prime-card-info b,.public-course-card .prime-card-info b,.rail-course-card .prime-card-info b,.learning-course-card .prime-card-info b{font-size:13px!important;line-height:1.25!important;min-height:32px!important}
.course-card .prime-card-info small,.public-course-card .prime-card-info small,.rail-course-card .prime-card-info small,.learning-course-card .prime-card-info small{font-size:9.5px!important;line-height:1.35!important}
.rail-shell>.rail-arrow{display:grid!important;place-items:center;top:0!important;bottom:20px!important;height:auto!important;max-height:none!important;width:52px!important;margin:0!important;border-radius:0!important;opacity:0!important;z-index:35!important;pointer-events:auto!important}
.rail-shell:hover>.rail-arrow:not(.is-disabled),.rail-shell>.rail-arrow:focus-visible{opacity:1!important}
.rail-shell>.rail-arrow.is-disabled,.rail-shell>.rail-arrow[aria-disabled="true"]{opacity:0!important;pointer-events:none!important}
.rail-shell>.rail-arrow.left{left:0!important;background:linear-gradient(90deg,var(--bg) 8%,rgba(5,5,5,.68) 55%,transparent)!important}
.rail-shell>.rail-arrow.right{right:0!important;background:linear-gradient(270deg,var(--bg) 8%,rgba(5,5,5,.68) 55%,transparent)!important}
.rail-shell>.rail-arrow:hover{transform:none!important}

/* Hero: composição cinematográfica mais limpa e conteúdo legível em qualquer imagem. */
.hero-stage,.public-prime-hero,.course-detail-hero{isolation:isolate}
.hero-slide,.public-hero-slide,.course-hero-media-slide{background-color:#101010}
.hero-backdrop,.public-prime-shade,.course-detail-backdrop{pointer-events:none}
.prime-hero-content,.public-prime-copy{max-width:min(680px,72vw)}
.prime-hero-content h1,.public-prime-copy h1{font-size:clamp(42px,5vw,76px)!important;line-height:.98!important;letter-spacing:-.05em!important;text-wrap:balance}
.prime-hero-content p,.public-prime-copy p{max-width:590px;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.52!important}
.hero-actions,.public-prime-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hero-controls,.course-hero-media-controls{z-index:12}
.hero-arrow,.public-hero-edge,.course-hero-media-controls>button{backdrop-filter:blur(10px);transition:background var(--ui-transition),transform var(--ui-transition),opacity var(--ui-transition)}
.hero-arrow:hover,.public-hero-edge:hover,.course-hero-media-controls>button:hover{transform:scale(1.04)}

/* Catálogo / curso / aprendizado. */
.catalog-grid{gap:16px 12px!important}
.prime-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important}
.prime-catalog-grid .course-card{max-width:none}
.prime-filter-bar,.advanced-filter-bar,.filter-bar{border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;padding:12px!important}
.catalog-search{min-width:0}
.course-detail-hero{border-bottom:1px solid var(--line)}
.detail-tabs{scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}
.detail-tabs a{white-space:nowrap}
.detail-grid,.prime-detail-grid{gap:22px!important}
.prime-module,.module{overflow:hidden}
.prime-module summary,.module summary{min-height:48px;align-items:center}
.lesson-row{min-width:0}
.learning-hub-nav{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.learning-hub-nav::-webkit-scrollbar{display:none}
.learning-hub-nav a{flex:0 0 auto;white-space:nowrap}
.learning-section-block{scroll-margin-top:calc(var(--header-h) + 72px)}
.learning-goal-card,.dashboard-mini-grid>article{min-width:0}

/* Portal / conta / notificações / certificados / suporte. */
.certificate-grid,.live-grid{gap:14px!important}
.certificate-card,.live-card,.path-card{overflow:hidden}
.notification-history-list{display:grid;gap:9px}
.notification-history-item{border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;padding:13px!important}
.notification-history-item.unread{border-color:rgba(242,201,76,.27)!important;background:rgba(242,201,76,.065)!important}
.account-security-grid,.profile-photo-layout{gap:16px!important}
.playlist-library-panel{border-radius:14px!important}
.course-playlist-grid{gap:12px!important}

/* Login / recuperação: painel firme, formulário compacto, sem desalinhamento no claro. */
.login-page{background:var(--bg)!important}
.login-panel{padding:clamp(18px,4vw,56px)!important}
.login-card,.recovery-card{width:min(100%,460px)!important;border:1px solid var(--line)!important;border-radius:16px!important;background:linear-gradient(160deg,var(--surface-2),var(--surface))!important;box-shadow:0 28px 72px rgba(0,0,0,.28)!important;padding:clamp(22px,3.2vw,36px)!important}
.login-card h1,.recovery-card h1{font-size:clamp(28px,3vw,38px)!important;letter-spacing:-.04em}
.login-alt-actions{gap:8px!important}

/* Alertas, vazios, status e feedback. */
.alert{max-width:100%;border-radius:10px!important;border:1px solid var(--line)!important;padding:11px 13px!important;line-height:1.45}
.alert.success{background:rgba(61,220,151,.08)!important;border-color:rgba(61,220,151,.22)!important;color:#8ce9ba!important}
.alert.error{background:rgba(255,102,119,.08)!important;border-color:rgba(255,102,119,.22)!important;color:#ff9aa6!important}
.empty-state{min-height:180px!important;display:grid;place-items:center;text-align:center;padding:26px!important}
.status{white-space:nowrap}

/* Player: mantém o layout funcional atual, mas equaliza controles e resposta mobile. */
.lesson-reference .player-layout{max-width:1420px!important}
.lesson-reference .native-player-shell,.lesson-reference .embed-player-shell{border-radius:10px!important}
.lesson-reference .playlist{border-radius:11px!important}
.lesson-reference .lesson-reference-tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.lesson-reference .lesson-reference-tabs::-webkit-scrollbar{display:none}
.lesson-reference .lesson-reference-tabs button{flex:0 0 auto;white-space:nowrap}
.lesson-reference .lesson-reference-title-row{min-width:0}
.lesson-reference .lesson-reference-title-row h1{min-width:0;overflow-wrap:anywhere}

/* Tema claro completo: superfícies e componentes que ainda tinham cores escuras fixas. */
html[data-theme="light"] .app-body,html[data-theme="light"] .public-body{background:linear-gradient(180deg,#f7fafc 0%,#F2F2F2 55%,#f7fafc 100%)!important}
html[data-theme="light"] .panel,html[data-theme="light"] .admin-panel,html[data-theme="light"] .learning-hero,html[data-theme="light"] .dashboard-mini-grid>article,html[data-theme="light"] .stats-grid>article,html[data-theme="light"] .calendar-board>article,html[data-theme="light"] .certificate-card,html[data-theme="light"] .live-card,html[data-theme="light"] .path-card,html[data-theme="light"] .question-card,html[data-theme="light"] .ticket-row,html[data-theme="light"] .course-content-block,html[data-theme="light"] .detail-copy-block,html[data-theme="light"] .review-grid>article,html[data-theme="light"] .checkpoint-card,html[data-theme="light"] .comment-card,html[data-theme="light"] .provider-note{
  background:#fff!important;border-color:rgba(44,44,44,.10)!important;box-shadow:0 10px 28px rgba(48,48,48,.065)!important;color:#1F1F1F!important
}
html[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),html[data-theme="light"] select,html[data-theme="light"] textarea{background:#f7f9fb!important;color:#1F1F1F!important;border-color:#D7D7D7!important}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{background:#fff!important}
html[data-theme="light"] .table-wrap,html[data-theme="light"] .clean-table-wrap{background:#fff;border-color:#E4E4E4}
html[data-theme="light"] table th{background:#f2f6f9!important;color:#707070!important;border-bottom-color:#E4E4E4!important}
html[data-theme="light"] table td{color:#1F1F1F!important;border-bottom-color:#EAEAEA!important}
html[data-theme="light"] table tbody tr:hover{background:#f6f9fb}
html[data-theme="light"] .mini-admin-list>article,html[data-theme="light"] .approval-grid>article,html[data-theme="light"] .ranking-list>article,html[data-theme="light"] .comment-admin-item,html[data-theme="light"] .note-list>article,html[data-theme="light"] .timeline-list>article,html[data-theme="light"] .action-list>article,html[data-theme="light"] .user-enrollment-list>a,html[data-theme="light"] .notification-history-item{background:#f8fafc!important;border-color:#E4E4E4!important;color:#1F1F1F!important}
html[data-theme="light"] .admin-tabs a{background:#fff;color:#474747;border-color:#DEDEDE}
html[data-theme="light"] .admin-tabs a:hover{background:#F2F2F2;color:#1F1F1F}
html[data-theme="light"] .prime-filter-bar,html[data-theme="light"] .advanced-filter-bar,html[data-theme="light"] .filter-bar{background:#fff!important;border-color:#E3E3E3!important}
html[data-theme="light"] .login-page{background:#F2F2F2!important}
html[data-theme="light"] .login-card,html[data-theme="light"] .recovery-card{background:#fff!important;border-color:#E1E1E1!important;box-shadow:0 24px 60px rgba(50,50,50,.13)!important;color:#1F1F1F!important}
html[data-theme="light"] .rail-shell>.rail-arrow.left{background:linear-gradient(90deg,#f4f7fa 8%,rgba(244,247,250,.70) 55%,transparent)!important;color:#1F1F1F!important}
html[data-theme="light"] .rail-shell>.rail-arrow.right{background:linear-gradient(270deg,#f4f7fa 8%,rgba(244,247,250,.70) 55%,transparent)!important;color:#1F1F1F!important}

/* Breakpoints: desktop > tablet > telefone, sem esconder função essencial. */
@media(max-width:1180px){
  :root{--ui-card-w:clamp(226px,25vw,286px)}
  .admin-columns{grid-template-columns:1fr}
  .admin-columns>.span-wide{grid-column:auto}
  .admin-head{align-items:flex-start;flex-direction:column}
  .admin-tabs{justify-content:flex-start}
  .prime-nav a:nth-child(4){display:flex!important}
}
@media(max-width:900px){
  :root{--ui-page-pad:18px;--ui-card-w:min(42vw,286px)}
  .prime-nav{display:none!important}
  .app-body{padding-bottom:68px}
  .admin-context-nav{top:var(--header-h)!important}
  .admin-context-inner{padding-inline:14px!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .form-grid{grid-template-columns:1fr!important}.form-grid .span-2{grid-column:auto!important}
  .inline-fields{flex-wrap:wrap}
  .course-hover-preview{display:none!important}
  .prime-hero-content,.public-prime-copy{max-width:82vw}
}
@media(max-width:720px){
  :root{--ui-page-pad:14px;--ui-card-w:min(76vw,286px);--ui-section-gap:22px}
  .page-shell{padding-bottom:92px}
  .prime-header{left:0!important;right:0!important;top:0!important;border-radius:0!important}
  .header-inner,.public-header-inner{width:100%!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .stream-brand-copy{display:none}
  .admin-context-nav{top:56px!important}
  .admin-context-inner{padding-top:6px!important;padding-bottom:6px!important}
  .admin-context-inner a{min-height:36px!important;font-size:11.5px!important}
  .admin-head,.page-heading,.compact-page-hero{padding-top:28px!important}
  .admin-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:2px}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{flex:0 0 auto}
  .panel{padding:15px!important}
  .panel-head,.block-heading{gap:10px}
  .stats-grid{gap:9px!important}
  .stats-grid>article{padding:14px!important}
  .table-wrap,.clean-table-wrap{border-radius:9px;margin-inline:0!important}
  table{min-width:660px}
  .course-rail,.public-course-rail,.learning-course-rail{gap:9px!important}
  .rail-shell>.rail-arrow{width:38px!important;opacity:.84!important;bottom:20px!important}
  .rail-shell>.rail-arrow.left{left:-2px!important}.rail-shell>.rail-arrow.right{right:-2px!important}
  .hero-stage,.public-prime-hero,.course-detail-hero{min-height:520px!important}
  .prime-hero-content,.public-prime-copy{max-width:none!important;width:auto!important;left:18px!important;right:18px!important}
  .prime-hero-content h1,.public-prime-copy h1{font-size:clamp(32px,9vw,48px)!important}
  .prime-hero-content p,.public-prime-copy p{font-size:12.5px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hero-metadata span:nth-child(n+4),.public-prime-meta span:nth-child(n+4){display:none!important}
  .catalog-grid,.prime-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 8px!important}
  .prime-catalog-grid .course-card .prime-card-info{min-height:64px!important;padding:8px 9px!important}
  .prime-catalog-grid .course-card .prime-card-info b{font-size:11.5px!important;min-height:29px!important}
  .profile-menu,.notification-menu{right:4px!important;width:min(330px,calc(100vw - 16px))!important}
  .lesson-reference .lesson-reference-title-row{flex-direction:column;gap:10px}.lesson-reference .lesson-reference-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:460px){
  :root{--ui-page-pad:12px;--ui-card-w:78vw}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stats-grid strong{font-size:24px!important}
  .page-heading h1,.admin-head h1,.compact-page-hero h1{font-size:28px!important}
  .catalog-grid,.prime-catalog-grid{grid-template-columns:1fr 1fr!important}
  .catalog-grid .card-meta{display:none!important}
  .admin-head p,.page-heading p{font-size:10.5px!important}
  .primary-btn,.secondary-btn,.danger-btn{max-width:100%}
  .hero-actions .prime-play-btn{flex:1 1 auto;justify-content:center}
  .hero-actions .prime-info-btn{flex:0 0 auto}
}
@media(hover:none),(pointer:coarse){
  .course-card.prime-card:hover,.public-course-card:hover,.rail-course-card:hover,.learning-course-card:hover,.featured-preview-card:hover,.ranked-course-card:hover{transform:none!important;box-shadow:none!important}
  .course-card:hover .card-img img,.public-course-card:hover .card-img img,.rail-course-card:hover .card-img img,.learning-course-card:hover .card-img img{transform:none}
  .rail-shell>.rail-arrow:not(.is-disabled){opacity:.78!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}

/* v056.1 — cobertura dos componentes específicos restantes. */
.prose{color:var(--muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}
.rating-choice{display:grid;grid-template-columns:repeat(11,minmax(36px,1fr));gap:6px;margin-top:14px}.rating-choice label{position:relative}.rating-choice input{position:absolute;opacity:0;pointer-events:none}.rating-choice span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface-3);color:var(--text);font-size:11px;font-weight:800;transition:background var(--ui-transition),border-color var(--ui-transition),transform var(--ui-transition)}.rating-choice input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.rating-choice label:hover span{transform:translateY(-1px);border-color:var(--line-strong)}.rating-choice input:focus-visible+span{outline:2px solid currentColor;outline-offset:2px}
.preference-list{display:grid;gap:8px}.preference-list>label{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.preference-list>label span{min-width:0}.preference-list>label b{font-size:11px}.preference-list input[type="checkbox"]{width:38px;height:21px;appearance:none;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);position:relative;flex:0 0 auto;transition:background var(--ui-transition)}.preference-list input[type="checkbox"]:before{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform var(--ui-transition)}.preference-list input[type="checkbox"]:checked{background:var(--accent);border-color:var(--accent)}.preference-list input[type="checkbox"]:checked:before{transform:translateX(17px)}
.profile-photo-layout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.profile-photo-preview{overflow:hidden}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.profile-photo-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-photo-upload label{position:relative}.profile-photo-upload label input{position:absolute;inset:0;opacity:0;cursor:pointer}
.course-media-box,.lesson-outline>article,.registry-course-summary,.studio-empty,.quiz-admin-card,.content-danger-details{border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important}.course-media-box{overflow:hidden}.course-media-preview{background-color:var(--surface-3)!important}.content-steps{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.content-steps::-webkit-scrollbar{display:none}.content-steps button{flex:1 0 175px;min-width:0}.studio-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lesson-outline{display:grid;gap:10px}.outline-lesson{min-width:0}.registry-course-summary{min-width:0;padding:10px}.registry-course-summary img{aspect-ratio:16/9;width:100px;object-fit:cover;border-radius:7px}
.public-footer{border-top:1px solid var(--line)!important}.public-footer-inner{max-width:var(--ui-page-max)!important;padding-inline:var(--ui-page-pad)!important}.public-footer-nav{gap:10px 16px!important;flex-wrap:wrap}.public-footer-nav a{font-size:10.5px!important}
html[data-theme="light"] .rating-choice span,html[data-theme="light"] .preference-list>label,html[data-theme="light"] .course-media-box,html[data-theme="light"] .lesson-outline>article,html[data-theme="light"] .registry-course-summary,html[data-theme="light"] .studio-empty,html[data-theme="light"] .quiz-admin-card,html[data-theme="light"] .content-danger-details{background:#f8fafc!important;border-color:#E4E4E4!important;color:#1F1F1F!important}
@media(max-width:900px){.rating-choice{grid-template-columns:repeat(6,minmax(36px,1fr))}.profile-photo-layout{grid-template-columns:auto minmax(0,1fr)}.profile-photo-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:560px){.rating-choice{grid-template-columns:repeat(4,minmax(36px,1fr))}.profile-photo-layout{grid-template-columns:1fr;text-align:center}.profile-photo-preview{margin-inline:auto}.profile-photo-actions,.profile-photo-upload{justify-content:center}.content-steps button{flex-basis:150px}.registry-course-summary{grid-template-columns:72px minmax(0,1fr)!important}.registry-course-summary img{width:72px}.registry-course-summary>a{grid-column:1/-1;width:100%}}


/* =========================================================
   v057 — acabamento premium de streaming / correção visual total
   - navegação superior geometricamente consistente
   - cards 16:9 com densidade e comportamento de streaming
   - ranking sem números invadindo a arte
   - alinhamento universal de botões, ícones, painéis, tabelas e formulários
   - proteção contra conteúdo cortado em desktop/tablet/mobile
   ========================================================= */
:root{
  --header-h:66px;
  --v57-header-inner:56px;
  --v57-icon:40px;
  --v57-card-w:clamp(260px,22.35vw,320px);
  --v57-card-radius:9px;
  --v57-rail-gap:22px;
  --v57-panel-radius:14px;
  --v57-soft-line:rgba(255,255,255,.075);
  --v57-shadow:0 20px 52px rgba(0,0,0,.34);
}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%}
button,a,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}

/* ---------- Cabeçalho: todos os controles usam a mesma malha ---------- */
.prime-header{top:7px!important;left:clamp(8px,1.4vw,22px)!important;right:clamp(8px,1.4vw,22px)!important;height:var(--header-h)!important;border-radius:14px!important;overflow:visible!important}
.prime-header .header-inner{
  width:min(calc(100% - 12px),1540px)!important;height:var(--v57-header-inner)!important;min-height:var(--v57-header-inner)!important;
  padding:0 10px 0 14px!important;gap:14px!important;border-radius:13px!important;
  background:rgba(11,11,11,.94)!important;border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;backdrop-filter:blur(20px) saturate(125%)!important;
}
.stream-brand{height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;min-width:0}
.brand-logo-img{display:block!important;width:auto!important;max-width:146px!important;height:auto!important;max-height:34px!important;object-fit:contain!important}
.stream-brand-copy{display:flex;align-items:center;min-width:0}.stream-brand-copy strong{font-size:14px!important;line-height:1!important;white-space:nowrap}
.prime-nav{height:44px!important;display:flex;align-items:center!important;gap:2px!important;min-width:0;margin-left:2px!important}
.prime-nav a{height:38px!important;min-height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:13px!important;line-height:1!important;white-space:nowrap}
.header-actions{
  height:48px!important;min-height:48px!important;margin-left:auto!important;padding:4px!important;gap:2px!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;
  border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(5,5,5,.56);
}
.header-icon-btn,.theme-toggle-btn{
  flex:0 0 var(--v57-icon)!important;width:var(--v57-icon)!important;min-width:var(--v57-icon)!important;max-width:var(--v57-icon)!important;
  height:var(--v57-icon)!important;min-height:var(--v57-icon)!important;padding:0!important;margin:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;line-height:0!important;
}
.theme-toggle-btn span{display:none!important}
.header-icon-btn svg,.theme-toggle-btn svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;stroke-width:1.85!important}
.profile-trigger{
  flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:40px!important;min-height:40px!important;
  padding:0 4px!important;margin:0!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:3px!important;overflow:visible!important;
}
.profile-avatar{flex:0 0 32px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important;font-size:12px!important;line-height:1!important;overflow:hidden!important}
.profile-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.profile-trigger .chevron{flex:0 0 12px!important;width:12px!important;height:12px!important;margin:0!important;stroke-width:2!important}
.notification-menu-wrap,.profile-menu-wrap{display:flex!important;align-items:center!important;position:relative!important}
.notification-badge{min-width:16px!important;height:16px!important;padding:0 4px!important;display:grid!important;place-items:center!important;font-size:8px!important;line-height:1!important}
.search-drawer{top:calc(var(--header-h) + 2px)!important}
.profile-menu,.notification-menu{top:48px!important}

/* ---------- Hero e conteúdo: sem recortes laterais indevidos ---------- */
.page-shell{width:100%;max-width:none!important;overflow:visible!important}
.home-prime-content{width:100%!important;max-width:1540px!important;margin-inline:auto!important;padding-inline:var(--ui-page-pad,clamp(18px,3vw,48px))!important;overflow:visible!important}
.home-prime-content .prime-rail-section,.home-prime-content .prime-category-strip{overflow:visible!important;margin-top:30px!important}
.home-prime-content .first-content-rail{margin-top:0!important}
.section-head{min-height:48px!important;margin-bottom:12px!important;gap:18px!important}
.section-head>div{min-width:0}.section-head h2{font-size:clamp(20px,1.62vw,25px)!important;line-height:1.08!important}.section-head p{margin:5px 0 0!important;line-height:1.35!important}
.section-head>a{align-self:center!important;min-height:32px!important;padding:0 4px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important}

/* ---------- Trilhos: 4 cards aproximadamente em 1366px, como a referência ---------- */
.rail-shell{overflow:visible!important;isolation:isolate!important}
.course-rail,.public-course-rail,.learning-course-rail{
  gap:var(--v57-rail-gap)!important;scroll-padding-inline:2px!important;padding:3px 2px 22px!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;
}
.home-prime-content .course-rail,.public-course-rail{grid-auto-columns:var(--v57-card-w)!important}
.home-prime-content .featured-preview-rail{grid-auto-columns:var(--v57-card-w)!important}
.student-learning-page .learning-course-rail{grid-auto-columns:clamp(255px,22vw,315px)!important}
.rail-shell>.rail-arrow{
  z-index:40!important;top:3px!important;bottom:auto!important;width:42px!important;height:auto!important;min-height:146px!important;max-height:none!important;
  border-radius:10px!important;display:grid!important;place-items:center!important;color:#fff!important;opacity:0!important;overflow:hidden!important;
  background:rgba(5,5,5,.74)!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(8px)!important;
  transition:opacity .16s ease,background .16s ease,transform .16s ease!important;
}
.rail-shell>.rail-arrow.left{left:-7px!important}.rail-shell>.rail-arrow.right{right:-7px!important}
.rail-shell.has-overflow:hover>.rail-arrow:not(.is-disabled),.rail-shell.has-overflow:focus-within>.rail-arrow:not(.is-disabled){opacity:1!important}
.rail-shell>.rail-arrow.is-disabled{opacity:0!important;pointer-events:none!important}
.rail-shell>.rail-arrow:hover{background:rgba(17,17,17,.94)!important;transform:scale(1.025)!important}
.rail-shell>.rail-arrow svg{width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.rail-shell>.rail-arrow>span{font-size:32px!important;line-height:1!important}

/* ---------- Cards da home/público: arte 16:9 inteira + legenda sobreposta ---------- */
.home-prime-content .course-card.prime-card,
.home-prime-content .rail-course-card,
.home-prime-content .student-available-card,
.home-prime-content .continue-card,
.public-course-card,
.featured-preview-card{
  position:relative!important;display:block!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;
  border-radius:var(--v57-card-radius)!important;border:1px solid rgba(255,255,255,.065)!important;background:#101010!important;
  overflow:hidden!important;box-shadow:none!important;transform-origin:center center!important;
  transition:transform .22s cubic-bezier(.2,.72,.22,1),box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
.home-prime-content .course-card .card-img,
.home-prime-content .rail-course-card .card-img,
.home-prime-content .student-available-card .card-img,
.home-prime-content .continue-card .card-img,
.public-course-card .card-img,
.featured-preview-art{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:inherit!important;
  background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;overflow:hidden!important;
  transform:none!important;transition:transform .42s cubic-bezier(.2,.72,.22,1),filter .28s ease!important;
}
.home-prime-content .card-img>img,.public-course-card .card-img>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
.home-prime-content .course-card .prime-card-info,
.home-prime-content .rail-course-card .prime-card-info,
.home-prime-content .student-available-card .prime-card-info,
.home-prime-content .continue-card .prime-card-info,
.public-course-card .prime-card-info,
.featured-preview-caption{
  position:absolute!important;z-index:7!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  min-height:68px!important;padding:28px 12px 10px!important;margin:0!important;border-radius:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.78) 38%,rgba(5,5,5,.96) 100%)!important;
  opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;color:#fff!important;pointer-events:none!important;
}
.home-prime-content .prime-card-info b,.public-course-card .prime-card-info b,.featured-preview-caption b{
  display:block!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  font-size:12px!important;line-height:1.2!important;font-weight:760!important;text-shadow:0 2px 8px rgba(0,0,0,.72)!important;color:#fff!important;
}
.home-prime-content .prime-card-info small,.public-course-card .prime-card-info small,.featured-preview-caption small{
  margin-top:4px!important;font-size:9.5px!important;line-height:1.2!important;color:#CECECE!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.home-prime-content .prime-card-info p,.public-course-card .prime-card-info p{display:none!important}
.home-prime-content .card-title-row{align-items:center!important;gap:8px!important}.home-prime-content .card-title-row span{flex:0 0 auto;font-size:9px!important}
.home-prime-content .card-image-shade,.public-course-card .card-image-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.02) 52%,rgba(5,5,5,.24) 73%,rgba(5,5,5,.72) 100%)!important}
.home-prime-content .course-card:hover,.home-prime-content .rail-course-card:hover,.home-prime-content .student-available-card:hover,.home-prime-content .continue-card:hover,.public-course-card:hover,.featured-preview-card:hover,.featured-preview-card.preview-pending{
  z-index:30!important;transform:translateY(-4px) scale(1.028)!important;border-color:rgba(255,255,255,.19)!important;box-shadow:var(--v57-shadow)!important;filter:none!important;
}
.home-prime-content .course-card:hover .card-img,.home-prime-content .rail-course-card:hover .card-img,.home-prime-content .student-available-card:hover .card-img,.home-prime-content .continue-card:hover .card-img,.public-course-card:hover .card-img,.featured-preview-card:hover .featured-preview-art{
  transform:scale(1.025)!important;filter:saturate(1.05) contrast(1.02)!important;
}
.home-prime-content .course-rail.has-hover>a:not(:hover):not(.preview-pending){opacity:.82!important;filter:saturate(.9)!important}
.card-center-play,.featured-preview-play{left:10px!important;top:10px!important;bottom:auto!important;width:34px!important;height:34px!important;opacity:0!important;transform:scale(.92)!important}
.home-prime-content .course-card:hover .card-center-play,.public-course-card:hover .card-center-play,.featured-preview-card:hover .featured-preview-play{opacity:1!important;transform:scale(1)!important}
.featured-preview-demo{top:10px!important;right:10px!important;left:auto!important;font-size:8px!important;padding:5px 7px!important;border-radius:5px!important}
.public-access-chip{left:8px!important;bottom:8px!important;z-index:9!important}.public-card-brand{right:8px!important;bottom:8px!important;z-index:9!important}
.image-progress{z-index:10!important;height:3px!important;bottom:0!important}.continue-play-badge{z-index:9!important;left:10px!important;top:10px!important;bottom:auto!important}

/* ---------- Ranking: número contido, arte legível, nada invadindo card vizinho ---------- */
.ranked-course-rail{grid-auto-columns:clamp(300px,24vw,350px)!important;gap:18px!important;padding-bottom:20px!important}
.ranked-course-card{
  position:relative!important;display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;align-items:stretch!important;
  width:100%!important;height:168px!important;min-width:0!important;overflow:visible!important;transform-origin:center!important;
}
.rank-number{
  position:relative!important;z-index:1!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;width:68px!important;height:100%!important;
  padding:0 3px 1px 0!important;overflow:visible!important;font-size:112px!important;line-height:.82!important;font-weight:900!important;letter-spacing:-.095em!important;
  color:#101010!important;-webkit-text-stroke:2px rgba(230,230,230,.68)!important;text-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}
.ranked-course-art{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;border-radius:var(--v57-card-radius)!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.ranked-course-title{left:10px!important;right:10px!important;bottom:9px!important;font-size:11px!important;line-height:1.18!important;white-space:nowrap!important;text-overflow:ellipsis!important;-webkit-line-clamp:1!important}
.ranked-course-shade{background:linear-gradient(180deg,transparent 48%,rgba(5,5,5,.78) 100%)!important}
.ranked-course-card:hover{z-index:25!important;transform:translateY(-4px) scale(1.018)!important}.ranked-course-card:hover .ranked-course-art{border-color:rgba(255,255,255,.18)!important;box-shadow:0 18px 46px rgba(0,0,0,.42)!important;transform:none!important;filter:saturate(1.04)!important}

/* ---------- Categorias ---------- */
.prime-category-strip{padding-bottom:8px!important}.prime-category-row,.clean-category-row{gap:8px!important}.prime-category-row a,.clean-category-row a{min-height:38px!important;padding:0 12px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;font-size:10.5px!important}.prime-category-row small,.clean-category-row small{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:0 5px!important;border-radius:999px!important;font-size:9px!important}

/* ---------- Hover preview: proporção e acabamento da referência ---------- */
.course-hover-preview{width:min(418px,calc(100vw - 24px))!important;border-radius:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.13)!important;background:#121212!important;box-shadow:0 28px 72px rgba(0,0,0,.62)!important}
.course-hover-preview-media{aspect-ratio:16/9!important;background:#0A0A0A!important}.course-hover-preview-media iframe,.course-hover-preview-media video,.course-hover-preview-fallback{object-fit:cover!important;background-size:cover!important;background-position:center!important}
.course-hover-preview-body{padding:13px 14px 14px!important;background:linear-gradient(180deg,#1B1B1B,#121212)!important}.course-hover-preview-title-row b{font-size:17px!important;line-height:1.15!important}.course-hover-preview-title-row span{font-size:7.5px!important}.course-hover-preview-meta{margin-top:6px!important}.course-hover-preview-body p{margin-top:7px!important;-webkit-line-clamp:2!important}.course-hover-preview-actions{margin-top:11px!important;gap:8px!important}.preview-action{min-height:38px!important;border-radius:7px!important;font-size:10.5px!important}

/* ---------- Administração e abas: uma malha, sem controles desnivelados ---------- */
.admin-context-nav{top:calc(var(--header-h) + 7px)!important;min-height:50px!important;display:flex!important;align-items:center!important;background:rgba(11,11,11,.965)!important;backdrop-filter:blur(16px)!important}
.admin-context-inner{width:min(100%,1540px)!important;min-height:50px!important;padding:6px var(--ui-page-pad,clamp(18px,3vw,48px))!important;gap:4px!important;align-items:center!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}.admin-context-inner::-webkit-scrollbar{display:none}
.admin-context-inner a{flex:0 0 auto!important;min-height:36px!important;height:36px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:11.5px!important;line-height:1!important;white-space:nowrap!important}
.admin-context-inner a.active{box-shadow:none!important}
.admin-context .page-shell{padding-top:calc(var(--header-h) + 60px)!important}
.admin-head,.page-heading,.compact-page-hero{gap:18px!important;align-items:flex-start!important}.admin-head>div,.page-heading>div{min-width:0}.admin-head h1,.page-heading h1,.compact-page-hero h1{line-height:1.05!important}.admin-head p,.page-heading p{max-width:80ch!important;line-height:1.5!important}
.admin-tabs{display:flex!important;align-items:center!important;gap:5px!important;min-width:0}.admin-tabs a{min-height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;white-space:nowrap!important}
.panel,.admin-panel{overflow:visible!important}.panel,.admin-panel,.learning-hero,.dashboard-mini-grid>article,.stats-grid>article{border-radius:var(--v57-panel-radius)!important}
.panel-head,.block-heading{align-items:flex-start!important;gap:14px!important}.panel-head>div,.block-heading>div{min-width:0}
.form-grid,.stack-form,.inline-fields{min-width:0}.form-grid>*{min-width:0}
input,select,textarea{max-width:100%!important;min-width:0!important}
input:not([type="checkbox"]):not([type="radio"]),select{min-height:42px!important}
textarea{min-height:94px!important;resize:vertical!important}
.primary-btn,.secondary-btn,.danger-btn,.text-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.1;text-align:center}
.primary-btn svg,.secondary-btn svg,.danger-btn svg,.text-btn svg{flex:0 0 auto;width:17px;height:17px}
.table-wrap,.clean-table-wrap{max-width:100%!important;overflow:auto!important;overscroll-behavior:contain!important}.table-wrap table,.clean-table-wrap table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}.table-wrap th,.table-wrap td,.clean-table-wrap th,.clean-table-wrap td{vertical-align:middle!important;line-height:1.35!important}
.row-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}.row-actions>*{margin:0!important}
.alert{max-width:min(100%,1540px)!important;margin-left:auto!important;margin-right:auto!important}

/* Matrículas: preserva a estrutura premium e impede estouro de controles */
.enrollment-create-form,.enrollment-edit-form,.enrollment-record-main,.enrollment-record-controls{min-width:0!important}.enrollment-record{overflow:hidden!important}.enrollment-edit-form>*{min-width:0!important}.enrollment-delete-form{align-self:end!important}.enrollment-status-badge{line-height:1!important}

/* Tema claro com a mesma geometria */
html[data-theme="light"] .prime-header .header-inner{background:rgba(255,255,255,.965)!important;border-color:rgba(42,42,42,.10)!important;box-shadow:0 12px 34px rgba(56,56,56,.13)!important}
html[data-theme="light"] .header-actions{background:rgba(244,244,244,.88)!important;border-color:rgba(42,42,42,.08)!important}
html[data-theme="light"] .home-prime-content .course-card.prime-card,html[data-theme="light"] .home-prime-content .rail-course-card,html[data-theme="light"] .public-course-card,html[data-theme="light"] .featured-preview-card{background:#E6E6E6!important;border-color:rgba(41,41,41,.10)!important}
html[data-theme="light"] .rank-number{color:#F2F2F2!important;-webkit-text-stroke:2px rgba(52,52,52,.52)!important}
html[data-theme="light"] .admin-context-nav{background:rgba(250,252,254,.97)!important;border-color:rgba(41,41,41,.09)!important}
html[data-theme="light"] .rail-shell>.rail-arrow{background:rgba(244,248,251,.90)!important;color:#1F1F1F!important;border-color:rgba(41,41,41,.09)!important}

/* ---------- Responsividade ---------- */
@media(max-width:1260px){
  :root{--v57-card-w:clamp(250px,26vw,306px);--v57-rail-gap:16px}
  .prime-nav a{padding-inline:10px!important;font-size:12.5px!important}.stream-brand-copy{display:none!important}
  .ranked-course-rail{grid-auto-columns:clamp(290px,30vw,330px)!important}
}
@media(max-width:980px){
  :root{--header-h:62px;--v57-card-w:min(40vw,300px);--v57-rail-gap:13px}
  .prime-header{top:4px!important;left:5px!important;right:5px!important}.prime-header .header-inner{width:100%!important;height:54px!important;min-height:54px!important;padding-inline:10px!important}
  .prime-nav{display:none!important}.stream-brand-copy{display:none!important}.header-actions{height:46px!important}
  .admin-context-nav{top:62px!important}.admin-context .page-shell{padding-top:118px!important}
  .ranked-course-rail{grid-auto-columns:min(56vw,330px)!important}
  .ranked-course-card{height:158px!important;grid-template-columns:56px minmax(0,1fr)!important}.rank-number{width:61px!important;font-size:100px!important}
}
@media(max-width:720px){
  :root{--header-h:58px;--v57-card-w:min(78vw,300px);--v57-rail-gap:10px}
  .prime-header{top:0!important;left:0!important;right:0!important;border-radius:0!important}.prime-header .header-inner{height:56px!important;min-height:56px!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:0 8px 0 11px!important;gap:8px!important}
  .brand-logo-img{max-width:110px!important;max-height:30px!important}.header-actions{padding:3px!important;height:46px!important}.header-icon-btn,.theme-toggle-btn{--v57-icon:38px}.profile-trigger{width:50px!important;min-width:50px!important;max-width:50px!important;height:38px!important}.profile-avatar{width:30px!important;height:30px!important}.profile-trigger .chevron{width:11px!important;height:11px!important}
  .home-prime-content{padding-inline:13px!important}.home-prime-content .prime-rail-section,.home-prime-content .prime-category-strip{margin-top:23px!important}.section-head{min-height:42px!important;margin-bottom:9px!important}.section-head h2{font-size:20px!important}.section-head p{font-size:10px!important}.section-head>a{font-size:10px!important}
  .course-rail,.public-course-rail,.learning-course-rail{padding-bottom:16px!important}.rail-shell>.rail-arrow{width:36px!important;min-height:118px!important;opacity:.82!important}.rail-shell>.rail-arrow.left{left:-4px!important}.rail-shell>.rail-arrow.right{right:-4px!important}.rail-shell>.rail-arrow svg{width:23px!important;height:23px!important}
  .home-prime-content .course-card:hover,.home-prime-content .rail-course-card:hover,.public-course-card:hover,.featured-preview-card:hover{transform:none!important;box-shadow:none!important}
  .ranked-course-rail{grid-auto-columns:82vw!important;gap:10px!important}.ranked-course-card{height:150px!important;grid-template-columns:52px minmax(0,1fr)!important}.rank-number{width:57px!important;font-size:92px!important}
  .prime-category-row,.clean-category-row{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important;scrollbar-width:none!important}.prime-category-row::-webkit-scrollbar,.clean-category-row::-webkit-scrollbar{display:none}
  .admin-context-nav{top:56px!important}.admin-context .page-shell{padding-top:112px!important}.admin-context-inner{padding-inline:10px!important}.admin-context-inner a{height:34px!important;min-height:34px!important;font-size:10.5px!important}
  .admin-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs a{flex:0 0 auto!important}
  .panel-head,.block-heading{flex-direction:column!important}.panel-head>*:last-child,.block-heading>*:last-child{align-self:flex-start}
  .row-actions{align-items:stretch!important}.row-actions .primary-btn,.row-actions .secondary-btn,.row-actions .danger-btn{flex:1 1 auto}
  .enrollment-create-form,.enrollment-toolbar,.enrollment-record-main,.enrollment-record-controls,.enrollment-edit-form{grid-template-columns:1fr!important}.enrollment-create-submit,.enrollment-clear-filter,.enrollment-save-btn,.enrollment-delete-btn{width:100%!important}.enrollment-delete-form{width:100%!important}
}
@media(max-width:460px){
  :root{--v57-card-w:82vw}
  .header-actions{gap:1px!important}.header-icon-btn,.theme-toggle-btn{--v57-icon:36px}.profile-trigger{width:47px!important;min-width:47px!important;max-width:47px!important;padding-inline:3px!important}.profile-avatar{width:29px!important;height:29px!important}.profile-trigger .chevron{width:10px!important;height:10px!important}
  .section-head{align-items:flex-start!important}.section-head p{display:none!important}.section-head>a{align-self:flex-start!important}
  .home-prime-content .course-card .prime-card-info,.home-prime-content .rail-course-card .prime-card-info,.public-course-card .prime-card-info,.featured-preview-caption{padding:23px 9px 8px!important;min-height:58px!important}.home-prime-content .prime-card-info b,.public-course-card .prime-card-info b,.featured-preview-caption b{font-size:11px!important}
  .ranked-course-card{height:138px!important;grid-template-columns:48px minmax(0,1fr)!important}.rank-number{width:53px!important;font-size:84px!important}
}
@media(hover:none),(pointer:coarse){
  .home-prime-content .course-rail.has-hover>a{opacity:1!important;filter:none!important}.card-center-play,.featured-preview-play{opacity:0!important}
  .rail-shell.has-overflow>.rail-arrow:not(.is-disabled){opacity:.72!important}
}

/* v057.1 — aproximação final da hierarquia da referência e cobertura de modificadores */
.home-prime-content .section-head,.storefront-section .storefront-heading.compact{justify-content:flex-start!important}
.home-prime-content .section-head>div,.storefront-section .storefront-heading.compact>div{flex:0 1 auto!important}
.home-prime-content .section-head>a,.storefront-section .storefront-heading.compact>a{align-self:flex-start!important;margin:2px 0 0 4px!important}
.inline-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.compact-grid{gap:10px!important}
.lesson-management-list,.prime-module-list{display:grid;gap:9px;min-width:0}
.question-tag,.resolved-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:999px;border:1px solid var(--line);font-size:8.5px;font-weight:800;line-height:1;white-space:nowrap}
.resolved-tag{border-color:rgba(61,220,151,.24);background:rgba(61,220,151,.08);color:#77e4ad}
.empty-media{display:grid;place-items:center;min-height:120px;text-align:center;color:var(--muted)}
.admin-user-edit-page,.admin-users-page,.content-overview,.course-studio,.learning-hero-premium,.student-category-strip,.priority-deadline-rail,.completed-learning-rail,.playlist-learning-rail,.student-playlist-rail{min-width:0}
.notification-specific-user{min-width:0}
.padded{padding:14px}
@media(max-width:720px){.home-prime-content .section-head,.storefront-section .storefront-heading.compact{gap:10px!important}.home-prime-content .section-head>a,.storefront-section .storefront-heading.compact>a{margin-left:0!important;white-space:nowrap}}
.rank-number[data-rank="10"]{font-size:72px!important;letter-spacing:-.13em!important;padding-right:1px!important}
@media(max-width:720px){.rank-number[data-rank="10"]{font-size:62px!important}}

/* v057.2 — cabeçalho público na mesma grade geométrica */
.public-header{height:62px!important;background:rgba(5,5,5,.96)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 26px rgba(0,0,0,.20)!important;backdrop-filter:blur(18px) saturate(120%)!important}
.public-header-inner{width:min(100%,1540px)!important;height:62px!important;min-height:62px!important;margin-inline:auto!important;padding:0 clamp(14px,2.5vw,38px)!important;gap:14px!important}
.public-brand{height:44px!important;display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;flex:0 0 auto!important}.public-brand>span{font-size:14px!important;line-height:1!important;white-space:nowrap!important}
.public-nav{height:44px!important;display:flex!important;align-items:center!important;gap:2px!important}.public-nav a{height:38px!important;min-height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:13px!important;line-height:1!important}
.public-header-actions{height:46px!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;flex:0 0 auto!important}
.public-search-link{flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important}.public-search-link svg{width:20px!important;height:20px!important}
.public-login,.public-signup{min-height:40px!important;height:40px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;line-height:1!important;white-space:nowrap!important;font-size:12px!important}
html[data-theme="light"] .public-header{background:rgba(250,252,254,.97)!important;border-color:rgba(41,41,41,.09)!important;box-shadow:0 8px 26px rgba(56,56,56,.10)!important}
@media(max-width:760px){.public-header,.public-header-inner{height:56px!important;min-height:56px!important}.public-header-inner{padding-inline:10px!important;gap:7px!important}.public-brand>span{display:none!important}.public-nav{display:none!important}.public-header-actions{height:44px!important;gap:2px!important}.public-login,.public-signup{height:38px!important;min-height:38px!important;padding-inline:10px!important;font-size:11px!important}.public-signup{display:none!important}.public-search-link{width:38px!important;min-width:38px!important;height:38px!important}}

/* =========================================================
   v058 — acabamento de hover + aula contínua sem perda de recursos
   - trilhos com respiro vertical para o card não ser recortado no hover
   - preview expansivo sobe levemente, é medido pelo JS e permanece clicável
   - abas Anexos/Quiz sempre identificáveis, inclusive em estado vazio
   ========================================================= */
:root{
  --v58-hover-lift:6px;
  --v58-rail-top-space:14px;
  --v58-section-space:36px;
}

/* Mais respiro entre título, trilho e próxima seção. O scroll horizontal continua intacto. */
.home-prime-content .prime-rail-section,
.home-prime-content .prime-category-strip{margin-top:var(--v58-section-space)!important}
.home-prime-content .first-content-rail{margin-top:4px!important}
.course-rail,.public-course-rail,.learning-course-rail,
.home-prime-content .featured-preview-rail{
  padding-top:var(--v58-rail-top-space)!important;
  padding-bottom:28px!important;
}
.home-prime-content .course-rail,
.home-prime-content .featured-preview-rail,
.public-course-rail{gap:clamp(16px,1.55vw,24px)!important}

/* O card pode crescer sem tocar o cabeçalho do próprio trilho. */
@media(hover:hover) and (pointer:fine){
  .home-prime-content .course-card:hover,
  .home-prime-content .rail-course-card:hover,
  .home-prime-content .student-available-card:hover,
  .home-prime-content .continue-card:hover,
  .public-course-card:hover,
  .featured-preview-card:hover,
  .featured-preview-card.preview-pending{
    transform:translateY(calc(-1 * var(--v58-hover-lift))) scale(1.022)!important;
    z-index:28!important;
  }
}

/* Preview estilo streaming: sobrepõe o card, sobe um pouco e nunca corta o texto. */
.course-hover-preview{
  z-index:10050!important;
  width:min(418px,calc(100vw - 24px));
  max-height:calc(100dvh - 90px);
  overflow:hidden!important;
  pointer-events:auto!important;
  contain:layout paint;
  transform-origin:center 18%!important;
}
.course-hover-preview[aria-hidden="true"]{pointer-events:none!important}
.course-hover-preview.visible{pointer-events:auto!important}
.course-hover-preview-media{flex:0 0 auto!important}
.course-hover-preview-body{
  max-height:clamp(120px,calc(100dvh - 315px),210px);
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.course-hover-preview-title-row{min-width:0!important}
.course-hover-preview-title-row b{min-width:0!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.course-hover-preview-body p{-webkit-line-clamp:2!important}
.course-hover-preview-actions{position:relative;z-index:3}
.course-hover-preview .preview-action{pointer-events:auto}

/* Setas acompanham a nova folga vertical do trilho. */
.rail-shell>.rail-arrow{top:var(--v58-rail-top-space)!important}

/* Player: os recursos da aula continuam visíveis e fáceis de localizar. */
.lesson-reference .lesson-reference-info{overflow:visible!important}
.lesson-reference .lesson-reference-tabs{
  position:relative!important;
  min-height:48px!important;
  height:auto!important;
  padding:2px 0 0!important;
  gap:5px!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
.lesson-reference .lesson-reference-tabs button{
  min-height:46px!important;
  height:46px!important;
  padding:0 15px!important;
  border-radius:8px 8px 0 0!important;
}
.lesson-reference .lesson-reference-tabs button b{
  min-width:18px!important;
  height:18px!important;
  font-variant-numeric:tabular-nums;
}
.lesson-reference .lesson-reference-tabs button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,57,72,.055))!important;
}
.lesson-reference-panels{min-height:240px!important}
.lesson-resource-empty{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:88px;
  padding:16px;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.025);
  color:#DFDFDF;
}
.lesson-resource-empty-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#ff6a75;
  font-size:18px;
  font-weight:850;
}
.lesson-resource-empty>div{display:flex;min-width:0;flex-direction:column;gap:3px}
.lesson-resource-empty b{font-size:12px;line-height:1.25}
.lesson-resource-empty small{font-size:10px;line-height:1.45;color:#9A9A9A}

/* Auto-próxima: feedback claro durante a transição, sem deslocar os controles. */
.lesson-reference-actions{min-width:0!important}
.lesson-auto-next{flex:0 0 auto!important}
.auto-advancing .lesson-watch-status{min-width:116px!important;opacity:.9}
.auto-advancing .lesson-arrow{pointer-events:none!important;opacity:.45!important}

html[data-theme="light"] .lesson-resource-empty{background:#f8fafc;border-color:#E1E1E1;color:#242424}
html[data-theme="light"] .lesson-resource-empty-icon{background:#F2F2F2;border-color:#E1E1E1;color:#d75500}
html[data-theme="light"] .lesson-resource-empty small{color:#767676}

@media(max-width:900px){
  :root{--v58-section-space:30px;--v58-rail-top-space:10px}
  .course-hover-preview{display:none!important}
  .course-rail,.public-course-rail,.learning-course-rail,.home-prime-content .featured-preview-rail{padding-bottom:22px!important}
}
@media(max-width:720px){
  :root{--v58-section-space:25px;--v58-rail-top-space:7px}
  .lesson-reference .lesson-reference-tabs{gap:2px!important;padding-bottom:2px!important}
  .lesson-reference .lesson-reference-tabs button{min-height:43px!important;height:43px!important;padding:0 11px!important}
  .lesson-reference-panels{min-height:200px!important}
  .lesson-resource-empty{min-height:76px;padding:13px}
}
@media(prefers-reduced-motion:reduce){
  .course-hover-preview,.home-prime-content .course-card,.featured-preview-card{transition:none!important}
}

/* =========================================================
   v059 — vitrine streaming realista / hover robusto
   - quatro cards 16:9 por faixa em desktop, com respiro Prime-like
   - expansão flutuante larga e ancorada para dentro da viewport
   - cards das extremidades nunca ficam cortados
   - abas Anexos/Quiz só existem quando possuem conteúdo
   ========================================================= */
:root{
  --v59-card-w:clamp(270px,22vw,306px);
  --v59-rail-gap:24px;
  --v59-card-radius:8px;
  --v59-idle-shadow:0 5px 18px rgba(0,0,0,.20);
  --v59-hover-shadow:0 24px 68px rgba(0,0,0,.56);
}

/* Densidade de catálogo semelhante ao material de referência. */
.home-prime-content .course-rail,
.home-prime-content .featured-preview-rail,
.public-course-rail{
  grid-auto-columns:var(--v59-card-w)!important;
  gap:var(--v59-rail-gap)!important;
  padding-top:16px!important;
  padding-bottom:34px!important;
}
.home-prime-content .prime-rail-section{margin-top:38px!important}
.home-prime-content .first-content-rail{margin-top:6px!important}
.home-prime-content .section-head{margin-bottom:6px!important}
.home-prime-content .section-head h2{font-weight:780!important;letter-spacing:-.025em!important}
.home-prime-content .section-head p{color:#999999!important}

/* Cartão de faixa: imagem inteira, título legível e sombra escura natural. */
.home-prime-content .course-card.prime-card,
.home-prime-content .rail-course-card,
.home-prime-content .student-available-card,
.home-prime-content .continue-card,
.public-course-card,
.featured-preview-card{
  border-radius:var(--v59-card-radius)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#0F0F0F!important;
  box-shadow:var(--v59-idle-shadow)!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
}
.home-prime-content .course-card .card-img,
.home-prime-content .rail-course-card .card-img,
.home-prime-content .student-available-card .card-img,
.home-prime-content .continue-card .card-img,
.public-course-card .card-img,
.featured-preview-art{
  background-position:50% 50%!important;
  background-size:cover!important;
}
.home-prime-content .course-card .card-img::after,
.home-prime-content .rail-course-card .card-img::after,
.home-prime-content .student-available-card .card-img::after,
.home-prime-content .continue-card .card-img::after,
.public-course-card .card-img::after,
.featured-preview-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.08),transparent 28%,transparent 72%,rgba(0,0,0,.06)),
    linear-gradient(180deg,transparent 43%,rgba(5,5,5,.18) 67%,rgba(5,5,5,.84) 100%);
}
.home-prime-content .course-card .prime-card-info,
.home-prime-content .rail-course-card .prime-card-info,
.home-prime-content .student-available-card .prime-card-info,
.home-prime-content .continue-card .prime-card-info,
.public-course-card .prime-card-info,
.featured-preview-caption{
  z-index:8!important;
  min-height:58px!important;
  padding:25px 11px 9px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.32) 34%,rgba(5,5,5,.92) 100%)!important;
}
.home-prime-content .prime-card-info b,
.public-course-card .prime-card-info b,
.featured-preview-caption b{
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-shadow:0 2px 8px rgba(0,0,0,.85)!important;
}
.home-prime-content .prime-card-info small,
.home-prime-content .prime-card-info p,
.public-course-card .prime-card-info small,
.public-course-card .prime-card-info p,
.featured-preview-caption small{
  font-size:9px!important;
  color:#D7D7D7!important;
  text-shadow:0 2px 7px rgba(0,0,0,.9)!important;
}

@media(hover:hover) and (pointer:fine){
  .home-prime-content .course-card:hover,
  .home-prime-content .rail-course-card:hover,
  .home-prime-content .student-available-card:hover,
  .home-prime-content .continue-card:hover,
  .public-course-card:hover,
  .featured-preview-card:hover,
  .featured-preview-card.preview-pending{
    transform:translateY(-5px) scale(1.018)!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:0 13px 34px rgba(0,0,0,.38)!important;
    z-index:34!important;
  }
  .home-prime-content .course-card:hover .card-img,
  .home-prime-content .rail-course-card:hover .card-img,
  .home-prime-content .student-available-card:hover .card-img,
  .home-prime-content .continue-card:hover .card-img,
  .public-course-card:hover .card-img,
  .featured-preview-card:hover .featured-preview-art{
    transform:scale(1.025)!important;
    filter:saturate(1.05) contrast(1.02)!important;
  }
}

/* A seta ocupa exatamente a altura visual de um card, sem bloquear o próximo. */
.rail-shell>.rail-arrow{
  top:16px!important;
  min-height:calc(var(--v59-card-w) * .5625)!important;
  max-height:calc(var(--v59-card-w) * .5625)!important;
  width:44px!important;
  border-radius:8px!important;
  background:linear-gradient(90deg,rgba(8,8,8,.88),rgba(8,8,8,.68))!important;
  box-shadow:0 8px 30px rgba(0,0,0,.28)!important;
}
.rail-shell>.rail-arrow.right{background:linear-gradient(270deg,rgba(8,8,8,.88),rgba(8,8,8,.68))!important}

/* Preview expandido: o card vira um painel largo, como na referência. */
.course-hover-preview{
  width:min(560px,calc(100vw - 28px))!important;
  max-width:none!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:#131313!important;
  box-shadow:0 34px 100px rgba(0,0,0,.72),0 8px 28px rgba(0,0,0,.48)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform-origin:center 24%!important;
  transform:translate3d(0,9px,0) scale(.972)!important;
  transition:opacity .15s ease,transform .23s cubic-bezier(.2,.72,.22,1),visibility .15s ease!important;
}
.course-hover-preview[data-preview-side="left"]{transform-origin:16% 24%!important}
.course-hover-preview[data-preview-side="right"]{transform-origin:84% 24%!important}
.course-hover-preview.visible{transform:translate3d(0,0,0) scale(1)!important}
.course-hover-preview-media{
  position:relative!important;
  aspect-ratio:16/9!important;
  background:#050505!important;
  overflow:hidden!important;
}
.course-hover-preview-media::before{
  box-shadow:inset 0 -90px 100px -58px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.course-hover-preview-media::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:4;
  height:42%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(11,11,11,.92));
}
.course-hover-preview-media iframe,
.course-hover-preview-media video,
.course-hover-preview-fallback{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background-size:cover!important;
  background-position:center!important;
}
.course-hover-preview-body{
  position:relative!important;
  z-index:5!important;
  padding:13px 16px 16px!important;
  margin-top:-1px!important;
  background:linear-gradient(180deg,#1A1A1A 0%,#131313 55%,#0F0F0F 100%)!important;
  max-height:min(205px,calc(100dvh - 360px))!important;
  overflow-y:auto!important;
}
.course-hover-preview-title-row{gap:14px!important}
.course-hover-preview-title-row b{
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:820!important;
  letter-spacing:-.025em!important;
  color:#fff!important;
}
.course-hover-preview-title-row span{
  margin-top:1px!important;
  padding:4px 7px!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.1)!important;
  color:#EDEDED!important;
}
.course-hover-preview-meta{margin-top:7px!important;font-size:10px!important;color:#C2C2C2!important}
.course-hover-preview-body p{margin-top:7px!important;font-size:11px!important;line-height:1.45!important;color:#D8D8D8!important;-webkit-line-clamp:2!important}
.course-hover-preview-actions{margin-top:12px!important;gap:8px!important}
.course-hover-preview .preview-action{min-height:40px!important;border-radius:7px!important;font-size:11px!important;font-weight:800!important}
.course-hover-preview .preview-action.primary{box-shadow:0 6px 18px rgba(0,0,0,.24)!important}
.course-hover-preview-body>small{margin-top:8px!important;color:#949494!important}

/* Ranking também segue a mesma sombra/recorte sem números sobrepostos. */
.ranked-course-card{filter:none!important}
.ranked-course-art{border-radius:var(--v59-card-radius)!important;box-shadow:var(--v59-idle-shadow)!important}
.ranked-course-card:hover .ranked-course-art{box-shadow:var(--v59-hover-shadow)!important}

/* Em tema claro, preserva geometria mas mantém o contraste da mídia. */
html[data-theme="light"] .course-hover-preview{background:#f6f9fb!important;border-color:rgba(37,37,37,.12)!important;box-shadow:0 30px 82px rgba(50,50,50,.28)!important}
html[data-theme="light"] .course-hover-preview-body{background:linear-gradient(180deg,#fff,#f1f5f8)!important}
html[data-theme="light"] .course-hover-preview-title-row b{color:#1A1A1A!important}
html[data-theme="light"] .course-hover-preview-meta,html[data-theme="light"] .course-hover-preview-body p{color:#5D5D5D!important}

@media(max-width:1260px){
  :root{--v59-card-w:clamp(252px,26vw,298px);--v59-rail-gap:18px}
}
@media(max-width:980px){
  :root{--v59-card-w:min(40vw,292px);--v59-rail-gap:14px}
}
@media(max-width:900px){
  .course-hover-preview{display:none!important}
  .home-prime-content .course-rail,.home-prime-content .featured-preview-rail,.public-course-rail{padding-top:9px!important;padding-bottom:22px!important}
  .rail-shell>.rail-arrow{top:9px!important}
}
@media(max-width:720px){
  :root{--v59-card-w:min(78vw,300px);--v59-rail-gap:11px}
  .home-prime-content .prime-rail-section{margin-top:26px!important}
}
@media(max-width:460px){:root{--v59-card-w:82vw}}

/* =========================================================
   v060 — player compacto, modo cinema e auto-ocultação
   - todos os controles ficam em uma única barra alinhada
   - timeline integrada ao overlay do player
   - controles desaparecem em desktop após inatividade e voltam ao mover o mouse
   - cinema e tela cheia permanecem sempre acessíveis quando a barra está visível
   ========================================================= */
.lesson-reference .native-player-shell{
  position:relative!important;
  overflow:hidden!important;
  background:#000!important;
}
.lesson-reference .native-player-shell video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}
.lesson-reference .player-gradient{
  position:absolute!important;
  inset:42% 0 0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 34%,rgba(0,0,0,.88) 100%)!important;
  transition:opacity .18s ease!important;
}
.lesson-reference .player-controls{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:8!important;
  display:block!important;
  padding:20px 11px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 30%,rgba(0,0,0,.92) 100%)!important;
  box-sizing:border-box!important;
  transition:opacity .17s ease,transform .17s ease!important;
}
.lesson-reference .player-controls .player-progress-below{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:10px!important;
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.lesson-reference .player-controls .player-progress-below input{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:3px!important;
  width:100%!important;
  height:4px!important;
  margin:0!important;
}
.lesson-reference .player-controls .player-progress-below input::-webkit-slider-runnable-track{
  height:3px!important;
  background:linear-gradient(90deg,var(--player-accent) var(--progress,0%),rgba(255,255,255,.32) var(--progress,0%))!important;
}
.lesson-reference .player-controls .player-progress-below input::-webkit-slider-thumb{
  width:9px!important;
  height:9px!important;
  margin-top:-3px!important;
}
.lesson-reference .player-controls .player-progress-below input::-moz-range-track{height:3px!important;background:rgba(255,255,255,.32)!important}
.lesson-reference .player-controls .player-progress-below input::-moz-range-progress{height:3px!important;background:var(--player-accent)!important}
.lesson-reference .player-controls .player-progress-below input::-moz-range-thumb{width:9px!important;height:9px!important}
.lesson-reference .player-control-row{
  width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.lesson-reference .player-control-left,
.lesson-reference .player-control-right{
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:2px!important;
}
.lesson-reference .player-control-left{flex:0 1 auto!important}
.lesson-reference .player-control-right{flex:0 0 auto!important;margin-left:auto!important}
.lesson-reference .player-control-row button{
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  padding:0!important;
  border-radius:6px!important;
  background:transparent!important;
}
.lesson-reference .player-control-row button:hover,
.lesson-reference .player-control-row button:focus-visible{background:rgba(255,255,255,.14)!important}
.lesson-reference .player-control-row button svg{width:15px!important;height:15px!important;stroke-width:1.8!important}
.lesson-reference .player-time{
  margin:0 0 0 4px!important;
  font-size:9px!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  color:#f2f4f5!important;
}
.lesson-reference .player-time i{margin:0 2px!important;color:#8A8A8A!important}
.lesson-reference .player-volume-control{min-width:75px!important;gap:2px!important}
.lesson-reference .player-volume-control input[type="range"]{width:46px!important;height:20px!important}
.lesson-reference .player-quality{
  min-width:36px!important;
  height:23px!important;
  padding:0 5px!important;
  border-radius:5px!important;
  font-size:8px!important;
  background:rgba(255,255,255,.09)!important;
}
.lesson-reference .player-control-row [data-video-settings]{font-size:9px!important;font-weight:800!important}
.lesson-reference .player-control-row [data-cinema-toggle][aria-pressed="true"]{background:rgba(255,255,255,.18)!important;color:#fff!important}
.lesson-reference .player-speed-menu{right:42px!important;bottom:48px!important;width:112px!important;padding:5px!important;border-radius:8px!important}
.lesson-reference .player-speed-menu button{padding:7px 9px!important;font-size:10px!important}

/* O progresso didático continua disponível, mas não compete visualmente com os comandos. */
.lesson-reference .lesson-player-learning-progress{
  left:auto!important;
  right:11px!important;
  bottom:51px!important;
  width:142px!important;
  padding:6px 8px!important;
  border-radius:7px!important;
  background:rgba(8,8,8,.74)!important;
  border-color:rgba(255,255,255,.07)!important;
  transition:opacity .17s ease,transform .17s ease!important;
}
.lesson-reference .lesson-player-learning-progress>div{margin-bottom:4px!important;font-size:8px!important;letter-spacing:.035em!important}
.lesson-reference .lesson-player-learning-progress>div b{font-size:9px!important}
.lesson-reference .lesson-player-learning-track{height:3px!important}

/* Controles do YouTube/Vimeo: mesma escala e o mesmo botão Cinema. */
.lesson-reference .external-neutral-controls{
  grid-template-columns:auto auto minmax(82px,1fr) auto minmax(42px,58px) auto auto auto auto!important;
  gap:5px!important;
  min-height:42px!important;
  padding:6px 9px!important;
  background:linear-gradient(0deg,rgba(5,5,5,.96),rgba(5,5,5,.72))!important;
  transition:opacity .17s ease,transform .17s ease!important;
}
.lesson-reference .external-neutral-controls button{
  width:28px!important;
  height:28px!important;
  border-radius:6px!important;
  font-size:10px!important;
  background:transparent!important;
}
.lesson-reference .external-neutral-controls button:hover,
.lesson-reference .external-neutral-controls button:focus-visible{background:rgba(255,255,255,.14)!important}
.lesson-reference .external-neutral-controls button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lesson-reference .external-neutral-controls .external-time{font-size:9px!important}
.lesson-reference .external-neutral-controls .external-quality{font-size:8px!important;padding:4px 5px!important;border-radius:5px!important}
.lesson-reference .external-neutral-controls .external-volume{min-width:42px!important}

/* Desktop: aparece ao mover o mouse e some novamente após a inatividade. */
@media(hover:hover) and (pointer:fine){
  .lesson-reference .native-player-shell.player-controls-autohide-ready .player-controls,
  .lesson-reference .native-player-shell.player-controls-autohide-ready .lesson-player-learning-progress,
  .lesson-reference .native-player-shell.player-controls-autohide-ready .player-gradient{
    opacity:0!important;
    transform:translateY(6px)!important;
    pointer-events:none!important;
  }
  .lesson-reference .native-player-shell.player-controls-autohide-ready.controls-visible .player-controls,
  .lesson-reference .native-player-shell.player-controls-autohide-ready.controls-visible .lesson-player-learning-progress,
  .lesson-reference .native-player-shell.player-controls-autohide-ready.controls-visible .player-gradient{
    opacity:1!important;
    transform:none!important;
  }
  .lesson-reference .native-player-shell.player-controls-autohide-ready.controls-visible .player-controls{pointer-events:auto!important}
  .lesson-reference .native-player-shell.player-controls-autohide-ready.is-playing:not(.controls-visible),
  .lesson-reference .native-player-shell.player-controls-autohide-ready.is-playing:not(.controls-visible) video{cursor:none!important}

  .lesson-reference .embed-player-shell.player-controls-autohide-ready .external-neutral-controls{
    opacity:0!important;
    transform:translateY(6px)!important;
    pointer-events:none!important;
  }
  .lesson-reference .embed-player-shell.player-controls-autohide-ready.external-controls-visible .external-neutral-controls{
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
  }
}

/* Touch mantém os controles visíveis; não existe hover confiável. */
@media(max-width:760px), (hover:none), (pointer:coarse){
  .lesson-reference .player-controls,
  .lesson-reference .lesson-player-learning-progress,
  .lesson-reference .player-gradient,
  .lesson-reference .external-neutral-controls{opacity:1!important;transform:none!important}
  .lesson-reference .player-controls{pointer-events:auto!important;padding:16px 7px 6px!important}
  .lesson-reference .player-control-row{gap:3px!important}
  .lesson-reference .player-control-row button{flex-basis:27px!important;width:27px!important;height:27px!important;min-width:27px!important}
  .lesson-reference .player-control-left [data-video-rewind],
  .lesson-reference .player-control-left [data-video-forward],
  .lesson-reference .player-quality{display:none!important}
  .lesson-reference .player-volume-control{min-width:auto!important}
  .lesson-reference .player-volume-control input[type="range"]{display:none!important}
  .lesson-reference .lesson-player-learning-progress{right:7px!important;bottom:45px!important;width:126px!important}
  .lesson-reference .external-neutral-controls{grid-template-columns:auto minmax(0,1fr) auto auto auto!important}
  .lesson-reference .external-neutral-controls .external-time,
  .lesson-reference .external-neutral-controls .external-volume,
  .lesson-reference .external-neutral-controls .external-quality{display:none!important}
}

/* =========================================================
   v061 — última fileira em pôster 2:3 + expansão horizontal
   - somente a última fileira de cursos recebe o formato vertical
   - trilhos anteriores permanecem 16:9 sem alteração
   - hover do pôster abre a prévia horizontal já existente
   ========================================================= */
:root{
  --v61-poster-w:clamp(220px,20vw,292px);
  --v61-poster-gap:22px;
  --v61-poster-radius:8px;
}

.prime-poster-section{
  position:relative;
  overflow:visible!important;
}
.prime-poster-section .section-head,
.prime-poster-section .storefront-heading{
  margin-bottom:8px!important;
}
.prime-poster-rail{
  grid-auto-columns:var(--v61-poster-w)!important;
  gap:var(--v61-poster-gap)!important;
  align-items:start!important;
  padding-top:18px!important;
  padding-bottom:44px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-inline:2px!important;
}
.prime-poster-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:2/3!important;
  height:auto!important;
  border-radius:var(--v61-poster-radius)!important;
  overflow:hidden!important;
  background:#0F0F0F!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
  isolation:isolate!important;
  transform-origin:center center!important;
}
.prime-poster-card .card-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background-position:center!important;
  background-size:cover!important;
  transform:none!important;
}
.prime-poster-card .card-img>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.prime-poster-card .card-img::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 30%,transparent 70%,rgba(0,0,0,.05));
}
.prime-poster-card .card-img::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent 46%,rgba(5,5,5,.10) 62%,rgba(5,5,5,.92) 100%)!important;
}
.prime-poster-card .prime-card-info,
.home-prime-content .prime-poster-card .prime-card-info,
.public-course-card.prime-poster-card .prime-card-info,
.learning-course-card.prime-poster-card .prime-card-info{
  position:absolute!important;
  z-index:12!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  min-height:78px!important;
  padding:34px 12px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.44) 32%,rgba(5,5,5,.96) 100%)!important;
  color:#fff!important;
}
.prime-poster-card .prime-card-info b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:0!important;
  font-size:13px!important;
  line-height:1.22!important;
  font-weight:820!important;
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.9)!important;
}
.prime-poster-card .prime-card-info small,
.prime-poster-card .learning-card-meta{
  display:block!important;
  margin-top:4px!important;
  font-size:9px!important;
  line-height:1.25!important;
  color:#D0D0D0!important;
  text-shadow:0 2px 8px rgba(0,0,0,.9)!important;
}
.prime-poster-card .prime-card-info p{display:none!important}
.prime-poster-card .rank-badge,
.prime-poster-card .poster-rank-badge{
  position:absolute!important;
  z-index:18!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  min-width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 7px!important;
  border-radius:5px!important;
  background:rgba(246,249,251,.96)!important;
  color:#101010!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.28)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}
.prime-poster-card .public-access-chip{top:8px!important;left:8px!important;right:auto!important;z-index:18!important}
.prime-poster-card .public-card-brand{z-index:14!important;bottom:10px!important;right:10px!important}
.prime-poster-card .locked-card-overlays{z-index:14!important}
.prime-poster-card .locked-card-brand{right:10px!important;bottom:10px!important}

/* A seta acompanha a altura do pôster, mas continua estreita e fora da arte. */
.prime-poster-section .rail-shell>.rail-arrow{
  top:18px!important;
  min-height:calc(var(--v61-poster-w) * 1.5)!important;
  max-height:calc(var(--v61-poster-w) * 1.5)!important;
  width:46px!important;
  border-radius:8px!important;
}

/* O pôster só dá uma reação curta; a expansão real acontece no painel horizontal. */
@media(hover:hover) and (pointer:fine){
  .prime-poster-card:hover,
  .prime-poster-card.preview-pending{
    transform:translateY(-5px) scale(1.018)!important;
    z-index:38!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 22px 54px rgba(0,0,0,.52)!important;
  }
  .prime-poster-card:hover .card-img,
  .prime-poster-card.preview-pending .card-img{
    transform:scale(1.025)!important;
    filter:saturate(1.04) contrast(1.02)!important;
  }
}

/* A prévia de pôster muda para o formato horizontal largo, como na aba Filmes. */
.course-hover-preview.poster-preview{
  width:min(640px,calc(100vw - 28px))!important;
  max-width:none!important;
  box-shadow:0 38px 118px rgba(0,0,0,.78),0 12px 34px rgba(0,0,0,.48)!important;
}
.course-hover-preview.poster-preview .course-hover-preview-media{aspect-ratio:16/9!important}
.course-hover-preview.poster-preview .course-hover-preview-title-row b{font-size:21px!important}
.course-hover-preview.poster-preview .course-hover-preview-body{padding:14px 17px 17px!important}

html[data-theme="light"] .prime-poster-card{
  background:#181818!important;
  border-color:rgba(41,41,41,.13)!important;
  box-shadow:0 9px 25px rgba(43,43,43,.20)!important;
}

@media(max-width:1260px){
  :root{--v61-poster-w:clamp(210px,23vw,276px);--v61-poster-gap:18px}
}
@media(max-width:980px){
  :root{--v61-poster-w:min(34vw,258px);--v61-poster-gap:14px}
}
@media(max-width:900px){
  .prime-poster-rail{padding-top:10px!important;padding-bottom:24px!important}
  .prime-poster-section .rail-shell>.rail-arrow{top:10px!important}
}
@media(max-width:720px){
  :root{--v61-poster-w:min(52vw,238px);--v61-poster-gap:11px}
  .prime-poster-card .prime-card-info{min-height:66px!important;padding:28px 10px 10px!important}
  .prime-poster-card .prime-card-info b{font-size:11.5px!important}
}
@media(max-width:460px){
  :root{--v61-poster-w:58vw}
}

/* =========================================================
   v062 — Home editorial / Top 10 / hero multimídia
   ========================================================= */
:root{
  --v62-top10-card:clamp(330px,27vw,410px);
  --v62-top10-height:clamp(158px,12.2vw,186px);
  --v62-home-shadow:0 26px 76px rgba(0,0,0,.52);
}

/* O menu principal permanece sempre acima do hero e das prévias. */
.prime-header{
  position:fixed!important;
  z-index:12050!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  isolation:isolate!important;
}
.public-header{
  position:fixed!important;
  z-index:12050!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  isolation:isolate!important;
}
.prime-header .header-inner,.public-header-inner{position:relative!important;z-index:1!important}
.course-hover-preview{z-index:11000!important}
.profile-menu,.notification-menu,.search-drawer{z-index:12100!important}
@media(min-width:981px){
  .prime-nav{display:flex!important;flex:1 1 auto!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;overscroll-behavior-x:contain;min-width:0!important}
  .prime-nav::-webkit-scrollbar{display:none}
  .prime-nav a{flex:0 0 auto!important}
}

/* Hero principal: vídeo ou imagem sempre ocupa a mesma moldura cinematográfica. */
.clean-home-hero,.public-prime-hero{background:#050505!important;box-shadow:inset 0 -1px rgba(255,255,255,.03)}
.clean-home-hero .hero-slide,.public-prime-hero .public-hero-slide{overflow:hidden!important}
.home-hero-video,.home-hero-video-frame,.public-hero-video,.public-hero-video-frame{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;object-fit:cover!important;background:#050505!important;pointer-events:none!important
}
.home-hero-video-frame,.public-hero-video-frame{inset:-1%!important;width:102%!important;height:102%!important}
.clean-home-hero .hero-backdrop{
  background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.88) 20%,rgba(5,5,5,.54) 43%,rgba(5,5,5,.12) 72%,rgba(5,5,5,.20) 100%),linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.78) 13%,rgba(15,15,15,.12) 46%,rgba(0,0,0,.08) 100%)!important
}
.public-prime-shade{
  background:linear-gradient(90deg,rgba(5,5,5,.97) 0%,rgba(5,5,5,.88) 21%,rgba(5,5,5,.50) 45%,rgba(5,5,5,.08) 74%,rgba(5,5,5,.18) 100%),linear-gradient(0deg,#0F0F0F 0%,rgba(15,15,15,.76) 13%,rgba(15,15,15,.10) 48%,transparent 72%)!important
}
.clean-home-hero .prime-hero-content,.public-prime-copy{filter:drop-shadow(0 10px 25px rgba(0,0,0,.22))}
.clean-home-hero .hero-slide.active .home-hero-video,.public-hero-slide.active .public-hero-video{animation:v62HeroMediaIn .55s ease both}
@keyframes v62HeroMediaIn{from{opacity:.72;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}

/* Identidade das fileiras: cada trilho recebe um título claro como na referência. */
.top-ten-learning-section,.public-top10-section,.public-launches-section,.final-course-poster-rail,.public-final-poster-section{position:relative;isolation:isolate}
.top-ten-learning-section .section-label,.public-top10-section .storefront-heading span,.public-launches-section .storefront-heading span,.final-course-poster-rail .section-label,.public-final-poster-section .storefront-heading span{letter-spacing:.11em!important;font-weight:900!important}

/* Top 10: número grande + card horizontal 16:9, sem invadir a fileira vizinha. */
.ranked-course-rail,.public-ranked-course-rail{
  grid-auto-columns:var(--v62-top10-card)!important;
  gap:20px!important;
  padding-top:9px!important;
  padding-bottom:28px!important;
  overflow-y:visible!important
}
.ranked-course-card{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  align-items:end!important;
  height:var(--v62-top10-height)!important;
  min-width:0!important;
  overflow:visible!important;
  text-decoration:none!important;
  transform-origin:center bottom!important
}
.rank-number{
  width:72px!important;
  height:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  padding:0 4px 3px 0!important;
  font-size:clamp(96px,8.2vw,132px)!important;
  line-height:.77!important;
  letter-spacing:-.10em!important;
  color:#0C0C0C!important;
  -webkit-text-stroke:2px rgba(227,227,227,.70)!important;
  text-shadow:0 12px 30px rgba(0,0,0,.34)!important;
  overflow:visible!important
}
.rank-number[data-rank="10"]{font-size:clamp(78px,6.6vw,110px)!important;letter-spacing:-.15em!important}
.ranked-course-art{
  align-self:end!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin-left:-5px!important;
  border-radius:8px!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30)!important;
  overflow:hidden!important
}
.ranked-course-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -42px 46px rgba(0,0,0,.22);pointer-events:none}
.ranked-course-title{z-index:3!important;text-shadow:0 2px 10px rgba(0,0,0,.86)!important}
@media(hover:hover) and (pointer:fine){
  .ranked-course-card:hover{z-index:45!important;transform:translateY(-5px) scale(1.022)!important}
  .ranked-course-card:hover .ranked-course-art{box-shadow:var(--v62-home-shadow)!important;border-color:rgba(255,255,255,.18)!important}
}

/* A última fileira de cursos continua em pôster vertical e abre preview horizontal. */
.final-course-poster-rail,.public-final-poster-section{margin-bottom:8px!important}
.final-course-poster-rail .prime-poster-rail,.public-final-poster-section .prime-poster-rail{padding-bottom:30px!important}
.final-course-poster-rail .prime-poster-card,.public-final-poster-section .prime-poster-card{box-shadow:0 15px 36px rgba(0,0,0,.24)!important}

/* Cadastro: o administrador escolhe vídeo do banner já na criação do curso. */
.home-hero-admin-heading{margin-top:3px!important}
.home-hero-create-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:12px!important}
.home-hero-create-card{
  min-width:0;padding:15px;border:1px solid var(--line)!important;border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.home-hero-create-card>div{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;row-gap:3px}
.home-hero-create-card>div .hero-media-add-icon{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(242,201,76,.12);border:1px solid rgba(242,201,76,.20);color:#F7E7A1}
.home-hero-create-card>div b{font-size:12px}.home-hero-create-card>div small{color:var(--muted);font-size:9.5px;line-height:1.45}
.home-hero-create-card label{min-width:0}.home-hero-create-card .file-drop{grid-column:1/-1}
.home-hero-create-card.info-card{grid-template-columns:1fr;align-content:start;background:linear-gradient(145deg,rgba(242,201,76,.07),rgba(255,255,255,.015))}
html[data-theme="light"] .home-hero-create-card{background:#f8fafc!important;border-color:#E4E4E4!important}

/* O conteúdo começa abaixo do cabeçalho em páginas comuns; no hero ele continua cinematográfico sem esconder o menu. */
.app-body:not(.admin-context){scroll-padding-top:calc(var(--header-h) + 12px)}
.public-body{scroll-padding-top:74px}

@media(max-width:980px){
  :root{--v62-top10-card:min(64vw,390px);--v62-top10-height:168px}
  .home-hero-create-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  :root{--v62-top10-card:84vw;--v62-top10-height:148px}
  .ranked-course-card{grid-template-columns:50px minmax(0,1fr)!important}
  .rank-number{width:56px!important;font-size:88px!important;-webkit-text-stroke-width:1.6px!important}
  .rank-number[data-rank="10"]{font-size:72px!important}
  .ranked-course-rail,.public-ranked-course-rail{gap:10px!important;padding-bottom:22px!important}
  .home-hero-video-frame,.public-hero-video-frame{inset:0!important;width:100%!important;height:100%!important}
}
@media(prefers-reduced-motion:reduce){.clean-home-hero .hero-slide.active .home-hero-video,.public-hero-slide.active .public-hero-video{animation:none!important}}

/* =========================================================
   v063 — hover cinematográfico suave / Mais procurados / banner de aula
   ========================================================= */
:root{
  --v63-ease:cubic-bezier(.22,.72,.24,1);
  --v63-ease-soft:cubic-bezier(.16,.78,.28,1);
  --v63-hover-shadow:0 30px 78px rgba(0,0,0,.58),0 10px 26px rgba(0,0,0,.34);
  --v63-light-hover-shadow:0 28px 68px rgba(45,45,45,.25),0 9px 24px rgba(45,45,45,.13);
}

/* Todas as reações de mídia ficam mais lentas e fluidas. */
@media(hover:hover) and (pointer:fine){
  .home-prime-content .course-card,
  .home-prime-content .rail-course-card,
  .home-prime-content .student-available-card,
  .home-prime-content .continue-card,
  .public-course-card,
  .featured-preview-card,
  .prime-poster-card,
  .most-wanted-card{
    transition:transform 430ms var(--v63-ease),box-shadow 470ms var(--v63-ease),border-color 420ms ease,filter 520ms ease,opacity 420ms ease!important;
  }
  .course-card .card-img,
  .public-course-card .card-img,
  .featured-preview-art,
  .prime-poster-card .card-img{
    transition:transform 620ms var(--v63-ease-soft),filter 620ms ease!important;
  }
  .home-prime-content .course-card:not(.prime-poster-card):hover,
  .home-prime-content .rail-course-card:not(.prime-poster-card):hover,
  .public-course-card:not(.prime-poster-card):hover,
  .featured-preview-card:hover{
    transform:translateY(-3px) scale(1.018)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.36)!important;
  }
  .prime-poster-card:hover,
  .prime-poster-card.preview-pending{
    transform:translateY(-3px) scale(1.01)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.48)!important;
  }
}

/* Painel de hover: entrada mais macia, sombra progressiva e sem salto visual. */
.course-hover-preview{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,11px,0) scale(.955)!important;
  transition:opacity 390ms ease,transform 460ms var(--v63-ease),visibility 390ms ease,box-shadow 460ms var(--v63-ease)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.28)!important;
  will-change:transform,opacity,left,top,width!important;
}
.course-hover-preview.visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0) scale(1)!important;
  box-shadow:var(--v63-hover-shadow)!important;
}
.course-hover-preview[data-preview-side="left"]{transform-origin:8% 36%!important}
.course-hover-preview[data-preview-side="right"]{transform-origin:92% 36%!important}
.course-hover-preview-media iframe,
.course-hover-preview-media video,
.course-hover-preview-fallback{
  animation:none!important;
  transition:transform 680ms var(--v63-ease-soft),opacity 420ms ease,filter 520ms ease!important;
}
.course-hover-preview.visible .course-hover-preview-media iframe,
.course-hover-preview.visible .course-hover-preview-media video,
.course-hover-preview.visible .course-hover-preview-fallback{transform:scale(1.012)!important}

/* Última fileira: o pôster conserva exatamente sua altura e abre para 16:9. */
.course-hover-preview.poster-preview{
  max-width:calc(100vw - 28px)!important;
  min-height:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#0A0A0A!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
.course-hover-preview.poster-preview.visible{box-shadow:0 34px 92px rgba(0,0,0,.68),0 11px 28px rgba(0,0,0,.42)!important}
.course-hover-preview.poster-preview .course-hover-preview-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  border-radius:inherit!important;
}
.course-hover-preview.poster-preview .course-hover-preview-media::after{
  height:68%!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.18) 25%,rgba(5,5,5,.88) 75%,rgba(5,5,5,.98) 100%)!important;
}
.course-hover-preview.poster-preview .course-hover-preview-body{
  position:absolute!important;
  z-index:8!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  max-height:58%!important;
  margin:0!important;
  padding:70px 20px 17px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,transparent 0%,rgba(11,11,11,.72) 42%,rgba(11,11,11,.98) 100%)!important;
}
.course-hover-preview.poster-preview .course-hover-preview-title-row b{font-size:20px!important;color:#fff!important}
.course-hover-preview.poster-preview .course-hover-preview-meta,
.course-hover-preview.poster-preview .course-hover-preview-body p{color:#DDDDDD!important}
.course-hover-preview.poster-preview .course-hover-preview-body>small{color:#A9A9A9!important}
.course-hover-preview.poster-preview .course-hover-preview-actions{margin-top:9px!important}
.course-hover-preview.poster-preview .preview-action{min-height:36px!important}

/* Trilhos horizontais: expansão deliberadamente menor que a versão anterior. */
.course-hover-preview.compact-preview{border-radius:10px!important}
.course-hover-preview.compact-preview .course-hover-preview-title-row b{font-size:16px!important}
.course-hover-preview.compact-preview .course-hover-preview-body{padding:11px 13px 13px!important;max-height:150px!important}
.course-hover-preview.compact-preview .course-hover-preview-body p{font-size:10.5px!important;-webkit-line-clamp:2!important}
.course-hover-preview.compact-preview .course-hover-preview-actions{margin-top:9px!important}
.course-hover-preview.compact-preview .preview-action{min-height:35px!important;font-size:10px!important}

/* Mais procurados volta a ser uma fileira elegante, sem numerais gigantes de 1 a 10. */
.most-wanted-section,.public-most-wanted-section{position:relative;isolation:isolate}
.most-wanted-rail{grid-auto-columns:var(--v59-card-w)!important;gap:var(--v59-rail-gap)!important;padding-top:13px!important;padding-bottom:30px!important}
.most-wanted-card{position:relative!important}
.most-wanted-card .card-img{position:relative!important}
.popular-chip{
  position:absolute!important;
  z-index:18!important;
  top:8px!important;
  right:8px!important;
  padding:5px 7px!important;
  border-radius:5px!important;
  background:rgba(247,249,250,.94)!important;
  color:#0F0F0F!important;
  border:1px solid rgba(255,255,255,.7)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.24)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
.public-most-wanted-section .public-access-chip{left:8px!important;right:auto!important}

/* Tema claro: mesma geometria, sombras mais limpas e contraste premium. */
html[data-theme="light"] .course-hover-preview{border-color:rgba(37,37,37,.14)!important;box-shadow:0 13px 34px rgba(45,45,45,.13)!important}
html[data-theme="light"] .course-hover-preview.visible{box-shadow:var(--v63-light-hover-shadow)!important}
html[data-theme="light"] .course-hover-preview.compact-preview{background:#f7fafc!important}
html[data-theme="light"] .course-hover-preview.compact-preview .course-hover-preview-body{background:linear-gradient(180deg,#fff,#f3f7f9)!important}
html[data-theme="light"] .course-hover-preview.compact-preview .course-hover-preview-title-row b{color:#191919!important}
html[data-theme="light"] .course-hover-preview.compact-preview .course-hover-preview-meta,
html[data-theme="light"] .course-hover-preview.compact-preview .course-hover-preview-body p{color:#5E5E5E!important}
html[data-theme="light"] .course-hover-preview.poster-preview{background:#0A0A0A!important;border-color:rgba(23,23,23,.18)!important}
html[data-theme="light"] .course-hover-preview.poster-preview .course-hover-preview-body{background:linear-gradient(180deg,transparent 0%,rgba(11,11,11,.72) 42%,rgba(11,11,11,.98) 100%)!important}
html[data-theme="light"] .course-hover-preview.poster-preview .course-hover-preview-title-row b{color:#fff!important}
html[data-theme="light"] .course-hover-preview.poster-preview .course-hover-preview-meta,
html[data-theme="light"] .course-hover-preview.poster-preview .course-hover-preview-body p{color:#DDDDDD!important}
html[data-theme="light"] .home-prime-content .course-card,
html[data-theme="light"] .public-course-card,
html[data-theme="light"] .featured-preview-card{
  border-color:rgba(40,40,40,.10)!important;
  box-shadow:0 8px 22px rgba(44,44,44,.12)!important;
}
@media(hover:hover) and (pointer:fine){
  html[data-theme="light"] .home-prime-content .course-card:hover,
  html[data-theme="light"] .public-course-card:hover,
  html[data-theme="light"] .featured-preview-card:hover,
  html[data-theme="light"] .prime-poster-card:hover{box-shadow:var(--v63-light-hover-shadow)!important}
}
html[data-theme="light"] .popular-chip{background:rgba(255,255,255,.96)!important;border-color:rgba(40,40,40,.12)!important;box-shadow:0 5px 14px rgba(44,44,44,.16)!important}

/* Cadastro e uso do banner em vídeo da aula. */
.lesson-banner-video-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(242,201,76,.055),rgba(255,255,255,.018))!important;
}
.lesson-banner-video-fields>div{grid-column:1/-1!important;display:flex;flex-direction:column;gap:3px}
.lesson-banner-video-fields>div b{font-size:12px}.lesson-banner-video-fields>div b span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.lesson-banner-video-fields>div small{font-size:9.5px;line-height:1.45;color:var(--muted)}
html[data-theme="light"] .lesson-banner-video-fields{background:#f8fbfd!important;border-color:#E3E3E3!important}

.lesson-banner-thumb{position:relative!important;isolation:isolate!important}
.lesson-banner-thumb>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}
.lesson-banner-video-mark{position:absolute!important;z-index:4!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(5,5,5,.68)!important;color:#fff!important;font-style:normal!important;font-size:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.32)!important;transition:opacity 260ms ease,transform 360ms var(--v63-ease)!important}
.lesson-banner-hover-media{position:absolute!important;inset:0!important;z-index:3!important;width:100%!important;height:100%!important;border:0!important;object-fit:cover!important;background:#0A0A0A!important;opacity:0;transform:scale(1.025);animation:v63LessonBannerIn 420ms var(--v63-ease) forwards!important;pointer-events:none!important}
.lesson-banner-thumb.banner-playing .lesson-banner-video-mark{opacity:0!important;transform:translate(-50%,-50%) scale(.82)!important}
@keyframes v63LessonBannerIn{to{opacity:1;transform:scale(1)}}

/* Interações secundárias acompanham o mesmo ritmo suave da vitrine. */
.prime-nav a,.prime-nav button,.public-nav a,.public-nav button,.rail-arrow,.hero-arrow,.preview-action,.category-chip,.public-category-pill{
  transition:transform 300ms var(--v63-ease),background-color 300ms ease,border-color 300ms ease,box-shadow 340ms ease,color 260ms ease,opacity 300ms ease!important;
}
@media(hover:hover) and (pointer:fine){
  .preview-action:hover,.category-chip:hover,.public-category-pill:hover{transition-duration:330ms!important}
}

@media(max-width:760px){
  .lesson-banner-video-fields{grid-template-columns:1fr!important}
  .lesson-banner-video-fields>*{grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){
  .course-hover-preview,.course-card,.public-course-card,.featured-preview-card,.prime-poster-card,.course-card .card-img,.featured-preview-art,.lesson-banner-hover-media{transition:none!important;animation:none!important}
}

/* =========================================================
   v064 — HOVER GLOBAL + ESTABILIDADE DO PLAYER
   A prévia de apresentação deve existir em todas as áreas
   que exibem cursos, não apenas na Home.
   ========================================================= */
@media(hover:hover) and (pointer:fine){
  a.course-card,
  a.featured-preview-card,
  a.ranked-course-card,
  a[data-course-link],
  a.course-playlist-main{
    transition:transform 430ms cubic-bezier(.22,.61,.36,1),box-shadow 470ms cubic-bezier(.22,.61,.36,1),filter 430ms ease,border-color 360ms ease!important;
    will-change:transform,box-shadow!important;
  }
  a.course-card:hover,
  a.course-card.preview-pending,
  a.featured-preview-card:hover,
  a.featured-preview-card.preview-pending,
  a.ranked-course-card:hover,
  a.ranked-course-card.preview-pending,
  a[data-course-link]:hover,
  a[data-course-link].preview-pending,
  a.course-playlist-main:hover,
  a.course-playlist-main.preview-pending{
    transform:translateY(-3px) scale(1.018)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.38)!important;
    z-index:20!important;
  }
  a.prime-poster-card:hover,
  a.prime-poster-card.preview-pending{
    transform:translateY(-3px) scale(1.01)!important;
  }
  a.course-card .card-img,
  a[data-course-link] .card-img,
  a.course-playlist-main .course-playlist-art,
  a.featured-preview-card .featured-preview-art{
    transition:transform 620ms cubic-bezier(.2,.7,.2,1),filter 560ms ease!important;
  }
  a.course-card:hover .card-img,
  a[data-course-link]:hover .card-img,
  a.course-playlist-main:hover .course-playlist-art,
  a.featured-preview-card:hover .featured-preview-art{
    filter:brightness(.94) contrast(1.02)!important;
  }
}

/* Trilhos e grades deixam o card elevar sem ser recortado. */
.catalog-grid,.prime-catalog-grid,.course-playlist-grid,.learning-course-rail,.course-rail,.rail-shell{position:relative!important}
.catalog-grid,.prime-catalog-grid,.course-playlist-grid{overflow:visible!important}
.course-hover-preview{z-index:12000!important}

/* Tema claro preserva profundidade sem sombra pesada. */
@media(hover:hover) and (pointer:fine){
  html[data-theme="light"] a.course-card:hover,
  html[data-theme="light"] a.course-card.preview-pending,
  html[data-theme="light"] a[data-course-link]:hover,
  html[data-theme="light"] a[data-course-link].preview-pending,
  html[data-theme="light"] a.course-playlist-main:hover,
  html[data-theme="light"] a.course-playlist-main.preview-pending{
    box-shadow:0 20px 48px rgba(44,44,44,.22)!important;
  }
}

/* =========================================================
   v066 — PRÉVIA GLOBAL NAS BIBLIOTECAS
   Mantém a Home exatamente como estava e aplica o mesmo
   comportamento de apresentação em Explorar, Meus cursos
   e Playlist de Cursos.
   ========================================================= */
@media(hover:hover) and (pointer:fine){
  .explore-page a[data-course-preview="1"],
  .library-page a[data-course-preview="1"],
  .student-course-playlist-page a[data-course-preview="1"]{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:transform 430ms cubic-bezier(.22,.61,.36,1),box-shadow 470ms cubic-bezier(.22,.61,.36,1),border-color 380ms ease,filter 430ms ease!important;
    will-change:transform,box-shadow!important;
  }
  .explore-page a[data-course-preview="1"]:hover,
  .explore-page a[data-course-preview="1"].preview-pending,
  .library-page a[data-course-preview="1"]:hover,
  .library-page a[data-course-preview="1"].preview-pending,
  .student-course-playlist-page a[data-course-preview="1"]:hover,
  .student-course-playlist-page a[data-course-preview="1"].preview-pending{
    transform:translate3d(0,-3px,0) scale(1.014)!important;
    z-index:42!important;
    box-shadow:0 22px 54px rgba(0,0,0,.40)!important;
  }
  .explore-page a[data-course-preview="1"] .card-img,
  .library-page a[data-course-preview="1"] .card-img,
  .student-course-playlist-page a[data-course-preview="1"] .course-playlist-art{
    transition:transform 620ms cubic-bezier(.2,.7,.2,1),filter 560ms ease!important;
    transform:translateZ(0) scale(1)!important;
  }
  .explore-page a[data-course-preview="1"]:hover .card-img,
  .explore-page a[data-course-preview="1"].preview-pending .card-img,
  .library-page a[data-course-preview="1"]:hover .card-img,
  .library-page a[data-course-preview="1"].preview-pending .card-img,
  .student-course-playlist-page a[data-course-preview="1"]:hover .course-playlist-art,
  .student-course-playlist-page a[data-course-preview="1"].preview-pending .course-playlist-art{
    transform:scale(1.022)!important;
    filter:brightness(.92) saturate(1.04) contrast(1.025)!important;
  }
  .student-course-playlist-page .course-playlist-card:has(a[data-course-preview="1"]:hover),
  .student-course-playlist-page .course-playlist-card:has(a[data-course-preview="1"].preview-pending){
    z-index:40!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 20px 50px rgba(0,0,0,.34)!important;
  }
  html[data-theme="light"] .explore-page a[data-course-preview="1"]:hover,
  html[data-theme="light"] .explore-page a[data-course-preview="1"].preview-pending,
  html[data-theme="light"] .library-page a[data-course-preview="1"]:hover,
  html[data-theme="light"] .library-page a[data-course-preview="1"].preview-pending,
  html[data-theme="light"] .student-course-playlist-page a[data-course-preview="1"]:hover,
  html[data-theme="light"] .student-course-playlist-page a[data-course-preview="1"].preview-pending{
    box-shadow:0 20px 48px rgba(47,47,47,.20)!important;
  }
}

/* O painel flutuante precisa sempre ficar acima das grades e cabeçalho secundário. */
.course-hover-preview{z-index:12500!important}

@media(max-width:900px), (hover:none), (pointer:coarse){
  .explore-page a[data-course-preview="1"],
  .library-page a[data-course-preview="1"],
  .student-course-playlist-page a[data-course-preview="1"]{transform:none!important}
}


/* =========================================================
   v071 — controle de legendas CC no player
   - preserva a geometria compacta dos comandos
   - ativo: legenda exibida / inativo: legenda oculta
   ========================================================= */
.lesson-reference .player-cc-button{
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  line-height:1!important;
}
.lesson-reference .player-cc-button span{display:block;transform:translateY(.25px)}
.lesson-reference .player-cc-button.is-active,
.lesson-reference .player-cc-button[aria-pressed="true"]{
  background:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 2px 8px rgba(0,0,0,.25)!important;
  color:#fff!important;
}
.lesson-reference .player-cc-button:disabled{
  opacity:.38!important;
  cursor:default!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lesson-reference .native-player-shell video::cue{
  color:#fff;
  background:rgba(0,0,0,.78);
  text-shadow:0 1px 2px rgba(0,0,0,.95);
  font-family:Arial,sans-serif;
}
.lesson-reference .external-neutral-controls{
  grid-template-columns:auto auto minmax(82px,1fr) auto minmax(42px,58px) auto auto auto auto auto!important;
}
@media(max-width:760px), (hover:none), (pointer:coarse){
  .lesson-reference .external-neutral-controls{
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto!important;
  }
}


/* =========================================================
   v072 — tema escuro único + hover deliberado de 2s
   + pôster vertical somente em "Mais cursos para explorar"
   ========================================================= */
html{color-scheme:dark!important}
html[data-theme="dark"]{color-scheme:dark!important}
.theme-toggle-btn,.login-theme-toggle{display:none!important}

/* Antes dos 2 segundos o card permanece estável. A reação visual acompanha
   a abertura efetiva da prévia para evitar "pulos" instantâneos. */
@media(hover:hover) and (pointer:fine){
  a.course-card:hover,
  a.featured-preview-card:hover,
  a.ranked-course-card:hover,
  a[data-course-link]:hover,
  a.course-playlist-main:hover,
  a.prime-poster-card:hover{
    transform:none!important;
  }
  a.course-card.preview-pending,
  a.featured-preview-card.preview-pending,
  a.ranked-course-card.preview-pending,
  a[data-course-link].preview-pending,
  a.course-playlist-main.preview-pending,
  a.course-card.preview-active,
  a.featured-preview-card.preview-active,
  a.ranked-course-card.preview-active,
  a[data-course-link].preview-active,
  a.course-playlist-main.preview-active{
    transform:translate3d(0,-2px,0) scale(1.008)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
    z-index:42!important;
  }
  .final-course-poster-rail a.prime-poster-card.preview-pending,
  .public-final-poster-section a.prime-poster-card.preview-pending,
  .final-course-poster-rail a.prime-poster-card.preview-active,
  .public-final-poster-section a.prime-poster-card.preview-active{
    transform:translate3d(0,-2px,0) scale(1.006)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
  }
}

.course-hover-preview{
  transform:translate3d(0,6px,0) scale(.982)!important;
  transition:opacity 560ms ease,transform 680ms cubic-bezier(.2,.72,.24,1),visibility 560ms ease,box-shadow 680ms cubic-bezier(.2,.72,.24,1)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
.course-hover-preview.visible{
  transform:translate3d(0,0,0) scale(1)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.52),0 8px 22px rgba(0,0,0,.28)!important;
}
.course-hover-preview.compact-preview .course-hover-preview-title-row b{font-size:15px!important}
.course-hover-preview.compact-preview .course-hover-preview-body{padding:10px 12px 12px!important;max-height:138px!important}
.course-hover-preview.compact-preview .course-hover-preview-body p{font-size:10px!important}
.course-hover-preview.poster-preview .course-hover-preview-title-row b{font-size:18px!important}
.course-hover-preview.poster-preview .course-hover-preview-body{padding:58px 17px 14px!important;max-height:55%!important}
.course-hover-preview.poster-preview.visible{box-shadow:0 28px 70px rgba(0,0,0,.60),0 9px 24px rgba(0,0,0,.34)!important}

/* Somente estas duas seções (Home autenticada e Home pública) usam pôster 2:3. */
.final-course-poster-rail .prime-poster-rail,
.public-final-poster-section .prime-poster-rail{
  grid-auto-columns:var(--v61-poster-w)!important;
  gap:var(--v61-poster-gap)!important;
}
.final-course-poster-rail .prime-poster-card,
.public-final-poster-section .prime-poster-card{
  aspect-ratio:2/3!important;
  height:auto!important;
}

/* =========================================================
   v073 — catálogo "Encontre seu próximo curso"
   20 cards por página + refinamento visual pontual
   ========================================================= */
.catalog-premium-page{padding-bottom:10px}
.catalog-premium-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.055)}
.catalog-premium-hero>div:first-child{max-width:820px}
.catalog-premium-hero h1{margin-bottom:9px;letter-spacing:-.035em}
.catalog-premium-hero p{max-width:760px;color:#A2A2A2;line-height:1.6}
.catalog-hero-summary{display:flex;align-items:baseline;gap:9px;white-space:nowrap;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.catalog-hero-summary strong{font-size:20px;line-height:1;color:#F7F7F7;letter-spacing:-.04em}
.catalog-hero-summary span{font-size:10px;color:#949494;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.explore-page .catalog-premium-filter{position:relative;gap:10px;margin-top:18px;margin-bottom:18px;padding:10px;background:#141414!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.explore-page .catalog-premium-filter .catalog-search,.explore-page .catalog-premium-filter select,.explore-page .catalog-premium-filter .prime-light-btn{height:46px!important;border-radius:10px!important}
.explore-page .catalog-premium-filter .catalog-search{background:#1C1C1C;border:1px solid rgba(255,255,255,.07)}
.explore-page .catalog-premium-filter .catalog-search:focus-within{border-color:#707070;box-shadow:0 0 0 3px rgba(131,131,131,.11)}
.explore-page .catalog-premium-filter .catalog-search input{font-size:13px}
.explore-page .catalog-premium-filter select{background:#1C1C1C!important;border-color:rgba(255,255,255,.07)!important;font-size:12px!important}
.explore-page .catalog-premium-filter .prime-light-btn{min-width:96px;padding-inline:18px!important}
.catalog-clear-filters{position:absolute;right:12px;bottom:-28px;color:#9E9E9E;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.catalog-clear-filters:hover{color:#F5F5F5}
.catalog-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 15px;min-height:26px}
.explore-page .catalog-results-toolbar .catalog-count{margin:0;color:#919191;font-size:11px}
.explore-page .catalog-results-toolbar .catalog-count strong{color:#D0D0D0;font-weight:800}
.catalog-page-status{font-size:10px;color:#838383;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.explore-page .catalog-20-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px 12px!important;align-items:stretch}
.explore-page .catalog-20-grid .prime-card{height:100%;min-width:0;border-radius:12px!important;background:#141414!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 9px 24px rgba(0,0,0,.16);transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important}
.explore-page .catalog-20-grid .prime-card:hover{transform:none!important;border-color:rgba(255,255,255,.105)!important;background:#1B1B1B!important;box-shadow:0 14px 30px rgba(0,0,0,.23)!important}
.explore-page .catalog-20-grid .prime-card .card-img{border-radius:11px 11px 0 0;overflow:hidden;background:#101010}
.explore-page .catalog-20-grid .prime-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.explore-page .catalog-20-grid .prime-card:hover .card-img img{transform:scale(1.025);filter:brightness(1.03)}
.explore-page .catalog-20-grid .prime-card .prime-card-info{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:12px 12px 13px!important;background:transparent!important}
.explore-page .catalog-20-grid .prime-card:hover .prime-card-info{position:static!important;padding:12px 12px 13px!important;background:transparent!important;box-shadow:none!important}
.explore-page .catalog-20-grid .prime-card .prime-card-info b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px;font-size:13px!important;line-height:1.32;color:#f1f5f7;letter-spacing:-.01em}
.explore-page .catalog-20-grid .card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;margin:0}
.explore-page .catalog-20-grid .card-meta span{position:relative;font-size:9px!important;line-height:1.2;color:#9F9F9F}
.explore-page .catalog-20-grid .card-meta span:not(:last-child)::after{content:"";position:absolute;right:-4px;top:50%;width:2px;height:2px;border-radius:50%;background:#5C5C5C;transform:translateY(-50%)}
.explore-page .catalog-20-grid .prime-card-info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#898989;font-size:10px!important;line-height:1.48}
.explore-page .catalog-20-grid .included-badge{top:8px;left:8px;font-size:8px;padding:5px 7px;border-radius:7px;background:rgba(12,12,12,.78);backdrop-filter:blur(8px)}
.explore-page .catalog-20-grid .card-center-play{width:34px;height:34px;opacity:0;transform:translate(-50%,-44%) scale(.94);transition:opacity .2s ease,transform .24s ease;background:rgba(247,247,247,.94);color:#111111;box-shadow:0 8px 20px rgba(0,0,0,.32)}
.explore-page .catalog-20-grid .prime-card:hover .card-center-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.catalog-empty-state{grid-column:1/-1;min-height:280px}
.catalog-premium-pagination{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin-top:34px!important}
.catalog-premium-pagination a{width:36px!important;height:36px!important;border-radius:9px!important;background:#171717!important;border-color:rgba(255,255,255,.07)!important;color:#A1A1A1!important;font-size:11px;font-weight:800;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.catalog-premium-pagination a:hover{transform:translateY(-1px);background:#242424!important;color:#F5F5F5!important;border-color:rgba(255,255,255,.13)!important}
.catalog-premium-pagination a.active{background:#F5F5F5!important;color:#131313!important;border-color:#F5F5F5!important;box-shadow:0 7px 20px rgba(0,0,0,.22)}
.catalog-premium-pagination .pagination-nav{width:auto!important;min-width:94px;padding:0 12px;display:flex!important;gap:7px;align-items:center;justify-content:center}
.catalog-premium-pagination .pagination-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.pagination-ellipsis{display:grid;place-items:center;width:22px;height:36px;color:#676767;font-weight:900}
@media(max-width:1480px){.explore-page .catalog-20-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:1120px){.explore-page .catalog-20-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.catalog-premium-hero{align-items:flex-start}.catalog-hero-summary{display:none}}
@media(max-width:760px){.catalog-premium-hero{padding-bottom:16px}.catalog-premium-hero h1{font-size:30px!important}.explore-page .catalog-20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 8px!important}.explore-page .catalog-20-grid .prime-card .prime-card-info{min-height:108px;padding:9px!important}.explore-page .catalog-20-grid .prime-card:hover .prime-card-info{padding:9px!important}.explore-page .catalog-20-grid .prime-card-info p{display:none}.catalog-results-toolbar{margin-bottom:10px}.catalog-page-status{display:none}.catalog-premium-pagination .pagination-nav span{display:none}.catalog-premium-pagination .pagination-nav{min-width:36px!important;width:36px!important;padding:0!important}}
@media(max-width:430px){.explore-page .catalog-20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.explore-page .catalog-20-grid .prime-card .prime-card-info b{font-size:11px!important;min-height:29px}.explore-page .catalog-20-grid .card-meta span:nth-child(n+3){display:none}}

/* =========================================================
   v074 — Prime-inspired visual system extracted from the
   supplied MODELO DE PAGINA INICIO.html.
   Independent implementation for UniSST: no third-party
   CSS/JS/assets are imported from the reference.
   ========================================================= */
:root{
  --pv-bg:#050505;
  --pv-bg-soft:#0F0F0F;
  --pv-surface:#161616;
  --pv-surface-2:#1E1E1E;
  --pv-surface-3:#262626;
  --pv-surface-hover:#2A2A2A;
  --pv-text:#f2f4f6;
  --pv-muted:#B5B5B5;
  --pv-muted-2:#8E8E8E;
  --pv-line:rgba(255,255,255,.085);
  --pv-line-strong:rgba(255,255,255,.16);
  --pv-accent:#F2C94C;
  --pv-success:#46d197;
  --pv-warning:#f4bc54;
  --pv-danger:#ff6b7f;
  --pv-radius:8px;
  --pv-radius-lg:12px;
  --pv-radius-xl:16px;
  --pv-gutter:clamp(20px,3.25vw,64px);
  --pv-page-max:1920px;
  --pv-ease:cubic-bezier(.2,.72,.2,1);
  --pv-ease-soft:cubic-bezier(.22,.61,.36,1);
  --pv-fast:180ms;
  --pv-normal:280ms;
  --pv-slow:560ms;
  --pv-card-shadow:0 8px 22px rgba(0,0,0,.28);
  --pv-hover-shadow:0 26px 62px rgba(0,0,0,.58),0 8px 22px rgba(0,0,0,.34);
  --pv-panel-shadow:0 18px 46px rgba(0,0,0,.24);
  --header-h:64px;
  --bg:var(--pv-bg);
  --bg-deep:#050505;
  --surface:var(--pv-surface);
  --surface-2:var(--pv-surface-2);
  --surface-3:var(--pv-surface-3);
  --surface-hover:var(--pv-surface-hover);
  --text:var(--pv-text);
  --muted:var(--pv-muted);
  --muted-2:var(--pv-muted-2);
  --line:var(--pv-line);
  --line-strong:var(--pv-line-strong);
  --accent:var(--pv-accent);
  --success:var(--pv-success);
  --danger:var(--pv-danger);
  --warning:var(--pv-warning);
  --radius:var(--pv-radius);
}
html,html[data-theme="dark"],html[data-theme="light"]{color-scheme:dark!important;background:var(--pv-bg)!important}
body,.app-body,.public-body{background:var(--pv-bg)!important;color:var(--pv-text)!important;font-family:"Amazon Ember","Segoe UI",Arial,sans-serif!important;font-weight:400;letter-spacing:0}
body{overflow-x:hidden}
button,a,input,select,textarea{font-family:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #F2C94C!important;outline-offset:3px!important}
::selection{background:#D4AF37;color:#fff}
.page-shell{padding-inline:var(--pv-gutter)!important;max-width:var(--pv-page-max);margin-inline:auto;overflow:visible!important}
.app-body:before,.public-body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 86% 4%,rgba(242,201,76,.055),transparent 28%),linear-gradient(180deg,#050505 0%,#0E0E0E 48%,#050505 100%)}

/* Header / navigation */
.prime-header{height:var(--header-h)!important;display:flex!important;align-items:center!important;background:linear-gradient(180deg,rgba(5,5,5,.96),rgba(5,5,5,.70) 68%,rgba(5,5,5,0))!important;pointer-events:none!important;z-index:1400!important}
.header-inner{width:min(calc(100vw - 30px),1550px)!important;height:52px!important;min-height:52px!important;margin:auto!important;padding:0 8px 0 15px!important;gap:18px!important;border-radius:28px!important;background:rgba(14,14,14,.84)!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 10px 32px rgba(0,0,0,.22)!important;backdrop-filter:blur(22px) saturate(130%)!important;pointer-events:auto!important;transition:background var(--pv-normal) var(--pv-ease),box-shadow var(--pv-normal) var(--pv-ease),border-color var(--pv-normal) var(--pv-ease)!important}
.prime-header.scrolled .header-inner,.prime-header.menu-open .header-inner{background:rgba(15,15,15,.97)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 14px 38px rgba(0,0,0,.38)!important}
.stream-brand,.public-brand{gap:10px!important;min-width:max-content}
.brand-logo-img{display:block;max-width:116px!important;max-height:31px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.stream-brand-copy strong,.public-brand span{font-size:15px!important;line-height:1!important;font-weight:700!important;letter-spacing:-.02em!important}
.prime-nav{gap:2px!important;min-width:0}
.prime-nav a,.public-nav a{min-height:36px!important;height:36px!important;padding:0 13px!important;border:0!important;border-radius:20px!important;color:#ECECEC!important;font-size:13px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;transition:color var(--pv-fast) ease,background var(--pv-fast) ease,transform var(--pv-fast) ease!important}
.prime-nav a:hover,.public-nav a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;transform:none!important}
.prime-nav a.active,.public-nav a.active{background:#f3f5f6!important;color:#101010!important;font-weight:700!important}
.header-actions{gap:3px!important;min-width:max-content}
.header-icon-btn,.profile-trigger,.public-search-link{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;background:transparent!important;color:#EEEEEE!important;transition:background var(--pv-fast) ease,transform var(--pv-fast) ease!important}
.header-icon-btn:hover,.profile-trigger:hover,.public-search-link:hover{background:rgba(255,255,255,.105)!important;transform:none!important}
.header-icon-btn svg,.profile-trigger svg,.public-search-link svg,.profile-menu svg,.mobile-nav svg{width:24px!important;height:24px!important;stroke-width:1.8!important}
.profile-trigger{width:auto!important;min-width:58px!important;padding:0 7px 0 4px!important;gap:5px!important;border-radius:24px!important}
.profile-avatar{width:32px!important;height:32px!important;border:2px solid rgba(255,255,255,.82)!important;background:#424242!important;box-shadow:0 3px 10px rgba(0,0,0,.3)!important}
.chevron{width:14px!important;height:14px!important}
.notification-badge{transform:scale(.9);transform-origin:top right}
.profile-menu,.notification-menu{background:rgba(26,26,26,.985)!important;border:1px solid rgba(255,255,255,.095)!important;border-radius:12px!important;box-shadow:0 28px 70px rgba(0,0,0,.58)!important;backdrop-filter:blur(24px) saturate(125%)!important}
.profile-menu a,.profile-menu button{min-height:38px!important;border-radius:7px!important;font-size:12.5px!important;gap:10px!important}
.profile-menu a:hover,.profile-menu button:hover{background:rgba(255,255,255,.085)!important}
.search-drawer{top:58px!important;width:min(calc(100vw - 40px),900px)!important;left:50%!important;right:auto!important;transform:translate(-50%,-10px)!important;padding:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(24,24,24,.985)!important;box-shadow:0 22px 60px rgba(0,0,0,.5)!important;backdrop-filter:blur(22px)!important}
.search-drawer.open{transform:translate(-50%,0)!important}
.search-drawer form{width:100%!important;max-width:none!important;height:46px!important;border-radius:7px!important;background:#f4f5f6!important;box-shadow:none!important}

/* Public header mirrors the application header */
.public-header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:64px!important;background:linear-gradient(180deg,rgba(5,5,5,.98),rgba(5,5,5,.78) 72%,transparent)!important;border:0!important;backdrop-filter:none!important;contain:none!important;z-index:1400!important}
.public-header-inner{width:min(calc(100vw - 30px),1550px)!important;height:52px!important;min-height:52px!important;margin:6px auto 0!important;padding:0 8px 0 15px!important;gap:18px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:28px!important;background:rgba(14,14,14,.87)!important;box-shadow:0 10px 32px rgba(0,0,0,.22)!important;backdrop-filter:blur(22px) saturate(130%)!important}
.public-nav{gap:2px!important;height:36px!important}
.public-header-actions{gap:4px!important}
.public-login,.public-signup{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:18px!important;font-size:12px!important;font-weight:650!important}
.public-login{background:transparent!important;color:#F2F2F2!important}
.public-login:hover{background:rgba(255,255,255,.10)!important}
.public-signup{background:#f3f5f6!important;color:#101010!important}
.public-signup:hover{background:#fff!important;transform:none!important}

/* Hero / editorial presentation */
.hero-stage,.public-hero-carousel,.public-prime-hero{height:clamp(590px,72vh,790px)!important;min-height:590px!important;background:#050505!important;overflow:hidden!important}
.hero-slide,.public-hero-slide{background-position:center 20%!important;transform:scale(1.012)!important;transition:opacity .82s ease,transform 1.28s var(--pv-ease),visibility .82s!important}
.hero-slide.active,.public-hero-slide.active{transform:scale(1)!important}
.hero-backdrop,.public-prime-shade,.course-detail-backdrop{background:linear-gradient(90deg,rgba(5,5,5,.99) 0%,rgba(5,5,5,.91) 21%,rgba(5,5,5,.58) 43%,rgba(5,5,5,.18) 69%,rgba(5,5,5,.03) 86%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.85) 12%,rgba(5,5,5,.18) 43%,transparent 67%),linear-gradient(180deg,rgba(5,5,5,.42),transparent 23%)!important}
.prime-hero-content,.public-prime-copy{left:max(var(--pv-gutter),6vw)!important;bottom:14%!important;width:min(620px,45vw)!important;text-shadow:0 3px 22px rgba(0,0,0,.48)!important}
.prime-hero-content h1,.public-prime-copy h1{margin:10px 0 12px!important;font-size:clamp(38px,4.65vw,68px)!important;line-height:.99!important;font-weight:700!important;letter-spacing:-.042em!important;text-wrap:balance}
.prime-hero-content p,.public-prime-copy p{max-width:56ch!important;margin-top:14px!important;color:#E3E3E3!important;font-size:clamp(13px,1.1vw,16px)!important;line-height:1.55!important}
.hero-kicker,.public-prime-kicker,.section-label,.eyebrow,.storefront-heading>div>span{font-size:10px!important;line-height:1!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#F2C94C!important}
.hero-metadata,.public-prime-meta{gap:8px 12px!important;color:#E5E5E5!important;font-size:12px!important;font-weight:600!important}
.hero-actions,.public-prime-actions{gap:10px!important;margin-top:22px!important}
.prime-play-btn,.prime-light-btn,.storefront-primary,.primary-btn,.public-signup,.preview-action.primary{min-height:48px!important;height:48px!important;padding:0 21px!important;border:0!important;border-radius:7px!important;background:#f3f5f6!important;color:#101010!important;font-size:14px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(0,0,0,.2)!important;transition:background var(--pv-fast) ease,transform var(--pv-fast) ease,box-shadow var(--pv-fast) ease!important}
.prime-play-btn:hover,.prime-light-btn:hover,.storefront-primary:hover,.primary-btn:hover,.public-signup:hover,.preview-action.primary:hover{background:#fff!important;transform:scale(1.025)!important;box-shadow:0 13px 32px rgba(0,0,0,.28)!important}
.prime-info-btn,.prime-circle-btn,.storefront-secondary.solid{min-height:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;border:0!important;color:#fff!important;backdrop-filter:blur(12px)!important}
.prime-info-btn.wide{width:auto!important;min-width:126px!important;border-radius:7px!important;padding:0 18px!important;display:inline-flex!important;gap:9px!important}
.hero-arrow{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(5,5,5,.48)!important;box-shadow:0 5px 18px rgba(0,0,0,.22)!important}
.hero-arrow svg,.rail-arrow svg{width:24px!important;height:24px!important}
.hero-dots button,.public-hero-dots button{height:4px!important;width:18px!important;border-radius:4px!important;background:rgba(255,255,255,.34)!important}
.hero-dots button.active,.public-hero-dots button.active{width:38px!important;background:#fff!important}
.public-hero-dots button{width:6px!important;height:6px!important;border-radius:50%!important}.public-hero-dots button.active{width:20px!important;border-radius:999px!important}

/* Rails / cards — standard reference: 16:9 horizontal, final discovery: 2:3 */
.home-prime-content,.storefront-section{position:relative;z-index:2}
.rail-section,.storefront-section{margin-top:31px!important}
.first-content-rail,.storefront-first{margin-top:18px!important}
.section-head,.storefront-heading{align-items:flex-end!important;margin-bottom:11px!important;gap:20px!important}
.section-head h2,.storefront-heading h2{margin:2px 0 0!important;font-size:clamp(20px,1.7vw,25px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.028em!important}
.section-head p,.storefront-heading p{margin-top:4px!important;color:#959595!important;font-size:11px!important;line-height:1.45!important}
.section-head>a,.storefront-heading>a{color:#E5E5E5!important;font-size:11px!important;font-weight:650!important;opacity:0!important;transform:translateX(-4px)!important;transition:opacity var(--pv-fast) ease,transform var(--pv-fast) ease!important}
.rail-section:hover .section-head>a,.storefront-section:hover .storefront-heading>a{opacity:1!important;transform:none!important}
.rail-shell{margin-inline:calc(var(--pv-gutter) * -1)!important;padding-inline:var(--pv-gutter)!important;overflow:visible!important}
.course-rail,.public-course-rail{grid-auto-columns:clamp(250px,23.8vw,340px)!important;gap:9px!important;padding:5px 0 28px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-padding-inline:var(--pv-gutter)!important;scroll-snap-type:x proximity!important}
.course-card,.public-course-card,.featured-preview-card,.ranked-course-card{border-radius:var(--pv-radius)!important;background:transparent!important;box-shadow:none!important;scroll-snap-align:start!important;transition:transform var(--pv-normal) var(--pv-ease),filter var(--pv-normal) ease!important}
.prime-card .card-img,.public-course-card .card-img,.featured-preview-art,.ranked-course-art{aspect-ratio:16/9!important;border-radius:var(--pv-radius)!important;background-color:#1C1C1C!important;box-shadow:var(--pv-card-shadow)!important;overflow:hidden!important;isolation:isolate}
.prime-card .card-img img,.public-course-card .card-img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .62s var(--pv-ease),filter .42s ease!important}
.card-image-shade{background:linear-gradient(180deg,transparent 46%,rgba(5,5,5,.72) 100%)!important;opacity:.42!important;transition:opacity var(--pv-normal) ease!important}
.prime-card-info{padding:10px 4px 0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;position:relative!important;top:auto!important;opacity:1!important;visibility:visible!important;transform:none!important}
.prime-card-info b{display:block!important;color:#f1f4f6!important;font-size:13px!important;font-weight:650!important;line-height:1.28!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.prime-card-info small,.prime-card-info p,.card-meta{color:#9D9D9D!important;font-size:10px!important;line-height:1.42!important}
.prime-card-info p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;margin-top:3px!important}
.card-center-play{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(243,245,246,.94)!important;color:#101010!important;box-shadow:0 7px 22px rgba(0,0,0,.34)!important}
.card-center-play svg{width:18px!important;height:18px!important}
.popular-chip,.public-access-chip,.included-badge,.status-badge{border-radius:4px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.04em!important}
.rail-arrow{top:5px!important;bottom:28px!important;width:52px!important;border:0!important;opacity:0!important;color:#fff!important;display:grid!important;place-items:center!important;background:linear-gradient(90deg,rgba(5,5,5,.97),rgba(5,5,5,.62) 58%,transparent)!important;transition:opacity var(--pv-fast) ease,background var(--pv-fast) ease!important}
.rail-arrow.right{background:linear-gradient(270deg,rgba(5,5,5,.97),rgba(5,5,5,.62) 58%,transparent)!important}
.rail-shell:hover .rail-arrow{opacity:1!important}
.rail-arrow:hover{background:rgba(5,5,5,.82)!important}

/* Hover feedback remains deliberate (2s preview logic from prior requirement). */
@media(hover:hover) and (pointer:fine){
  a.course-card:hover .card-img img,a.public-course-card:hover .card-img img{transform:scale(1.018)!important;filter:brightness(1.035)!important}
  a.course-card.preview-active,a.featured-preview-card.preview-active,a.ranked-course-card.preview-active,a[data-course-link].preview-active,a.prime-poster-card.preview-active{transform:translate3d(0,-2px,0) scale(1.006)!important;filter:brightness(1.015)!important;z-index:50!important}
}
.course-hover-preview{overflow:hidden!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:10px!important;background:#1D1D1D!important;box-shadow:0 12px 34px rgba(0,0,0,.28)!important;transform:translate3d(0,8px,0) scale(.975)!important;transform-origin:center center!important;transition:opacity .48s ease,visibility .48s ease,transform .62s var(--pv-ease),box-shadow .62s var(--pv-ease)!important}
.course-hover-preview.visible{transform:translate3d(0,0,0) scale(1)!important;box-shadow:var(--pv-hover-shadow)!important}
.course-hover-preview-media{aspect-ratio:16/9!important;min-height:0!important;background:#0F0F0F!important;overflow:hidden!important}
.course-hover-preview-media video,.course-hover-preview-media iframe,.course-hover-preview-fallback{width:100%!important;height:100%!important;object-fit:cover!important}
.course-hover-preview-body{background:linear-gradient(180deg,#212121,#1B1B1B)!important;padding:12px 14px 14px!important}
.course-hover-preview-title-row b{font-size:15px!important;font-weight:700!important;letter-spacing:-.015em!important}
.course-hover-preview-title-row span,.course-hover-preview-meta,.course-hover-preview-body>small{font-size:9px!important;color:#9D9D9D!important}
.course-hover-preview-body p{font-size:10px!important;line-height:1.45!important;color:#C2C2C2!important}
.preview-action{min-height:34px!important;height:34px!important;border-radius:7px!important;font-size:10px!important;font-weight:700!important}
.preview-action.icon{width:34px!important;min-width:34px!important;border-radius:50%!important}
.preview-action.secondary{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important}

/* Vertical poster row: only “Mais cursos para explorar”. */
.final-course-poster-rail .prime-poster-rail,.public-final-poster-section .prime-poster-rail{grid-auto-columns:clamp(166px,15.2vw,218px)!important;gap:10px!important}
.final-course-poster-rail .prime-poster-card,.public-final-poster-section .prime-poster-card{aspect-ratio:2/3!important;height:auto!important;border-radius:var(--pv-radius)!important;background:transparent!important}
.final-course-poster-rail .prime-poster-card .card-img,.public-final-poster-section .prime-poster-card .card-img{aspect-ratio:2/3!important;height:100%!important;border-radius:var(--pv-radius)!important;box-shadow:var(--pv-card-shadow)!important}
.final-course-poster-rail .prime-poster-card .prime-card-info,.public-final-poster-section .prime-poster-card .prime-card-info{position:absolute!important;inset:auto 0 0!important;padding:44px 10px 10px!important;background:linear-gradient(180deg,transparent,rgba(5,5,5,.88))!important;border-radius:0 0 var(--pv-radius) var(--pv-radius)!important}
.final-course-poster-rail .prime-poster-card .prime-card-info small,.public-final-poster-section .prime-poster-card .prime-card-info small{color:#D2D2D2!important}

/* Categories */
.prime-category-strip,.clean-category-row{margin-top:30px!important}
.prime-category-row,.clean-category-row{gap:8px!important}
.prime-category-row a,.clean-category-row a,.category-chip,.public-category-pill{min-height:54px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:8px!important;background:#161616!important;color:#f1f4f6!important;box-shadow:none!important;transition:background var(--pv-fast) ease,border-color var(--pv-fast) ease,transform var(--pv-fast) ease!important}
.prime-category-row a:hover,.clean-category-row a:hover,.category-chip:hover,.public-category-pill:hover{background:#232323!important;border-color:rgba(255,255,255,.14)!important;transform:translateY(-1px)!important}
.prime-category-row small,.clean-category-row small{color:#919191!important}

/* Catalog: 20 per page remains static and elegant. */
.catalog-premium-hero,.compact-page-hero,.page-heading,.admin-head{border-bottom-color:rgba(255,255,255,.06)!important}
.catalog-premium-hero h1,.compact-page-hero h1,.page-heading h1,.admin-head h1{color:#f3f5f7!important;font-weight:700!important;letter-spacing:-.04em!important}
.catalog-premium-hero p,.compact-page-hero p,.page-heading p,.admin-head p{color:#9F9F9F!important}
.explore-page .catalog-premium-filter,.prime-filter-bar,.filter-bar{background:#151515!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:11px!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}
.catalog-search{background:#f3f5f6!important;color:#151515!important;border-radius:7px!important}
.catalog-search input{color:#151515!important}
.explore-page .catalog-premium-filter select,.prime-filter-bar select,.filter-bar input,.filter-bar select,label input,label select,label textarea{background:#1D1D1D!important;color:#F2F2F2!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:7px!important}
.explore-page .catalog-premium-filter select:focus,.prime-filter-bar select:focus,.filter-bar input:focus,.filter-bar select:focus,label input:focus,label select:focus,label textarea:focus{border-color:#F2C94C!important;box-shadow:0 0 0 2px rgba(242,201,76,.12)!important}
.explore-page .catalog-20-grid{gap:15px 12px!important}
.explore-page .catalog-20-grid .prime-card{border-radius:9px!important;background:#161616!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important}
.explore-page .catalog-20-grid .prime-card:hover{background:#1D1D1D!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 14px 30px rgba(0,0,0,.24)!important;transform:none!important}
.explore-page .catalog-20-grid .prime-card .prime-card-info{padding:12px 12px 13px!important}
.catalog-premium-pagination a,.catalog-premium-pagination span{border-radius:7px!important}

/* Course detail / lessons */
.course-detail-hero{min-height:650px!important;background-position:center 20%!important}
.detail-tabs{height:52px!important;top:var(--header-h)!important;background:rgba(5,5,5,.94)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:blur(18px)!important}
.detail-tabs a{font-size:11px!important;color:#9D9D9D!important;border-bottom-width:2px!important}
.detail-tabs a:hover,.detail-tabs a.active{color:#fff!important;border-bottom-color:#fff!important}
.detail-grid{gap:38px!important}
.prime-module,.side-card,.prime-side-card{background:#161616!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important}
.prime-module summary{background:#1D1D1D!important;padding:14px 16px!important}
.prime-module summary:hover{background:#252525!important}
.module-lessons{background:#121212!important}
.lesson-row{min-height:54px!important;padding:10px 14px!important;border-top:1px solid rgba(255,255,255,.055)!important;transition:background var(--pv-fast) ease!important}
.lesson-row:hover{background:#222222!important}
.lesson-thumb{width:54px!important;height:32px!important;border-radius:5px!important;overflow:hidden!important}
.lesson-copy b{font-size:12px!important;font-weight:650!important}.lesson-copy small{font-size:9px!important;color:#939393!important}
.side-card-body{padding:17px!important}

/* Admin / tables / forms */
.admin-context-nav{background:rgba(12,12,12,.97)!important;border-top:1px solid rgba(255,255,255,.035)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;backdrop-filter:blur(18px)!important}
.admin-context-inner{gap:4px!important}
.admin-context-inner a,.admin-tabs a{min-height:36px!important;padding:0 12px!important;border:0!important;border-radius:18px!important;background:transparent!important;color:#B7B7B7!important;font-size:11px!important;font-weight:600!important;transition:background var(--pv-fast) ease,color var(--pv-fast) ease!important}
.admin-context-inner a:hover,.admin-tabs a:hover{background:rgba(255,255,255,.085)!important;color:#fff!important;transform:none!important}
.admin-context-inner a.active,.admin-tabs a.active{background:#f3f5f6!important;color:#101010!important}
.panel,.admin-panel,.learning-hero,.dashboard-mini-grid>article,.stats-grid>article,.calendar-board>article,.certificate-card,.live-card,.path-card,.question-card,.ticket-row,.course-content-block,.detail-copy-block,.review-grid>article,.checkpoint-card,.comment-card,.provider-note,.resource-admin-item,.comment-admin-item,.quiz-admin-card,.admin-action-card{background:#161616!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important}
.panel,.admin-panel{padding:clamp(16px,1.55vw,22px)!important}
.stats-grid{gap:10px!important}.stats-grid>article{padding:16px!important}.stats-grid strong{font-size:27px!important;font-weight:700!important}.stats-grid small{font-size:9px!important;color:#969696!important;letter-spacing:.08em!important}
.panel h2,.panel-head h2,.block-heading h2{font-weight:700!important;letter-spacing:-.025em!important}
.table-wrap{border:1px solid rgba(255,255,255,.065)!important;border-radius:9px!important;background:#121212!important;box-shadow:none!important;overflow:auto!important}
table{font-size:11px!important;background:transparent!important}th{height:40px!important;padding:10px 11px!important;background:#1A1A1A!important;color:#929292!important;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important;border-bottom:1px solid rgba(255,255,255,.07)!important}td{padding:11px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;color:#E2E2E2!important}tbody tr{transition:background var(--pv-fast) ease!important}tbody tr:hover{background:rgba(255,255,255,.027)!important}
.primary-btn,.secondary-btn,.danger-btn,.prime-light-btn{min-height:40px!important;border-radius:7px!important;font-size:11px!important;font-weight:700!important}
.secondary-btn{background:rgba(255,255,255,.075)!important;color:#f0f4f6!important;border:1px solid rgba(255,255,255,.075)!important}.secondary-btn:hover{background:rgba(255,255,255,.12)!important}
.danger-btn{background:rgba(130,32,49,.32)!important;border:1px solid rgba(255,107,127,.25)!important;color:#ffdbe1!important}.danger-btn:hover{background:rgba(154,39,59,.42)!important}
label{color:#E0E0E0!important;font-size:11px!important;font-weight:600!important}label small{color:#8F8F8F!important;font-weight:400!important}
input,select,textarea{transition:border-color var(--pv-fast) ease,box-shadow var(--pv-fast) ease,background var(--pv-fast) ease!important}
.switch span{background:#313131!important}.switch input:checked+span{background:#F2C94C!important}

/* Player — Prime-dark skin while retaining all learning functionality. */
.player-body,.player-shell,.lesson-reference{background:#050505!important;color:#f2f4f6!important}
.player-body:has(.lesson-reference){background:#050505!important;color:#f2f4f6!important}
.lesson-reference{--lr-bg:#050505!important;--lr-panel:#101010!important;--lr-panel-2:#151515!important;--lr-border:rgba(255,255,255,.09)!important;--lr-muted:#979797!important;--lr-red:#F2C94C!important;--lr-green:#2a9a62!important;--lr-blue:#F2C94C!important;background:#050505!important}
.lesson-reference .player-rail{background:#0C0C0C!important;border-right:1px solid rgba(255,255,255,.065)!important}
.lesson-reference .player-rail button,.lesson-reference .player-rail a{min-height:46px!important;color:#E6E6E6!important;transition:background var(--pv-fast) ease,color var(--pv-fast) ease!important}
.lesson-reference .player-rail button:hover,.lesson-reference .player-rail a:hover{background:#1D1D1D!important;color:#fff!important}
.lesson-reference .player-rail svg{width:24px!important;height:24px!important;stroke-width:1.75!important}
.lesson-reference .player-layout{gap:16px!important;background:#050505!important}
.lesson-reference .video-area{background:#050505!important;padding-top:22px!important}
.lesson-reference .native-player-shell,.lesson-reference .embed-player-shell{border:1px solid rgba(255,255,255,.085)!important;border-radius:8px!important;background:#000!important;box-shadow:0 18px 54px rgba(0,0,0,.46)!important}
.lesson-reference .player-controls,.external-neutral-controls{background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))!important}
.lesson-reference .lesson-reference-title-row h1{font-size:19px!important;font-weight:700!important;color:#f3f5f6!important}
.lesson-reference .lesson-watch-status{height:36px!important;border-radius:7px!important;border:1px solid rgba(70,209,151,.30)!important;background:rgba(28,113,71,.48)!important;color:#dff8e9!important;font-size:10px!important}
.lesson-reference .lesson-arrow{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.10)!important;background:#1D1D1D!important;color:#fff!important}
.lesson-reference .lesson-arrow:hover{background:#2A2A2A!important;border-color:rgba(255,255,255,.18)!important}
.lesson-reference .lesson-reference-tabs{border-bottom:1px solid rgba(255,255,255,.075)!important;gap:4px!important}
.lesson-reference .lesson-reference-tabs button{height:44px!important;padding:0 15px!important;color:#979797!important;border-bottom:2px solid transparent!important}
.lesson-reference .lesson-reference-tabs button:hover,.lesson-reference .lesson-reference-tabs button.active{color:#fff!important;border-bottom-color:#fff!important}
.lesson-reference .playlist{background:#101010!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}
.lesson-reference .playlist-head{background:#151515!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.lesson-reference .playlist-item{border-left:2px solid transparent!important;transition:background var(--pv-fast) ease,border-color var(--pv-fast) ease!important}
.lesson-reference .playlist-item:hover{background:#1E1E1E!important}.lesson-reference .playlist-item.active{background:#252525!important;border-left-color:#F2C94C!important}
.lesson-reference .lesson-section{border-top:1px solid rgba(255,255,255,.075)!important}
.lesson-reference .student-resource-card,.lesson-reference .lesson-quiz-card,.lesson-reference .checkpoint-card,.lesson-reference .student-comment,.lesson-reference .transcript-box,.lesson-reference .faq-list details{background:#141414!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important}
.player-cc-button{font-weight:800!important;letter-spacing:.04em!important}.player-cc-button[aria-pressed="true"]{background:#f3f5f6!important;color:#101010!important}

/* Login / account visual coherence */
.login-page{background:#050505!important}
.login-art{background:radial-gradient(circle at 68% 31%,rgba(242,201,76,.18),transparent 27%),linear-gradient(135deg,#0A0A0A,#1E1E1E 58%,#050505)!important}
.login-art:after{background:linear-gradient(90deg,rgba(5,5,5,.15),rgba(5,5,5,.1)),linear-gradient(0deg,rgba(5,5,5,.66),transparent 42%)!important}
.login-panel{background:radial-gradient(circle at 44% 18%,rgba(242,201,76,.08),transparent 28%),#050505!important}
.login-card{border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;background:rgba(19,19,19,.88)!important;box-shadow:0 30px 80px rgba(0,0,0,.46)!important;backdrop-filter:blur(18px)!important}
.login-card h2{font-weight:700!important;letter-spacing:-.035em!important}

/* Status / feedback */
.alert,.public-flash{border-radius:8px!important;backdrop-filter:blur(18px)!important;box-shadow:0 16px 44px rgba(0,0,0,.34)!important}
.alert.success,.public-flash.success{background:rgba(20,94,65,.94)!important;border:1px solid rgba(70,209,151,.24)!important}.alert.error,.public-flash.error{background:rgba(114,29,43,.95)!important;border:1px solid rgba(255,107,127,.24)!important}

/* Responsive hierarchy */
@media(max-width:1180px){
  .header-inner,.public-header-inner{width:calc(100vw - 20px)!important;gap:10px!important}
  .prime-nav a,.public-nav a{padding:0 10px!important;font-size:12px!important}
  .course-rail,.public-course-rail{grid-auto-columns:clamp(235px,30vw,320px)!important}
  .prime-hero-content,.public-prime-copy{width:min(600px,54vw)!important}
}
@media(max-width:900px){
  .prime-header .prime-nav{display:none!important}.public-nav{display:none!important}
  .header-inner,.public-header-inner{width:calc(100vw - 16px)!important}
  .page-shell{padding-inline:18px!important}.rail-shell{margin-inline:-18px!important;padding-inline:18px!important}
  .hero-stage,.public-hero-carousel,.public-prime-hero{height:clamp(520px,72vh,650px)!important;min-height:520px!important}
  .prime-hero-content,.public-prime-copy{left:28px!important;bottom:13%!important;width:min(620px,72vw)!important}
  .course-rail,.public-course-rail{grid-auto-columns:clamp(230px,38vw,300px)!important}
  .detail-grid,.admin-columns{grid-template-columns:1fr!important}
  .prime-side-card{position:relative!important;top:auto!important}
}
@media(max-width:640px){
  :root{--header-h:58px;--pv-gutter:16px}
  .prime-header,.public-header{height:58px!important}
  .header-inner,.public-header-inner{height:48px!important;min-height:48px!important;margin-top:5px!important;border-radius:24px!important;padding-inline:10px!important}
  .stream-brand-copy strong,.public-brand span{font-size:13px!important}.brand-logo-img{max-width:94px!important;max-height:27px!important}
  .header-icon-btn,.profile-trigger,.public-search-link{width:36px!important;min-width:36px!important;height:36px!important}.header-icon-btn svg,.public-search-link svg{width:21px!important;height:21px!important}.profile-trigger{min-width:51px!important}
  .public-login,.public-signup{height:34px!important;min-height:34px!important;padding:0 11px!important;font-size:10px!important}
  .page-shell{padding-inline:14px!important;padding-bottom:82px!important}.rail-shell{margin-inline:-14px!important;padding-inline:14px!important}
  .hero-stage,.public-hero-carousel,.public-prime-hero{height:520px!important;min-height:520px!important}
  .hero-backdrop,.public-prime-shade{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.84) 24%,rgba(5,5,5,.18) 62%,rgba(5,5,5,.12) 100%),linear-gradient(90deg,rgba(5,5,5,.65),transparent 70%)!important}
  .prime-hero-content,.public-prime-copy{left:18px!important;right:18px!important;bottom:12%!important;width:auto!important}
  .prime-hero-content h1,.public-prime-copy h1{font-size:clamp(32px,11vw,48px)!important;max-width:16ch!important}.prime-hero-content p,.public-prime-copy p{font-size:12px!important;max-width:92%!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .hero-actions,.public-prime-actions{gap:8px!important}.prime-play-btn,.prime-info-btn.wide,.storefront-primary,.storefront-secondary.solid{height:44px!important;min-height:44px!important;font-size:12px!important}
  .section-head h2,.storefront-heading h2{font-size:19px!important}.section-head p,.storefront-heading p{display:none!important}
  .course-rail,.public-course-rail{grid-auto-columns:minmax(210px,74vw)!important;gap:8px!important;padding-bottom:22px!important}
  .final-course-poster-rail .prime-poster-rail,.public-final-poster-section .prime-poster-rail{grid-auto-columns:minmax(150px,43vw)!important}
  .rail-arrow{display:none!important}
  .course-hover-preview{display:none!important}
  .catalog-premium-hero{display:block!important}.catalog-hero-summary{display:none!important}.explore-page .catalog-20-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.explore-page .catalog-20-grid .prime-card .prime-card-info{min-height:118px!important;padding:10px!important}
  .admin-context-inner{padding-inline:12px!important}.admin-context-inner a{min-height:34px!important;font-size:10px!important}
}
@media(max-width:430px){.explore-page .catalog-20-grid{grid-template-columns:1fr!important}.course-rail,.public-course-rail{grid-auto-columns:minmax(205px,80vw)!important}.final-course-poster-rail .prime-poster-rail,.public-final-poster-section .prime-poster-rail{grid-auto-columns:minmax(142px,46vw)!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* v074 icon normalization — 24px geometry from supplied reference */
.public-hero-edge svg,.course-hero-media-controls>button svg,.rail-arrow svg{width:24px!important;height:24px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.public-hero-edge,.course-hero-media-controls>button{display:grid!important;place-items:center!important}

/* =========================================================
   v075 — HOME REFERENCE PASS
   Scoped to the initial storefront only. The visual rhythm,
   six-card rails, hover arrows and 16:9 presentation are
   adapted from the supplied MODELO DE PAGINA INICIO.html.
   ========================================================= */
:root{
  --v075-home-gutter:clamp(18px,3.25vw,64px);
  --v075-home-gap:10px;
  --v075-home-card-w:clamp(220px,calc((100vw - (var(--v075-home-gutter) * 2) - (var(--v075-home-gap) * 5))/6),310px);
  --v075-home-card-h:calc(var(--v075-home-card-w) * .5625);
  --v075-home-radius:8px;
  --v075-home-shadow:0 9px 24px rgba(0,0,0,.28);
  --v075-home-shadow-hover:0 26px 64px rgba(0,0,0,.62),0 7px 22px rgba(0,0,0,.38);
}

/* Full-width home canvas with the same visual density at every desktop size. */
.model-prime-home-content{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0 var(--v075-home-gutter) 42px!important;
  overflow:visible!important;
}
.model-prime-home-hero,.model-prime-public-hero{
  height:clamp(570px,70vh,790px)!important;
  min-height:570px!important;
}
.model-prime-home-hero .prime-hero-content,.model-prime-public-hero .public-prime-copy{
  left:var(--v075-home-gutter)!important;
  bottom:15%!important;
  width:min(610px,43vw)!important;
}
.model-prime-home-hero .prime-hero-content h1,.model-prime-public-hero .public-prime-copy h1{
  font-size:clamp(39px,4.35vw,66px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

/* Rail headings: one compact line, matching the reference hierarchy. */
.model-prime-home-content .rail-section,
.public-content-rail.storefront-section{
  margin-top:26px!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:visible!important;
}
.model-prime-home-content .section-head,
.public-content-rail .storefront-heading.compact{
  min-height:36px!important;
  margin:0 0 8px!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:10px!important;
}
.model-prime-home-content .section-head h2,
.public-content-rail .storefront-heading h2{
  margin:0!important;
  font-size:clamp(19px,1.45vw,24px)!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.model-prime-home-content .section-head .section-label,
.public-content-rail .storefront-heading>div>span{
  display:none!important;
}
.model-prime-home-content .section-head p,
.public-content-rail .storefront-heading p{
  display:none!important;
}
.model-prime-home-content .section-head>a,
.public-content-rail .storefront-heading>a{
  align-self:flex-end!important;
  margin:0 0 1px 4px!important;
  opacity:0!important;
  color:#E5E5E5!important;
  font-size:11px!important;
  font-weight:650!important;
  transform:translateX(-4px)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.model-prime-home-content .rail-section:hover .section-head>a,
.public-content-rail:hover .storefront-heading>a{
  opacity:.92!important;
  transform:none!important;
}

/* Six-card desktop geometry from the reference. */
.model-prime-home-content .rail-shell,
.public-content-rail .rail-shell{
  position:relative!important;
  margin-inline:calc(var(--v075-home-gutter) * -1)!important;
  padding-inline:var(--v075-home-gutter)!important;
  overflow:visible!important;
}
.model-prime-home-content .course-rail,
.public-content-rail .course-rail,
.model-prime-home-content .continue-rail,
.model-prime-home-content .student-available-course-rail,
.model-prime-home-content .model-uniform-course-rail,
.public-content-rail .model-uniform-course-rail{
  grid-auto-columns:var(--v075-home-card-w)!important;
  gap:var(--v075-home-gap)!important;
  padding:5px 0 18px!important;
  align-items:start!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:var(--v075-home-gutter)!important;
  scrollbar-width:none!important;
}
.model-prime-home-content .course-rail::-webkit-scrollbar,
.public-content-rail .course-rail::-webkit-scrollbar{display:none!important}

/* Every course rail uses the same 16:9 base card. */
.model-prime-home-content a.course-card,
.model-prime-home-content a.featured-preview-card,
.public-content-rail a.course-card{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:var(--v075-home-card-h)!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:var(--v075-home-radius)!important;
  background:#151515!important;
  box-shadow:var(--v075-home-shadow)!important;
  transform:none!important;
  filter:none!important;
  isolation:isolate!important;
  transition:transform .28s cubic-bezier(.2,.72,.2,1),box-shadow .34s ease,filter .28s ease!important;
}
.model-prime-home-content a.course-card .card-img,
.public-content-rail a.course-card .card-img,
.model-prime-home-content a.featured-preview-card .featured-preview-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:none!important;
  transform:translateZ(0)!important;
}
.model-prime-home-content a.course-card .card-img img,
.public-content-rail a.course-card .card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.model-prime-home-content .model-uniform-card .card-img,
.public-content-rail .model-uniform-card .card-img{
  aspect-ratio:16/9!important;
  height:100%!important;
}

/* Title is integrated into the artwork instead of creating a taller card. */
.model-prime-home-content a.course-card .prime-card-info,
.public-content-rail a.course-card .prime-card-info,
.model-prime-home-content .featured-preview-caption{
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  min-height:0!important;
  padding:38px 11px 9px!important;
  border-radius:0 0 var(--v075-home-radius) var(--v075-home-radius)!important;
  background:linear-gradient(180deg,transparent 0%,rgba(5,5,5,.20) 28%,rgba(5,5,5,.88) 100%)!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:none!important;
}
.model-prime-home-content a.course-card .prime-card-info b,
.public-content-rail a.course-card .prime-card-info b,
.model-prime-home-content .featured-preview-caption b{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 9px rgba(0,0,0,.9)!important;
}
.model-prime-home-content a.course-card .prime-card-info small,
.model-prime-home-content a.course-card .prime-card-info p,
.model-prime-home-content a.course-card .card-meta,
.public-content-rail a.course-card .prime-card-info small,
.public-content-rail a.course-card .prime-card-info p,
.public-content-rail a.course-card .card-meta,
.model-prime-home-content .featured-preview-caption small{
  display:none!important;
}
.model-prime-home-content .card-image-shade,
.public-content-rail .card-image-shade,
.model-prime-home-content .featured-preview-art:after{
  background:linear-gradient(180deg,transparent 52%,rgba(5,5,5,.08) 66%,rgba(5,5,5,.58) 100%)!important;
  opacity:.7!important;
}

/* Base-card interaction is light; the detailed preview remains the 2s experience. */
@media(hover:hover) and (pointer:fine){
  .model-prime-home-content a.course-card:hover,
  .model-prime-home-content a.featured-preview-card:hover,
  .public-content-rail a.course-card:hover{
    transform:translate3d(0,-2px,0) scale(1.012)!important;
    filter:brightness(1.025)!important;
    box-shadow:0 15px 34px rgba(0,0,0,.40)!important;
    z-index:20!important;
  }
  .model-prime-home-content a.course-card.preview-active,
  .model-prime-home-content a.featured-preview-card.preview-active,
  .public-content-rail a.course-card.preview-active{
    transform:translate3d(0,-3px,0) scale(1.016)!important;
    box-shadow:var(--v075-home-shadow-hover)!important;
  }
}

/* Edge navigation: hidden by default; revealed when the pointer is over the row. */
.model-prime-home-content .rail-arrow,
.public-content-rail .rail-arrow{
  position:absolute!important;
  z-index:45!important;
  top:5px!important;
  bottom:auto!important;
  width:54px!important;
  height:var(--v075-home-card-h)!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  display:grid!important;
  place-items:center!important;
  transition:opacity .20s ease,visibility .20s ease,background .20s ease!important;
}
.model-prime-home-content .rail-arrow.left,
.public-content-rail .rail-arrow.left{
  left:0!important;
  background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.68) 54%,rgba(5,5,5,0) 100%)!important;
}
.model-prime-home-content .rail-arrow.right,
.public-content-rail .rail-arrow.right{
  right:0!important;
  background:linear-gradient(270deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.68) 54%,rgba(5,5,5,0) 100%)!important;
}
.model-prime-home-content .rail-arrow svg,
.public-content-rail .rail-arrow svg{
  width:30px!important;
  height:30px!important;
  stroke-width:2.1!important;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.75))!important;
  transition:transform .18s ease!important;
}
.model-prime-home-content .rail-shell:hover.can-scroll-prev .rail-arrow.left,
.public-content-rail .rail-shell:hover.can-scroll-prev .rail-arrow.left,
.model-prime-home-content .rail-shell:hover.can-scroll-next .rail-arrow.right,
.public-content-rail .rail-shell:hover.can-scroll-next .rail-arrow.right{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.model-prime-home-content .rail-arrow:hover svg,
.public-content-rail .rail-arrow:hover svg{transform:scale(1.14)!important}

/* Remove legacy poster geometry from “Mais cursos para explorar”: it now matches highlights. */
.model-prime-home-content .model-uniform-rail .model-uniform-card,
.public-content-rail.model-uniform-rail .model-uniform-card{
  height:var(--v075-home-card-h)!important;
  aspect-ratio:16/9!important;
}
.public-final-poster-section .model-uniform-course-rail,
.model-prime-home-content .model-uniform-course-rail{
  grid-auto-columns:var(--v075-home-card-w)!important;
}

/* Hover preview card — same visual family, softly detached from the row. */
.course-hover-preview{
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#151515!important;
  box-shadow:0 18px 50px rgba(0,0,0,.44)!important;
  transform:translate3d(0,10px,0) scale(.97)!important;
  transition:opacity .38s ease,visibility .38s ease,transform .52s cubic-bezier(.2,.72,.2,1),box-shadow .52s ease!important;
}
.course-hover-preview.visible{
  transform:translate3d(0,0,0) scale(1)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.66),0 10px 26px rgba(0,0,0,.38)!important;
}
.course-hover-preview-body{background:linear-gradient(180deg,#1E1E1E,#161616)!important}

/* Public storefront adopts the same full-bleed rhythm. */
.public-content-rail.storefront-section{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:var(--v075-home-gutter)!important;
  padding-right:var(--v075-home-gutter)!important;
}
.public-content-rail .rail-shell{
  margin-left:calc(var(--v075-home-gutter) * -1)!important;
  margin-right:calc(var(--v075-home-gutter) * -1)!important;
}

/* Responsive proportions: preserve the same visual relationship rather than forcing desktop sizes. */
@media(max-width:1180px){
  :root{--v075-home-card-w:clamp(218px,27vw,292px)}
}
@media(max-width:900px){
  :root{--v075-home-gutter:18px;--v075-home-card-w:clamp(218px,37vw,285px)}
  .model-prime-home-content{padding-inline:var(--v075-home-gutter)!important}
  .model-prime-home-hero,.model-prime-public-hero{height:clamp(520px,70vh,650px)!important;min-height:520px!important}
  .model-prime-home-hero .prime-hero-content,.model-prime-public-hero .public-prime-copy{left:28px!important;right:28px!important;width:min(620px,72vw)!important}
}
@media(max-width:640px){
  :root{--v075-home-gutter:14px;--v075-home-gap:8px;--v075-home-card-w:minmax(210px,74vw)}
  .model-prime-home-content{padding-inline:14px!important}
  .model-prime-home-content .course-rail,
  .public-content-rail .course-rail,
  .model-prime-home-content .continue-rail,
  .model-prime-home-content .student-available-course-rail,
  .model-prime-home-content .model-uniform-course-rail,
  .public-content-rail .model-uniform-course-rail{grid-auto-columns:minmax(210px,74vw)!important;gap:8px!important;padding-bottom:16px!important}
  .model-prime-home-content .rail-arrow,.public-content-rail .rail-arrow{display:none!important}
  .model-prime-home-content .section-head h2,.public-content-rail .storefront-heading h2{font-size:19px!important}
  .model-prime-home-content .section-head>a,.public-content-rail .storefront-heading>a{display:none!important}
  .model-prime-home-hero .prime-hero-content,.model-prime-public-hero .public-prime-copy{left:18px!important;right:18px!important;width:auto!important}
}

/* =========================================================
   v076 — HOME REBUILT FROM SUPPLIED INITIAL REFERENCE
   Prime-style hierarchy: standard 16:9 rails + super 2:3 rails.
   Scoped to the authenticated initial page only.
   ========================================================= */
:root{
  --v076-home-gutter:clamp(20px,3.35vw,68px);
  --v076-standard-gap:12px;
  --v076-standard-w:clamp(250px,19.2vw,356px);
  --v076-standard-h:calc(var(--v076-standard-w) * .5625);
  --v076-poster-gap:12px;
  --v076-poster-w:clamp(152px,12.25vw,214px);
  --v076-poster-h:calc(var(--v076-poster-w) * 1.5);
  --v076-card-radius:8px;
  --v076-home-bg:#050505;
  --v076-home-text:#fff;
  --v076-home-muted:#B1B1B1;
  --v076-home-ease:cubic-bezier(.2,.72,.2,1);
}

/* Canvas and hero proportions from the supplied reference. */
body:has(.model-prime-home-content){background:var(--v076-home-bg)!important}
.page-shell:has(.model-prime-home-content){max-width:none!important;width:100%!important;padding-inline:0!important;overflow:clip!important;background:var(--v076-home-bg)!important}
.model-prime-home-content{
  width:100%!important;
  margin:0!important;
  padding:0 var(--v076-home-gutter) 56px!important;
  color:var(--v076-home-text)!important;
  background:var(--v076-home-bg)!important;
}
.model-prime-home-hero{
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  height:clamp(560px,68vh,760px)!important;
  min-height:560px!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#050505!important;
}
.model-prime-home-hero .hero-slide{border-radius:0!important}
.model-prime-home-hero .hero-slide:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,5,.90) 0%,rgba(5,5,5,.66) 27%,rgba(5,5,5,.16) 57%,rgba(5,5,5,0) 75%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.42) 18%,rgba(5,5,5,0) 42%);
}
.model-prime-home-hero .hero-backdrop{z-index:1!important;background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.30) 19%,transparent 48%)!important}
.model-prime-home-hero .prime-hero-content{
  left:var(--v076-home-gutter)!important;
  bottom:14.5%!important;
  width:min(590px,43vw)!important;
  z-index:3!important;
}
.model-prime-home-hero .prime-hero-content h1{
  max-width:12ch!important;
  margin:0 0 18px!important;
  font-size:clamp(40px,4.15vw,64px)!important;
  line-height:.98!important;
  font-weight:750!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
.model-prime-home-hero .prime-hero-content p{
  max-width:52ch!important;
  margin:12px 0 20px!important;
  color:#f1f4f6!important;
  font-size:clamp(14px,1.05vw,17px)!important;
  line-height:1.45!important;
  display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
.model-prime-home-hero .hero-kicker{font-size:11px!important;letter-spacing:.08em!important;margin-bottom:11px!important}
.model-prime-home-hero .hero-metadata{gap:10px!important;font-size:12px!important;color:#E3E3E3!important}
.model-prime-home-hero .hero-actions{gap:10px!important}
.model-prime-home-hero .prime-play-btn,.model-prime-home-hero .prime-info-btn.wide{
  min-height:50px!important;height:50px!important;border-radius:9px!important;padding-inline:20px!important;font-size:14px!important;font-weight:700!important;
}
.model-prime-home-hero .hero-controls{right:var(--v076-home-gutter)!important;bottom:13%!important;z-index:5!important}

/* Reference heading rhythm: title + compact "see more" action. */
.model-prime-home-content .rail-section{margin:26px 0 0!important;overflow:visible!important}
.model-prime-home-content .first-content-rail{margin-top:8px!important}
.model-prime-home-content .section-head{
  min-height:34px!important;margin:0 0 9px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
}
.model-prime-home-content .section-head>div{display:flex!important;align-items:center!important;min-width:0!important}
.model-prime-home-content .section-head h2{
  margin:0!important;color:#fff!important;font-size:clamp(20px,1.45vw,25px)!important;line-height:1.14!important;font-weight:700!important;letter-spacing:-.026em!important;white-space:nowrap!important;
}
.model-prime-home-content .section-head .section-label,.model-prime-home-content .section-head p{display:none!important}
.model-prime-home-content .section-head>a{
  position:relative!important;align-self:center!important;margin:1px 0 0 2px!important;color:#EAEAEA!important;font-size:12px!important;font-weight:650!important;line-height:1!important;opacity:0!important;transform:translateX(-5px)!important;transition:opacity .18s ease,transform .18s ease!important;
}
.model-prime-home-content .section-head>a:after{content:"›";display:inline-block;margin-left:5px;font-size:19px;line-height:.7;vertical-align:-1px}
.model-prime-home-content .rail-section:hover .section-head>a,.model-prime-home-content .section-head>a:focus-visible{opacity:1!important;transform:none!important}

/* Full-bleed rails. */
.model-prime-home-content .rail-shell{
  position:relative!important;margin-inline:calc(var(--v076-home-gutter) * -1)!important;padding-inline:var(--v076-home-gutter)!important;overflow:visible!important;
}
.model-prime-home-content .course-rail,
.model-prime-home-content .continue-rail,
.model-prime-home-content .student-available-course-rail{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:var(--v076-standard-w)!important;gap:var(--v076-standard-gap)!important;
  padding:5px 0 24px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity!important;scroll-padding-inline:var(--v076-home-gutter)!important;scrollbar-width:none!important;
}
.model-prime-home-content .course-rail::-webkit-scrollbar{display:none!important}

/* Standard reference card: 16:9, compact, no extra card body height. */
.model-prime-home-content a.course-card{
  position:relative!important;display:block!important;width:100%!important;height:var(--v076-standard-h)!important;min-height:0!important;aspect-ratio:16/9!important;
  border:0!important;border-radius:var(--v076-card-radius)!important;overflow:hidden!important;background:#202020!important;box-shadow:none!important;isolation:isolate!important;scroll-snap-align:start!important;
  transition:transform .24s var(--v076-home-ease),filter .24s ease,box-shadow .24s ease!important;
}
.model-prime-home-content a.course-card .card-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;border-radius:inherit!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;
}
.model-prime-home-content a.course-card .card-img:after{
  content:"";position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 57%,rgba(5,5,5,.08) 69%,rgba(5,5,5,.70) 100%)!important;
}
.model-prime-home-content a.course-card .card-image-shade{position:absolute!important;inset:0!important;z-index:1!important;background:transparent!important}
.model-prime-home-content a.course-card .prime-card-info{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:4!important;min-height:0!important;padding:28px 10px 9px!important;
  border:0!important;border-radius:0!important;background:linear-gradient(180deg,transparent,rgba(5,5,5,.78))!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;
}
.model-prime-home-content a.course-card .prime-card-info b{
  display:block!important;margin:0!important;min-height:0!important;color:#fff!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 2px 8px rgba(0,0,0,.9)!important;
}
.model-prime-home-content a.course-card .prime-card-info small,
.model-prime-home-content a.course-card .prime-card-info p,
.model-prime-home-content a.course-card .card-meta{display:none!important}
.model-prime-home-content .card-center-play{opacity:0!important;transition:opacity .18s ease,transform .18s ease!important}

/* SUPERCAROUSEL from the model: vertical 2:3 posters. */
.model-prime-home-content .prime-super-rail .course-rail,
.model-prime-home-content .prime-super-rail .featured-preview-rail,
.model-prime-home-content .prime-super-rail .model-uniform-course-rail{
  grid-auto-columns:var(--v076-poster-w)!important;gap:var(--v076-poster-gap)!important;padding-bottom:26px!important;
}
.model-prime-home-content .prime-super-rail a.course-card,
.model-prime-home-content .prime-super-rail a.featured-preview-card,
.model-prime-home-content .prime-super-rail .model-uniform-card{
  position:relative!important;display:block!important;width:100%!important;height:var(--v076-poster-h)!important;aspect-ratio:2/3!important;min-height:0!important;border:0!important;border-radius:var(--v076-card-radius)!important;overflow:hidden!important;background:#202020!important;box-shadow:none!important;scroll-snap-align:start!important;isolation:isolate!important;
  transition:transform .24s var(--v076-home-ease),filter .24s ease,box-shadow .24s ease!important;
}
.model-prime-home-content .prime-super-rail a.course-card .card-img,
.model-prime-home-content .prime-super-rail a.featured-preview-card .featured-preview-art,
.model-prime-home-content .prime-super-rail .model-uniform-card .card-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:2/3!important;border-radius:inherit!important;background-size:cover!important;background-position:center!important;overflow:hidden!important;
}
.model-prime-home-content .prime-super-rail .featured-preview-art:after,
.model-prime-home-content .prime-super-rail .model-uniform-card .card-img:after{
  content:"";position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,transparent 68%,rgba(5,5,5,.18) 78%,rgba(5,5,5,.78) 100%)!important;pointer-events:none!important;
}
.model-prime-home-content .prime-super-rail .featured-preview-caption,
.model-prime-home-content .prime-super-rail .model-uniform-card .prime-card-info{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:4!important;min-height:0!important;padding:38px 9px 9px!important;background:linear-gradient(180deg,transparent,rgba(5,5,5,.77))!important;pointer-events:none!important;
}
.model-prime-home-content .prime-super-rail .featured-preview-caption b,
.model-prime-home-content .prime-super-rail .model-uniform-card .prime-card-info b{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important}
.model-prime-home-content .prime-super-rail .featured-preview-caption small{display:none!important}
.model-prime-home-content .prime-super-rail .featured-preview-play{width:42px!important;height:42px!important;font-size:16px!important;opacity:0!important}
.model-prime-home-content .prime-super-rail .featured-preview-demo{top:auto!important;left:9px!important;right:auto!important;bottom:31px!important;z-index:5!important;font-size:8px!important;padding:4px 6px!important;border-radius:4px!important}

/* Side controls exactly follow the current row height and appear only on hover. */
.model-prime-home-content .rail-arrow{
  position:absolute!important;top:5px!important;bottom:auto!important;z-index:50!important;width:58px!important;height:var(--v076-standard-h)!important;border:0!important;border-radius:0!important;color:#fff!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:grid!important;place-items:center!important;box-shadow:none!important;
  transition:opacity .18s ease,visibility .18s ease,background .18s ease!important;
}
.model-prime-home-content .prime-super-rail .rail-arrow{height:var(--v076-poster-h)!important}
.model-prime-home-content .rail-arrow.left{left:0!important;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.70) 55%,rgba(5,5,5,0) 100%)!important}
.model-prime-home-content .rail-arrow.right{right:0!important;background:linear-gradient(270deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.70) 55%,rgba(5,5,5,0) 100%)!important}
.model-prime-home-content .rail-arrow svg{width:30px!important;height:30px!important;stroke-width:2.15!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.8))!important;transition:transform .16s ease!important}
.model-prime-home-content .rail-shell:hover.can-scroll-prev .rail-arrow.left,
.model-prime-home-content .rail-shell:focus-within.can-scroll-prev .rail-arrow.left,
.model-prime-home-content .rail-shell:hover.can-scroll-next .rail-arrow.right,
.model-prime-home-content .rail-shell:focus-within.can-scroll-next .rail-arrow.right{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.model-prime-home-content .rail-arrow:hover svg{transform:scale(1.13)!important}

/* Prime-like lift while keeping the row stable; details/video open in the preview layer. */
@media(hover:hover) and (pointer:fine){
  .model-prime-home-content a.course-card:hover,
  .model-prime-home-content a.featured-preview-card:hover{
    z-index:30!important;transform:scale(1.045)!important;filter:brightness(1.04)!important;box-shadow:0 18px 42px rgba(0,0,0,.58)!important;
  }
  .model-prime-home-content a.course-card:hover .card-center-play,
  .model-prime-home-content a.featured-preview-card:hover .featured-preview-play{opacity:1!important;transform:scale(1)!important}
  .model-prime-home-content .course-rail.has-hover>a:not(:hover):not(.preview-pending){opacity:.86!important;filter:saturate(.92)!important}
}

/* Expanded hover panel: title, metadata, description and preview media. */
.course-hover-preview{
  width:min(440px,calc(100vw - 28px))!important;border-radius:10px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.10)!important;background:#161616!important;box-shadow:0 28px 70px rgba(0,0,0,.68)!important;
}
.course-hover-preview-media{aspect-ratio:16/9!important;min-height:0!important;background:#101010!important}
.course-hover-preview-body{padding:15px 16px 16px!important;background:linear-gradient(180deg,#232323 0%,#181818 100%)!important}
.course-hover-preview-title-row b{font-size:18px!important;line-height:1.2!important}
.course-hover-preview-meta{margin-top:8px!important;font-size:12px!important;color:#C3C3C3!important}
.course-hover-preview-body p{margin:10px 0 14px!important;font-size:13px!important;line-height:1.45!important;color:#E7E7E7!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* Status/progress overlays remain functional but compact. */
.model-prime-home-content .popular-chip,.model-prime-home-content .deadline-badge,.model-prime-home-content .course-complete-badge{z-index:5!important;top:9px!important;left:9px!important;font-size:8px!important;border-radius:4px!important;padding:5px 7px!important}
.model-prime-home-content .continue-play-badge{z-index:5!important;left:9px!important;bottom:9px!important;font-size:9px!important;padding:6px 8px!important;border-radius:6px!important}
.model-prime-home-content .image-progress{z-index:6!important;height:3px!important}

/* Category/footer blocks remain available but visually subordinate to the reference rails. */
.model-prime-home-content .prime-category-strip{margin-top:31px!important}
.model-prime-home-content .prime-category-row{gap:8px!important}
.model-prime-home-content .prime-category-row a{min-height:48px!important;border-radius:8px!important;background:#181818!important;border-color:rgba(255,255,255,.07)!important}
.model-prime-home-content .student-catalog-shortcut{margin-top:30px!important;border-radius:10px!important;background:#181818!important;border-color:rgba(255,255,255,.07)!important}

@media(max-width:1280px){
  :root{--v076-standard-w:clamp(238px,23.2vw,310px);--v076-poster-w:clamp(145px,15.1vw,190px)}
}
@media(max-width:900px){
  :root{--v076-home-gutter:18px;--v076-standard-w:clamp(225px,37vw,290px);--v076-poster-w:clamp(145px,22vw,182px)}
  .model-prime-home-hero{height:clamp(520px,70vh,650px)!important;min-height:520px!important}
  .model-prime-home-hero .prime-hero-content{left:28px!important;right:28px!important;width:min(620px,72vw)!important}
}
@media(max-width:640px){
  :root{--v076-home-gutter:14px;--v076-standard-gap:8px;--v076-poster-gap:8px;--v076-standard-w:74vw;--v076-poster-w:40vw}
  .model-prime-home-content{padding-inline:14px!important}
  .model-prime-home-hero{height:520px!important;min-height:520px!important}
  .model-prime-home-hero .prime-hero-content{left:18px!important;right:18px!important;bottom:11.5%!important;width:auto!important}
  .model-prime-home-hero .prime-hero-content h1{font-size:clamp(32px,10.5vw,48px)!important}
  .model-prime-home-hero .prime-hero-content p{font-size:12px!important;-webkit-line-clamp:3!important}
  .model-prime-home-content .section-head h2{font-size:19px!important;white-space:normal!important}
  .model-prime-home-content .section-head>a{display:none!important}
  .model-prime-home-content .course-rail,.model-prime-home-content .continue-rail,.model-prime-home-content .student-available-course-rail{grid-auto-columns:74vw!important;gap:8px!important}
  .model-prime-home-content .prime-super-rail .course-rail,.model-prime-home-content .prime-super-rail .featured-preview-rail,.model-prime-home-content .prime-super-rail .model-uniform-course-rail{grid-auto-columns:40vw!important;gap:8px!important}
  .model-prime-home-content .rail-arrow{display:none!important}
  .course-hover-preview{display:none!important}
}

/* =========================================================
   v077 — /inicio reconstruído pelo MODELO DE PAGINA INICIO(3)
   Escopo estrito: somente a Home autenticada (/inicio).
   O Início público (/) não recebe nenhuma destas regras.
   ========================================================= */
body.authenticated-home-page{
  --ref-bg:#050505;
  --ref-text:#fff;
  --ref-muted:#BCBCBC;
  --ref-gutter:clamp(28px,3.15vw,64px);
  --ref-standard-w:clamp(270px,16.25vw,312px);
  --ref-standard-h:calc(var(--ref-standard-w) * .5625);
  --ref-poster-w:clamp(172px,11.2vw,216px);
  --ref-poster-h:calc(var(--ref-poster-w) * 1.5);
  --ref-gap:12px;
  --ref-radius:8px;
  background:var(--ref-bg)!important;
  color:var(--ref-text)!important;
}
body.authenticated-home-page .page-shell{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  overflow-x:clip!important;background:var(--ref-bg)!important;
}
body.authenticated-home-page .alert{position:relative;z-index:80;margin:76px var(--ref-gutter) 10px!important}

/* Navbar da Home: mantém os recursos do sistema, mas no acabamento escuro do modelo. */
body.authenticated-home-page .prime-header{
  background:linear-gradient(180deg,rgba(5,5,5,.98),rgba(5,5,5,.78) 70%,rgba(5,5,5,0))!important;
}
body.authenticated-home-page .prime-header .header-inner{
  background:rgba(15,15,15,.90)!important;border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
}
html[data-theme="light"] body.authenticated-home-page .prime-header .header-inner{background:rgba(15,15,15,.94)!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="light"] body.authenticated-home-page .prime-nav a{color:#ECECEC!important}
html[data-theme="light"] body.authenticated-home-page .prime-nav a:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
html[data-theme="light"] body.authenticated-home-page .prime-nav a.active{background:#f3f5f6!important;color:#101010!important}

/* Hero full bleed do modelo. */
body.authenticated-home-page .v077-reference-hero{
  width:100vw!important;margin:0!important;margin-left:calc(50% - 50vw)!important;
  height:clamp(570px,68vh,760px)!important;min-height:570px!important;
  border-radius:0!important;background:#050505!important;overflow:hidden!important;
}
body.authenticated-home-page .v077-reference-hero .hero-slide{border-radius:0!important;background-position:center top!important}
body.authenticated-home-page .v077-reference-hero .hero-slide::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.70) 25%,rgba(5,5,5,.24) 49%,rgba(5,5,5,0) 70%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.52) 13%,rgba(5,5,5,.04) 39%);
}
body.authenticated-home-page .v077-reference-hero .hero-backdrop{z-index:1!important;background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.36) 18%,transparent 45%)!important}
body.authenticated-home-page .v077-reference-hero .prime-hero-content{
  left:var(--ref-gutter)!important;bottom:15%!important;z-index:4!important;width:min(610px,43vw)!important;
}
body.authenticated-home-page .v077-reference-hero .prime-hero-content h1{
  max-width:15ch!important;margin:0 0 14px!important;color:#fff!important;
  font-size:clamp(38px,3.4vw,58px)!important;line-height:1.02!important;font-weight:700!important;letter-spacing:-.035em!important;
}
body.authenticated-home-page .v077-reference-hero .hero-metadata{display:flex!important;gap:10px!important;align-items:center!important;margin:0 0 10px!important;color:#E7E7E7!important;font-size:13px!important;font-weight:600!important}
body.authenticated-home-page .v077-reference-hero .hero-metadata .match{color:#46d369!important}
body.authenticated-home-page .v077-reference-hero .prime-hero-content p{
  max-width:55ch!important;margin:0 0 20px!important;color:#f1f4f6!important;font-size:15px!important;line-height:1.45!important;
  display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
}
body.authenticated-home-page .v077-reference-hero .hero-actions{display:flex!important;gap:10px!important;align-items:center!important}
body.authenticated-home-page .v077-reference-hero .prime-play-btn,
body.authenticated-home-page .v077-reference-hero .prime-info-btn.wide{
  min-height:50px!important;height:50px!important;border-radius:8px!important;padding:0 19px!important;font-size:14px!important;font-weight:700!important;
}
body.authenticated-home-page .v077-reference-hero .hero-controls{right:var(--ref-gutter)!important;bottom:13.5%!important;z-index:7!important}

/* Conteúdo e ritmo vertical do arquivo de referência. */
body.authenticated-home-page .v077-reference-home{
  position:relative!important;z-index:10!important;width:100%!important;margin:-52px 0 0!important;
  padding:0 var(--ref-gutter) 68px!important;background:linear-gradient(0deg,#050505 97%,rgba(5,5,5,0))!important;color:#fff!important;
}
body.authenticated-home-page .v077-reference-home .rail-section{margin:0 0 30px!important;overflow:visible!important}
body.authenticated-home-page .v077-reference-home .rail-section+ .rail-section{margin-top:2px!important}
body.authenticated-home-page .v077-reference-home .section-head{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  min-height:36px!important;margin:0 0 8px!important;padding:0!important;
}
body.authenticated-home-page .v077-reference-home .section-head>div{display:flex!important;align-items:center!important;min-width:0!important}
body.authenticated-home-page .v077-reference-home .section-head h2{
  margin:0!important;color:#fff!important;font-size:clamp(20px,1.35vw,26px)!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.025em!important;white-space:nowrap!important;
}
body.authenticated-home-page .v077-reference-home .section-head p,
body.authenticated-home-page .v077-reference-home .section-label{display:none!important}
body.authenticated-home-page .v077-reference-home .section-head>a{
  display:inline-flex!important;align-items:center!important;margin:1px 0 0 2px!important;padding:4px 0!important;
  color:#E2E2E2!important;font-size:13px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;
  opacity:0!important;transform:translateX(-4px)!important;transition:opacity .16s ease,transform .16s ease!important;
}
body.authenticated-home-page .v077-reference-home .section-head>a::after{content:"";width:8px;height:8px;margin-left:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
body.authenticated-home-page .v077-reference-home .rail-section:hover .section-head>a,
body.authenticated-home-page .v077-reference-home .section-head>a:focus-visible{opacity:1!important;transform:none!important}

/* Trilho ocupa a largura total como no Prime, mantendo o mesmo recuo visual. */
body.authenticated-home-page .v077-reference-home .rail-shell{
  position:relative!important;margin-inline:calc(var(--ref-gutter) * -1)!important;padding-inline:var(--ref-gutter)!important;overflow:visible!important;
}
body.authenticated-home-page .v077-reference-home .course-rail{
  display:grid!important;grid-auto-flow:column!important;grid-auto-columns:var(--ref-standard-w)!important;gap:var(--ref-gap)!important;
  padding:4px 0 20px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;overscroll-behavior-x:contain!important;
}
body.authenticated-home-page .v077-reference-home .course-rail::-webkit-scrollbar{display:none!important}

/* Card padrão 16:9: no estado normal o modelo mostra somente a arte. */
body.authenticated-home-page .v077-reference-home a.reference-landscape-card,
body.authenticated-home-page .v077-reference-home .reference-standard-rail a.course-card{
  position:relative!important;display:block!important;width:100%!important;height:var(--ref-standard-h)!important;min-height:0!important;aspect-ratio:16/9!important;
  overflow:hidden!important;border:0!important;border-radius:var(--ref-radius)!important;background:#1B1B1B!important;box-shadow:none!important;scroll-snap-align:start!important;isolation:isolate!important;
  transition:transform .20s cubic-bezier(.2,.75,.2,1),filter .20s ease,box-shadow .20s ease!important;
}
body.authenticated-home-page .v077-reference-home a.reference-landscape-card .card-img,
body.authenticated-home-page .v077-reference-home .reference-standard-rail a.course-card .card-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;background-size:cover!important;background-position:center!important;border-radius:inherit!important;
}
body.authenticated-home-page .v077-reference-home .reference-card-title{display:none!important}
body.authenticated-home-page .v077-reference-home .prime-card-info{display:none!important}
body.authenticated-home-page .v077-reference-home .card-image-shade{display:none!important}

/* Super carousel do modelo: 20 pôsteres 2:3. */
body.authenticated-home-page .v077-reference-home .reference-poster-rail{
  grid-auto-columns:var(--ref-poster-w)!important;gap:var(--ref-gap)!important;padding-bottom:22px!important;
}
body.authenticated-home-page .v077-reference-home a.prime-poster-card,
body.authenticated-home-page .v077-reference-home a.featured-preview-card{
  position:relative!important;display:block!important;width:100%!important;height:var(--ref-poster-h)!important;min-height:0!important;aspect-ratio:2/3!important;
  overflow:hidden!important;border:0!important;border-radius:var(--ref-radius)!important;background:#1B1B1B!important;box-shadow:none!important;scroll-snap-align:start!important;isolation:isolate!important;
  transition:transform .20s cubic-bezier(.2,.75,.2,1),filter .20s ease,box-shadow .20s ease!important;
}
body.authenticated-home-page .v077-reference-home a.prime-poster-card .card-img,
body.authenticated-home-page .v077-reference-home a.featured-preview-card .featured-preview-art{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:2/3!important;background-size:cover!important;background-position:center!important;border-radius:inherit!important;
}
body.authenticated-home-page .v077-reference-home .featured-preview-caption,
body.authenticated-home-page .v077-reference-home .featured-preview-play,
body.authenticated-home-page .v077-reference-home .featured-preview-demo{display:none!important}

/* Setas laterais: só aparecem ao apontar para o trilho e apenas quando há conteúdo naquela direção. */
body.authenticated-home-page .v077-reference-home .rail-arrow{
  position:absolute!important;top:4px!important;bottom:auto!important;z-index:55!important;width:58px!important;height:var(--ref-standard-h)!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:0!important;color:#fff!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;box-shadow:none!important;
  transition:opacity .15s ease,visibility .15s ease!important;
}
body.authenticated-home-page .v077-reference-home .reference-super-rail .rail-arrow{height:var(--ref-poster-h)!important}
body.authenticated-home-page .v077-reference-home .rail-arrow.left{left:0!important;background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.60) 62%,rgba(5,5,5,0))!important}
body.authenticated-home-page .v077-reference-home .rail-arrow.right{right:0!important;background:linear-gradient(270deg,rgba(5,5,5,.94),rgba(5,5,5,.60) 62%,rgba(5,5,5,0))!important}
body.authenticated-home-page .v077-reference-home .rail-arrow svg{width:34px!important;height:34px!important;stroke-width:2!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))!important}
body.authenticated-home-page .v077-reference-home .rail-shell:hover.can-scroll-prev .rail-arrow.left,
body.authenticated-home-page .v077-reference-home .rail-shell:focus-within.can-scroll-prev .rail-arrow.left,
body.authenticated-home-page .v077-reference-home .rail-shell:hover.can-scroll-next .rail-arrow.right,
body.authenticated-home-page .v077-reference-home .rail-shell:focus-within.can-scroll-next .rail-arrow.right{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* Hover do card e prévia já funcional do sistema. */
@media(hover:hover) and (pointer:fine){
  body.authenticated-home-page .v077-reference-home a.reference-landscape-card:hover,
  body.authenticated-home-page .v077-reference-home a.prime-poster-card:hover,
  body.authenticated-home-page .v077-reference-home a.featured-preview-card:hover{
    z-index:35!important;transform:scale(1.045)!important;filter:brightness(1.045)!important;box-shadow:0 16px 38px rgba(0,0,0,.58)!important;
  }
  body.authenticated-home-page .v077-reference-home .course-rail.has-hover>a:not(:hover):not(.preview-pending){opacity:.90!important}
}

/* Barras e badges operacionais permanecem, porém discretos para não quebrar o modelo. */
body.authenticated-home-page .v077-reference-home .image-progress{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;z-index:6!important;background:rgba(255,255,255,.18)!important}
body.authenticated-home-page .v077-reference-home .image-progress i{display:block!important;height:100%!important;background:#F2C94C!important}
body.authenticated-home-page .v077-reference-home .deadline-badge,
body.authenticated-home-page .v077-reference-home .popular-chip{position:absolute!important;z-index:7!important;top:9px!important;left:9px!important;padding:5px 7px!important;border-radius:4px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.03em!important}

/* O painel de hover fica na mesma escala visual dos cards do modelo. */
body.authenticated-home-page .course-hover-preview{width:min(420px,calc(100vw - 28px))!important;border-radius:9px!important;background:#161616!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 26px 68px rgba(0,0,0,.70)!important}
body.authenticated-home-page .course-hover-preview-body{padding:14px 15px 15px!important;background:#181818!important}
body.authenticated-home-page .course-hover-preview-body p{font-size:13px!important;line-height:1.42!important;-webkit-line-clamp:3!important}

@media(max-width:1280px){
  body.authenticated-home-page{--ref-gutter:32px;--ref-standard-w:clamp(250px,23vw,294px);--ref-poster-w:clamp(158px,15.5vw,198px)}
}
@media(max-width:900px){
  body.authenticated-home-page{--ref-gutter:20px;--ref-standard-w:clamp(230px,38vw,286px);--ref-poster-w:clamp(150px,23vw,182px)}
  body.authenticated-home-page .v077-reference-hero{height:clamp(520px,70vh,650px)!important;min-height:520px!important}
  body.authenticated-home-page .v077-reference-hero .prime-hero-content{left:28px!important;right:28px!important;width:min(620px,74vw)!important}
  body.authenticated-home-page .v077-reference-home{margin-top:-38px!important}
}
@media(max-width:640px){
  body.authenticated-home-page{--ref-gutter:14px;--ref-gap:8px;--ref-standard-w:78vw;--ref-poster-w:42vw}
  body.authenticated-home-page .v077-reference-hero{height:520px!important;min-height:520px!important}
  body.authenticated-home-page .v077-reference-hero .prime-hero-content{left:18px!important;right:18px!important;bottom:12%!important;width:auto!important}
  body.authenticated-home-page .v077-reference-hero .prime-hero-content h1{font-size:clamp(31px,10vw,46px)!important}
  body.authenticated-home-page .v077-reference-hero .prime-hero-content p{font-size:12.5px!important;-webkit-line-clamp:3!important}
  body.authenticated-home-page .v077-reference-hero .prime-info-btn.wide{display:none!important}
  body.authenticated-home-page .v077-reference-home{margin-top:-28px!important;padding-inline:14px!important}
  body.authenticated-home-page .v077-reference-home .section-head h2{font-size:19px!important;white-space:normal!important}
  body.authenticated-home-page .v077-reference-home .section-head>a{display:none!important}
  body.authenticated-home-page .v077-reference-home .course-rail{grid-auto-columns:78vw!important;gap:8px!important}
  body.authenticated-home-page .v077-reference-home .reference-poster-rail{grid-auto-columns:42vw!important;gap:8px!important}
  body.authenticated-home-page .v077-reference-home .rail-arrow{display:none!important}
  body.authenticated-home-page .course-hover-preview{display:none!important}
}


/* =========================================================
   v078 — correção 1:1 da densidade visual do HTML de referência
   Escopo: SOMENTE /inicio autenticado.
   Motivo: regras históricas de .course-card/.course-rail ainda podiam
   vencer em alguns breakpoints e manter os cards grandes da Home antiga.
   Aqui o trilho é dimensionado explicitamente, sem herdar a grade antiga.
   ========================================================= */
body.authenticated-home-page .v078-reference-home{
  --pv-ref-gutter:clamp(32px,3vw,58px);
  --pv-ref-gap:10px;
  --pv-ref-landscape-w:clamp(250px,16.65vw,320px);
  --pv-ref-landscape-h:calc(var(--pv-ref-landscape-w) * .5625);
  --pv-ref-poster-w:clamp(154px,10.05vw,193px);
  --pv-ref-poster-h:calc(var(--pv-ref-poster-w) * 1.5);
  padding-left:var(--pv-ref-gutter)!important;
  padding-right:var(--pv-ref-gutter)!important;
}
body.authenticated-home-page .v078-reference-home .rail-section{
  margin-bottom:24px!important;
}
body.authenticated-home-page .v078-reference-home .section-head{
  min-height:31px!important;
  margin-bottom:6px!important;
}
body.authenticated-home-page .v078-reference-home .section-head h2{
  font-size:clamp(19px,1.22vw,23px)!important;
  line-height:1.12!important;
  letter-spacing:-.018em!important;
}
body.authenticated-home-page .v078-reference-home .rail-shell{
  margin-left:calc(var(--pv-ref-gutter) * -1)!important;
  margin-right:calc(var(--pv-ref-gutter) * -1)!important;
  padding-left:var(--pv-ref-gutter)!important;
  padding-right:var(--pv-ref-gutter)!important;
}
body.authenticated-home-page .v078-reference-home .course-rail,
body.authenticated-home-page .v078-reference-home .continue-rail,
body.authenticated-home-page .v078-reference-home .student-available-course-rail,
body.authenticated-home-page .v078-reference-home .model-uniform-course-rail{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:flex-start!important;
  gap:var(--pv-ref-gap)!important;
  grid-auto-columns:unset!important;
  grid-template-columns:none!important;
  padding:3px 0 16px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x proximity!important;
}
body.authenticated-home-page .v078-reference-home .course-rail > a,
body.authenticated-home-page .v078-reference-home .continue-rail > a,
body.authenticated-home-page .v078-reference-home .student-available-course-rail > a,
body.authenticated-home-page .v078-reference-home .model-uniform-course-rail > a,
body.authenticated-home-page .v078-reference-home a.reference-landscape-card,
body.authenticated-home-page .v078-reference-home .reference-standard-rail a.course-card{
  flex:0 0 var(--pv-ref-landscape-w)!important;
  width:var(--pv-ref-landscape-w)!important;
  min-width:var(--pv-ref-landscape-w)!important;
  max-width:var(--pv-ref-landscape-w)!important;
  height:var(--pv-ref-landscape-h)!important;
  min-height:var(--pv-ref-landscape-h)!important;
  max-height:var(--pv-ref-landscape-h)!important;
  aspect-ratio:16/9!important;
  border-radius:7px!important;
  transform:none!important;
}
body.authenticated-home-page .v078-reference-home .reference-poster-rail{
  gap:var(--pv-ref-gap)!important;
}
body.authenticated-home-page .v078-reference-home .reference-poster-rail > a,
body.authenticated-home-page .v078-reference-home a.prime-poster-card,
body.authenticated-home-page .v078-reference-home a.featured-preview-card{
  flex:0 0 var(--pv-ref-poster-w)!important;
  width:var(--pv-ref-poster-w)!important;
  min-width:var(--pv-ref-poster-w)!important;
  max-width:var(--pv-ref-poster-w)!important;
  height:var(--pv-ref-poster-h)!important;
  min-height:var(--pv-ref-poster-h)!important;
  max-height:var(--pv-ref-poster-h)!important;
  aspect-ratio:2/3!important;
  border-radius:7px!important;
  transform:none!important;
}
body.authenticated-home-page .v078-reference-home .rail-arrow{
  width:48px!important;
  height:var(--pv-ref-landscape-h)!important;
  top:3px!important;
}
body.authenticated-home-page .v078-reference-home .reference-super-rail .rail-arrow{
  height:var(--pv-ref-poster-h)!important;
}
body.authenticated-home-page .v078-reference-home .rail-arrow svg{
  width:30px!important;
  height:30px!important;
}
@media(hover:hover) and (pointer:fine){
  body.authenticated-home-page .v078-reference-home a.reference-landscape-card:hover,
  body.authenticated-home-page .v078-reference-home .reference-standard-rail a.course-card:hover,
  body.authenticated-home-page .v078-reference-home a.prime-poster-card:hover,
  body.authenticated-home-page .v078-reference-home a.featured-preview-card:hover{
    transform:translateY(-2px) scale(1.015)!important;
    filter:brightness(1.025)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.48)!important;
  }
}

/* Prévia Prime: menor e proporcional ao card-base do modelo. */
body.authenticated-home-page .course-hover-preview{
  width:min(356px,calc(100vw - 28px))!important;
  max-width:356px!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 20px 52px rgba(0,0,0,.66)!important;
  transform:translate3d(0,6px,0) scale(.975)!important;
  transition:opacity 160ms ease,transform 190ms cubic-bezier(.2,.72,.2,1),visibility 160ms ease!important;
}
body.authenticated-home-page .course-hover-preview.visible{
  transform:translate3d(0,0,0) scale(1)!important;
}
body.authenticated-home-page .course-hover-preview-media{
  aspect-ratio:16/9!important;
}
body.authenticated-home-page .course-hover-preview-body{
  padding:10px 12px 12px!important;
}
body.authenticated-home-page .course-hover-preview-title-row b{
  font-size:15px!important;
  line-height:1.15!important;
}
body.authenticated-home-page .course-hover-preview-meta{
  margin-top:5px!important;
  font-size:9px!important;
}
body.authenticated-home-page .course-hover-preview-body p{
  margin-top:6px!important;
  font-size:10px!important;
  line-height:1.38!important;
  -webkit-line-clamp:2!important;
}
body.authenticated-home-page .course-hover-preview-actions{
  margin-top:8px!important;
  gap:6px!important;
}
body.authenticated-home-page .course-hover-preview .preview-action{
  min-height:33px!important;
  padding:0 11px!important;
  border-radius:6px!important;
  font-size:9.5px!important;
}
body.authenticated-home-page .course-hover-preview-body>small{
  margin-top:6px!important;
  font-size:8px!important;
}
body.authenticated-home-page .course-hover-preview.poster-preview{
  width:min(356px,calc(100vw - 28px))!important;
  max-width:356px!important;
  height:200px!important;
  min-height:200px!important;
  max-height:200px!important;
  border-radius:8px!important;
}
body.authenticated-home-page .course-hover-preview.poster-preview .course-hover-preview-body{
  max-height:62%!important;
  padding:48px 12px 10px!important;
}
body.authenticated-home-page .course-hover-preview.poster-preview .course-hover-preview-title-row b{
  font-size:15px!important;
}
body.authenticated-home-page .course-hover-preview.poster-preview .preview-action{
  min-height:31px!important;
}

@media(max-width:1280px){
  body.authenticated-home-page .v078-reference-home{
    --pv-ref-gutter:28px;
    --pv-ref-landscape-w:clamp(236px,21.8vw,276px);
    --pv-ref-poster-w:clamp(146px,13.8vw,174px);
  }
}
@media(max-width:900px){
  body.authenticated-home-page .v078-reference-home{
    --pv-ref-gutter:20px;
    --pv-ref-landscape-w:clamp(225px,37vw,266px);
    --pv-ref-poster-w:clamp(142px,22vw,168px);
  }
  body.authenticated-home-page .course-hover-preview{max-width:338px!important}
}
@media(max-width:640px){
  body.authenticated-home-page .v078-reference-home{
    --pv-ref-gutter:14px;
    --pv-ref-gap:8px;
    --pv-ref-landscape-w:78vw;
    --pv-ref-poster-w:41vw;
  }
}


/* v103 — política de cadastro no painel */
.registration-policy-panel{margin-bottom:18px}
.registration-policy-panel .block-heading{align-items:flex-start}
.registration-policy-panel .block-heading p{max-width:760px;margin:6px 0 0;color:#A2A2A2;line-height:1.5}
.registration-policy-form{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding-top:14px;border-top:1px solid #2D2D2D}
.registration-policy-form>div{display:flex;flex-direction:column;gap:4px}
.registration-policy-form small{color:#959595;line-height:1.45}
@media(max-width:720px){.registration-policy-form{grid-template-columns:auto 1fr}.registration-policy-form .primary-btn{grid-column:1/-1;width:100%}.mobile-nav{grid-template-columns:repeat(5,1fr)}}

/* ==============================================================
   v104 — Course workspace compacto + mídia externa sem recorte
   ============================================================= */
.course-detail-workspace{width:min(1560px,calc(100% - 40px));max-width:none;margin:24px auto 54px;display:grid;grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:22px;align-items:start}
.course-curriculum-sidebar{min-width:0;position:sticky;top:96px;align-self:start}
.course-curriculum-sidebar>.course-content-block{margin:0;max-height:calc(100vh - 122px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#464646 transparent;border-radius:14px}
.course-overview-column{min-width:0;max-width:none!important;width:100%}
.course-overview-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,365px);gap:18px;align-items:start;margin-bottom:18px}
.course-overview-top>.detail-copy-block,.course-overview-top>.side-card{margin:0!important;min-width:0}
.course-overview-top>.side-card{position:static!important;width:100%!important;max-width:none!important}
.course-overview-top .side-card-cover{display:block;aspect-ratio:16/7;min-height:120px;background-size:cover;background-position:center;border-radius:14px 14px 0 0}
.course-overview-top .side-card-body{padding:18px}
.course-overview-top .side-card-body h3{margin:0 0 14px}
.course-overview-top .side-card-body dl{display:grid;grid-template-columns:minmax(112px,.85fr) minmax(0,1.15fr);gap:0;margin:0}
.course-overview-top .side-card-body dt,.course-overview-top .side-card-body dd{padding:8px 0;border-bottom:1px solid rgba(163,163,163,.12);margin:0;line-height:1.35}
.course-overview-top .side-card-body dt{padding-right:12px;color:#9D9D9D;font-size:12px}
.course-overview-top .side-card-body dd{text-align:left;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.course-overview-top .side-divider{margin:15px 0}
.course-overview-top .requirement-list{margin:8px 0 0;padding:0;display:grid;gap:6px}
.course-overview-top .requirement-list li{font-size:12px}
.course-curriculum-sidebar .block-heading{position:sticky;top:0;z-index:4;padding:15px 16px 12px;background:linear-gradient(180deg,#171717 84%,rgba(23,23,23,.94));backdrop-filter:blur(10px)}
.course-curriculum-sidebar .module-list{padding:0 10px 12px}
.course-curriculum-sidebar .prime-module>summary,.course-curriculum-sidebar .module>summary{min-height:52px;padding:10px 8px}
.course-curriculum-sidebar .prime-lesson-row,.course-curriculum-sidebar .lesson-row{min-height:62px!important;padding:7px 8px!important;gap:8px!important;grid-template-columns:24px 74px minmax(0,1fr) auto!important}
.course-curriculum-sidebar .lesson-thumb{width:74px!important;height:42px!important;min-width:74px!important;border-radius:7px!important}
.course-curriculum-sidebar .lesson-copy b{font-size:12px!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.course-curriculum-sidebar .lesson-copy small{font-size:10px!important;white-space:normal}
.course-curriculum-sidebar .lesson-mini-badges{display:flex!important;gap:3px!important;align-items:center!important}.course-curriculum-sidebar .lesson-mini-badges i{font-size:8px!important;min-width:12px!important;height:12px!important;display:grid!important;place-items:center!important}
.course-curriculum-sidebar .lesson-row>em{font-size:9px!important;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.course-curriculum-sidebar .lesson-chevron{width:14px;height:14px}
.course-detail-workspace [id]{scroll-margin-top:104px}

.admin-course-searchbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:10px 12px;border:1px solid #343434;background:#161616;border-radius:13px}
.admin-course-searchbar label{position:relative;display:flex;align-items:center;flex:1;max-width:680px;margin:0}
.admin-course-searchbar svg{position:absolute;left:13px;width:18px;height:18px;fill:none;stroke:#8C8C8C;stroke-width:1.8;pointer-events:none}
.admin-course-searchbar input{width:100%;min-height:42px;padding:10px 14px 10px 42px!important;margin:0!important;border-radius:10px!important;background:#0F0F0F!important;border:1px solid #343434!important;color:#F6F6F6!important}
.admin-course-searchbar input:focus{border-color:#7B7B7B!important;box-shadow:0 0 0 3px rgba(242,201,76,.14)!important;outline:0}
.admin-course-searchbar>span{white-space:nowrap;color:#A0A0A0;font-size:12px;font-weight:700}
.course-search-empty{margin-top:12px}

/* Iframes de provedores externos nunca são ampliados/cortados para esconder marca. */
.course-hero-video-frame,.home-hero-video-frame,.public-hero-video-frame,.public-hero-slide .public-hero-video-frame,.course-hover-preview-media iframe{inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important}
.course-hover-preview-media iframe{transform:none!important}

@media (max-width:1180px){
  .course-detail-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);width:min(100% - 28px,1320px);gap:16px}
  .course-overview-top{grid-template-columns:1fr}
  .course-overview-top .side-card-cover{aspect-ratio:16/5;min-height:100px}
}
@media (max-width:900px){
  .course-detail-workspace{display:flex;flex-direction:column;width:min(100% - 24px,900px);gap:16px}
  .course-overview-column{display:contents}
  .course-overview-top{order:1;width:100%}
  .course-curriculum-sidebar{order:2;position:static;width:100%}
  .course-curriculum-sidebar>.course-content-block{max-height:none;overflow:visible}
  .course-overview-column>#avaliacoes,.course-overview-column>.course-content-block{order:3;width:100%}
  .course-announcement{order:0;width:100%}
  .course-curriculum-sidebar .block-heading{position:static}
}
@media (max-width:640px){
  .course-detail-workspace{width:min(100% - 20px,640px);margin-top:14px}
  .course-overview-top .side-card-body dl{grid-template-columns:1fr}
  .course-overview-top .side-card-body dt{padding:8px 0 2px;border-bottom:0}
  .course-overview-top .side-card-body dd{padding:0 0 8px}
  .course-curriculum-sidebar .prime-lesson-row,.course-curriculum-sidebar .lesson-row{grid-template-columns:22px 64px minmax(0,1fr) auto!important}
  .course-curriculum-sidebar .lesson-thumb{width:64px!important;height:36px!important;min-width:64px!important}
  .admin-course-searchbar{align-items:stretch;flex-direction:column}
  .admin-course-searchbar label{max-width:none;width:100%}
}
@media(max-width:900px){.course-curriculum-sidebar .lesson-thumb{display:block!important}.course-curriculum-sidebar .lesson-row>em{display:block!important}.course-curriculum-sidebar .lesson-mini-badges{display:flex!important}}

/* v105 — diagnóstico/integridade */
.health-integrity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #292929}.health-integrity-row>div{display:flex;flex-direction:column;min-width:0}.health-integrity-row small{color:#9E9E9E;margin-top:3px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em}.status-pill.success{background:rgba(75,214,159,.12);border:1px solid rgba(75,214,159,.38);color:#65e8b4}.status-pill.danger{background:rgba(255,115,137,.12);border:1px solid rgba(255,115,137,.38);color:#ff8ca0}


/* ===== UniSST v105.4: overview unificado + busca administrativa ===== */
.course-overview-top.course-overview-unified{display:block!important}
.course-overview-unified-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:0;border:1px solid rgba(163,163,163,.14);border-radius:14px;background:#161616;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.16)}
.course-overview-unified-main{padding:22px 24px;min-width:0}
.course-overview-heading{margin:0 0 12px}.course-overview-heading h2,.course-overview-heading h3{margin:3px 0 0;color:#f5f7fa}.course-overview-heading h2{font-size:24px}.course-overview-heading h3{font-size:20px}.course-overview-heading.compact{margin-bottom:10px}
.course-overview-unified-main>.long-text{margin:0;color:#CECECE;line-height:1.62}
.course-overview-unified-main .course-info-panels{margin-top:18px}
.course-overview-facts{min-width:0;border-left:1px solid rgba(163,163,163,.13);background:#111111}
.course-overview-facts-cover{position:relative;aspect-ratio:16/6;background-position:center;background-size:cover;min-height:128px}
.course-overview-facts-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.35))}
.course-overview-facts-cover .included-badge{position:absolute;z-index:2;left:12px;top:12px}
.course-overview-facts-body{padding:18px 20px 20px}
.course-overview-facts dl{display:grid;grid-template-columns:minmax(118px,.8fr) minmax(0,1.2fr);gap:0;margin:0}
.course-overview-facts dt,.course-overview-facts dd{margin:0;padding:7px 0;border-bottom:1px solid rgba(163,163,163,.1);line-height:1.35}.course-overview-facts dt{padding-right:12px;color:#9D9D9D;font-size:11px}.course-overview-facts dd{color:#f1f5f8;font-size:11px;font-weight:750;overflow-wrap:anywhere}
.admin-course-searchbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:10px!important}
.admin-course-searchfield{position:relative;display:block;min-width:0;width:100%;max-width:none}
.admin-course-searchfield svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#949494;stroke-width:1.8;pointer-events:none}
.admin-course-searchfield input{display:block;width:100%;height:44px;box-sizing:border-box;padding:0 14px 0 43px!important;margin:0!important;border-radius:10px!important;background:#1A1A1A!important;border:1px solid #3D3D3D!important;color:#F5F5F5!important;font-size:12px!important}
.admin-course-searchfield input::placeholder{color:#868686}.admin-course-searchfield input:focus{outline:0;border-color:#F2C94C!important;box-shadow:0 0 0 3px rgba(242,201,76,.12)!important}
.hero-media-standalone{margin-top:16px}.hero-media-standalone .hero-media-manager{margin:0}
@media(max-width:1180px){.course-overview-unified-card{grid-template-columns:1fr}.course-overview-facts{border-left:0;border-top:1px solid rgba(163,163,163,.13)}.course-overview-facts-cover{aspect-ratio:16/5}}
@media(max-width:640px){.course-overview-unified-main,.course-overview-facts-body{padding:16px}.course-overview-facts dl{grid-template-columns:1fr}.course-overview-facts dt{padding:7px 0 2px;border-bottom:0}.course-overview-facts dd{padding:0 0 7px}.admin-course-searchbar{grid-template-columns:1fr!important}.admin-course-searchbar>[data-course-search-count]{justify-self:start}}


/* v105.5 — CTA único dos cards e playlist visível.
   Remove a dependência visual dos antigos botões de informação/solicitação. */
.course-hover-preview .preview-action.playlist{
  width:auto!important;min-width:0!important;padding:0 13px!important;border-radius:999px!important;
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;
}
.course-hover-preview .preview-action.playlist[hidden]{display:none!important}
.course-hover-preview .preview-action.playlist svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:2.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.course-hover-preview .preview-action.playlist span{white-space:nowrap!important}
.course-hover-preview .preview-action.playlist.is-saved{background:rgba(79,181,116,.15)!important;border-color:rgba(99,210,138,.28)!important;color:#c8f4d6!important}

/* Filtro do catálogo: todos os filtros permanecem visíveis e podem quebrar linha
   de forma previsível em resoluções menores. */
.explore-page .catalog-premium-filter select{display:block!important}
.explore-page .catalog-results-toolbar{justify-content:flex-start!important}
.explore-page .catalog-page-status{display:none!important}



/* ==============================================================
   v113 — Central de gestão em lista compacta + publicação simples
   ============================================================== */
.admin-management-page{width:min(1420px,calc(100% - 28px));margin:18px auto 48px!important}
.admin-management-page>.clean-admin-head{min-height:0!important;margin:0 0 14px!important;padding:10px 0 14px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.admin-management-page>.clean-admin-head>div{min-width:0}
.admin-management-page>.clean-admin-head .eyebrow{font-size:8px!important;letter-spacing:.18em!important;margin:0 0 4px!important}
.admin-management-page>.clean-admin-head h1{font-size:24px!important;line-height:1.05!important;margin:0!important;letter-spacing:-.025em!important}
.admin-management-page>.clean-admin-head p{font-size:10px!important;line-height:1.35!important;margin:6px 0 0!important;color:#959595!important}
.admin-management-page>.clean-admin-head .admin-tabs{margin:0!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important}
.admin-management-page>.clean-admin-head .admin-tabs a{min-height:30px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important;display:inline-flex!important;align-items:center!important}
.admin-management-page>.admin-columns{display:contents!important}
.admin-management-page .management-resource{display:block;margin:0 0 7px;border:1px solid rgba(235,188,67,.15);border-radius:10px;background:#111111;overflow:hidden;box-shadow:none}
.admin-management-page .management-resource[open]{border-color:rgba(235,188,67,.32);background:#151515}
.admin-management-page .management-resource-summary{list-style:none;min-height:54px;padding:9px 11px 9px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;cursor:pointer;user-select:none}
.admin-management-page .management-resource-summary::-webkit-details-marker{display:none}
.admin-management-page .management-resource-summary:hover{background:rgba(255,255,255,.025)}
.admin-management-page .management-resource-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.admin-management-page .management-resource-meta b{font-size:12px!important;line-height:1.2;color:#f5f7f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-management-page .management-resource-meta small{font-size:8.5px!important;color:#878787;line-height:1.25}
.admin-management-page .management-resource-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}
.admin-management-page .management-resource-count{min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#212121;border:1px solid #343434;color:#BFBFBF;font-size:9px;font-weight:800}
.admin-management-page .management-resource-manage{height:30px;padding:0 11px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(235,188,67,.35);background:linear-gradient(180deg,#e4ba4f,#bd8c22);color:#0D0D0D;font-size:9px;font-weight:850}
.admin-management-page .management-resource-chevron{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#1B1B1B;color:#E3E3E3;font-size:14px;transition:transform .16s ease}
.admin-management-page .management-resource[open] .management-resource-chevron{transform:rotate(180deg)}
.admin-management-page .management-resource-body{margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;padding:13px 14px 15px!important;background:#161616!important;box-shadow:none!important}
.admin-management-page .management-inner-heading{display:none!important}
.admin-management-page .management-resource-body .stack-form,
.admin-management-page .management-resource-body .inline-fields{gap:7px!important}
.admin-management-page .management-resource-body input,
.admin-management-page .management-resource-body select,
.admin-management-page .management-resource-body textarea{min-height:34px!important;padding:7px 9px!important;font-size:10px!important;border-radius:7px!important}
.admin-management-page .management-resource-body textarea{min-height:58px!important}
.admin-management-page .management-resource-body label{font-size:8.5px!important;gap:4px!important}
.admin-management-page .management-resource-body button,
.admin-management-page .management-resource-body .primary-btn,
.admin-management-page .management-resource-body .secondary-btn,
.admin-management-page .management-resource-body .danger-btn{min-height:31px!important;padding:0 10px!important;border-radius:7px!important;font-size:9px!important;width:auto!important}
.admin-management-page .management-resource-body .mini-admin-list{gap:6px!important}
.admin-management-page .management-resource-body .mini-admin-list article{padding:9px!important;border-radius:8px!important}
.admin-management-page .management-resource-body .table-wrap{margin-top:8px!important}
.admin-management-page .management-resource-body table{font-size:9.5px!important}
.admin-management-page .management-resource-body th,.admin-management-page .management-resource-body td{padding:8px!important}
@media(max-width:760px){
  .admin-management-page{width:min(100% - 18px,760px);margin-top:10px!important}
  .admin-management-page>.clean-admin-head{align-items:flex-start!important;flex-direction:column!important}
  .admin-management-page>.clean-admin-head .admin-tabs{justify-content:flex-start!important;width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  .admin-management-page .management-resource-summary{grid-template-columns:1fr auto;padding:9px 10px}
  .admin-management-page .management-resource-meta small{display:none}
  .admin-management-page .management-resource-manage{display:none}
}


/* ==============================================================
   v114 — Proteção de mídia + progressão obrigatória de aulas
   ============================================================== */
.lesson-reference[data-enforce-watch="1"] [data-speed-menu],
.lesson-reference[data-enforce-watch="1"] [data-speed-toggle],
.lesson-reference[data-enforce-watch="1"] [data-video-forward]{display:none!important}
.lesson-reference[data-enforce-watch="1"] video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lesson-reference[data-enforce-watch="1"] .lesson-watch-status:disabled{opacity:1!important;cursor:not-allowed!important;filter:none!important}
.lesson-reference [data-next-arrow][hidden]{display:none!important}
.lesson-reference [data-sequential-locked]{opacity:.46!important;cursor:not-allowed!important;filter:saturate(.55)!important;pointer-events:auto!important}
.lesson-reference [data-sequential-locked]:hover{transform:none!important;box-shadow:none!important}
.lesson-reference [data-sequential-locked]::after{content:'Bloqueada';margin-left:auto;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d4ad45;border:1px solid rgba(212,173,69,.26);border-radius:999px;padding:3px 6px;background:rgba(212,173,69,.08)}
.lesson-reference .native-player-shell,.lesson-reference .embed-player-shell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.lesson-reference[data-enforce-watch="1"] .player-progress-below input[type="range"]{cursor:pointer}
@media(max-width:640px){.lesson-reference [data-sequential-locked]::after{display:none}}

/* ==============================================================
   v118 — Player UniSST: progressão centralizada e autoplay seguro
   ============================================================== */
.player-autoplay-fallback{
  position:absolute;inset:0;z-index:24;border:0;border-radius:inherit;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  color:#fff;background:radial-gradient(circle at 50% 45%,rgba(38,38,38,.72),rgba(5,5,5,.94) 72%);
  cursor:pointer;text-align:center;padding:22px;backdrop-filter:blur(3px)
}
.player-autoplay-fallback[hidden]{display:none!important}
.player-autoplay-fallback>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0F0F0F;font-size:20px;padding-left:3px;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.player-autoplay-fallback>strong{font-size:15px;line-height:1.2}.player-autoplay-fallback>small{max-width:360px;color:#C3C3C3;font-size:10px;line-height:1.4}
.external-embed-player.autoplay-blocked .external-neutral-controls,.native-player-shell.autoplay-blocked .player-controls{opacity:.35}
.video-source-guidance{grid-column:1/-1;display:block;margin:-3px 0 4px;padding:9px 11px;border:1px solid rgba(235,188,67,.18);border-radius:8px;background:rgba(235,188,67,.055);color:#ADADAD;font-size:9px;line-height:1.45}
.video-source-guidance b{color:#e8c45e}
@media(max-width:640px){.player-autoplay-fallback>strong{font-size:13px}.player-autoplay-fallback>small{font-size:9px}.video-source-guidance{font-size:8.5px}}

/* UniSST v138 — administração do simulado sequencial. */
.quiz-sequence-admin-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(213,169,54,.24);border-radius:12px;background:linear-gradient(180deg,rgba(73,55,19,.12),rgba(23,23,23,.55));color:var(--text,#EDEDED)}
.quiz-sequence-admin-note:before{content:'?';flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(219,169,44,.13);color:#e8be54;font-weight:900}.quiz-sequence-admin-note b,.quiz-sequence-admin-note span{display:block}.quiz-sequence-admin-note b{font-size:12px}.quiz-sequence-admin-note span{margin-top:3px;color:var(--muted,#9F9F9F);font-size:10px;line-height:1.5}
[data-quiz-lesson-setting][hidden]{display:none!important}
.quiz-sequence-primary-lock{min-height:150px;display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px dashed rgba(218,178,68,.25);border-radius:12px;background:rgba(218,178,68,.045)}.quiz-sequence-primary-lock b{color:#f0d27d;font-size:12px}.quiz-sequence-primary-lock small{margin-top:6px;color:var(--muted,#9F9F9F);font-size:10px;line-height:1.55}

/* v139 — patentes acadêmicas por curso e grade */
.rank-profile-v139{padding:22px!important;border:1px solid rgba(242,127,22,.17)!important;background:linear-gradient(145deg,rgba(25,25,25,.96),rgba(15,15,15,.98))!important;overflow:hidden}
.rank-profile-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06)}
.rank-profile-current{display:flex;align-items:center;gap:18px;min-width:0}.rank-profile-current h2{margin:3px 0 5px;font-size:25px}.rank-profile-current p{margin:0;color:#ADADAD;font-size:12px}.rank-profile-current p strong{color:#fff}
.rank-profile-insignia,.rank-course-insignia{display:grid;place-items:center;flex:0 0 auto;background:radial-gradient(circle,rgba(242,127,22,.14),rgba(16,16,16,.2) 68%);border:1px solid rgba(242,127,22,.18);box-shadow:inset 0 0 20px rgba(242,127,22,.04)}
.rank-profile-insignia{width:76px;height:76px;border-radius:18px}.rank-profile-insignia img{max-width:62px;max-height:58px;object-fit:contain}.rank-profile-next{min-width:190px;padding:13px 15px;border-radius:13px;background:#131313;border:1px solid rgba(255,255,255,.06)}.rank-profile-next b,.rank-profile-next span,.rank-profile-next small{display:block}.rank-profile-next b{color:#f3912a;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.rank-profile-next span{margin-top:4px;color:#fff;font-weight:800;font-size:13px}.rank-profile-next small{margin-top:4px;color:#929292;font-size:10px}
.rank-rule-v139{display:flex;gap:12px;align-items:flex-start;margin:16px 0;padding:11px 13px;border-radius:11px;background:rgba(242,127,22,.055);border:1px solid rgba(242,127,22,.10)}.rank-rule-v139>span{flex:0 0 auto;padding:4px 7px;border-radius:7px;background:#f27f16;color:#0F0F0F;font-size:9px;font-weight:900;text-transform:uppercase}.rank-rule-v139 p{margin:0;color:#B4B4B4;font-size:11px;line-height:1.55}
.rank-course-grid-v139{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rank-course-card-v139{display:flex;align-items:center;gap:13px;padding:13px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#131313}.rank-course-insignia{width:54px;height:54px;border-radius:12px}.rank-course-insignia img{max-width:44px;max-height:40px;object-fit:contain}.rank-course-copy{min-width:0}.rank-course-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#919191;font-size:9px}.rank-course-copy h3{margin:3px 0;color:#fff;font-size:14px}.rank-course-copy p{margin:0 0 4px;color:#9E9E9E;font-size:10px}.rank-course-copy span{color:#e28a34;font-size:9px;font-weight:800}
.profile-rank-prefix{font-style:normal;color:#f28a24;font-size:.92em}.profile-avatar{position:relative}.rank-avatar-insignia{position:absolute!important;right:-5px!important;bottom:-5px!important;width:22px!important;height:22px!important;padding:2px!important;object-fit:contain!important;border-radius:7px!important;background:#121212!important;border:1px solid rgba(242,127,22,.34)!important;box-shadow:0 2px 8px rgba(0,0,0,.35)!important}
@media(max-width:760px){.rank-profile-head{align-items:flex-start;flex-direction:column}.rank-profile-next{width:100%}.rank-course-grid-v139{grid-template-columns:1fr}.rank-profile-current{align-items:flex-start}.rank-profile-insignia{width:64px;height:64px}.rank-profile-insignia img{max-width:52px;max-height:48px}}

/* =========================================================
   v141 — perfil completo, promoção gamificada e ritmo vertical do admin
   ========================================================= */
/* Administração: elimina o espaçamento duplicado criado por header fixo + heading legado. */
.app-body.admin-context .page-shell{padding-top:calc(var(--header-h) + 66px)!important}
.app-body.admin-context .page-shell>.admin-head,
.app-body.admin-context .page-shell>.page-heading,
.app-body.admin-context .page-shell>.compact-page-hero,
.app-body.admin-context .content-studio>.admin-head,
.app-body.admin-context .content-studio>.page-heading,
.app-body.admin-context .content-studio>.content-studio-head{padding-top:16px!important;margin-top:0!important;min-height:0!important}
.app-body.admin-context .admin-head{padding-bottom:16px!important;margin-bottom:14px!important}
.app-body.admin-context .admin-head+*{margin-top:0!important}
.app-body.admin-context .content-studio{padding-top:0!important}
@media(max-width:720px){.app-body.admin-context .page-shell{padding-top:calc(56px + 64px)!important}.app-body.admin-context .page-shell>.admin-head,.app-body.admin-context .page-shell>.page-heading,.app-body.admin-context .page-shell>.compact-page-hero{padding-top:12px!important}}

/* Perfil pessoal */
.account-personal-panel-v141{margin:18px 0!important;background:linear-gradient(145deg,#161616 0%,#121212 100%)!important;border-color:rgba(255,184,55,.13)!important}
.account-profile-status-v141{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,185,64,.28);border-radius:999px;color:#ffd071;background:rgba(255,174,33,.06);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.account-company-note-v141{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:11px 12px;border-radius:9px;background:rgba(242,201,76,.07);border:1px solid rgba(242,201,76,.17)}
.account-company-note-v141 b{white-space:nowrap;color:#E9E9E9;font-size:11px}.account-company-note-v141 span{color:#A1A1A1;font-size:10.5px;line-height:1.5}
.account-profile-form-v141{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 12px!important}.account-profile-form-v141 label{gap:5px!important}.account-profile-form-v141 label>small{font-size:9px;color:#868686;line-height:1.4}.account-profile-form-v141 input[readonly]{opacity:.72;cursor:not-allowed;background:#101010!important}.account-profile-actions-v141{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-profile-actions-v141 small{max-width:620px;color:#868686;font-size:9.5px;line-height:1.45}
@media(max-width:720px){.account-profile-form-v141{grid-template-columns:1fr!important}.account-profile-form-v141 .span-2{grid-column:auto!important}.account-company-note-v141{flex-direction:column}.account-company-note-v141 b{white-space:normal}}

/* Avaliação por estrelas sem recarregar o player */
.lesson-rating-feedback-v141{display:inline-flex;align-items:center;min-height:18px;margin-left:7px;font-size:9.5px;color:#959595;transition:opacity .18s ease}.lesson-rating-feedback-v141.ok{color:#5fe0ac}.lesson-rating-feedback-v141.error{color:#ff8194}.lesson-star-rating button:disabled{opacity:.68;cursor:wait}

/* Promoção de patente — overlay curto, elegante, CSS-only; usa as insígnias já existentes no sistema. */
body.rank-promotion-open-v141{overflow:hidden}
.rank-promotion-overlay-v141{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(5,5,5,.76);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.rank-promotion-overlay-v141.is-visible{opacity:1;visibility:visible}.rank-promotion-overlay-v141.is-leaving{opacity:0;visibility:hidden}
.rank-promotion-card-v141{position:relative;width:min(680px,100%);overflow:hidden;padding:30px 30px 26px;border:1px solid rgba(236,185,69,.38);border-radius:20px;background:radial-gradient(circle at 50% 0%,rgba(221,166,45,.13),transparent 40%),linear-gradient(155deg,#181818,#0E0E0E 68%);box-shadow:0 34px 100px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.05);text-align:center;transform:translateY(18px) scale(.96);transition:transform .36s cubic-bezier(.2,.8,.2,1)}
.rank-promotion-overlay-v141.is-visible .rank-promotion-card-v141{transform:none}.rank-promotion-card-v141:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 26%,rgba(255,212,115,.08) 45%,transparent 60%);transform:translateX(-120%);animation:rankSweepV141 1.3s .25s ease-out forwards}
@keyframes rankSweepV141{to{transform:translateX(120%)}}
.rank-promotion-close-v141{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#131313;color:#ACACAC;font-size:21px;line-height:1}.rank-promotion-close-v141:hover{color:#fff;border-color:rgba(255,201,93,.35)}
.rank-promotion-kicker-v141{display:block;color:#e8b94f;font-size:9px;font-weight:900;letter-spacing:.22em}.rank-promotion-card-v141 h2{margin:7px 0 5px;color:#fff;font-size:clamp(26px,4vw,38px);letter-spacing:-.04em}.rank-promotion-card-v141>p{max-width:520px;margin:0 auto;color:#9F9F9F;font-size:11px;line-height:1.55}
.rank-promotion-stage-v141{display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:center;gap:10px;margin:25px 0 18px}.rank-promotion-rank-v141{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.rank-promotion-rank-v141 img{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.42));transition:filter .2s ease}.rank-promotion-rank-v141.old{opacity:.58;transform:scale(.92)}.rank-promotion-rank-v141.new img{animation:rankArriveV141 .75s .25s cubic-bezier(.16,.88,.24,1.2) both;filter:drop-shadow(0 0 20px rgba(241,190,78,.34)) drop-shadow(0 16px 28px rgba(0,0,0,.48))}@keyframes rankArriveV141{0%{opacity:0;transform:scale(.58) rotate(-4deg)}70%{opacity:1;transform:scale(1.08)}100%{transform:scale(1)}}.rank-promotion-rank-v141 small{font-size:8px;font-weight:850;letter-spacing:.15em;color:#838383}.rank-promotion-rank-v141.new small{color:#efbd52}.rank-promotion-rank-v141 b{max-width:100%;color:#ECECEC;font-size:12px}.rank-promotion-rank-v141.new b{color:#fff;font-size:14px}
.rank-promotion-energy-v141{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;color:#efbd52}.rank-promotion-energy-v141 i{height:1px;background:linear-gradient(90deg,transparent,#e9b64b)}.rank-promotion-energy-v141 i:last-child{background:linear-gradient(90deg,#e9b64b,transparent)}.rank-promotion-energy-v141 span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(239,189,82,.42);background:rgba(239,189,82,.08);box-shadow:0 0 26px rgba(239,189,82,.14);font-size:17px}
.rank-promotion-message-v141{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.rank-promotion-message-v141 strong{font-size:12px;color:#f3f5f6}.rank-promotion-message-v141 span{font-size:9.5px;color:#939393}.rank-promotion-continue-v141{margin:16px auto 0;min-width:190px}
@media(max-width:620px){.rank-promotion-card-v141{padding:26px 16px 20px}.rank-promotion-stage-v141{grid-template-columns:1fr 46px 1fr;gap:4px}.rank-promotion-rank-v141 img{width:82px;height:82px}.rank-promotion-rank-v141 b{font-size:10px}.rank-promotion-rank-v141.new b{font-size:11px}.rank-promotion-energy-v141 i{display:none}.rank-promotion-energy-v141{grid-template-columns:1fr}.rank-promotion-card-v141>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.rank-promotion-card-v141:before,.rank-promotion-rank-v141.new img{animation:none!important}.rank-promotion-overlay-v141,.rank-promotion-card-v141{transition:none!important}}