.course-header{--header-ink:var(--ink);--header-glass:#f4f4ed80;--header-panel:#f4f4edf2;--header-line:#04051926;--header-hover:#0405190d;z-index:100;padding:18px var(--gutter);color:var(--header-ink);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:32px;transition:color .22s,background .22s,border-color .22s;display:flex;position:fixed;inset:0 0 auto}.course-header[data-tone=dark]{--header-ink:var(--paper);--header-glass:#04051999;--header-panel:#090b2bf2;--header-line:#f4f4ed33;--header-hover:#f4f4ed12}.course-header,.course-header.is-scrolled{background:var(--header-panel);border-bottom-color:var(--header-line);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%)}@supports ((-webkit-backdrop-filter:blur(16px)) or (backdrop-filter:blur(16px))){.course-header,.course-header.is-scrolled{background:var(--header-glass)}}.course-header-space{background:var(--ink);height:93px}.course-header[data-tone=light] .course-brand img{filter:brightness(0)}@media (prefers-reduced-motion:reduce){.course-header{transition:none}}.course-brand{flex-shrink:0;align-items:center;gap:20px;display:flex}.course-brand img{filter:brightness(0)invert();width:80px;height:auto}.course-brand img:last-child{width:140px}.course-brand span{opacity:.5;font-size:30px}.course-header-actions{align-items:center;gap:14px;display:flex}.course-header-actions>a{text-transform:uppercase}.course-student{color:var(--header-ink);white-space:nowrap;border:1px solid;border-radius:100px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:600;display:inline-flex}.course-student:hover{background:var(--header-hover)}:is(.toque-course,.codigo-course) .course-header .button{padding:16px 24px;font-size:14px}@media (width<=700px){.course-header-space{height:132px}.course-header{padding:12px var(--gutter);flex-wrap:wrap;gap:14px}.course-brand{gap:12px}.course-brand img{width:60px}.course-brand img:last-child{width:110px}.course-brand span{font-size:24px}.course-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;width:100%;display:grid}.course-header-actions>a{text-align:center;justify-content:center;min-width:0;min-height:52px;line-height:1.25}.course-header-actions>a>span{white-space:normal;min-width:0}.course-student,:is(.toque-course,.codigo-course) .course-header .button{gap:8px;padding:10px 8px;font-size:12px}.course-header-actions svg{width:18px;height:18px}}