html[data-page] .site-header .brand .ri-brand-light {display: none;}
html[data-page] .site-header .brand .ri-brand-dark {display: block;}
html[data-page][data-theme="light"] .site-header .brand .ri-brand-light {display: block;}
html[data-page][data-theme="light"] .site-header .brand .ri-brand-dark {display: none;}
html[data-page] .site-header .brand img {object-fit: contain; filter: none !important;}
html[data-page] .ri-common-footer .footer-brand > a > img {height: auto !important; filter: none !important;}
html[data-page] .site-header .theme-toggle {position: relative; align-items: center; justify-content: space-between; flex: 0 0 64px; min-height: 34px; padding: 4px; border: 1px solid rgb(216, 224, 232); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.133) 0px 1px 3px inset; overflow: hidden; display: flex !important; width: 64px !important; height: 34px !important; border-radius: 999px !important; transform: none !important;}
html[data-page] .theme-toggle::before {content: ""; position: absolute; left: 4px; top: 4px; width: 24px; height: 24px; border-radius: 50%; background: rgb(232, 237, 243); transition: transform 0.22s, background 0.22s;}
html[data-page] .theme-toggle .ri-theme-icon {position: relative; z-index: 1; display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 auto;}
html[data-page] .theme-toggle svg {width: 16px; height: 16px;}
html[data-page] .theme-toggle .ri-theme-sun {color: rgb(184, 117, 0);}
html[data-page] .theme-toggle .ri-theme-moon {color: rgb(20, 45, 67);}
html[data-page][data-theme="light"] .site-header .theme-toggle {border-color: rgb(0, 0, 0); background: rgb(0, 0, 0);}
html[data-page][data-theme="light"] .theme-toggle::before {transform: translateX(30px); background: rgb(48, 48, 48);}
html[data-page][data-theme="light"] .theme-toggle .ri-theme-sun {color: rgb(248, 197, 65);}
html[data-page][data-theme="light"] .theme-toggle .ri-theme-moon {color: rgb(255, 255, 255);}
html[data-page] .theme-toggle:focus-visible {outline: rgb(36, 155, 215) solid 3px; outline-offset: 4px;}
@media (min-width: 1280px) {
html[data-page] .site-header .main-nav > .login-dropdown {right: 80px;}
}
@media (min-width: 981px) {
html[data-page="index"] .hero .hero-container {align-items: center; padding-top: 48px; padding-bottom: 66px;}
html[data-page="index"] .hero .hero-copy {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 0px;}
html[data-page="index"] .hero .hero-message {flex: 0 0 auto; align-self: auto;}
html[data-page="index"] .hero .hero-action-group {flex: 0 0 auto; margin-top: 28px;}
}
html[data-page="index"] #metodologia .new-section-heading h2 {line-height: 1.2; font-size: 36px !important;}
html[data-page="index"] .trust-strip strong {margin: 0px;}
html[data-page] .faq h2 .ri-faq-name {font-weight: 300 !important;}
html[data-page] .faq h2:has(.ri-faq-name) {display: block; max-width: 100%;}
html[data-page] .faq h2 .ri-faq-name {display: inline; min-width: 0px;}
html[data-page] .faq-grid > * {min-width: 0px;}
html[data-page] .ri-premium-section {padding: 64px 0px; background: var(--surface-soft,#f6f9fc);}
html[data-page] .ri-premium-section > .section-shell {width: min(1240px, 100% - 48px); margin-inline: auto;}
html[data-page] .ri-premium-offer {--blue: #2f80ed; --green: #00b388; position: relative; display: grid; grid-template-columns: minmax(320px, 0.78fr) minmax(0px, 1.22fr); gap: 46px; min-height: 444px; padding: 38px 40px; margin: 0px; overflow: hidden; border: 2px solid rgb(20, 169, 199); border-radius: 26px; background: radial-gradient(circle at 90% 20%, rgba(0, 179, 136, 0.12), transparent 30%), linear-gradient(115deg, rgb(13, 35, 50) 0%, rgb(11, 38, 52) 58%, rgb(7, 51, 58) 100%); box-shadow: rgba(2, 19, 30, 0.15) 0px 24px 64px; color: rgb(247, 251, 255); font-family: Inter, Arial, sans-serif; line-height: 1.5; transform: none;}
html[data-page] #jornada .ri-premium-offer {margin-top: 40px;}
html[data-page] .ri-premium-offer * {box-sizing: border-box;}
html[data-page] .ri-premium-offer .ri-premium-overview,
html[data-page] .ri-premium-offer .ri-premium-benefits {min-width: 0px; position: relative; z-index: 1;}
html[data-page] .ri-premium-offer .ri-premium-benefits {display: flex; flex-direction: column;}
html[data-page] .ri-premium-offer .ri-plan-topline {min-height: 25px;}
html[data-page] .ri-premium-offer .ri-plan-topline span {display: inline-flex; align-items: center; min-height: 25px; padding: 4px 12px; border-radius: 999px; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(47, 128, 237), rgb(0, 179, 136)); font-size: 10px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page] .ri-premium-offer h3 {margin: 18px 0px 0px; color: rgb(247, 251, 255); font-size: clamp(32px, 3.4vw, 48px); font-weight: 750; line-height: 1.05; letter-spacing: -0.045em;}
html[data-page] .ri-premium-offer .ri-plan-summary {min-height: 0px; margin: 16px 0px 20px; color: rgb(199, 217, 228); font-size: 13px; line-height: 1.65;}
html[data-page] .ri-premium-offer .ri-plan-duration {display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 0px; padding: 4px; border: 1px solid rgba(70, 158, 193, 0.34); border-radius: 13px; background: rgb(10, 33, 52);}
html[data-page] .ri-premium-offer .ri-plan-duration button {min-height: 40px; padding: 8px; border: 0px; border-radius: 9px; background: transparent; color: rgb(199, 217, 228); font: 700 14px / 1.4 Inter, Arial, sans-serif; cursor: pointer;}
html[data-page] .ri-premium-offer .ri-plan-duration button.active {color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(47, 128, 237), rgb(0, 179, 136)); box-shadow: rgba(0, 151, 178, 0.18) 0px 8px 18px;}
html[data-page] .ri-premium-offer .ri-plan-price {display: block; min-height: 0px; margin-top: 22px; color: rgb(247, 251, 255); font-size: 31px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.25;}
html[data-page] .ri-premium-offer .ri-plan-access {margin-top: 7px; color: rgb(185, 205, 218); font-size: 11px; line-height: 1.6;}
html[data-page] .ri-premium-offer .ri-plan-cash {width: max-content; max-width: 100%; margin: 14px 0px 0px; padding: 7px 11px; border: 1px solid rgba(0, 213, 171, 0.5); border-radius: 999px; color: rgb(32, 220, 184); background: rgba(0, 179, 136, 0.08); font-size: 16px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;}
html[data-page] .ri-premium-offer .ri-premium-kicker {margin: 0px; color: rgb(247, 251, 255); font-size: 18px; font-weight: 800; line-height: 1.35; letter-spacing: -0.02em;}
html[data-page] .ri-premium-offer ul {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px 18px; margin: 22px 0px 0px; padding: 0px; list-style: none;}
html[data-page] .ri-premium-offer li {position: relative; padding-left: 24px; color: rgb(247, 251, 255); font-size: 13px; line-height: 1.45;}
html[data-page] .ri-premium-offer li::before {content: "✓"; position: absolute; left: 0px; top: 1px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(47, 128, 237), rgb(0, 179, 136)); font-size: 10px; font-weight: 900;}
html[data-page] .ri-premium-offer .ri-premium-cta {display: flex; align-items: center; justify-content: space-between; gap: 14px; align-self: flex-end; width: min(100%, 360px); min-height: 48px; margin: 28px 0px 0px auto; padding: 12px 18px; border-radius: 13px; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(47, 128, 237), rgb(0, 179, 136)); font-size: 14px; font-weight: 800; line-height: 1.4; text-decoration: none; box-shadow: rgba(0, 151, 178, 0.18) 0px 13px 28px;}
html[data-page] .ri-premium-offer .ri-premium-cta span {font-size: 22px;}
html[data-page] .ri-premium-offer :is(a, button):focus-visible {outline: rgb(255, 255, 255) solid 3px; outline-offset: 4px;}
html[data-page] .ri-common-brands .ri-partners-heading {display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; width: 100%;}
html[data-page] .ri-common-brands .ri-partners-heading h2 {grid-column: 2;}
html[data-page] .ri-common-brands .ri-partner-link {grid-column: 3; justify-self: end; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border: 1px solid rgb(22, 142, 171); border-radius: 999px; color: rgb(8, 103, 128); background: rgb(238, 250, 253); font-size: 12px; font-weight: 700; line-height: 1.4; text-decoration: none; white-space: nowrap;}
html[data-page] .ri-common-brands .ri-partner-link:hover {background: rgb(223, 245, 248);}
html[data-page] .ri-common-brands .ri-partner-link:focus-visible {outline: rgb(22, 142, 171) solid 3px; outline-offset: 3px;}
html[data-page="index"] .faq .faq-intro h2 {width: 100%; margin: 0px; padding: 0px 0px 20px; letter-spacing: -0.025em; font-size: 36px !important; line-height: 1.2 !important; text-align: left !important;}
html[data-page="index"] .faq .faq-intro h2::after {left: 0px; transform: none;}
html[data-page="precos-e-planos"] .pricing-plan-grid + .ri-plan-card-premium {margin: 36px 0px 0px;}
html[data-page] .ri-medicinatual-banner {padding: 64px 0px; background: var(--surface-soft,#f6f9fc);}
html[data-page] .ri-medicinatual-art-link {display: block; width: min(1325px, 100% - 48px); margin-inline: auto; border-radius: 20px; overflow: hidden; background: rgb(231, 242, 246); line-height: 0;}
html[data-page] .ri-medicinatual-art {display: block; width: 100%; height: auto; mix-blend-mode: normal; aspect-ratio: 1324 / 385; object-fit: contain; filter: none !important; opacity: 1 !important;}
html[data-page] .ri-medicinatual-art-link:focus-visible {outline: rgb(224, 44, 48) solid 3px; outline-offset: 5px;}
html[data-page] .ri-common-brands {border-color: rgba(255, 255, 255, 0.05); background: rgb(8, 44, 71) !important; color: rgb(217, 232, 242) !important;}
html[data-page] .ri-common-brands .brand-strip-inner {background: transparent !important;}
html[data-page] .ri-common-brands .brand-title-pill {color: rgb(196, 217, 232) !important;}
html[data-page] .ri-common-brands .brand-strip-divider {background: rgba(255, 255, 255, 0.35);}
html[data-page] .ri-common-brands .ri-partner-link {border-color: rgb(99, 187, 209); color: rgb(228, 248, 255); background: rgb(13, 58, 85);}
html[data-page] .ri-common-brands .ri-partner-link:hover {background: rgb(19, 80, 109);}
html[data-page] .ri-common-brands .developed-logos {max-width: none; grid-template-columns: repeat(5, minmax(0px, 1fr)) !important;}
@media (max-width: 1100px) {
html[data-page] .ri-premium-offer {gap: 30px; grid-template-columns: minmax(280px, 0.8fr) minmax(0px, 1.2fr); padding: 32px;}
html[data-page] .ri-premium-offer ul {grid-template-columns: 1fr; gap: 10px;}
}
@media (max-width: 980px) {
html[data-page="index"] .hero .hero-container {padding-top: 42px !important; padding-bottom: 28px !important;}
html[data-page="index"] #metodologia .new-section-heading h2 {font-size: 30px !important;}
html[data-page] .ri-premium-offer {grid-template-columns: 1fr; gap: 32px;}
html[data-page] .ri-premium-offer ul {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page] .ri-premium-offer .ri-premium-cta {align-self: flex-start; margin-left: 0px;}
html[data-page] .ri-common-brands .ri-partners-heading {grid-template-columns: 1fr auto;}
html[data-page] .ri-common-brands .ri-partners-heading h2 {grid-column: 1; text-align: left !important;}
html[data-page] .ri-common-brands .ri-partner-link {grid-column: 2;}
html[data-page] .ri-common-brands .developed-logos {grid-template-columns: repeat(3, minmax(0px, 1fr)) !important;}
}
@media (max-width: 640px) {
html[data-page="index"] #metodologia .new-section-heading h2 {font-size: 26px !important;}
html[data-page="index"] .faq .faq-intro h2 {font-size: 30px !important;}
html[data-page] .ri-premium-section,
html[data-page] .ri-medicinatual-banner {padding: 40px 0px;}
html[data-page] .ri-premium-section > .section-shell,
html[data-page] .ri-medicinatual-art-link {width: calc(100% - 32px);}
html[data-page] .ri-medicinatual-art-link {border-radius: 12px;}
html[data-page] .ri-premium-offer {padding: 26px 22px; border-radius: 22px;}
html[data-page] .ri-premium-offer h3 {font-size: 34px;}
html[data-page] .ri-premium-offer ul {grid-template-columns: 1fr;}
html[data-page] .ri-premium-offer .ri-plan-price {font-size: 29px;}
html[data-page] .ri-premium-offer .ri-premium-cta {width: 100%;}
html[data-page] .ri-common-brands .ri-partners-heading {display: flex; flex-direction: column; gap: 14px;}
html[data-page] .ri-common-brands .ri-partners-heading h2 {text-align: center !important;}
html[data-page] .ri-common-brands .developed-logos {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
html[data-page] .ri-common-brands .developed-logos > a:last-child {grid-column: 1 / -1; width: calc(50% - 6px); justify-self: center;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page] .theme-toggle::before {transition: none;}
}
html[data-page] .testimonial-carousel .testimonial-card {min-width: 0px; flex-shrink: 0;}
html[data-page] .testimonial-carousel .testimonial-person {min-width: 0px; overflow-wrap: anywhere;}
html[data-page] .testimonial-carousel .carousel-viewport {padding-inline: 0px;}
