html[data-page] .r1-featured-teachers {display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 18px; margin: 0px 0px 40px;}
html[data-page] .r1-featured-teachers figure {min-width: 0px; margin: 0px; border: 1px solid var(--r1-line,#4388a533); border-radius: 17px; overflow: hidden; background: var(--r1-panel,#073047);}
html[data-page] .r1-featured-teachers img {display: block; width: 100%; height: auto; aspect-ratio: 310 / 168; object-fit: cover; border-bottom: 2px solid rgb(0, 175, 169);}
html[data-page] .r1-featured-teachers figcaption {display: grid; gap: 8px; padding: 18px 10px; text-align: center;}
html[data-page] .r1-featured-teachers strong {font-size: 16px; line-height: 1.35; font-weight: 600; color: var(--r1-text,#eff9ff);}
html[data-page] .r1-featured-teachers figcaption span {font-size: 12px; line-height: 1.4; color: var(--r1-muted,#acc5d4);}
html[data-theme="light"] .r1-featured-teachers {--r1-text: #13364d; --r1-panel: #fff; --r1-muted: #4a687b;}
html[data-page="index"] .hero-inteligencia h1 {font-style: normal;}
.ri-clickable-card {position: relative; isolation: isolate; cursor: pointer;}
html[data-page] .ri-clickable-card > a.ri-card-hitarea {position: absolute !important; inset: 0px !important; z-index: 2 !important; display: block !important; width: auto !important; height: auto !important; min-height: 0px !important; max-width: none !important; margin: 0px !important; padding: 0px !important; border: 0px !important; border-radius: inherit !important; background: transparent !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; color: transparent !important; font-size: 0px !important; pointer-events: auto !important;}
.ri-card-hitarea::before,
.ri-card-hitarea::after {display: none !important;}
.ri-card-control {z-index: 3 !important;}
.ri-card-static-control {position: relative !important;}
.ri-card-control-layer {z-index: 3 !important;}
.ri-clickable-card:has(a:focus-visible) {outline: rgb(41, 184, 227) solid 3px; outline-offset: 4px;}
html[data-page="index"] body main .hero-inteligencia h1 .ri-banner-title-line {white-space: normal; letter-spacing: inherit; text-transform: none; background: none; -webkit-text-fill-color: currentcolor; display: block !important; font: inherit !important; color: inherit !important; max-width: none !important;}
html[data-page="index"] #blog h2 {text-transform: none !important;}
html[data-page="index"] #blog .blog-head > div {min-width: 0px; max-width: 100%;}
html[data-page="index"] #blog h2 {width: auto !important; max-width: 100% !important; white-space: normal !important;}
html[data-page] .r1-featured-teachers {grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; margin-inline: 64px;}
html[data-page] .r1-featured-teachers figure {grid-column: auto; width: auto;}
html[data-page] .r1-featured-teachers strong {font-size: 14px; line-height: 1.3;}
html[data-page] .r1-featured-teachers img {aspect-ratio: 16 / 9;}
html[data-product="professores"] .ri-professores-grid {grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 16px; margin-inline: 64px;}
html[data-page="index"] body main .hero-inteligencia h1 .ri-banner-title-accent {white-space: normal; letter-spacing: inherit; text-transform: none; display: inline !important; font: inherit !important; color: rgb(84, 177, 255) !important; -webkit-text-fill-color: rgb(84, 177, 255) !important; background: none !important;}
html[data-page] .r1-new [data-course-premium] .ri-premium-benefits {align-self: center; justify-content: flex-start;}
html[data-page] .r1-new [data-course-premium] .ri-premium-cta {margin-top: 0px !important;}
html[data-page] .r1-advice {padding-block: 70px;}
html[data-page="precos-e-planos"] .pricing-final-cta {padding-block: 88px;}
html[data-page="r3"] .r3-plans .r3-plan {border: 1px solid rgb(36, 199, 189); box-shadow: rgba(24, 180, 194, 0.08) 0px 0px 0px 2px, rgba(0, 20, 39, 0.1) 0px 20px 50px;}
html[data-page="r3"][data-theme="light"] .r3-plans .r3-plan {border-color: rgb(0, 159, 157); box-shadow: rgba(0, 159, 157, 0.047) 0px 0px 0px 2px, rgba(6, 59, 86, 0.063) 0px 14px 36px;}
.rp-schedule-note {margin: 15px 0px 0px; padding: 17px 20px; border: 1px solid rgba(36, 155, 173, 0.267); border-radius: 14px; background: rgb(229, 246, 243); color: rgb(36, 71, 90); font-size: 14px; line-height: 1.6;}
.rp-schedule-note strong {display: block; margin-bottom: 5px; color: rgb(8, 118, 111); font-size: 16px;}
.rp-schedule-note[hidden] {display: none !important;}
html[data-theme="dark"] .rp-schedule-note {background: rgb(7, 51, 65); color: rgb(189, 218, 231);}
html[data-theme="dark"] .rp-schedule-note strong {color: rgb(80, 220, 203);}
@media (min-width: 641px) and (max-width: 980px) {
html[data-page] .r1-featured-teachers {grid-template-columns: repeat(6, minmax(0px, 1fr)); gap: 14px; margin-inline: 56px;}
html[data-page] .r1-featured-teachers figure {grid-column: span 2;}
html[data-page] .r1-featured-teachers figure:nth-child(4) {grid-column: 2 / span 2;}
html[data-page] .r1-featured-teachers figure:nth-child(5) {grid-column: 4 / span 2;}
html[data-product="professores"] .ri-professores-grid {grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; margin-inline: 56px;}
}
@media (max-width: 680px) {
html[data-page] .r1-featured-teachers,
html[data-product="professores"] .ri-professores-grid {margin-inline: 49px;}
}
@media (max-width: 640px) {
html[data-page] .r1-featured-teachers,
html[data-product="professores"] .ri-professores-grid {grid-template-columns: 1fr; gap: 16px;}
html[data-page] .r1-featured-teachers figure,
html[data-page] .r1-featured-teachers figure:last-child {grid-column: auto; width: 100%;}
html[data-page] .r1-featured-teachers strong {font-size: 15px;}
html[data-page] .r1-featured-teachers figcaption span {font-size: 13px;}
html[data-page] .r1-advice,
html[data-page="precos-e-planos"] .pricing-final-cta {padding-block: 48px;}
}
@media (min-width: 951px) {
html[data-course-layout] .cbx-new [data-tour-group="aulas"] .rp-display {align-self: end;}
}
html[data-product="cursos-de-extensao"] .ri-extension-faculty .ri-faculty-grid {grid-template-columns: minmax(0px, 330px); justify-content: center;}
html[data-course-layout] .cbx-curriculum-layout {display: grid; grid-template-columns: minmax(0px, 3fr) minmax(0px, 7fr); gap: 24px; align-items: start;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .cbx-content-tabs {display: grid; grid-template-columns: 1fr; align-content: start; min-width: 0px; max-height: 640px; overflow: hidden auto; margin: 0px; padding: 2px 10px 2px 2px; scrollbar-width: thin; scrollbar-color: rgb(27, 201, 192) rgb(10, 41, 59); scrollbar-gutter: stable; overscroll-behavior: contain; gap: 10px !important;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab {display: flex; flex-direction: row; align-items: center; min-height: 64px; padding: 11px 13px; gap: 12px; border-radius: 13px; text-align: left; scroll-margin-block: 8px; transform: none;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab > span:nth-child(2) {min-height: 0px; min-width: 0px; font-size: 14px; line-height: 1.4;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .course-pretty-icon {flex: 0 0 36px; width: 36px; height: 36px; border-radius: 11px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab svg {width: 23px; height: 23px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab[aria-selected="true"] {box-shadow: inset 3px 0 var(--course-color),0 8px 22px #00172112;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab:focus-visible {outline: rgb(66, 205, 224) solid 2px; outline-offset: -3px;}
html[data-course-layout] .cbx-curriculum-layout .r1-curriculum-panel {min-width: 0px; max-height: 640px; margin: 0px; scroll-margin-top: 100px;}
html[data-page] .login-panel a {white-space: normal; line-height: 1.4;}
@media (min-width: 701px) and (max-width: 980px) {
html[data-course-layout] .cbx-curriculum-layout {gap: 16px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab {padding: 10px; gap: 8px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab > span:nth-child(2) {font-size: 13px;}
}
@media (max-width: 700px) {
html[data-course-layout] .cbx-curriculum-layout {grid-template-columns: 1fr; gap: 20px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .cbx-content-tabs {max-height: 260px; padding-right: 8px;}
html[data-course-layout] .cbx-new .cbx-curriculum-layout .r1-area-tab {min-height: 58px; padding: 10px 12px;}
html[data-course-layout] .cbx-curriculum-layout .r1-curriculum-panel {max-height: 520px;}
}