@media (min-width: 1280px) {
html[data-page] .site-header .nav-shell {grid-template-columns: 220px minmax(0px, 1fr) 180px;}
html[data-page] .site-header .main-nav {gap: 24px;}
}
html[data-page="index"] .hero .hero-desempenho .ri-home-visual {background: radial-gradient(at 83% 50%, rgb(6, 61, 83) 0%, rgb(2, 40, 63) 25%, rgb(1, 25, 47) 57%);}
html[data-page="index"] .hero .hero-desempenho .ri-home-art img {position: absolute; inset: auto 2.6% 76px auto; width: 47%; max-width: 940px; height: auto; max-height: calc(100% - 98px); object-fit: contain; object-position: right bottom;}
@media (max-width: 1279px) {
html[data-page="index"] .hero .hero-desempenho .ri-home-visual {background: radial-gradient(at 65% 45%, rgb(6, 61, 83) 0%, rgb(2, 40, 63) 38%, rgb(1, 25, 47) 75%);}
html[data-page="index"] .hero .hero-desempenho .ri-home-art {aspect-ratio: 1.5 / 1;}
html[data-page="index"] .hero .hero-desempenho .ri-home-art img {inset: 0px 12px; width: calc(100% - 24px); max-width: none; height: 100%; max-height: none; object-fit: contain; object-position: center center;}
}
html[data-page="index"] .ri-course-video-play > span {display: grid; place-items: center; background: linear-gradient(140deg, rgb(255, 72, 84) 0%, rgb(236, 23, 56) 55%, rgb(199, 9, 40) 100%); box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 3px inset, rgba(137, 11, 48, 0.36) 0px 9px 24px, rgba(255, 49, 83, 0.17) 0px 0px 0px 7px;}
html[data-page="index"] .ri-course-video-play svg {display: block; margin: 0px; transform: none; filter: drop-shadow(rgba(135, 10, 48, 0.22) 0px 2px 2px);}
html[data-page="index"] .ri-course-video-trigger:focus-visible .ri-course-video-play > span {box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 3px inset, rgba(137, 11, 48, 0.36) 0px 9px 24px, rgba(255, 49, 83, 0.3) 0px 0px 0px 8px;}
@media (hover: hover) {
html[data-page="index"] .ri-course-video-trigger:hover .ri-course-video-play > span {transform: scale(1.09); box-shadow: rgba(255, 255, 255, 0.4) 0px 2px 3px inset, rgba(228, 25, 70, 0.35) 0px 12px 30px, rgba(255, 49, 83, 0.2) 0px 0px 0px 10px;}
html[data-page="index"] .ri-course-video-trigger:hover .ri-course-video-play svg {transform: none;}
}
@media (max-width: 600px) {
html[data-page="index"] .ri-course-video-play > span {box-shadow: rgba(255, 255, 255, 0.3) 0px 2px 3px inset, rgba(137, 11, 48, 0.32) 0px 7px 18px, rgba(255, 49, 83, 0.16) 0px 0px 0px 5px;}
}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card {min-height: 0px;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card h3 {margin-top: 0px;}
html[data-page="precos-e-planos"] .ri-plan-price-from span {color: var(--muted);}
html[data-page="precos-e-planos"] .pricing-plans .ri-plan-cta {position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 52px; margin: 18px 0px 0px; padding: 14px 20px; flex-shrink: 0; justify-content: center; gap: 10px; border: 1px solid rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); background: linear-gradient(110deg, rgb(47, 128, 237) 0%, rgb(21, 159, 197) 55%, rgb(0, 179, 152) 100%); font-size: 14px; font-weight: 800; letter-spacing: 0.08em; line-height: 1.2; box-shadow: rgba(22, 125, 171, 0.44) 0px 9px 22px -9px; transition: transform 0.25s, box-shadow 0.25s, filter 0.25s;}
html[data-page="precos-e-planos"] .ri-plan-cta svg {width: 20px; height: 20px; flex: 0 0 20px;}
html[data-page="precos-e-planos"] .ri-plan-cta::before {content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.196) 50%, transparent 75%); transform: translateX(-110%); transition: transform 0.6s;}
html[data-page="precos-e-planos"] .ri-plan-cta:focus-visible {outline: 3px solid var(--blue); outline-offset: 4px;}
@media (hover: hover) {
html[data-page="precos-e-planos"] .pricing-plans .ri-plan-cta:hover {transform: translateY(-2px); filter: brightness(1.07); box-shadow: rgba(22, 125, 171, 0.565) 0px 13px 26px -9px;}
html[data-page="precos-e-planos"] .ri-plan-cta:hover::before {transform: translateX(110%);}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="precos-e-planos"] .ri-plan-cta,
html[data-page="precos-e-planos"] .ri-plan-cta::before {transition: none !important;}
html[data-page="precos-e-planos"] .pricing-plans .ri-plan-cta:hover {transform: none;}
html[data-page="index"] .ri-course-video-trigger:hover .ri-course-video-play > span {transform: none;}
}