html[data-page] .ri-common-brands .ri-partner-link {position: relative; isolation: isolate; overflow: hidden; gap: 12px; min-height: 56px; padding: 10px 20px 10px 11px; border: 1px solid rgba(124, 228, 223, 0.5); border-radius: 18px; background: linear-gradient(105deg, rgb(36, 106, 212), rgb(0, 159, 134)); color: rgb(255, 255, 255); font-size: 15px; font-weight: 700; line-height: 1.4; box-shadow: rgba(0, 21, 35, 0.208) 0px 8px 24px, rgba(255, 255, 255, 0.19) 0px 1px 0px inset; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;}
html[data-page] .ri-partner-link::before {content: ""; position: absolute; z-index: -1; inset: -20% auto -20% -60%; width: 40%; transform: skewX(-20deg); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.157), transparent); transition: left 0.6s;}
html[data-page] .ri-partner-link .ri-partner-icon {display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 11px; background: rgba(255, 255, 255, 0.075); transition: transform 0.25s;}
html[data-page] .ri-partner-icon svg {width: 25px; height: 25px;}
html[data-page] .ri-partner-link .ri-partner-arrow {width: 18px; height: 18px; margin-left: 2px; transition: transform 0.25s;}
html[data-page] .ri-common-brands .ri-partner-link:hover {transform: translateY(-3px); background: linear-gradient(105deg, rgb(38, 119, 236), rgb(0, 174, 141)); border-color: rgb(148, 246, 221); box-shadow: rgba(0, 159, 170, 0.208) 0px 14px 32px;}
html[data-page] .ri-partner-link:hover::before {left: 135%;}
html[data-page] .ri-partner-link:hover .ri-partner-icon {transform: rotate(-7deg);}
html[data-page] .ri-partner-link:hover .ri-partner-arrow {transform: translate(2px, -2px);}
html[data-page] .ri-common-brands .ri-partner-link:focus-visible {outline: rgb(137, 238, 213) solid 3px; outline-offset: 5px;}
html[data-page="index"] .hero {height: 850px; min-height: 850px; zoom: 1 !important; margin-top: 84px !important;}
html[data-page="index"] .hero .hero-slide {transform: none; background-image: none !important;}
html[data-page="index"] .hero .hero-grid,
html[data-page="index"] .hero-slide::before,
html[data-page="index"] .hero-slide::after {display: none !important;}
html[data-page="index"] .hero .ri-home-visual {position: absolute; inset: 0px; z-index: 0; pointer-events: none;}
html[data-page="index"] .hero .ri-home-art {position: absolute; inset: 0px; display: block; width: 100%; max-width: none; height: 100%; margin: 0px; border-radius: 0px; aspect-ratio: auto; overflow: hidden;}
html[data-page="index"] .hero .ri-home-art img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: right bottom;}
html[data-page="index"] .hero-inteligencia {background-color: rgb(9, 21, 38);}
html[data-page="index"] .hero-jornada {background-color: rgb(1, 6, 25);}
html[data-page="index"] .hero-desempenho {background-color: rgb(3, 29, 48);}
html[data-page="index"] .hero .hero-container {z-index: 2; width: min(1580px, 100% - 112px); max-width: none; height: 100%; margin: 0px auto; display: flex; align-items: flex-start; padding: 38px 0px 106px !important;}
html[data-page="index"] .hero .hero-copy {position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0px; gap: 0px; width: calc(50% - 34px) !important; max-width: none !important; height: auto !important; margin: 0px !important;}
html[data-page="index"] .hero .hero-message {width: 100%; margin: 0px;}
html[data-page="index"] .hero .hero-message h1 {width: 100%; color: rgb(255, 255, 255); letter-spacing: -0.025em; max-width: none !important; margin: 0px !important; font-size: 42px !important; font-weight: 400 !important; line-height: 1.16 !important;}
html[data-page="index"] .hero .hero-message h1 em {font-style: normal; color: rgb(255, 255, 255) !important; background: none !important; -webkit-text-fill-color: rgb(255, 255, 255) !important; font-size: inherit !important; font-weight: 400 !important; white-space: normal !important;}
html[data-page="index"] .hero .hero-message h1 br {display: none;}
html[data-page="index"] .hero .ri-hero-features {width: 100%; max-width: none; grid-template-columns: 1fr !important; margin: 25px 0px 0px !important; gap: 15px !important;}
html[data-page="index"] .hero .ri-hero-features .ri-hero-feature {min-height: 96px; padding: 0px; gap: 22px; font-size: 40px; font-weight: 450; line-height: 1.14;}
html[data-page="index"] .hero .ri-feature-icon {flex: 0 0 96px; width: 96px; height: 96px; border-radius: 27px; border: 1px solid color-mix(in srgb,var(--ri-feature-color) 32%,transparent); background: linear-gradient(135deg,var(--ri-feature-bg),#07182ccc); box-shadow: rgba(255, 255, 255, 0.14) 0px 1px 0px inset, rgba(0, 0, 0, 0.133) 0px 10px 28px;}
html[data-page="index"] .hero .ri-feature-icon svg {width: 58px; height: 58px;}
html[data-page="index"] .hero .hero-action-group {flex: 0 0 auto; width: 100%; margin: 24px 0px 0px !important;}
html[data-page="index"] .hero .hero-buttons {margin: 0px;}
html[data-page="index"] .hero .hero-buttons .button {min-height: 54px; font-size: 14px;}
html[data-page="index"] .hero .hero-journey-note {position: absolute; bottom: 35px; left: max(56px, 50% - 790px); z-index: 1; width: auto; max-width: calc(50% - 70px); padding: 10px 0px 10px 18px; border-left: 3px solid rgb(43, 208, 194); color: rgb(227, 238, 248); font-size: 19px; line-height: 1.4; font-weight: 450; letter-spacing: 0px; text-shadow: rgba(0, 0, 0, 0.533) 0px 2px 12px; margin: 0px !important;}
html[data-page="index"] .hero .slider-controls {bottom: 30px;}
html[data-page="index"] .hero .slider-arrow {width: 38px; height: 38px; top: 50%;}
html[data-page="index"] .hero .slider-arrow.prev {left: 9px;}
html[data-page="index"] .hero .slider-arrow.next {right: 9px;}
html[data-page="index"] .ri-course-film {position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(250px, 0.8fr) minmax(0px, 1.55fr); align-items: center; gap: 38px; padding: 32px; margin-top: 46px; border: 1px solid rgba(41, 159, 190, 0.46); border-radius: 25px; overflow: hidden; background: radial-gradient(at 0px 0px, rgba(37, 134, 211, 0.14), transparent 60%), linear-gradient(130deg, rgb(9, 28, 46), rgb(10, 48, 61)); box-shadow: rgba(0, 26, 48, 0.125) 0px 24px 55px; color: rgb(255, 255, 255);}
html[data-page="index"] .ri-course-film::before {content: ""; position: absolute; inset: 0px auto 0px 0px; width: 4px; background: linear-gradient(rgb(47, 128, 237), rgb(0, 179, 136));}
html[data-page="index"] .ri-course-film h3 {margin: 0px; color: rgb(255, 255, 255); font-size: 30px; line-height: 1.2; font-weight: 550; letter-spacing: -0.025em;}
html[data-page="index"] .ri-course-video {min-width: 0px; border: 1px solid rgba(153, 223, 251, 0.3); border-radius: 17px; overflow: hidden; background: rgb(6, 19, 32); box-shadow: rgba(0, 0, 0, 0.2) 0px 16px 35px;}
html[data-page="index"] .ri-course-video-stage {position: relative; aspect-ratio: 16 / 9;}
html[data-page="index"] .ri-course-video-trigger {display: block; position: absolute; inset: 0px; width: 100%; height: 100%; padding: 0px; border: 0px; cursor: pointer; background: rgb(231, 245, 250);}
html[data-page="index"] .ri-course-video-trigger[hidden] {display: none;}
html[data-page="index"] .ri-course-video-trigger > img {display: block; width: 100%; height: 100%; object-fit: contain;}
html[data-page="index"] .ri-course-video-trigger::after {content: ""; position: absolute; inset: 60% 0px 0px; background: linear-gradient(transparent, rgba(7, 24, 38, 0.81));}
html[data-page="index"] .ri-course-video-play {position: absolute; z-index: 1; bottom: 20px; left: 20px; display: flex; align-items: center; gap: 13px; color: rgb(255, 255, 255); font: 600 14px / 1.4 Inter, sans-serif; text-shadow: rgba(0, 0, 0, 0.333) 0px 2px 8px;}
html[data-page="index"] .ri-course-video-play > span {display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 50%; background: linear-gradient(135deg, rgb(47, 128, 237), rgb(0, 179, 136)); box-shadow: rgba(255, 255, 255, 0.094) 0px 0px 0px 7px; transition: transform 0.25s, box-shadow 0.25s;}
html[data-page="index"] .ri-course-video-play svg {width: 24px; height: 24px; margin-left: 3px;}
html[data-page="index"] .ri-course-video-trigger:hover .ri-course-video-play > span {transform: scale(1.1); box-shadow: rgba(255, 255, 255, 0.125) 0px 0px 0px 11px;}
html[data-page="index"] .ri-course-video-trigger:focus-visible {outline: rgb(100, 237, 207) solid 3px; outline-offset: -4px;}
html[data-page="index"] .ri-course-video-stage iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@media (min-width: 1280px) and (max-width: 1530px) {
html[data-page="index"] .hero {height: 900px; min-height: 900px;}
html[data-page="index"] .hero .ri-home-art img {object-fit: contain;}
}
@media (max-width: 1279px) {
html[data-page="index"] .hero {min-height: 0px; height: auto !important; margin-top: 84px !important;}
html[data-page="index"] .hero .hero-slide {position: relative; inset: auto; display: none; height: auto; flex-direction: column;}
html[data-page="index"] .hero .hero-slide.is-active {display: flex;}
html[data-page="index"] .hero .hero-container {position: relative; display: block; width: calc(100% - 40px); max-width: 900px; height: auto; padding: 27px 0px 30px !important;}
html[data-page="index"] .hero .hero-copy {display: block !important; position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0px !important; height: auto !important;}
html[data-page="index"] .hero .hero-message h1 {font-size: 38px !important; max-width: 790px !important;}
html[data-page="index"] .hero .ri-hero-features {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 25px !important; margin-top: 28px !important;}
html[data-page="index"] .hero .ri-hero-features .ri-hero-feature {gap: 16px; font-size: 28px;}
html[data-page="index"] .hero .ri-feature-icon {flex-basis: 84px; width: 84px; height: 84px; border-radius: 24px;}
html[data-page="index"] .hero .ri-feature-icon svg {width: 52px; height: 52px;}
html[data-page="index"] .hero .ri-home-visual {position: relative; inset: auto; max-width: 900px; width: 100%; height: auto; aspect-ratio: 1.65 / 1; margin: 0px auto 65px; overflow: hidden;}
html[data-page="index"] .hero .ri-home-art {position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; margin: 0px;}
html[data-page="index"] .hero .ri-home-art img {object-fit: cover; object-position: right center;}
html[data-page="index"] .hero .hero-journey-note {left: 24px; bottom: 18px; max-width: calc(100% - 48px); font-size: 16px; padding: 8px 14px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgba(104, 215, 216, 0.24) rgba(104, 215, 216, 0.24) rgba(104, 215, 216, 0.24) rgb(43, 208, 194); border-image: initial; border-radius: 0px 9px 9px 0px; background: rgba(6, 23, 44, 0.9);}
html[data-page="index"] .hero .slider-arrow {top: auto; bottom: 14px;}
html[data-page="index"] .hero .slider-arrow.prev {left: calc(50% - 118px);}
html[data-page="index"] .hero .slider-arrow.next {right: calc(50% - 118px);}
html[data-page="index"] .hero .slider-controls {bottom: 17px;}
html[data-page="index"] .ri-course-film {gap: 25px; padding: 25px;}
html[data-page="index"] .ri-course-film h3 {font-size: 28px;}
}
@media (max-width: 800px) {
html[data-page="index"] .ri-course-film {grid-template-columns: 1fr; gap: 25px;}
}
@media (max-width: 600px) {
html[data-page="index"] .hero {margin-top: 74px !important;}
html[data-page="index"] .hero .hero-container {width: calc(100% - 32px); padding: 24px 0px 28px !important;}
html[data-page="index"] .hero .hero-message h1 {font-size: 31px !important; line-height: 1.14 !important;}
html[data-page="index"] .hero .ri-hero-features {grid-template-columns: 1fr !important; gap: 17px !important;}
html[data-page="index"] .hero .ri-hero-features .ri-hero-feature {gap: 18px; min-height: 84px; font-size: 28px;}
html[data-page="index"] .hero .hero-buttons .button {width: 100%; min-height: 54px; padding-inline: 14px;}
html[data-page="index"] .hero .ri-home-visual {aspect-ratio: 1.35 / 1;}
html[data-page="index"] .hero .hero-journey-note {left: 16px; bottom: 14px; max-width: calc(100% - 32px); font-size: 13px; padding: 8px 11px;}
html[data-page="index"] .ri-course-film {padding: 22px 17px; gap: 25px; margin-top: 30px; border-radius: 21px;}
html[data-page="index"] .ri-course-film h3 {font-size: 27px;}
html[data-page="index"] .ri-course-video-play {bottom: 13px; left: 13px; gap: 11px; font-size: 11px;}
html[data-page="index"] .ri-course-video-play > span {width: 38px; height: 38px; box-shadow: rgba(255, 255, 255, 0.094) 0px 0px 0px 5px;}
html[data-page="index"] .ri-course-video-play svg {width: 18px; height: 18px;}
}
@media (max-width: 359px) {
html[data-page="index"] .hero .ri-hero-features .ri-hero-feature {font-size: 24px; gap: 14px;}
html[data-page="index"] .hero .hero-message h1 {font-size: 28px !important;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="index"] .hero .hero-copy {opacity: 1; animation: auto ease 0s 1 normal none running none !important; transform: none !important;}
html[data-page="index"] .hero .hero-slide {transition: none !important;}
html[data-page] .ri-partner-link,
html[data-page] .ri-partner-link *,
html[data-page] .ri-partner-link::before,
html[data-page="index"] .ri-course-video-play > span {transition: none !important; animation: auto ease 0s 1 normal none running none !important;}
}
