@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../fonts/inter-variable-latin-ext.woff2") format("woff2-variations"); }
/* Contraste do tema claro: destaques precisam continuar legíveis em toda a área. */
html[data-page="medprovas"][data-theme="light"] .mp-feature-card:not(.mp-feature-card-dark) {
  background: linear-gradient(135deg, #08647e, #097485 56%, #187d78);
}
html[data-page][data-theme="light"] .method-step:is(.active, :hover, :focus-visible) h3 {
  color: #08735d;
}
html[data-page="ciclo-basico"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="ciclo-basico"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="ciclo-basico"] * {box-sizing: border-box;}
html[data-page="ciclo-basico"] {scroll-behavior: smooth;}
html[data-page="ciclo-basico"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="ciclo-basico"] body.menu-open {overflow: hidden;}
html[data-page="ciclo-basico"] img {max-width: 100%;}
html[data-page="ciclo-basico"] a {color: inherit; text-decoration: none;}
html[data-page="ciclo-basico"] button,
html[data-page="ciclo-basico"] input {font: inherit;}
html[data-page="ciclo-basico"] button {color: inherit;}
html[data-page="ciclo-basico"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="ciclo-basico"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="ciclo-basico"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="ciclo-basico"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running ciclo-basico-orbFloat;}
html[data-page="ciclo-basico"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="ciclo-basico"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="ciclo-basico"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes ciclo-basico-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="ciclo-basico"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="ciclo-basico"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="ciclo-basico"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="ciclo-basico"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="ciclo-basico"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="ciclo-basico"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="ciclo-basico"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="ciclo-basico"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="ciclo-basico"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="ciclo-basico"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="ciclo-basico"] .btn-primary,
html[data-page="ciclo-basico"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="ciclo-basico"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="ciclo-basico"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="ciclo-basico"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="ciclo-basico"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="ciclo-basico"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running ciclo-basico-visualFloat;}
@keyframes ciclo-basico-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="ciclo-basico"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="ciclo-basico"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="ciclo-basico"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="ciclo-basico"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="ciclo-basico"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes ciclo-basico-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="ciclo-basico"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="ciclo-basico"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="ciclo-basico"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="ciclo-basico"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="ciclo-basico"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="ciclo-basico"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="ciclo-basico"] section {position: relative;}
html[data-page="ciclo-basico"] .section-pad {padding: 104px 0px;}
html[data-page="ciclo-basico"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="ciclo-basico"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="ciclo-basico"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="ciclo-basico"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="ciclo-basico"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="ciclo-basico"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="ciclo-basico"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="ciclo-basico"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="ciclo-basico"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="ciclo-basico"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="ciclo-basico"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="ciclo-basico"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="ciclo-basico"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="ciclo-basico"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="ciclo-basico"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="ciclo-basico"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="ciclo-basico"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="ciclo-basico"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="ciclo-basico"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="ciclo-basico"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="ciclo-basico"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="ciclo-basico"] .path-cards::before,
html[data-page="ciclo-basico"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="ciclo-basico"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="ciclo-basico"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="ciclo-basico"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="ciclo-basico"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="ciclo-basico"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="ciclo-basico"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="ciclo-basico"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="ciclo-basico"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="ciclo-basico"] .path-card.is-lit,
html[data-page="ciclo-basico"] .path-card:hover,
html[data-page="ciclo-basico"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="ciclo-basico"] .path-card.is-lit::after,
html[data-page="ciclo-basico"] .path-card:hover::after,
html[data-page="ciclo-basico"] .path-card:focus-visible::after {opacity: 1; animation: ciclo-basico-pathShine 0.72s ease forwards var(--path-delay);}
html[data-page="ciclo-basico"] .path-card.is-lit b,
html[data-page="ciclo-basico"] .path-card:hover b,
html[data-page="ciclo-basico"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="ciclo-basico"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="ciclo-basico"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes ciclo-basico-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="ciclo-basico"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="ciclo-basico"] .resources-section {background: var(--surface);}
html[data-page="ciclo-basico"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="ciclo-basico"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="ciclo-basico"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="ciclo-basico"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="ciclo-basico"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="ciclo-basico"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="ciclo-basico"] .resource-card:hover::after {right: 0px;}
html[data-page="ciclo-basico"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="ciclo-basico"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="ciclo-basico"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="ciclo-basico"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="ciclo-basico"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="ciclo-basico"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="ciclo-basico"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="ciclo-basico"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="ciclo-basico"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="ciclo-basico"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="ciclo-basico"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="ciclo-basico"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="ciclo-basico"] .method-line,
html[data-page="ciclo-basico"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="ciclo-basico"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="ciclo-basico"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="ciclo-basico"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="ciclo-basico"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="ciclo-basico"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="ciclo-basico"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="ciclo-basico"] .method-step.active b,
html[data-page="ciclo-basico"] .method-step:hover b,
html[data-page="ciclo-basico"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="ciclo-basico"] .method-step.active b::before,
html[data-page="ciclo-basico"] .method-step:hover b::before,
html[data-page="ciclo-basico"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="ciclo-basico"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="ciclo-basico"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="ciclo-basico"] .method-step.active h3,
html[data-page="ciclo-basico"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="ciclo-basico"] .method-step.active p,
html[data-page="ciclo-basico"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="ciclo-basico"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="ciclo-basico"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="ciclo-basico"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="ciclo-basico"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="ciclo-basico"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="ciclo-basico"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="ciclo-basico"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="ciclo-basico"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="ciclo-basico"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="ciclo-basico"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="ciclo-basico"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="ciclo-basico"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="ciclo-basico"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="ciclo-basico"] .price-body {padding: 28px;}
html[data-page="ciclo-basico"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="ciclo-basico"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="ciclo-basico"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="ciclo-basico"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="ciclo-basico"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="ciclo-basico"] .cash b {color: var(--ink);}
html[data-page="ciclo-basico"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="ciclo-basico"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="ciclo-basico"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="ciclo-basico"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="ciclo-basico"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="ciclo-basico"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="ciclo-basico"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="ciclo-basico"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="ciclo-basico"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="ciclo-basico"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="ciclo-basico"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="ciclo-basico"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="ciclo-basico"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="ciclo-basico"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="ciclo-basico"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="ciclo-basico"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="ciclo-basico"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="ciclo-basico"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="ciclo-basico"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="ciclo-basico"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="ciclo-basico"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="ciclo-basico"] .faq-list {display: grid; gap: 10px;}
html[data-page="ciclo-basico"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="ciclo-basico"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="ciclo-basico"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="ciclo-basico"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="ciclo-basico"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="ciclo-basico"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="ciclo-basico"] .faq-answer > div {overflow: hidden;}
html[data-page="ciclo-basico"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="ciclo-basico"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="ciclo-basico"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="ciclo-basico"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="ciclo-basico"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="ciclo-basico"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="ciclo-basico"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="ciclo-basico"] .brand-logos {display: grid; gap: 10px;}
html[data-page="ciclo-basico"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="ciclo-basico"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="ciclo-basico"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="ciclo-basico"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="ciclo-basico"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="ciclo-basico"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="ciclo-basico"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="ciclo-basico"] .socials {display: flex; gap: 9px;}
html[data-page="ciclo-basico"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="ciclo-basico"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="ciclo-basico"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="ciclo-basico"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="ciclo-basico"] .footer-links a,
html[data-page="ciclo-basico"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="ciclo-basico"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="ciclo-basico"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="ciclo-basico"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="ciclo-basico"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="ciclo-basico"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="ciclo-basico"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="ciclo-basico"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="ciclo-basico"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="ciclo-basico"] *,
html[data-page="ciclo-basico"] ::before,
html[data-page="ciclo-basico"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="ciclo-basico"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="ciclo-basico"] .hero-inner {gap: 38px;}
html[data-page="ciclo-basico"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="ciclo-basico"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="ciclo-basico"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="ciclo-basico"] .hero-r1,
html[data-page="ciclo-basico"] .hero-inner {min-height: auto;}
html[data-page="ciclo-basico"] .hero-r1 {margin-top: 74px;}
html[data-page="ciclo-basico"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="ciclo-basico"] .hero-copy {text-align: center;}
html[data-page="ciclo-basico"] .hero-copy > p {margin-inline: auto;}
html[data-page="ciclo-basico"] .eyebrow {justify-content: center;}
html[data-page="ciclo-basico"] .hero-facts,
html[data-page="ciclo-basico"] .hero-actions {justify-content: center;}
html[data-page="ciclo-basico"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="ciclo-basico"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="ciclo-basico"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="ciclo-basico"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="ciclo-basico"] .why-grid,
html[data-page="ciclo-basico"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .why-panel {min-height: auto;}
html[data-page="ciclo-basico"] .price-card {position: relative; top: auto;}
html[data-page="ciclo-basico"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="ciclo-basico"] .method-line,
html[data-page="ciclo-basico"] .method-line-fill {display: none;}
html[data-page="ciclo-basico"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="ciclo-basico"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="ciclo-basico"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="ciclo-basico"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="ciclo-basico"] .footer-main {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="ciclo-basico"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="ciclo-basico"] .hero-inner {padding-block: 60px 88px;}
html[data-page="ciclo-basico"] .hero-copy h1 {font-size: 42px;}
html[data-page="ciclo-basico"] .hero-copy > p {font-size: 16px;}
html[data-page="ciclo-basico"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="ciclo-basico"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .quick-item::after {display: none !important;}
html[data-page="ciclo-basico"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="ciclo-basico"] .section-pad {padding: 78px 0px;}
html[data-page="ciclo-basico"] .resources-grid,
html[data-page="ciclo-basico"] .included-list,
html[data-page="ciclo-basico"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="ciclo-basico"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="ciclo-basico"] .method-line,
html[data-page="ciclo-basico"] .method-line-fill {display: none;}
html[data-page="ciclo-basico"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="ciclo-basico"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="ciclo-basico"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="ciclo-basico"] .number-item:last-child {border-bottom: 0px;}
html[data-page="ciclo-basico"] .pricing-content {text-align: center;}
html[data-page="ciclo-basico"] .bonus-card {text-align: left;}
html[data-page="ciclo-basico"] .installments strong {font-size: 42px;}
html[data-page="ciclo-basico"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="ciclo-basico"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="ciclo-basico"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="ciclo-basico"] .footer-links {grid-template-columns: 1fr;}
html[data-page="ciclo-basico"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="ciclo-basico"] .floating-contact span {display: none;}
html[data-page="ciclo-basico"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="ciclo-basico"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="ciclo-basico"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="ciclo-basico"] .footer-links a,
html[data-page="ciclo-basico"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="ciclo-basico"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="ciclo-basico"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="ciclo-basico"] .brand-group h2 {font-size: 14px !important;}
html[data-page="ciclo-basico"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="ciclo-basico"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="ciclo-basico"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="ciclo-basico"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="ciclo-basico"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="ciclo-basico"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="ciclo-basico"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="ciclo-basico"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="ciclo-basico"] .quick-item small {margin-bottom: 6px;}
html[data-page="ciclo-basico"] .quick-item strong {display: block;}
html[data-page="ciclo-basico"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="ciclo-basico"] .hero-copy h1 {font-size: 34px;}
html[data-page="ciclo-basico"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="ciclo-basico"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
@keyframes ciclo-basico-cbFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
@keyframes ciclo-basico-badgePulse { 
  0%, 100% { transform: scale(1); box-shadow: rgba(0, 179, 136, 0.28) 0px 22px 60px, rgba(255, 255, 255, 0.1) 0px 0px 0px 8px inset; }
  50% { transform: scale(1.05); box-shadow: rgba(47, 128, 237, 0.35) 0px 30px 75px, rgba(255, 255, 255, 0.14) 0px 0px 0px 8px inset; }
}
html[data-page="ciclo-basico"] .cb-carousel-track {display: flex; transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);}
html[data-page="ciclo-basico"] .cb-testimonial-slide {flex: 0 0 33.3333%; padding: 0px 9px;}
@media (max-width: 1024px) {
html[data-page="ciclo-basico"] .cb-testimonial-slide {flex-basis: 50%;}
}
@media (max-width: 640px) {
html[data-page="ciclo-basico"] .cb-testimonial-slide {flex-basis: 100%;}
}
html[data-page="curso-r1"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="curso-r1"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="curso-r1"] * {box-sizing: border-box;}
html[data-page="curso-r1"] {scroll-behavior: smooth;}
html[data-page="curso-r1"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="curso-r1"] body.menu-open {overflow: hidden;}
html[data-page="curso-r1"] img {max-width: 100%;}
html[data-page="curso-r1"] a {color: inherit; text-decoration: none;}
html[data-page="curso-r1"] button,
html[data-page="curso-r1"] input {font: inherit;}
html[data-page="curso-r1"] button {color: inherit;}
html[data-page="curso-r1"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="curso-r1"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="curso-r1"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="curso-r1"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running curso-r1-orbFloat;}
html[data-page="curso-r1"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="curso-r1"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="curso-r1"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes curso-r1-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="curso-r1"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="curso-r1"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="curso-r1"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="curso-r1"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="curso-r1"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="curso-r1"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="curso-r1"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="curso-r1"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="curso-r1"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="curso-r1"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="curso-r1"] .btn-primary,
html[data-page="curso-r1"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="curso-r1"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="curso-r1"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="curso-r1"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="curso-r1"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="curso-r1"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running curso-r1-visualFloat;}
@keyframes curso-r1-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="curso-r1"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="curso-r1"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="curso-r1"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="curso-r1"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="curso-r1"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes curso-r1-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="curso-r1"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="curso-r1"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="curso-r1"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="curso-r1"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="curso-r1"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="curso-r1"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="curso-r1"] section {position: relative;}
html[data-page="curso-r1"] .section-pad {padding: 104px 0px;}
html[data-page="curso-r1"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="curso-r1"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="curso-r1"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="curso-r1"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="curso-r1"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="curso-r1"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="curso-r1"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="curso-r1"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="curso-r1"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="curso-r1"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="curso-r1"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="curso-r1"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="curso-r1"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="curso-r1"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="curso-r1"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="curso-r1"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="curso-r1"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="curso-r1"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="curso-r1"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="curso-r1"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="curso-r1"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="curso-r1"] .path-cards::before,
html[data-page="curso-r1"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="curso-r1"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="curso-r1"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="curso-r1"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="curso-r1"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="curso-r1"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="curso-r1"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="curso-r1"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="curso-r1"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="curso-r1"] .path-card.is-lit,
html[data-page="curso-r1"] .path-card:hover,
html[data-page="curso-r1"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="curso-r1"] .path-card.is-lit::after,
html[data-page="curso-r1"] .path-card:hover::after,
html[data-page="curso-r1"] .path-card:focus-visible::after {opacity: 1; animation: curso-r1-pathShine 0.72s ease forwards var(--path-delay);}
html[data-page="curso-r1"] .path-card.is-lit b,
html[data-page="curso-r1"] .path-card:hover b,
html[data-page="curso-r1"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="curso-r1"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="curso-r1"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes curso-r1-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="curso-r1"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="curso-r1"] .resources-section {background: var(--surface);}
html[data-page="curso-r1"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="curso-r1"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="curso-r1"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="curso-r1"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="curso-r1"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="curso-r1"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="curso-r1"] .resource-card:hover::after {right: 0px;}
html[data-page="curso-r1"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="curso-r1"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="curso-r1"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="curso-r1"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="curso-r1"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="curso-r1"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="curso-r1"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="curso-r1"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="curso-r1"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="curso-r1"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="curso-r1"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="curso-r1"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="curso-r1"] .method-line,
html[data-page="curso-r1"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="curso-r1"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="curso-r1"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="curso-r1"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="curso-r1"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="curso-r1"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="curso-r1"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="curso-r1"] .method-step.active b,
html[data-page="curso-r1"] .method-step:hover b,
html[data-page="curso-r1"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="curso-r1"] .method-step.active b::before,
html[data-page="curso-r1"] .method-step:hover b::before,
html[data-page="curso-r1"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="curso-r1"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="curso-r1"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="curso-r1"] .method-step.active h3,
html[data-page="curso-r1"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="curso-r1"] .method-step.active p,
html[data-page="curso-r1"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="curso-r1"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="curso-r1"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="curso-r1"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="curso-r1"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="curso-r1"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="curso-r1"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="curso-r1"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="curso-r1"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="curso-r1"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="curso-r1"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="curso-r1"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="curso-r1"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="curso-r1"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="curso-r1"] .price-body {padding: 28px;}
html[data-page="curso-r1"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="curso-r1"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="curso-r1"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="curso-r1"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="curso-r1"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="curso-r1"] .cash b {color: var(--ink);}
html[data-page="curso-r1"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="curso-r1"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="curso-r1"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="curso-r1"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="curso-r1"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="curso-r1"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="curso-r1"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="curso-r1"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="curso-r1"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="curso-r1"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="curso-r1"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="curso-r1"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="curso-r1"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="curso-r1"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="curso-r1"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="curso-r1"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="curso-r1"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="curso-r1"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="curso-r1"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="curso-r1"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="curso-r1"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="curso-r1"] .faq-list {display: grid; gap: 10px;}
html[data-page="curso-r1"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="curso-r1"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="curso-r1"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="curso-r1"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="curso-r1"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="curso-r1"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="curso-r1"] .faq-answer > div {overflow: hidden;}
html[data-page="curso-r1"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="curso-r1"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="curso-r1"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="curso-r1"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="curso-r1"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="curso-r1"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="curso-r1"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="curso-r1"] .brand-logos {display: grid; gap: 10px;}
html[data-page="curso-r1"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="curso-r1"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="curso-r1"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="curso-r1"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="curso-r1"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="curso-r1"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="curso-r1"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="curso-r1"] .socials {display: flex; gap: 9px;}
html[data-page="curso-r1"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="curso-r1"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="curso-r1"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="curso-r1"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="curso-r1"] .footer-links a,
html[data-page="curso-r1"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="curso-r1"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="curso-r1"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="curso-r1"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="curso-r1"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="curso-r1"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="curso-r1"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="curso-r1"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="curso-r1"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="curso-r1"] *,
html[data-page="curso-r1"] ::before,
html[data-page="curso-r1"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="curso-r1"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="curso-r1"] .hero-inner {gap: 38px;}
html[data-page="curso-r1"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="curso-r1"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="curso-r1"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="curso-r1"] .hero-r1,
html[data-page="curso-r1"] .hero-inner {min-height: auto;}
html[data-page="curso-r1"] .hero-r1 {margin-top: 74px;}
html[data-page="curso-r1"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="curso-r1"] .hero-copy {text-align: center;}
html[data-page="curso-r1"] .hero-copy > p {margin-inline: auto;}
html[data-page="curso-r1"] .eyebrow {justify-content: center;}
html[data-page="curso-r1"] .hero-facts,
html[data-page="curso-r1"] .hero-actions {justify-content: center;}
html[data-page="curso-r1"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="curso-r1"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="curso-r1"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="curso-r1"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="curso-r1"] .why-grid,
html[data-page="curso-r1"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .why-panel {min-height: auto;}
html[data-page="curso-r1"] .price-card {position: relative; top: auto;}
html[data-page="curso-r1"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="curso-r1"] .method-line,
html[data-page="curso-r1"] .method-line-fill {display: none;}
html[data-page="curso-r1"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="curso-r1"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="curso-r1"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="curso-r1"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="curso-r1"] .footer-main {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="curso-r1"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="curso-r1"] .hero-inner {padding-block: 60px 88px;}
html[data-page="curso-r1"] .hero-copy h1 {font-size: 42px;}
html[data-page="curso-r1"] .hero-copy > p {font-size: 16px;}
html[data-page="curso-r1"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="curso-r1"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .quick-item::after {display: none !important;}
html[data-page="curso-r1"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="curso-r1"] .section-pad {padding: 78px 0px;}
html[data-page="curso-r1"] .resources-grid,
html[data-page="curso-r1"] .included-list,
html[data-page="curso-r1"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="curso-r1"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="curso-r1"] .method-line,
html[data-page="curso-r1"] .method-line-fill {display: none;}
html[data-page="curso-r1"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="curso-r1"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="curso-r1"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="curso-r1"] .number-item:last-child {border-bottom: 0px;}
html[data-page="curso-r1"] .pricing-content {text-align: center;}
html[data-page="curso-r1"] .bonus-card {text-align: left;}
html[data-page="curso-r1"] .installments strong {font-size: 42px;}
html[data-page="curso-r1"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="curso-r1"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="curso-r1"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="curso-r1"] .footer-links {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="curso-r1"] .floating-contact span {display: none;}
html[data-page="curso-r1"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="curso-r1"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="curso-r1"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="curso-r1"] .footer-links a,
html[data-page="curso-r1"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="curso-r1"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="curso-r1"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="curso-r1"] .brand-group h2 {font-size: 14px !important;}
html[data-page="curso-r1"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="curso-r1"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="curso-r1"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="curso-r1"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="curso-r1"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="curso-r1"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="curso-r1"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="curso-r1"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="curso-r1"] .quick-item small {margin-bottom: 6px;}
html[data-page="curso-r1"] .quick-item strong {display: block;}
html[data-page="curso-r1"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="curso-r1"] .hero-copy h1 {font-size: 34px;}
html[data-page="curso-r1"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="curso-r1"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
html[data-page="index"] {--blue: #2f80ed; --blue-deep: #082942; --green: #00b388; --ink: #102939; --muted: #667085; --surface: #fff; --surface-soft: #f6f9fc; --border: rgba(16, 41, 57, 0.11); --header: rgba(255, 255, 255, 0.9); --shadow: 0 22px 60px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="index"][data-theme="dark"] {--ink: #f7fafc; --muted: #aab8c4; --surface: #081a28; --surface-soft: #0c2334; --border: rgba(230, 241, 255, 0.1); --header: rgba(7, 24, 37, 0.91); --shadow: 0 22px 60px rgba(0, 0, 0, 0.32); color-scheme: dark;}
html[data-page="index"] * {box-sizing: border-box;}
html[data-page="index"] {scroll-behavior: smooth;}
html[data-page="index"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, Arial, sans-serif; overflow-x: hidden;}
html[data-page="index"] a {color: inherit; text-decoration: none;}
html[data-page="index"] button {font: inherit; color: inherit;}
html[data-page="index"] .hero {position: relative; height: 700px; margin-top: 84px; overflow: hidden; background: rgb(6, 29, 47); color: rgb(255, 255, 255);}
html[data-page="index"] .hero-slide {position: absolute; inset: 0px; opacity: 0; visibility: hidden; transform: scale(1.02); transition: opacity 0.8s, visibility 0.8s, transform 1.1s; background-image: var(--hero-desktop); background-position: center center; background-size: cover;}
html[data-page="index"] .hero-inteligencia {--hero-desktop: url("../images/banner-inteligencia-desktop.webp"); --hero-mobile: var(--hero-desktop); --hero-mobile-size: 78%;}
html[data-page="index"] .hero-jornada {--hero-desktop: url("../images/banner-jornada-desktop.webp"); --hero-mobile: var(--hero-desktop); --hero-mobile-size: 86%;}
html[data-page="index"] .hero-desempenho {--hero-desktop: url("../images/banner-desempenho-desktop.webp"); --hero-mobile: var(--hero-desktop); --hero-mobile-size: 48%;}
html[data-page="index"] .hero-slide.is-active {opacity: 1; visibility: visible; transform: scale(1); z-index: 1;}
html[data-page="index"] .hero-slide::before {display: none;}
html[data-page="index"] .hero-grid {position: absolute; inset: 0px; z-index: 1; opacity: 0.12; background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 10%, transparent 68%);}
html[data-page="index"] .hero-container {position: relative; z-index: 2; width: min(var(--max), calc(100% - 48px)); height: 100%; margin: auto; display: flex; align-items: flex-start; padding-top: 100px; padding-bottom: 30px;}
html[data-page="index"] .hero-copy {max-width: 720px; animation: 0.85s ease 0.15s 1 normal both running index-reveal; text-shadow: rgba(2, 17, 28, 0.24) 0px 2px 22px;}
html[data-page="index"] .eyebrow {display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 600; letter-spacing: 0.16em; color: rgb(184, 217, 245); margin-bottom: 24px;}
html[data-page="index"] .eyebrow span {width: 34px; height: 2px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="index"] .hero h1 {margin: 0px; font-size: clamp(34px, 2.7vw, 44px); line-height: 1.06; letter-spacing: -0.045em; max-width: 650px;}
html[data-page="index"] .hero h1 em {font-style: normal; background: linear-gradient(90deg, rgb(103, 167, 255), rgb(53, 213, 172)) text; color: transparent;}
html[data-page="index"] .hero-copy > p {max-width: 630px; margin: 24px 0px 30px; color: rgb(209, 222, 234); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.65;}
html[data-page="index"] .hero-buttons {margin-top: 30px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
html[data-page="index"] .button {min-height: 52px; padding: 0px 23px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; font-size: 14px; font-weight: 760; transition: 0.22s;}
html[data-page="index"] .button.primary {color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), #216cdc); box-shadow: rgba(47, 128, 237, 0.3) 0px 16px 35px;}
html[data-page="index"] .button.primary:hover {transform: translateY(-3px); box-shadow: rgba(47, 128, 237, 0.42) 0px 20px 42px;}
html[data-page="index"] .slider-arrow {position: absolute; z-index: 4; top: 50%; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; display: grid; place-items: center; background: rgba(5, 29, 47, 0.38); color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(8px); transition: 0.2s;}
html[data-page="index"] .slider-arrow:hover {background: rgba(47, 128, 237, 0.78);}
html[data-page="index"] .slider-arrow.prev {left: 22px; transform: rotate(180deg);}
html[data-page="index"] .slider-arrow.next {right: 22px;}
html[data-page="index"] .slider-controls {position: absolute; z-index: 5; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px;}
html[data-page="index"] .slider-dots {display: flex; align-items: center; gap: 8px;}
html[data-page="index"] .slider-dot {width: 34px; height: 5px; padding: 0px; border: 0px; border-radius: 6px; background: rgba(255, 255, 255, 0.25); overflow: hidden; cursor: pointer;}
html[data-page="index"] .slider-dot span {display: block; width: 0px; height: 100%; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="index"] .slider-dot.active span {animation: 7.5s linear 0s 1 normal forwards running index-progress;}
html[data-page="index"] .hero.is-paused .slider-dot.active span,
html[data-page="index"] .hero.is-hover-paused .slider-dot.active span {animation-play-state: paused;}
html[data-page="index"] .slider-pause {width: 30px; height: 30px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 50%; display: grid; place-items: center; background: rgba(5, 29, 47, 0.62); color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(8px); transition: 0.2s;}
html[data-page="index"] .slider-pause:hover {border-color: rgba(255, 255, 255, 0.7); background: rgba(47, 128, 237, 0.82); transform: scale(1.06);}
html[data-page="index"] .slider-pause:focus-visible {outline: rgba(126, 217, 87, 0.76) solid 3px; outline-offset: 3px;}
html[data-page="index"] .slider-pause svg {width: 14px; height: 14px;}
html[data-page="index"] .slider-pause .slider-play-icon {display: none;}
html[data-page="index"] .slider-pause.is-paused .slider-pause-icon {display: none;}
html[data-page="index"] .slider-pause.is-paused .slider-play-icon {display: block;}
html[data-page="index"] .trust-strip {min-height: 104px; padding: 18px max(24px, calc((100% - var(--max)) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 35px;}
html[data-page="index"] .trust-strip > div {display: flex; align-items: center; justify-content: center; gap: 14px; border-right: 1px solid var(--border);}
html[data-page="index"] .trust-strip > div:last-child {border-right: 0px;}
html[data-page="index"] .trust-strip svg {color: var(--blue);}
html[data-page="index"] .trust-strip span {font-size: 20px; color: var(--muted);}
html[data-page="index"] .trust-strip strong {display: block; color: var(--ink); font-size: 24px;}
html[data-page="index"] .section {padding: 112px 0px; position: relative;}
html[data-page="index"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin: auto;}
html[data-page="index"] .section h2 {margin: 0px; color: var(--ink); font-size: clamp(35px, 3.5vw, 52px); line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="index"] .section h2 em {font-style: normal; color: var(--green);}
html[data-page="index"] .section-heading {margin-bottom: 52px;}
html[data-page="index"] .section-heading > p {max-width: 800px; margin: 20px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="index"] .reveal {opacity: 0; transform: translateY(24px); transition: opacity 0.75s, transform 0.75s;}
html[data-page="index"] .reveal.is-visible {opacity: 1; transform: none;}
html[data-page="index"] .benefit-list {display: grid; gap: 22px;}
html[data-page="index"] .benefit-list article {display: flex; align-items: flex-start; gap: 16px;}
html[data-page="index"] .benefit-list article > span {width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(47, 128, 237, 0.14); border-radius: 14px; background: linear-gradient(145deg, rgba(47, 128, 237, 0.12), rgba(0, 179, 136, 0.08)); color: var(--blue);}
html[data-page="index"] .benefit-list h3 {margin: 0px 0px 5px; font-size: 15px;}
html[data-page="index"] .benefit-list p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.55;}
html[data-page="index"] .video-card {position: relative; width: 100%; aspect-ratio: 1.34 / 1; border: 0px; border-radius: 30px; overflow: hidden; background: linear-gradient(135deg, rgb(7, 38, 62), rgb(14, 88, 115) 58%, rgb(0, 164, 127)); color: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.24) 0px 35px 80px; cursor: pointer; text-align: left;}
html[data-page="index"] .video-card::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 82% 18%, rgba(103, 210, 255, 0.35), transparent 25%), linear-gradient(90deg, rgba(4, 25, 40, 0.4), transparent);}
html[data-page="index"] .study-flow::before {content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.55), transparent);}
html[data-page="index"] .study-flow .section-shell {position: relative; z-index: 1;}
html[data-page="index"] .resources-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 30px;}
html[data-page="index"] .resource-icon {position: absolute; left: 24px; top: 24px; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 50%; background: linear-gradient(145deg, var(--blue), var(--green)); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.18) 0px 12px 28px, rgba(255, 255, 255, 0.035) 0px 0px 0px 7px; transition: transform 0.35s;}
html[data-page="index"] .resource-icon svg {width: 27px; height: 27px;}
html[data-page="index"] .study-flow {overflow: hidden; background: linear-gradient(rgb(10, 41, 64) 0%, rgb(6, 27, 43) 100%); color: rgb(255, 255, 255);}
html[data-page="index"] .study-flow::after {content: ""; position: absolute; width: 600px; height: 600px; left: -250px; bottom: -330px; border-radius: 50%; background: rgba(47, 128, 237, 0.17); filter: blur(95px); pointer-events: none;}
html[data-page="index"] .study-flow .trail {--trail-progress: 0%; position: relative; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; padding-top: 6px;}
html[data-page="index"] .study-flow .trail article {position: relative; z-index: 1; display: flex; min-width: 0px; padding: 0px 8px; flex-direction: column; align-items: center; text-align: center; cursor: pointer; outline: none;}
html[data-page="index"] .study-flow .trail article > span {position: relative; z-index: 2; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgb(11, 43, 65); color: rgb(145, 170, 190); font-size: 12px; font-weight: 850; box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 28px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="index"] .study-flow .trail article > span::before {content: ""; position: absolute; inset: -7px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="index"] .study-flow .trail article.active > span,
html[data-page="index"] .study-flow .trail article:hover > span,
html[data-page="index"] .study-flow .trail article:focus-visible > span {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-5px) scale(1.08); box-shadow: rgba(47, 128, 237, 0.1) 0px 0px 0px 8px, rgba(0, 179, 136, 0.2) 0px 18px 36px;}
html[data-page="index"] .study-flow .trail article.active > span::before,
html[data-page="index"] .study-flow .trail article:hover > span::before,
html[data-page="index"] .study-flow .trail article:focus-visible > span::before {border-color: rgba(91, 220, 182, 0.36); transform: scale(1.04);}
html[data-page="index"] .study-flow .trail article > div {max-width: 250px; margin-top: 21px; padding: 18px 16px 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); transition: transform 0.3s, border-color 0.3s;}
html[data-page="index"] .study-flow .trail article.active > div,
html[data-page="index"] .study-flow .trail article:hover > div {transform: translateY(-3px); border-color: rgba(0, 179, 136, 0.34);}
html[data-page="index"] .study-flow .trail small {color: rgb(95, 153, 186); font-size: 12px; font-weight: 850; letter-spacing: 0.14em;}
html[data-page="index"] .study-flow .trail h3 {margin: 6px 0px 8px; color: rgb(255, 255, 255); font-size: 20px;}
html[data-page="index"] .study-flow .trail p {margin: 0px; color: rgb(147, 170, 185); font-size: 12px; line-height: 1.6;}
@keyframes index-medprovas-device-float { 
  0%, 100% { transform: translateX(2.5%) translateY(0px) rotateX(0.01deg); }
  50% { transform: translateX(2.5%) translateY(-7px) rotateX(0.01deg); }
}
html[data-page="index"] .answer {min-height: 48px; margin-bottom: 9px; padding: 9px 12px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); font-size: 9px;}
html[data-page="index"] .answer b {width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: var(--surface-soft); color: var(--ink);}
html[data-page="index"] .numbers {position: relative; padding: 70px 0px; overflow: hidden; background: linear-gradient(110deg, rgb(8, 41, 66), rgb(13, 73, 98) 55%, rgb(0, 137, 112)); color: rgb(255, 255, 255);}
html[data-page="index"] .numbers::before {content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 45px 45px;}
html[data-page="index"] .numbers-grid {position: relative; display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="index"] .numbers article {display: flex; align-items: center; justify-content: center; gap: 16px; border-right: 1px solid rgba(255, 255, 255, 0.13);}
html[data-page="index"] .numbers article:last-child {border: 0px;}
html[data-page="index"] .numbers strong {min-width: 102px; font-size: 48px; line-height: 1; letter-spacing: -0.06em; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(104, 227, 192)) text; color: transparent;}
html[data-page="index"] .numbers span {font-size: 18px; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="index"] .testimonials {background: var(--surface-soft);}
html[data-page="index"] .testimonial-card {position: relative; min-height: 310px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 23px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.055) 0px 15px 40px;}
html[data-page="index"] .quote-icon {position: absolute; right: 25px; top: 22px; color: rgba(47, 128, 237, 0.14);}
html[data-page="index"] .quote-icon svg {width: 50px; height: 50px;}
html[data-page="index"] .stars {margin-bottom: 20px; color: rgb(232, 183, 71); font-size: 12px; letter-spacing: 3px;}
html[data-page="index"] .testimonial-card > p {margin: 0px; color: var(--ink); font-size: 15px; line-height: 1.8;}
html[data-page="index"] .testimonial-face {position: absolute; right: 24px; top: 22px; width: 86px; height: 86px; margin-left: 10px; object-fit: cover; object-position: center center; border: 3px solid var(--surface); border-radius: 50%; box-shadow: rgba(8, 41, 66, 0.2) 0px 10px 28px;}
html[data-page="index"] .testimonial-card.has-face .stars {padding-right: 106px;}
html[data-page="index"] .testimonial-card.has-face > p {display: -webkit-box; max-height: none; padding-right: 106px; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
html[data-page="index"] .testimonial-card.has-face {cursor: pointer;}
html[data-page="index"] .testimonial-card-cta {margin-top: 14px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: 0.02em;}
html[data-page="index"] .testimonial-card.has-face:focus-visible {outline: 3px solid color-mix(in srgb, var(--blue) 72%, transparent); outline-offset: 4px;}
html[data-page="index"] .testimonial-person > span {min-width: 0px;}
html[data-page="index"] .testimonial-person small {line-height: 1.45;}
html[data-page="index"] .testimonial-card > div:last-child {margin-top: auto; padding-top: 25px; display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--border);}
html[data-page="index"] .student-avatar {width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); font-size: 9px; font-weight: 850;}
html[data-page="index"] .testimonial-card strong,
html[data-page="index"] .testimonial-card small {display: block;}
html[data-page="index"] .testimonial-card strong {font-size: 11px;}
html[data-page="index"] .testimonial-card small {margin-top: 3px; color: var(--muted); font-size: 9px;}
html[data-page="index"] .teachers {background: var(--surface);}
html[data-page="index"] .teacher-card {padding: 14px 14px 20px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); transition: opacity 0.75s, transform 0.75s, box-shadow 0.25s;}
html[data-page="index"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.11) 0px 20px 45px;}
html[data-page="index"] .teacher-card h3 {margin: 0px 0px 8px; font-size: 14px;}
html[data-page="index"] .teacher-card p {min-height: 55px; margin: 0px 0px 17px; color: var(--muted); font-size: 10px; line-height: 1.55;}
html[data-page="index"] .teacher-card a {display: flex; align-items: center; gap: 6px; color: var(--blue); font-size: 9px; font-weight: 750;}
html[data-page="index"] .blog {background: var(--surface-soft);}
html[data-page="index"] .blog-head {margin-bottom: 42px; display: flex; justify-content: space-between; align-items: flex-end;}
html[data-page="index"] .blog-head > div {max-width: 750px;}
html[data-page="index"] .blog-head > a {display: flex; align-items: center; gap: 8px; color: var(--blue); font-size: 11px; font-weight: 750;}
html[data-page="index"] .post-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
html[data-page="index"] .post-card {border: 1px solid var(--border); border-radius: 22px; background: var(--surface); overflow: hidden; box-shadow: rgba(8, 41, 66, 0.05) 0px 14px 35px; transition: opacity 0.75s, transform 0.75s, box-shadow 0.25s;}
html[data-page="index"] .post-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 23px 55px;}
html[data-page="index"] .post-cover {position: relative; height: 160px; padding: 0px; overflow: hidden; background: rgb(8, 41, 66);}
html[data-page="index"] .post-cover img {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.45s;}
html[data-page="index"] .post-card:hover .post-cover img {transform: scale(1.05);}
html[data-page="index"] .post-card > a {height: 100%; display: flex; flex-direction: column;}
html[data-page="index"] .post-body {padding: 18px 20px 22px;}
html[data-page="index"] .post-body small {color: var(--muted); font-size: 9px;}
html[data-page="index"] .post-body h3 {min-height: 0px; margin: 0px; font-size: 15px; line-height: 1.42;}
html[data-page="index"] .post-body a {display: flex; align-items: center; gap: 7px; color: var(--blue); font-size: 10px; font-weight: 760;}
html[data-page="index"] .button.white {background: rgb(255, 255, 255); color: rgb(8, 48, 74); box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 35px;}
html[data-page="index"] .faq {background: var(--surface);}
html[data-page="index"] .faq-grid {display: grid; grid-template-columns: 0.68fr 1.32fr; gap: 90px; align-items: start;}
html[data-page="index"] .faq-intro {position: sticky; top: 120px;}
html[data-page="index"] .faq-intro > p {margin: 22px 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="index"] .faq-intro > a {display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 14px; font-weight: 750;}
html[data-page="index"] .faq-list {border-top: 1px solid var(--border);}
html[data-page="index"] .faq-list article {border-bottom: 1px solid var(--border);}
html[data-page="index"] .faq-list button {width: 100%; min-height: 80px; padding: 0px 4px; display: grid; grid-template-columns: 45px 1fr 42px; align-items: center; gap: 12px; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="index"] .faq-list button > span {color: var(--blue); font-size: 11px; font-weight: 800;}
html[data-page="index"] .faq-list button > strong {font-size: 16px;}
html[data-page="index"] .faq-list button > i {width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; color: var(--blue); transition: 0.25s;}
html[data-page="index"] .faq-list article.open button > i {background: var(--blue); color: rgb(255, 255, 255); transform: rotate(90deg);}
html[data-page="index"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="index"] .faq-answer p {overflow: hidden; margin: 0px 55px 0px 61px; color: var(--muted); font-size: 14px; line-height: 1.7;}
html[data-page="index"] .faq-list article.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="index"] .faq-list article.open .faq-answer p {padding-bottom: 25px;}
html[data-page="index"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="index"] .footer-main {padding: 75px 0px 60px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="index"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.92;}
html[data-page="index"] .footer-brand > p {margin: 25px 0px; color: rgb(144, 168, 184); font-size: 15px; line-height: 1.75;}
html[data-page="index"] .socials {display: flex; gap: 9px;}
html[data-page="index"] .socials a {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 11px; color: rgb(155, 178, 193); transition: 0.2s;}
html[data-page="index"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="index"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="index"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="index"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 11px;}
html[data-page="index"] .footer-links a,
html[data-page="index"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px;}
html[data-page="index"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="index"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px;}
html[data-page="index"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="index"] .footer-bottom > div {height: 70px; display: flex; align-items: center; justify-content: space-between; color: rgb(120, 148, 163); font-size: 11px;}
html[data-page="index"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; height: 48px; padding: 0px 17px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 11px; font-weight: 750; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px;}
html[data-page="index"] .video-modal {position: fixed; z-index: 1000; inset: 0px; padding: 28px; display: grid; place-items: center; background: rgba(2, 13, 22, 0.86); backdrop-filter: blur(12px); animation: 0.25s ease 0s 1 normal none running index-fadeIn;}
html[data-page="index"] .video-modal-box {position: relative; width: min(1050px, 100%);}
html[data-page="index"] .video-modal-box > button {position: absolute; z-index: 2; right: -12px; top: -52px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer;}
html[data-page="index"] .video-frame {position: relative; padding-top: 56.25%; overflow: hidden; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 100px;}
html[data-page="index"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes index-float { 
  50% { transform: translateY(-10px); }
}
@keyframes index-fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes index-reveal { 
  0% { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: none; }
}
@keyframes index-progress { 
  100% { width: 100%; }
}
@media (max-width: 900px) {
html[data-page="index"] .hero {margin-top: 74px; height: 700px;}
html[data-page="index"] .hero-slide {background-image: var(--hero-desktop); background-position: 62% center;}
html[data-page="index"] .eyebrow {font-size: 22px; font-weight: 600;}
html[data-page="index"] .trust-strip {grid-template-columns: repeat(2, 1fr); padding: 12px 20px;}
html[data-page="index"] .trust-strip > div {min-height: 70px;}
html[data-page="index"] .trust-strip > div:nth-child(2) {border-right: 0px;}
html[data-page="index"] .trust-strip > div:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
}
@media (max-width: 600px) {
html[data-page="index"] .hero {height: 900px;}
html[data-page="index"] .hero-container {width: calc(100% - 40px); align-items: flex-start; padding-top: 52px; padding-bottom: 155px;}
html[data-page="index"] .hero-slide {background-image: var(--hero-mobile, var(--hero-desktop)); background-position: center bottom; background-size: auto var(--hero-mobile-size, 78%); background-repeat: no-repeat;}
html[data-page="index"] .hero h1 {font-size: 29px; line-height: 1.04;}
html[data-page="index"] .hero-copy > p {font-size: 14px; line-height: 1.55; margin: 17px 0px 21px;}
html[data-page="index"] .eyebrow {font-size: 22px; font-weight: 600; margin-bottom: 18px;}
html[data-page="index"] .button {min-height: 49px; padding: 0px 18px; font-size: 13px;}
html[data-page="index"] .slider-arrow {display: none;}
html[data-page="index"] .slider-controls {bottom: 17px;}
html[data-page="index"] .trust-strip {grid-template-columns: 1fr 1fr; padding: 10px 12px;}
html[data-page="index"] .trust-strip > div {justify-content: flex-start; padding: 0px 8px; gap: 9px;}
html[data-page="index"] .trust-strip svg {width: 19px;}
html[data-page="index"] .trust-strip span {font-size: 10px;}
html[data-page="index"] .trust-strip strong {font-size: 11px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="index"] * {scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
}
@media (max-width: 1100px) {
html[data-page="index"] .section {padding: 95px 0px;}
html[data-page="index"] .teacher-card:nth-child(4),
html[data-page="index"] .teacher-card:nth-child(5) {transform: translateX(50%);}
html[data-page="index"] .footer-main {gap: 50px;}
html[data-page="index"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 900px) {
html[data-page="index"] .section-shell {width: min(var(--max), calc(100% - 36px));}
html[data-page="index"] .section {padding: 82px 0px;}
html[data-page="index"] .faq-grid {grid-template-columns: 1fr; gap: 55px;}
@keyframes index-medprovas-device-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
html[data-page="index"] .numbers-grid {grid-template-columns: repeat(2, 1fr); gap: 35px 0px;}
html[data-page="index"] .numbers article:nth-child(2) {border: 0px;}
html[data-page="index"] .post-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="index"] .testimonial-card:last-child,
html[data-page="index"] .post-card:last-child {grid-column: 1 / -1; width: calc(50% - 11px); margin: auto;}
html[data-page="index"] .faq-intro {position: relative; top: 0px;}
html[data-page="index"] .footer-main {grid-template-columns: 1fr;}
html[data-page="index"] .footer-brand {max-width: 420px;}
}
@media (max-width: 650px) {
html[data-page="index"] .section {padding: 68px 0px;}
html[data-page="index"] .section-shell {width: calc(100% - 30px);}
html[data-page="index"] .section h2 {font-size: 34px;}
html[data-page="index"] .section-heading {margin-bottom: 36px;}
html[data-page="index"] .section-heading > p {font-size: 14px;}
html[data-page="index"] .benefit-list article {gap: 12px;}
html[data-page="index"] .benefit-list article > span {width: 42px; height: 42px;}
html[data-page="index"] .video-card {aspect-ratio: 1.05 / 1; border-radius: 22px;}
html[data-page="index"] .trail article {grid-template-columns: 46px 1fr;}
html[data-page="index"] .trail article > span {width: 46px; height: 46px;}
html[data-page="index"] .numbers {padding: 52px 0px;}
html[data-page="index"] .numbers-grid {gap: 28px 0px;}
html[data-page="index"] .numbers article {gap: 8px; flex-direction: column; text-align: center;}
html[data-page="index"] .numbers strong {min-width: 0px; font-size: 38px;}
html[data-page="index"] .numbers span {font-size: 9px;}
html[data-page="index"] .post-grid {grid-template-columns: 1fr;}
html[data-page="index"] .testimonial-card:last-child,
html[data-page="index"] .post-card:last-child {grid-column: auto; width: 100%;}
html[data-page="index"] .testimonial-card {min-height: 285px;}
html[data-page="index"] .teacher-card:nth-child(4),
html[data-page="index"] .teacher-card:nth-child(5) {transform: none;}
html[data-page="index"] .teacher-card:last-child {grid-column: 1 / -1; width: calc(50% - 8px); margin: auto;}
html[data-page="index"] .blog-head {align-items: flex-start; flex-direction: column; gap: 25px;}
html[data-page="index"] .post-cover {height: 180px;}
html[data-page="index"] .faq-list button {grid-template-columns: 28px 1fr 36px; min-height: 72px;}
html[data-page="index"] .faq-list button > strong {font-size: 14px;}
html[data-page="index"] .faq-answer p {margin: 0px 10px 0px 40px;}
html[data-page="index"] .footer-main {padding: 55px 0px 45px;}
html[data-page="index"] .footer-links {grid-template-columns: 1fr 1fr; gap: 35px 20px;}
html[data-page="index"] .footer-bottom > div {height: auto; min-height: 75px; padding: 18px 0px; align-items: flex-start; flex-direction: column; gap: 8px;}
html[data-page="index"] .floating-contact {width: 48px; padding: 0px; justify-content: center; border-radius: 50%;}
html[data-page="index"] .floating-contact span {display: none;}
html[data-page="index"] .video-modal {padding: 15px;}
html[data-page="index"] .video-modal-box > button {right: 0px; top: -50px;}
}
html[data-page="index"] .study-flow {scroll-margin-top: 84px;}
@media (max-width: 900px) {
html[data-page="index"] .resources-grid {grid-template-columns: 1fr; gap: 16px;}
html[data-page="index"] .study-flow .trail {gap: 10px;}
html[data-page="index"] .study-flow .trail article {padding-inline: 4px;}
html[data-page="index"] .study-flow .trail article > div {padding-inline: 8px;}
}
@media (max-width: 650px) {
html[data-page="index"] .resource-icon {left: 19px; top: 21px; width: 48px; height: 48px;}
html[data-page="index"] .resource-icon svg {width: 24px; height: 24px;}
html[data-page="index"] .study-flow .trail {display: flex; gap: 14px; margin-inline: -15px; padding: 8px 15px 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="index"] .study-flow .trail::-webkit-scrollbar {display: none;}
html[data-page="index"] .study-flow .trail article {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 24px 20px; justify-content: flex-start; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(255, 255, 255, 0.05); scroll-snap-align: center;}
html[data-page="index"] .study-flow .trail article > div {max-width: none; width: 100%; margin-top: 20px; padding: 18px 0px 0px;}
}
html[data-page="index"] .media-video-grid {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
html[data-page="index"] .media-video-card {padding: 0px; overflow: hidden; text-align: left; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 22px; background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.17) 0px 20px 55px; cursor: pointer; transition: transform 0.3s, border-color 0.3s, background 0.3s;}
html[data-page="index"] .media-video-card:hover {transform: translateY(-7px); border-color: rgba(101, 226, 194, 0.6); background: rgba(255, 255, 255, 0.1);}
html[data-page="index"] .media-poster {position: relative; aspect-ratio: 16 / 9; display: block; overflow: hidden; background: rgb(7, 23, 37);}
html[data-page="index"] .media-poster::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 35%, rgba(3, 18, 29, 0.55));}
html[data-page="index"] .media-poster img {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.45s, filter 0.45s;}
html[data-page="index"] .media-video-card:hover .media-poster img {transform: scale(1.055); filter: saturate(1.08);}
html[data-page="index"] .media-poster i {position: absolute; z-index: 2; left: 50%; top: 50%; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 50%; background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); backdrop-filter: blur(13px); transform: translate(-50%, -50%); box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 10px; transition: 0.3s;}
html[data-page="index"] .media-video-card:hover .media-poster i {background: rgb(255, 255, 255); color: var(--blue); transform: translate(-50%, -50%) scale(1.08);}
html[data-page="index"] .media-poster b {position: absolute; z-index: 2; right: 13px; top: 13px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(4, 24, 38, 0.72); color: rgb(143, 230, 209); font-size: 10px;}
html[data-page="index"] .media-video-copy {padding: 20px; display: flex; flex-direction: column;}
html[data-page="index"] .media-video-copy small {color: rgb(114, 224, 194); font-size: 9px; font-weight: 800; letter-spacing: 0.15em;}
html[data-page="index"] .media-video-copy strong {margin: 9px 0px 22px; font-size: 15px; line-height: 1.35;}
html[data-page="index"] .media-video-copy em {margin-top: auto; display: flex; align-items: center; justify-content: space-between; color: rgb(198, 214, 223); font-size: 10px; font-style: normal; font-weight: 700;}
html[data-page="index"] .media-video-copy em svg {width: 16px; height: 16px;}
html[data-page="index"] .video-modal-title {margin: 0px 0px 12px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 750;}
html[data-page="index"] .carousel-heading {margin-bottom: 42px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px;}
html[data-page="index"] .carousel-heading .section-heading {margin-bottom: 0px;}
html[data-page="index"] .carousel-arrow {width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 28px; line-height: 1; cursor: pointer; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 26px; transition: 0.25s;}
html[data-page="index"] .carousel-arrow:hover:not(:disabled) {transform: translateY(-3px); border-color: rgba(47, 128, 237, 0.42); color: var(--blue);}
html[data-page="index"] .carousel-arrow:disabled {opacity: 0.35; cursor: not-allowed;}
html[data-page="index"] .carousel-counter {min-width: 54px; text-align: center; color: var(--muted); font-size: 11px; font-weight: 750;}
html[data-page="index"] .carousel-viewport {overflow: hidden; padding: 4px 2px 18px;}
html[data-page="index"] .carousel-track {display: flex; gap: 22px; will-change: transform; transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1);}
html[data-page="index"] .carousel-slide {flex: 0 0 auto;}
html[data-page="index"] .testimonial-carousel .testimonial-card {min-height: 350px;}
html[data-page="index"] .demo-label {margin-top: 3px; font-weight: 700; color: var(--blue) !important; font-size: 8px !important;}
html[data-page="index"] .teachers {background: var(--surface);}
html[data-page="index"] .teacher-carousel .carousel-track {gap: 16px;}
html[data-page="index"] .teacher-card {min-height: 0px; padding: 14px 14px 20px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 35px;}
html[data-page="index"] .teacher-card:hover {transform: translateY(-6px); box-shadow: rgba(8, 41, 66, 0.13) 0px 22px 50px;}
html[data-page="index"] .teacher-thumb {position: relative; height: 190px; margin-bottom: 18px; overflow: hidden; border-radius: 15px; background: var(--surface-soft);}
html[data-page="index"] .teacher-thumb img {width: 100%; height: 100%; display: block; object-fit: cover;}
html[data-page="index"] .teacher-thumb span {position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(8, 41, 66, 0.85); color: rgb(255, 255, 255); font-size: 9px; font-weight: 800; backdrop-filter: blur(8px);}
html[data-page="index"] .teacher-card h3 {margin: 0px 0px 8px; font-size: 16px;}
html[data-page="index"] .teacher-card p {min-height: 0px; margin: 0px 0px 14px; color: var(--muted); font-size: 12px; line-height: 1.58;}
html[data-page="index"] .teacher-card a {display: flex; align-items: center; gap: 6px; color: var(--blue); font-size: 9px; font-weight: 750;}
html[data-page="index"] .teacher-card a svg {width: 15px; height: 15px;}
html[data-page="index"] .brand-strip {padding: 0px; overflow: hidden; background: rgb(255, 255, 255); border-top: 1px solid rgb(229, 238, 242); border-bottom: 1px solid rgb(229, 238, 242);}
html[data-page="index"] .brand-strip-inner {width: 100%; margin: auto; background: rgb(255, 255, 255);}
html[data-page="index"] .brand-strip img {width: 100%; height: auto; display: block; object-fit: contain; background: rgb(255, 255, 255);}
html[data-page="index"][data-theme="dark"] .brand-strip {background: rgb(255, 255, 255);}
@media (max-width: 1100px) {
html[data-page="index"] .media-video-grid {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 900px) {
html[data-page="index"] .carousel-heading {align-items: flex-start;}
}
@media (max-width: 640px) {
html[data-page="index"] .media-video-grid {grid-template-columns: 1fr;}
html[data-page="index"] .media-video-card {max-width: 520px; width: 100%; margin: auto;}
html[data-page="index"] .carousel-heading {flex-direction: column; align-items: stretch;}
html[data-page="index"] .carousel-track {gap: 14px;}
html[data-page="index"] .testimonial-carousel .testimonial-card {min-height: 310px;}
html[data-page="index"] .teacher-thumb {height: 220px;}
html[data-page="index"] .brand-strip {overflow-x: auto;}
html[data-page="index"] .brand-strip img {width: 980px; max-width: none;}
}
html[data-page="index"] .testimonials .carousel-heading,
html[data-page="index"] .teachers .carousel-heading {flex-direction: column; align-items: center; justify-content: center; text-align: center;}
html[data-page="index"] .testimonials .carousel-heading .section-heading,
html[data-page="index"] .teachers .carousel-heading .section-heading {width: 100%; min-width: 0px; max-width: 920px; margin-inline: auto; text-align: center;}
html[data-page="index"] .teacher-thumb {background: transparent !important;}
html[data-page="index"] .teacher-thumb img {background: transparent !important;}
html[data-page="index"] .blog-head {flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center;}
html[data-page="index"] .blog-head > div {max-width: 900px;}
html[data-page="index"] .blog-head > a {justify-content: center; font-size: 13px;}
html[data-page="index"] .post-grid {grid-template-columns: repeat(4, minmax(0px, 1fr));}
html[data-page="index"] .post-body h3 {min-height: 94px;}
html[data-page="index"] .brand-strip {padding: 50px 0px 54px; overflow: visible; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 234, 240); border-bottom: 1px solid rgb(223, 234, 240);}
html[data-page="index"] .brand-strip-inner {width: min(1040px, 100% - 40px); display: grid; grid-template-columns: minmax(0px, 1fr); gap: 32px; align-items: stretch; background: rgb(255, 255, 255);}
html[data-page="index"] .brand-group {min-width: 0px;}
html[data-page="index"] .brand-group h2 {margin: 0px 0px 20px; color: rgb(73, 107, 154); font-size: 16px; line-height: 1.2; font-weight: 850; letter-spacing: 0.12em; text-align: center;}
html[data-page="index"] .brand-strip-divider {width: 100%; height: 1px; min-height: 1px; background: rgb(214, 226, 232);}
html[data-page="index"] .brand-logos {display: grid; gap: 16px;}
html[data-page="index"] .institution-logos {grid-template-columns: repeat(5, minmax(0px, 1fr));}
html[data-page="index"] .developed-logos {width: 100%; max-width: 880px; margin-inline: auto; grid-template-columns: repeat(4, minmax(0px, 1fr));}
html[data-page="index"] .brand-logo-card {height: 104px; padding: 18px 20px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgb(220, 232, 239); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.055) 0px 8px 24px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;}
html[data-page="index"] .brand-logo-card:hover {transform: translateY(-3px); border-color: rgba(47, 128, 237, 0.25); box-shadow: rgba(8, 41, 66, 0.09) 0px 14px 30px;}
html[data-page="index"] .brand-logo-card img {width: 100%; height: 100%; display: block; object-fit: contain; background: transparent;}
html[data-page="index"][data-theme="dark"] .brand-strip,
html[data-page="index"][data-theme="dark"] .brand-strip-inner,
html[data-page="index"][data-theme="dark"] .brand-logo-card {background: rgb(255, 255, 255);}
@media (max-width: 1100px) {
html[data-page="index"] .post-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="index"] .post-card:last-child {grid-column: auto; width: auto; margin: 0px;}
html[data-page="index"] .brand-strip-inner {width: min(100% - 40px, 960px);}
html[data-page="index"] .brand-strip-divider {width: 100%; min-height: 1px; height: 1px;}
}
@media (max-width: 760px) {
html[data-page="index"] .post-grid {grid-template-columns: 1fr;}
html[data-page="index"] .post-card:last-child {width: 100%;}
html[data-page="index"] .post-body h3 {min-height: 0px;}
html[data-page="index"] .institution-logos {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="index"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="index"] .developed-logos {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="index"] .brand-logo-card {height: 92px; padding: 15px 17px;}
}
@media (max-width: 430px) {
html[data-page="index"] .brand-strip-inner {width: min(100% - 24px, var(--max));}
html[data-page="index"] .brand-group h2 {font-size: 12px;}
html[data-page="index"] .brand-logo-card {height: 82px; padding: 12px;}
}
html[data-page="index"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="index"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="index"] .footer-links a,
html[data-page="index"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="index"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="index"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="index"] .brand-group h2 {font-size: 14px !important;}
html[data-page="index"] .section-title-pill {width: max-content; max-width: 100%; margin: 0px auto; padding: 13px 31px 14px; display: inline-flex; align-items: center; justify-content: center; border: 0px; border-radius: 999px; background: linear-gradient(90deg, rgb(21, 152, 199) 0%, rgb(8, 181, 160) 54%, rgb(104, 213, 94) 100%); text-align: center; text-transform: none; box-shadow: rgba(9, 173, 150, 0.2) 0px 14px 32px; text-shadow: rgba(3, 65, 75, 0.18) 0px 1px 2px; color: rgb(255, 255, 255) !important; font-size: 26px !important; font-weight: 500 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important;}
html[data-page="index"] .new-section-heading {max-width: 970px; margin: 0px auto 46px; text-align: center;}
html[data-page="index"] .new-section-heading > p {max-width: 870px; margin: 26px auto 0px; color: var(--muted); font-size: clamp(15px, 1.4vw, 18px); line-height: 1.72;}
html[data-page="index"] .faq-lead {margin: 25px 0px 0px; color: var(--ink); font-size: clamp(27px, 2px + 2.7vw, 40px); line-height: 1.1; letter-spacing: -0.04em;}
html[data-page="index"] .faq-lead em {color: var(--green); font-style: normal;}
html[data-page="index"] .brand-title-pill {width: max-content; max-width: 100%; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; margin: 0px auto 18px !important; color: rgb(10, 113, 128) !important; font-size: 15px !important; letter-spacing: 0.12em !important;}
html[data-page="index"] .courses-showcase {position: relative; overflow: hidden; isolation: isolate; border-top: 1px solid rgba(32, 143, 177, 0.14); border-bottom: 1px solid rgba(0, 179, 136, 0.16); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.19), transparent 28%), radial-gradient(circle at 92% 82%, rgba(0, 179, 136, 0.19), transparent 31%), linear-gradient(135deg, rgb(228, 245, 251) 0%, rgb(242, 249, 255) 48%, rgb(232, 248, 240) 100%); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset, rgba(47, 128, 237, 0.035) 0px 28px 70px inset;}
html[data-page="index"] .courses-showcase::before {content: ""; position: absolute; inset: 0px; z-index: -2; opacity: 0.32; background-image: radial-gradient(circle, rgba(16, 126, 160, 0.23) 1px, transparent 1.4px); background-size: 29px 29px; mask-image: linear-gradient(115deg, rgb(0, 0, 0) 0%, transparent 54%, rgb(0, 0, 0) 100%); pointer-events: none;}
html[data-page="index"] .courses-showcase::after {content: ""; position: absolute; z-index: -1; width: 470px; height: 470px; right: -260px; top: -250px; border: 1px solid rgba(0, 179, 136, 0.18); border-radius: 50%; box-shadow: rgba(47, 128, 237, 0.035) 0px 0px 0px 58px, rgba(0, 179, 136, 0.09) 0px 0px 90px; pointer-events: none;}
html[data-page="index"] .courses-showcase .section-shell {position: relative; z-index: 1;}
html[data-page="index"] .courses-showcase .new-section-heading > p {color: rgb(69, 101, 117); font-weight: 650;}
html[data-page="index"] .courses-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
html[data-page="index"] .course-card-new {position: relative; min-height: 280px; padding: 26px; overflow: hidden; border: 1px solid rgba(83, 157, 183, 0.2); border-radius: 25px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.094) 0px 20px 48px; transition: transform 0.32s, box-shadow 0.32s, border-color 0.32s;}
html[data-page="index"] .course-card-new::before {content: ""; position: absolute; width: 190px; height: 190px; right: -100px; top: -105px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.18), transparent 69%); transition: transform 0.45s;}
html[data-page="index"] .course-card-new::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.45s;}
html[data-page="index"] .course-card-new:hover {transform: translateY(-8px); border-color: rgba(0, 179, 136, 0.32); box-shadow: rgba(8, 41, 66, 0.13) 0px 28px 58px;}
html[data-page="index"] .course-card-new:hover::before {transform: scale(1.2);}
html[data-page="index"] .course-card-new:hover::after {right: 0px;}
html[data-page="index"] .course-card-icon {position: relative; width: 64px; height: 64px; display: grid; place-items: center; overflow: visible; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 21px; background: linear-gradient(145deg, rgb(47, 128, 237), rgb(21, 159, 194) 54%, rgb(0, 179, 136)); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.24) 0px 16px 34px, rgba(255, 255, 255, 0.28) 0px 1px 0px inset; animation: 3.8s ease-in-out 0s infinite normal none running index-courseIconFloat; isolation: isolate;}
html[data-page="index"] .course-card-icon::before {content: ""; position: absolute; inset: -7px; z-index: -1; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 25px; opacity: 0.72; animation: 3.8s ease-in-out 0s infinite normal none running index-courseIconHalo;}
html[data-page="index"] .course-card-icon::after {content: ""; position: absolute; inset: 5px; border-radius: 16px; background: linear-gradient(125deg, rgba(255, 255, 255, 0.28), transparent 42%); pointer-events: none;}
html[data-page="index"] .course-card-icon svg {position: relative; z-index: 1; width: 31px; height: 31px; filter: drop-shadow(rgba(2, 53, 79, 0.2) 0px 4px 7px); transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="index"] .course-card-new:nth-child(2) .course-card-icon {background: linear-gradient(145deg, rgb(18, 102, 219), rgb(37, 127, 239) 52%, rgb(3, 180, 160)); animation-delay: -0.65s;}
html[data-page="index"] .course-card-new:nth-child(3) .course-card-icon {background: linear-gradient(145deg, rgb(0, 143, 181), rgb(0, 174, 170) 55%, rgb(100, 202, 97)); animation-delay: -1.3s;}
html[data-page="index"] .course-card-new:nth-child(4) .course-card-icon {background: linear-gradient(145deg, rgb(33, 95, 212), rgb(85, 126, 232) 52%, rgb(8, 184, 149)); animation-delay: -1.95s;}
html[data-page="index"] .course-card-new:nth-child(5) .course-card-icon {background: linear-gradient(145deg, rgb(8, 123, 169), rgb(10, 166, 170) 55%, rgb(106, 200, 93)); animation-delay: -2.6s;}
html[data-page="index"] .course-card-new:nth-child(6) .course-card-icon {background: linear-gradient(145deg, rgb(33, 111, 215), rgb(0, 163, 182) 52%, rgb(23, 184, 110)); animation-delay: -3.25s;}
html[data-page="index"] .course-card-new:hover .course-card-icon svg {transform: scale(1.15) rotate(-7deg);}
html[data-page="index"] .course-card-new:hover .course-card-icon::before {border-color: rgba(0, 179, 136, 0.5); transform: scale(1.08) rotate(8deg);}
@keyframes index-courseIconFloat { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(2deg); }
}
@keyframes index-courseIconHalo { 
  0%, 100% { opacity: 0.45; transform: scale(0.96); }
  50% { opacity: 0.9; transform: scale(1.06); }
}
html[data-page="index"] .course-card-new small {display: block; margin-top: 21px; color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: 0.15em;}
html[data-page="index"] .course-card-new h3 {margin: 8px 0px 10px; color: var(--ink); font-size: 24px; letter-spacing: -0.035em;}
html[data-page="index"] .course-card-new p {margin: 0px 0px 22px; color: var(--muted); font-size: 12px; line-height: 1.66;}
html[data-page="index"] .course-card-new a {display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-size: 11px; font-weight: 850;}
html[data-page="index"] .course-card-new a svg {width: 16px; height: 16px; transition: transform 0.2s;}
html[data-page="index"] .course-card-new a:hover svg {transform: translateX(4px);}
html[data-page="index"] .solutions-new {position: relative; overflow: hidden; background: radial-gradient(circle at 8% 0%, rgba(47, 128, 237, 0.12), transparent 31%),
    radial-gradient(
      circle at 94% 100%,
      rgba(0, 179, 136, 0.12),
      transparent 34%
    ),
    linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="index"] .solutions-grid-new {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px;}
html[data-page="index"] .solution-card-new {position: relative; min-height: 420px; padding: 27px; display: flex; flex-direction: column; overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 30px; background: linear-gradient(145deg, rgb(6, 29, 49) 0%, rgb(11, 80, 112) 57%, rgb(0, 169, 130) 100%); color: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.2) 0px 28px 70px; transition: transform 0.35s, box-shadow 0.35s;}
html[data-page="index"] .solution-card-new:hover {transform: translateY(-8px); box-shadow: rgba(8, 41, 66, 0.28) 0px 38px 88px;}
html[data-page="index"] .solution-card-new::before {content: ""; position: absolute; inset: 0px; z-index: -2; opacity: 0.23; background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(135deg, rgb(0, 0, 0), transparent 74%);}
html[data-page="index"] .solution-card-new::after {content: ""; position: absolute; z-index: -1; width: 310px; height: 310px; right: -150px; top: -140px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; box-shadow: rgba(100, 220, 255, 0.13) 0px 0px 70px;}
html[data-page="index"] .solution-logo {position: relative; z-index: 3; max-width: 218px; max-height: 74px; display: block; object-fit: contain; object-position: left center; filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px);}
html[data-page="index"] .solution-person {position: absolute; z-index: 1; right: -24px; bottom: 0px; width: 61%; max-height: 82%; object-fit: contain; object-position: right bottom; filter: drop-shadow(rgba(0, 0, 0, 0.27) 0px 24px 26px); transition: transform 0.45s;}
html[data-page="index"] .solution-card-new:hover .solution-person {transform: translate3d(-5px, -6px, 0px) scale(1.025);}
html[data-page="index"] .solution-device {width: 49%; right: -18px; bottom: 12px; transform: rotate(1deg);}
html[data-page="index"] .solution-card-new:hover .solution-device {transform: translate3d(-5px, -7px, 0px) rotate(-1deg) scale(1.03);}
html[data-page="index"] .solution-body {position: relative; z-index: 4; left: auto; right: auto; bottom: auto; max-width: 61%; margin-top: 42px;}
html[data-page="index"] .solution-body > span {display: block; margin-bottom: 9px; color: rgb(143, 230, 209); font-size: 9px; font-weight: 850; letter-spacing: 0.15em;}
html[data-page="index"] .solution-body h3 {margin: 0px 0px 11px; color: rgb(255, 255, 255); font-size: 24px; line-height: 1.1; letter-spacing: -0.035em;}
html[data-page="index"] .solution-body p {margin: 0px 0px 18px; color: rgba(255, 255, 255, 0.82); font-size: 12.5px; line-height: 1.58;}
html[data-page="index"] .solution-body a {width: max-content; min-height: 41px; padding: 0px 14px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 13px; background: rgba(255, 255, 255, 0.11); color: rgb(255, 255, 255); font-size: 10px; font-weight: 800; transition: 0.25s;}
html[data-page="index"] .solution-body a:hover {transform: translateX(3px); background: rgb(255, 255, 255); color: rgb(8, 41, 66);}
html[data-page="index"] .blog-head > div {max-width: 1200px;}
html[data-page="index"] .ecosystem-videos {position: relative; overflow: hidden; background: linear-gradient(135deg, rgb(6, 28, 48) 0%, rgb(9, 47, 75) 58%, rgb(7, 91, 96) 100%); color: rgb(255, 255, 255);}
html[data-page="index"] .ecosystem-videos::before {content: ""; position: absolute; inset: 0px; opacity: 0.12; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.65) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(120deg, transparent 8%, rgb(0, 0, 0) 72%);}
html[data-page="index"] .ecosystem-videos .section-shell {position: relative; z-index: 1;}
html[data-page="index"] .ecosystem-videos .new-section-heading > p {color: rgb(195, 213, 222);}
html[data-page="index"][data-theme="dark"] .solutions-new {background: var(--surface);}
html[data-page="index"][data-theme="dark"] .courses-showcase {border-color: rgba(104, 213, 180, 0.17); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.23), transparent 30%), radial-gradient(circle at 92% 82%, rgba(0, 179, 136, 0.22), transparent 34%), linear-gradient(135deg, rgb(4, 21, 34) 0%, rgb(8, 43, 64) 50%, rgb(7, 85, 72) 100%); box-shadow: rgba(129, 224, 196, 0.08) 0px 1px 0px inset;}
html[data-page="index"][data-theme="dark"] .courses-showcase::before {opacity: 0.22;}
html[data-page="index"][data-theme="dark"] .courses-showcase::after {border-color: rgba(108, 226, 190, 0.18); box-shadow: rgba(47, 128, 237, 0.043) 0px 0px 0px 58px, rgba(0, 179, 136, 0.12) 0px 0px 100px;}
html[data-page="index"][data-theme="dark"] .courses-showcase .new-section-heading > p {color: rgb(201, 220, 228);}
html[data-page="index"][data-theme="dark"] .course-card-new {border-color: rgba(136, 208, 196, 0.15); background: linear-gradient(145deg, rgb(13, 43, 61), rgb(16, 56, 74)); box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 52px;}
html[data-page="index"][data-theme="dark"] .course-card-new small {color: rgb(102, 223, 189);}
html[data-page="index"][data-theme="dark"] .course-card-new p {color: rgb(198, 213, 221);}
html[data-page="index"][data-theme="dark"] .course-card-new a {color: rgb(117, 178, 255);}
@media (max-width: 1080px) {
html[data-page="index"] .courses-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="index"] .solutions-grid-new {grid-template-columns: 1fr 1fr;}
html[data-page="index"] .solution-card-new:last-child {grid-column: 1 / -1; width: calc(50% - 11px); margin-inline: auto;}
}
@media (max-width: 820px) {
html[data-page="index"] .solutions-grid-new {grid-template-columns: 1fr;}
html[data-page="index"] .solution-card-new,
html[data-page="index"] .solution-card-new:last-child {width: 100%; max-width: 670px; min-height: 515px; margin-inline: auto; grid-column: auto;}
}
@media (max-width: 640px) {
html[data-page="index"] .section-title-pill {width: 100%; padding: 12px 20px 13px; border-radius: 28px; box-shadow: rgba(9, 173, 150, 0.18) 0px 12px 28px; font-size: 26px !important;}
html[data-page="index"] .new-section-heading {margin-bottom: 34px;}
html[data-page="index"] .new-section-heading > p {margin-top: 21px; font-size: 14px;}
html[data-page="index"] .courses-grid {grid-template-columns: 1fr;}
html[data-page="index"] .course-card-new {min-height: 260px;}
html[data-page="index"] .solution-card-new {min-height: 500px; padding: 24px; border-radius: 25px;}
html[data-page="index"] .solution-logo {max-width: 195px;}
html[data-page="index"] .solution-body {left: auto; right: auto; bottom: auto; max-width: 68%; margin-top: 46px;}
html[data-page="index"] .solution-person {width: 65%; right: -35px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="index"] .course-card-new,
html[data-page="index"] .solution-card-new,
html[data-page="index"] .solution-person {transition: none !important;}
html[data-page="index"] .course-card-icon,
html[data-page="index"] .course-card-icon::before {animation: auto ease 0s 1 normal none running none !important;}
}
html[data-page="index"] .hero-desempenho {background-color: rgb(6, 29, 47); background-position: right center; background-size: 78%; background-repeat: no-repeat;}
html[data-page="index"] .hero-inteligencia .hero-copy,
html[data-page="index"] .hero-jornada .hero-copy {max-width: 630px;}
html[data-page="index"] .hero-inteligencia h1,
html[data-page="index"] .hero-jornada h1,
html[data-page="index"] .hero-desempenho h1 {font-size: 42px; font-weight: 100;}
html[data-page="index"] .hero-desempenho .hero-copy,
html[data-page="index"] .hero-desempenho h1,
html[data-page="index"] .hero-desempenho .hero-copy > p {max-width: 565px;}
html[data-page="index"] .hero-resource-list {max-width: 575px; margin: 24px 0px 27px; padding: 0px; display: grid; grid-template-columns: 1fr; gap: 12px; list-style: none;}
html[data-page="index"] .hero-resource-list li {min-height: 0px; padding: 0px; display: flex; align-items: center; gap: 9px; border: 0px; border-radius: 0px; background: transparent; color: rgb(237, 249, 251); font-size: 19px; font-weight: 750; line-height: 1.25; box-shadow: none; backdrop-filter: none;}
html[data-page="index"] .hero-resource-list li::before {content: ""; width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: linear-gradient(135deg, rgb(77, 165, 255), rgb(66, 214, 173)); box-shadow: rgba(66, 214, 173, 0.48) 0px 0px 12px;}
html[data-page="index"] .hero-resource-list li:last-child {grid-column: auto;}
html[data-page="index"] .teachers {position: relative; overflow: hidden; border-top: 1px solid rgba(47, 128, 237, 0.1); border-bottom: 1px solid rgba(0, 179, 136, 0.12); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.13), transparent 31%), radial-gradient(circle at 92% 84%, rgba(0, 179, 136, 0.14), transparent 33%), linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(247, 252, 255) 50%, rgb(238, 250, 245) 100%);}
html[data-page="index"] .teachers::before {content: ""; position: absolute; inset: 0px; opacity: 0.22; background-image: radial-gradient(circle, rgba(28, 131, 169, 0.22) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(120deg, rgb(0, 0, 0), transparent 72%); pointer-events: none;}
html[data-page="index"] .teachers .section-shell {position: relative; z-index: 1;}
html[data-page="index"][data-theme="dark"] .teachers {border-color: rgba(106, 220, 190, 0.13); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.2), transparent 31%), radial-gradient(circle at 92% 84%, rgba(0, 179, 136, 0.18), transparent 34%), linear-gradient(135deg, rgb(6, 23, 37) 0%, rgb(9, 43, 60) 52%, rgb(8, 59, 53) 100%);}
html[data-page="index"][data-theme="dark"] .teachers .teacher-card {border-color: rgba(129, 211, 196, 0.15); background: linear-gradient(145deg, rgb(12, 42, 59), rgb(16, 56, 73)); box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 48px;}
@media (max-width: 1100px) and (min-width: 901px) {
html[data-page="index"] .hero-desempenho {background-size: 62%;}
html[data-page="index"] .hero-desempenho .hero-copy,
html[data-page="index"] .hero-desempenho h1,
html[data-page="index"] .hero-desempenho .hero-copy > p {max-width: 500px;}
html[data-page="index"] .hero-resource-list {max-width: 520px;}
}
@media (max-width: 900px) and (min-width: 601px) {
html[data-page="index"] .hero-inteligencia .hero-copy,
html[data-page="index"] .hero-jornada .hero-copy {max-width: 52%;}
html[data-page="index"] .hero-inteligencia h1,
html[data-page="index"] .hero-jornada h1 {max-width: 100%; font-size: 42px;}
html[data-page="index"] .hero-desempenho {background-position: right bottom; background-size: 58%;}
html[data-page="index"] .hero-desempenho .hero-copy,
html[data-page="index"] .hero-desempenho h1,
html[data-page="index"] .hero-desempenho .hero-copy > p {max-width: 48%;}
html[data-page="index"] .hero-resource-list {max-width: 100%; grid-template-columns: 1fr;}
html[data-page="index"] .hero-resource-list li:last-child {grid-column: auto;}
}
@media (max-width: 600px) {
html[data-page="index"] .hero .eyebrow {font-size: 22px; line-height: 1.18; letter-spacing: 0.1em;}
html[data-page="index"] .hero-desempenho {background-position: center bottom; background-size: auto 48%;}
html[data-page="index"] .hero-inteligencia,
html[data-page="index"] .hero-jornada {background-position: center bottom; background-size: auto var(--hero-mobile-size);}
html[data-page="index"] .hero-desempenho h1 {font-size: 42px;}
html[data-page="index"] .hero-desempenho .hero-copy > p {font-size: 13px;}
html[data-page="index"] .hero-inteligencia h1,
html[data-page="index"] .hero-jornada h1 {font-size: 42px;}
html[data-page="index"] .hero-resource-list {max-width: none; margin: 15px 0px 18px; gap: 6px;}
html[data-page="index"] .hero-resource-list li {min-height: 0px; padding: 0px; border-radius: 0px; font-size: 13px;}
}
html[data-page="index"] .hero-container {align-items: stretch; padding-top: 64px; padding-bottom: 76px;}
html[data-page="index"] .hero-copy {width: 100%; height: 80%; min-height: 0px; display: grid; grid-template-rows: auto minmax(0px, 1fr) auto;}
html[data-page="index"] .hero-message {align-self: center; min-width: 0px;}
html[data-page="index"] .hero-message h1 {margin: 0px;}
html[data-page="index"] .hero-message .hero-resource-list {margin: 24px 0px 0px;}
html[data-page="index"] .hero-buttons {align-self: end; margin-top: 0px;}
html[data-page="index"] .section-title-pill {position: relative; width: max-content; max-width: 100%; margin-inline: auto; padding: 0px 0px 17px; border-radius: 0px; background: transparent; box-shadow: none; text-shadow: none; color: var(--ink) !important;}
html[data-page="index"] .section-title-pill::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: clamp(120px, 38%, 205px); height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green)); transform: translateX(-50%);}
html[data-page="index"] .ecosystem-videos .section-title-pill {color: rgb(255, 255, 255) !important;}
html[data-page="index"] .section-after-grid {max-width: 880px; margin: 30px auto 0px; color: var(--muted); font-size: clamp(15px, 1.4vw, 18px); font-weight: 600; line-height: 1.7; text-align: center;}
html[data-page="index"] .courses-showcase .section-after-grid {color: rgb(69, 101, 117);}
html[data-page="index"][data-theme="dark"] .courses-showcase .section-after-grid,
html[data-page="index"] .ecosystem-videos .section-after-grid {color: rgb(201, 220, 228);}
html[data-page="index"] .floating-contact {height: 58px; padding: 0px 20px; gap: 11px; border-radius: 19px; font-size: 13px;}
html[data-page="index"] .floating-contact svg {width: 26px; height: 26px;}
@media (max-width: 640px) {
html[data-page="index"] .hero-container {align-items: stretch; padding-top: 42px; padding-bottom: 190px;}
html[data-page="index"] .hero-message .hero-resource-list {margin-top: 15px;}
html[data-page="index"] .section-title-pill {width: max-content; max-width: 100%; padding: 0px 0px 15px; border-radius: 0px; background: transparent; box-shadow: none;}
html[data-page="index"] .section-after-grid {margin-top: 24px; font-size: 14px;}
html[data-page="index"] .floating-contact {width: 58px; height: 58px; padding: 0px;}
}
html[data-page="index"] .section-title-pill {text-transform: uppercase !important;}
html[data-page="index"] .post-body h3 {font-weight: 500;}
html[data-page="index"] .teacher-carousel {--teacher-columns: 5; --teacher-visible-rows: 2;}
html[data-page="index"] .teacher-carousel .carousel-viewport {padding: 4px 2px; transition: height 0.35s;}
html[data-page="index"] .teacher-carousel .carousel-track {display: grid; grid-template-columns: repeat(var(--teacher-columns), minmax(0, 1fr)); grid-auto-rows: 356px; gap: 16px; align-items: stretch;}
html[data-page="index"] .teacher-carousel .carousel-slide {width: auto; min-width: 0px; flex-basis: auto !important;}
html[data-page="index"] .teacher-carousel .teacher-card {height: 80%; padding: 0px 0px 18px; display: flex; flex-direction: column; overflow: hidden; border-radius: 6px; text-align: center;}
html[data-page="index"] .teacher-carousel .teacher-thumb {width: 100%; height: auto; aspect-ratio: 16 / 9; margin-bottom: 0px; flex: 0 0 auto; border-radius: 0px;}
html[data-page="index"] .teacher-carousel .teacher-thumb span,
html[data-page="index"] .teacher-carousel .teacher-card a {display: none;}
html[data-page="index"] .teacher-carousel .teacher-card h3 {margin: 19px 12px 6px; font-size: 15px; font-weight: 600; line-height: 1.25;}
html[data-page="index"] .teacher-carousel .teacher-card h3::before {content: ""; width: 48px; height: 2px; margin: 0px auto 11px; display: block; background: var(--green);}
html[data-page="index"] .teacher-carousel .teacher-card p {min-height: 0px; margin: 0px 12px; font-size: 12px; font-weight: 400; line-height: 1.4;}
@media (max-width: 980px) {
html[data-page="index"] .teacher-carousel {--teacher-columns: 3; --teacher-visible-rows: 2;}
html[data-page="index"] .teacher-carousel .carousel-track {grid-auto-rows: 330px;}
}
@media (max-width: 640px) {
html[data-page="index"] .teacher-carousel {--teacher-columns: 1; --teacher-visible-rows: 1;}
html[data-page="index"] .teacher-carousel .carousel-track {grid-auto-rows: 430px;}
}
html[data-page="index"] body.testimonial-modal-open {overflow: hidden;}
html[data-page="index"] .testimonial-modal {width: min(720px, 100% - 32px); max-height: min(82vh, 760px); padding: 0px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--border) 80%, transparent); border-radius: 26px; background: var(--surface); color: var(--ink); box-shadow: rgba(4, 25, 42, 0.36) 0px 35px 100px;}
html[data-page="index"] .testimonial-modal::backdrop {background: rgba(3, 20, 33, 0.76); backdrop-filter: blur(8px);}
html[data-page="index"] .testimonial-modal-inner {position: relative; max-height: min(82vh, 760px); padding: 34px; overflow-y: auto;}
html[data-page="index"] .testimonial-modal-close {position: absolute; right: 18px; top: 18px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); color: var(--ink); font-size: 25px; line-height: 1; cursor: pointer;}
html[data-page="index"] .testimonial-modal-profile {padding-right: 56px; display: flex; align-items: center; gap: 16px;}
html[data-page="index"] .testimonial-modal-face {width: 96px; height: 96px; flex: 0 0 auto; object-fit: cover; border: 3px solid var(--surface); border-radius: 50%; box-shadow: rgba(8, 41, 66, 0.2) 0px 12px 32px;}
html[data-page="index"] .testimonial-modal-name {margin: 0px; font-size: 19px; line-height: 1.25;}
html[data-page="index"] .testimonial-modal-meta,
html[data-page="index"] .testimonial-modal-institution {display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.45;}
html[data-page="index"] .testimonial-modal-stars {margin: 28px 0px 16px; color: rgb(232, 183, 71); font-size: 13px; letter-spacing: 3px;}
html[data-page="index"] .testimonial-modal-text {margin: 0px; white-space: pre-line; font-size: 16px; line-height: 1.8;}
html[data-page="index"] .post-body h3 {min-height: 0px; font-weight: 500;}
html[data-page="index"] .post-cover {height: 160px !important;}
@media (max-width: 640px) {
html[data-page="index"] .testimonial-modal-inner {padding: 26px 22px 28px;}
html[data-page="index"] .testimonial-modal-profile {padding-right: 48px; align-items: flex-start;}
html[data-page="index"] .testimonial-modal-face {width: 78px; height: 78px;}
html[data-page="index"] .testimonial-modal-text {font-size: 15px;}
}
html[data-page="index"] .hero-inteligencia .hero-container {padding-top: 48px; padding-bottom: 62px;}
html[data-page="index"] .hero-inteligencia .hero-copy {width: 100%; max-width: 790px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
html[data-page="index"] .hero-inteligencia .hero-message {width: 100%; align-self: auto;}
html[data-page="index"] .hero-inteligencia .hero-message h1 {max-width: 790px; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(40px, 3vw, 50px); font-weight: 760; line-height: 1.08; letter-spacing: -0.042em;}
html[data-page="index"] .hero-inteligencia .hero-message h1 span,
html[data-page="index"] .hero-inteligencia .hero-message h1 em {display: block;}
html[data-page="index"] .hero-inteligencia .hero-message h1 em {background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
@media (min-width: 1101px) {
html[data-page="index"] .hero-inteligencia .hero-message h1 span,
html[data-page="index"] .hero-inteligencia .hero-message h1 em {white-space: nowrap;}
}
html[data-page="index"] .hero-inteligencia .hero-buttons {width: 100%; margin-top: 27px; align-self: auto; gap: 14px;}
html[data-page="index"] .hero-inteligencia .button {min-height: 58px; padding-inline: 28px; border-radius: 15px; font-size: 14px; font-weight: 750; letter-spacing: 0.015em; white-space: nowrap;}
html[data-page="index"] .hero-inteligencia .button.primary {background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.3) 0px 17px 38px;}
html[data-page="index"] .hero-inteligencia .button.primary:hover {box-shadow: rgba(0, 179, 136, 0.36) 0px 21px 46px;}
html[data-page="index"] .hero-jornada .button,
html[data-page="index"] .hero-desempenho .button {min-height: 58px; padding-inline: 28px; border-radius: 15px; font-size: 14px; font-weight: 750; letter-spacing: 0.015em; white-space: nowrap;}
html[data-page="index"] .hero-jornada .button.primary,
html[data-page="index"] .hero-desempenho .button.primary {background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.3) 0px 17px 38px;}
html[data-page="index"] .hero-jornada .button.primary:hover,
html[data-page="index"] .hero-desempenho .button.primary:hover {box-shadow: rgba(0, 179, 136, 0.36) 0px 21px 46px;}
@media (max-width: 1100px) and (min-width: 601px) {
html[data-page="index"] .hero-inteligencia .hero-copy {max-width: 64%;}
html[data-page="index"] .hero-inteligencia .hero-message h1 {font-size: clamp(32px, 4.25vw, 43px);}
html[data-page="index"] .hero-inteligencia .hero-buttons {margin-top: 20px; gap: 10px;}
html[data-page="index"] .hero-inteligencia .button {min-height: 52px; padding-inline: 17px; font-size: 11px;}
html[data-page="index"] .hero-jornada .button,
html[data-page="index"] .hero-desempenho .button {min-height: 52px; padding-inline: 17px; font-size: 11px;}
}
@media (max-width: 600px) {
html[data-page="index"] .hero-inteligencia .hero-container {padding-top: 34px; padding-bottom: 150px;}
html[data-page="index"] .hero-inteligencia .hero-copy {max-width: 100%; height: auto; justify-content: flex-start;}
html[data-page="index"] .hero-inteligencia .hero-message h1 {max-width: 100%; font-size: clamp(28px, 8.4vw, 36px); line-height: 1.08; letter-spacing: -0.035em;}
html[data-page="index"] .hero-inteligencia .hero-buttons {margin-top: 19px; display: grid; grid-template-columns: 1fr; gap: 9px;}
html[data-page="index"] .hero-inteligencia .button {width: 100%; min-height: 50px; padding-inline: 15px; font-size: 11px;}
html[data-page="index"] .hero-jornada .button,
html[data-page="index"] .hero-desempenho .button {min-height: 50px; padding-inline: 15px; font-size: 11px;}
}
html[data-page="index"] .hero-inteligencia .hero-message h1 {font-size: 42px !important; font-weight: 100 !important;}
html[data-page="index"] .hero-inteligencia .hero-message h1 span,
html[data-page="index"] .hero-inteligencia .hero-message h1 em {font-weight: 100 !important;}
html[data-page="index"] .teacher-carousel .carousel-track {grid-auto-rows: 356px;}
html[data-page="index"] .teacher-carousel .teacher-thumb {width: 100%; height: auto; aspect-ratio: 16 / 9; flex: 0 0 auto;}
html[data-page="index"] .teacher-carousel .teacher-thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center top;}
html[data-page="index"] .teacher-carousel .teacher-card h3 {margin-top: 19px;}
@media (max-width: 980px) {
html[data-page="index"] .teacher-carousel .carousel-track {grid-auto-rows: 412px;}
}
@media (max-width: 640px) {
html[data-page="index"] .teacher-carousel .carousel-track {grid-auto-rows: 538px;}
}
html[data-page="index"] .ri-plan-card {position: relative; min-height: 635px; padding: 28px; display: flex; flex-direction: column; scroll-snap-align: start; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--surface) 96%, #fff),
    var(--surface)
  ); box-shadow: rgba(8, 41, 66, 0.08) 0px 18px 44px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
html[data-page="index"] .ri-plan-card:hover {transform: translateY(-6px); box-shadow: rgba(8, 41, 66, 0.14) 0px 28px 62px; border-color: rgba(47, 128, 237, 0.25);}
html[data-page="index"] .ri-plan-topline {min-height: 25px;}
html[data-page="index"] .ri-plan-topline span {display: inline-flex; min-height: 25px; align-items: center; padding: 0px 10px; border-radius: 999px; color: var(--blue); background: color-mix(in srgb, var(--blue) 9%, transparent); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="index"] .ri-plan-card h3 {margin: 18px 0px 0px; font-size: 27px; line-height: 1.1; letter-spacing: -0.035em;}
html[data-page="index"] .ri-plan-summary {min-height: 74px; margin: 14px 0px 18px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="index"] .ri-plan-duration {padding: 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft);}
html[data-page="index"] .ri-plan-duration button {min-height: 38px; border: 0px; border-radius: 9px; background: transparent; color: var(--muted); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 11px; font-weight: 800; cursor: pointer; transition: 0.22s;}
html[data-page="index"] .ri-plan-duration button.active {color: rgb(255, 255, 255); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.18) 0px 8px 18px;}
html[data-page="index"] .ri-plan-price {margin-top: 20px; color: var(--ink); font-size: 24px; font-weight: 820; letter-spacing: -0.035em; transition: opacity 0.16s, transform 0.16s;}
html[data-page="index"] .ri-plan-price.is-changing {opacity: 0.25; transform: translateY(3px);}
html[data-page="index"] .ri-plan-access {margin-top: 5px; color: var(--muted); font-size: 11px;}
html[data-page="index"] .ri-plan-card ul {margin: 22px 0px 24px; padding: 0px; display: grid; gap: 10px; list-style: none;}
html[data-page="index"] .ri-plan-card li {position: relative; padding-left: 24px; color: var(--ink); font-size: 12px; line-height: 1.42;}
html[data-page="index"] .ri-plan-card li::before {content: "✓"; position: absolute; left: 0px; top: 0px; width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), var(--green)); font-size: 10px; font-weight: 900;}
html[data-page="index"] .ri-plan-cta {min-height: 48px; margin-top: auto; padding: 0px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-radius: 13px; color: rgb(255, 255, 255); background: linear-gradient(90deg, var(--blue), var(--green)); font-size: 12px; font-weight: 820; box-shadow: rgba(0, 151, 178, 0.18) 0px 13px 28px;}
html[data-page="index"] .ri-plan-cta span {font-size: 19px; transition: transform 0.2s;}
html[data-page="index"] .ri-plan-cta:hover span {transform: translateX(4px);}
@media (max-width: 680px) {
html[data-page="index"] .ri-plan-card {min-height: 610px; padding: 24px;}
}
html[data-page="r3"] .r1e-pillar-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px;}
html[data-page="r3"] .r1e-pillar-card {position: relative; min-height: 0px; padding: 32px 30px 30px; overflow: hidden; border: 1px solid var(--border); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(47, 128, 237, 0.1), transparent 34%),
    linear-gradient(160deg, var(--surface) 0%, var(--surface-soft) 100%); box-shadow: rgba(8, 41, 66, 0.09) 0px 18px 50px; isolation: isolate; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
html[data-page="r3"] .r1e-pillar-card::before {content: ""; position: absolute; z-index: -1; inset: 22px auto 22px 0px; width: 4px; border-radius: 0px 999px 999px 0px; background: linear-gradient(var(--blue), var(--green)); transform: scaleY(0.38); transform-origin: center center; transition: transform 0.35s;}
html[data-page="r3"] .r1e-pillar-card::after {content: ""; position: absolute; inset: auto 0px 0px; width: 100%; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green), #74d85c); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s;}
html[data-page="r3"] .r1e-pillar-card:hover {border-color: color-mix(in srgb, var(--green) 48%, var(--border)); box-shadow: rgba(8, 41, 66, 0.15) 0px 30px 70px; transform: translateY(-9px);}
html[data-page="r3"] .r1e-pillar-card:hover::before {transform: scaleY(1);}
html[data-page="r3"] .r1e-pillar-card:hover::after {transform: scaleX(1);}
html[data-page="r3"] .r1e-icon {flex: 0 0 66px; width: 66px; height: 66px; display: grid; place-items: center; position: relative; border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 21px; box-shadow: rgba(47, 128, 237, 0.15) 0px 16px 34px, rgba(255, 255, 255, 0.2) 0px 0px 0px 6px inset; transition: transform 0.35s, box-shadow 0.35s;}
html[data-page="r3"] .r1e-icon::after {content: ""; position: absolute; top: 8px; right: 8px; width: 7px; height: 7px; border: 2px solid var(--surface); border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 12px;}
html[data-page="r3"] .r1e-icon svg {width: 31px; height: 31px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
html[data-page="r3"] .r1e-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.12);}
html[data-page="r3"] .r1e-icon-green {color: rgb(0, 164, 125); background: rgba(0, 179, 136, 0.12);}
html[data-page="r3"] .r1e-icon-orange {color: rgb(234, 124, 34); background: rgba(234, 124, 34, 0.12);}
html[data-page="r3"] .r1e-pillar-card:hover .r1e-icon {box-shadow: rgba(0, 179, 136, 0.23) 0px 20px 42px, rgba(255, 255, 255, 0.22) 0px 0px 0px 6px inset; transform: translateY(-3px) rotate(-3deg) scale(1.05);}
html[data-page="r3"] .r1e-pillar-card > small {position: absolute; top: 34px; right: 30px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: var(--surface); font-size: 10px; font-weight: 900; letter-spacing: 0.12em;}
html[data-page="r3"] .r1e-pillar-card h3 {margin: 20px 0px 18px; color: var(--ink); font-size: 25px; line-height: 1.08; letter-spacing: -0.035em;}
html[data-page="r3"] .r1e-pillar-card ul {margin: 0px; padding: 0px; display: grid; gap: 13px; list-style: none;}
html[data-page="r3"] .r1e-pillar-card li {position: relative; padding-left: 25px; color: var(--muted); font-size: 13px; line-height: 1.5;}
html[data-page="r3"] .r1e-pillar-card li::before {content: "✓"; position: absolute; top: 0px; left: 0px; color: var(--green); font-weight: 950;}
html[data-page="r3"] .r1e-teacher-track {display: flex; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}
html[data-page="r3"] .r1e-teacher-slide {flex: 0 0 100%; min-width: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
html[data-page="r3"] .r1e-teacher-slide figure {position: relative; margin: 0px; aspect-ratio: 1.18 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: 17px; background: var(--surface-soft);}
html[data-page="r3"] .r1e-teacher-slide figure::after {content: ""; position: absolute; inset: auto 0px 0px; height: 28%; background: linear-gradient(transparent, rgba(5, 32, 47, 0.32)); pointer-events: none;}
html[data-page="r3"] .r1e-teacher-slide img {width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: filter 0.45s, transform 0.45s;}
html[data-page="r3"] .r1e-teacher-slide figure:hover img {filter: saturate(1.08); transform: scale(1.055);}
html[data-page="r3"] .r1e-teacher-dots {min-height: 20px; margin-top: 11px; display: flex; justify-content: center; align-items: center; gap: 7px;}
html[data-page="r3"] .r1e-teacher-dots button {width: 8px; height: 8px; padding: 0px; border: 0px; border-radius: 999px; background: color-mix(in srgb, var(--muted) 38%, transparent); cursor: pointer; transition: width 0.3s, background 0.3s;}
html[data-page="r3"] .r1e-teacher-dots button.is-active {width: 27px; background: linear-gradient(90deg, var(--blue), var(--green));}
@media (max-width: 680px) {
html[data-page="r3"] .r1e-pillar-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .r1e-pillar-card {padding: 25px 23px;}
html[data-page="r3"] .r1e-teacher-slide {gap: 7px;}
html[data-page="r3"] .r1e-teacher-slide figure {border-radius: 13px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="r3"] .r1e-teacher-track {transition: none;}
}
html[data-page="index"] .carousel-side-stage {width: 100%; display: grid; grid-template-columns: 50px minmax(0px, 1fr) 50px; align-items: center; gap: 14px;}
html[data-page="index"] .carousel-side-stage > .carousel-arrow {position: relative; z-index: 3; place-self: center;}
html[data-page="index"] .carousel-side-stage > .premium-carousel {min-width: 0px; width: 100%;}
html[data-page="index"] .carousel-side-stage .carousel-viewport {padding-inline: 2px;}
html[data-page="index"] .testimonial-side-stage {margin-top: 0px;}
html[data-page="index"] .teacher-carousel {--teacher-page-columns: 5; min-width: 0px;}
html[data-page="index"] .teacher-carousel .carousel-viewport {overflow: hidden; padding: 4px 2px 6px;}
html[data-page="index"] .teacher-carousel .carousel-track {width: 100%; align-items: stretch; will-change: transform; transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1); display: flex !important; gap: 0px !important;}
html[data-page="index"] .teacher-carousel .teacher-card {width: 100%; min-height: 0px; padding: 0px 0px 18px; display: flex; flex-direction: column; overflow: hidden; border-radius: 6px; text-align: center; height: 100% !important;}
html[data-page="index"] .teacher-carousel .teacher-thumb {width: 100%; aspect-ratio: 16 / 9; margin-bottom: 0px; flex: 0 0 auto; border-radius: 0px; height: auto !important;}
html[data-page="index"] .teacher-carousel .teacher-thumb img {width: 100%; height: 100%; object-fit: cover;}
html[data-page="index"] .teacher-carousel .teacher-card h3 {margin: 17px 10px 5px;}
html[data-page="index"] .teacher-carousel .teacher-card p {margin: 0px 10px;}
@media (max-width: 980px) {
html[data-page="index"] .carousel-side-stage {grid-template-columns: 46px minmax(0px, 1fr) 46px; gap: 10px;}
html[data-page="index"] .teacher-carousel {--teacher-page-columns: 3;}
}
@media (max-width: 680px) {
html[data-page="index"] .carousel-side-stage {grid-template-columns: 42px minmax(0px, 1fr) 42px; gap: 7px;}
html[data-page="index"] .carousel-side-stage > .carousel-arrow {width: 42px; height: 42px; border-radius: 12px; font-size: 25px;}
}
@media (max-width: 640px) {
html[data-page="index"] .teacher-carousel {--teacher-page-columns: 1;}
}
html[data-page="index"] .solutions-grid-new .solution-medprovas {background: linear-gradient(145deg, rgb(7, 29, 51) 0%, rgb(11, 49, 84) 44%, rgb(15, 165, 109) 100%);}
html[data-page="index"] .solution-logo-medprovas {max-width: 250px; max-height: 84px;}
html[data-page="index"] .solution-medprovas .solution-body {max-width: 52%; margin-top: 28px;}
html[data-page="index"] .solution-medprovas .solution-body h3 {font-size: 26px;}
html[data-page="index"] .solution-medprovas .solution-body p {font-size: 13px;}
html[data-page="index"] .solution-student {right: 80px; bottom: -4px; width: 39%; max-height: 84%; object-fit: contain; object-position: right bottom; filter: drop-shadow(rgba(0, 0, 0, 0.24) 0px 18px 28px);}
html[data-page="index"] .solution-medprovas:hover .solution-student {transform: translate3d(-4px, -6px, 0px) scale(1.02);}
html[data-page="index"] .solution-revalida {background: linear-gradient(145deg, rgb(7, 29, 51) 0%, rgb(11, 62, 102) 56%, rgb(15, 165, 109) 100%);}
html[data-page="index"] .revalida-wordmark {position: relative; z-index: 4; display: inline-flex; align-items: center; gap: 14px; color: rgb(255, 255, 255);}
html[data-page="index"] .revalida-wordmark img {width: 54px; height: 54px; object-fit: contain; filter: brightness(0) invert(1);}
html[data-page="index"] .revalida-wordmark span {font-size: 28px; font-weight: 850; letter-spacing: 0.08em; line-height: 1;}
html[data-page="index"] .solution-revalida .solution-body {max-width: 57%; margin-top: 30px;}
html[data-page="index"] .solution-revalida-person {width: 46%; right: -8px; bottom: -4px;}
@media (max-width: 1180px) {
html[data-page="index"] .solution-medprovas .solution-body,
html[data-page="index"] .solution-revalida .solution-body {max-width: 58%;}
}
@media (max-width: 980px) {
html[data-page="index"] .solution-medprovas .solution-body,
html[data-page="index"] .solution-revalida .solution-body {max-width: 60%;}
html[data-page="index"] .solution-student {width: 37%; right: 72px;}
}
@media (max-width: 720px) {
html[data-page="index"] .solution-logo-medprovas {max-width: 210px;}
html[data-page="index"] .solution-medprovas .solution-body,
html[data-page="index"] .solution-revalida .solution-body {max-width: 100%; margin-top: 22px; padding-right: 0px;}
html[data-page="index"] .solution-student {width: 44%; right: 68px; opacity: 0.82;}
html[data-page="index"] .revalida-wordmark span {font-size: 24px;}
html[data-page="index"] .solution-revalida-person {width: 44%; right: -8px; opacity: 0.92;}
}
@media (max-width: 560px) {
html[data-page="index"] .solution-card-new.solution-medprovas,
html[data-page="index"] .solution-card-new.solution-revalida {min-height: 500px;}
html[data-page="index"] .solution-student {width: 41%; right: 64px; bottom: -2px; opacity: 0.64;}
html[data-page="index"] .solution-medprovas .solution-body p,
html[data-page="index"] .solution-revalida .solution-body p {max-width: 84%;}
html[data-page="index"] .solution-revalida-person {width: 46%; opacity: 0.9;}
}
html[data-page="index"] .solution-logo-medprovas {object-fit: contain; object-position: left center; width: 255px !important; max-width: 64% !important; height: auto !important; max-height: 88px !important; filter: brightness(0) invert(1) drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px) !important;}
html[data-page="index"] .solution-medprovas .solution-student {width: 48% !important; max-height: 91% !important; right: -4px !important; bottom: 0px !important; object-fit: contain !important; object-position: right bottom !important; opacity: 1 !important; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 24px 28px) !important;}
html[data-page="index"] .solution-medprovas .solution-body {max-width: 55% !important; margin-top: 30px !important;}
html[data-page="index"] .solution-medprovas:hover .solution-student {transform: translate3d(-4px, -6px, 0px) scale(1.025) !important;}
html[data-page="index"] .revalida-wordmark {width: 270px !important; max-width: 68% !important; display: block !important;}
html[data-page="index"] .revalida-wordmark img {width: 100% !important; height: auto !important; max-height: 90px !important; display: block !important; object-fit: contain !important; object-position: left center !important; filter: brightness(0) invert(1) drop-shadow(rgba(0, 0, 0, 0.16) 0px 8px 18px) !important;}
@media (max-width: 720px) {
html[data-page="index"] .solution-logo-medprovas {width: 225px !important; max-width: 70% !important;}
html[data-page="index"] .solution-medprovas .solution-student {width: 45% !important; right: -6px !important;}
html[data-page="index"] .solution-medprovas .solution-body {max-width: 61% !important;}
html[data-page="index"] .revalida-wordmark {width: 235px !important; max-width: 72% !important;}
}
@media (max-width: 560px) {
html[data-page="index"] .solution-medprovas .solution-student {width: 43% !important; opacity: 0.9 !important;}
html[data-page="index"] .solution-medprovas .solution-body {max-width: 67% !important;}
html[data-page="index"] .revalida-wordmark {width: 220px !important;}
}
html[data-page="index"] #conheca-tambem .solutions-grid-new {align-items: stretch; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 22px !important;}
html[data-page="index"] #conheca-tambem .solution-card-new,
html[data-page="index"] #conheca-tambem .solution-card-new:last-child {width: 100% !important; min-height: 420px !important; height: 420px !important; margin: 0px !important; padding: 27px !important; border-radius: 30px !important; grid-column: auto !important;}
html[data-page="index"] #conheca-tambem .solution-card-new .solution-body {position: relative !important; z-index: 4 !important;}
html[data-page="index"] #conheca-tambem .solution-card-new .solution-body > span {margin-bottom: 8px !important; font-size: 11px !important; font-weight: 850 !important; letter-spacing: 0.15em !important; line-height: 1.2 !important; color: rgb(114, 240, 211) !important;}
html[data-page="index"] #conheca-tambem .solution-card-new .solution-body h3 {margin: 0px 0px 14px !important; color: rgb(255, 255, 255) !important; font-size: 25px !important; line-height: 1.08 !important; letter-spacing: -0.04em !important;}
html[data-page="index"] #conheca-tambem .solution-card-new .solution-body p {margin: 0px 0px 18px !important; color: rgba(255, 255, 255, 0.92) !important; font-size: 13px !important; line-height: 1.55 !important;}
html[data-page="index"] #conheca-tambem .solution-card-new .solution-body a {min-height: 42px !important; padding: 0px 14px !important; border-radius: 13px !important; font-size: 10px !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child .solution-logo {max-height: none !important; margin: 11px 0px 0px 10px !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child .solution-body {max-width: 57% !important; margin-top: 55px !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child .solution-device {width: 42% !important; right: 4px !important; bottom: 42px !important; max-height: 66% !important; transform: rotate(-3deg) !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child:hover .solution-device {transform: translate3d(-3px, -5px, 0px) rotate(-4deg) scale(1.025) !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-logo-medprovas {width: 245px !important; max-width: 66% !important; height: auto !important; max-height: 74px !important; margin: 9px 0px 0px 8px !important; object-fit: contain !important; object-position: left center !important; filter: brightness(0) invert(1) drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px) !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-body {max-width: 54% !important; margin-top: 48px !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-student {width: 50% !important; max-height: 86% !important; right: -5px !important; bottom: -1px !important; object-fit: contain !important; object-position: right bottom !important; opacity: 1 !important; filter: drop-shadow(rgba(0, 0, 0, 0.28) 0px 24px 28px) !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas:hover .solution-student {transform: translate3d(-3px, -5px, 0px) scale(1.02) !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark {position: relative !important; z-index: 5 !important; width: 186px !important; max-width: 55% !important; height: auto !important; margin: 4px 0px 0px 11px !important; display: block !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark img {width: 100% !important; height: auto !important; max-height: none !important; display: block !important; object-fit: contain !important; object-position: left center !important; filter: brightness(0) invert(1) drop-shadow(rgba(0, 0, 0, 0.16) 0px 8px 18px) !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .solution-body {max-width: 56% !important; margin-top: 51px !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .solution-revalida-person {width: 46% !important; max-height: 72% !important; right: -2px !important; bottom: -4px !important; object-fit: contain !important; object-position: right bottom !important;}
@media (max-width: 1080px) {
html[data-page="index"] #conheca-tambem .solutions-grid-new {grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:last-child {grid-column: 1 / -1 !important; width: calc(50% - 11px) !important; margin-inline: auto !important;}
}
@media (max-width: 760px) {
html[data-page="index"] #conheca-tambem .solutions-grid-new {grid-template-columns: 1fr !important;}
html[data-page="index"] #conheca-tambem .solution-card-new,
html[data-page="index"] #conheca-tambem .solution-card-new:last-child {width: 100% !important; max-width: 670px !important; margin-inline: auto !important; grid-column: auto !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child .solution-logo {width: 170px !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-logo-medprovas {width: 225px !important; max-width: 68% !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark {width: 180px !important; max-width: 58% !important;}
}
@media (max-width: 520px) {
html[data-page="index"] #conheca-tambem .solution-card-new,
html[data-page="index"] #conheca-tambem .solution-card-new:last-child {height: 500px !important; min-height: 500px !important;}
html[data-page="index"] #conheca-tambem .solution-card-new:first-child .solution-body,
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-body,
html[data-page="index"] #conheca-tambem .solution-revalida .solution-body {max-width: 64% !important;}
html[data-page="index"] #conheca-tambem .solution-medprovas .solution-student {width: 47% !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .solution-revalida-person {width: 44% !important;}
}
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark {width: 205px !important; max-width: 62% !important;}
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark img {width: 100% !important; height: auto !important; object-fit: contain !important; object-position: left center !important; filter: none !important; opacity: 1 !important;}
@media (max-width: 720px) {
html[data-page="index"] #conheca-tambem .solution-revalida .revalida-wordmark {width: 190px !important; max-width: 64% !important;}
}
html[data-page="index"] .hero-slide .hero-container {width: min(var(--max), calc(100% - 48px)); margin-inline: auto; align-items: stretch; justify-content: flex-start; padding-top: 64px; padding-bottom: 78px;}
html[data-page="index"] .hero-slide .hero-copy {width: 100%; max-width: 630px; height: 90%; min-height: 0px; display: grid; grid-template-rows: auto minmax(0px, 1fr) auto; align-items: start; margin-inline: 0px auto;}
html[data-page="index"] .hero-slide .hero-message {width: 100%; min-width: 0px; place-self: center start;}
html[data-page="index"] .hero-action-group {width: 100%; margin-top: 25px; place-self: end start;}
html[data-page="index"] .hero-action-group .hero-buttons {align-self: auto; margin-top: 0px !important;}
html[data-page="index"] .hero-action-group .button.primary {width: 255px; min-width: 255px; min-height: 58px; padding-inline: 22px; justify-content: center; border-radius: 15px; font-size: 14px; font-weight: 750; letter-spacing: 0.015em; white-space: nowrap;}
html[data-page="index"] .hero-journey-note {width: max-content; max-width: 100%; margin: 25px 0px 0px; background: linear-gradient(90deg, rgb(77, 165, 255), rgb(53, 213, 172)) text; color: transparent; font-size: 24px; font-weight: 760; line-height: 1.35;}
html[data-page="index"] .hero-inteligencia .hero-message .hero-resource-list {max-width: 710px; margin: 22px 0px 0px; gap: 10px;}
@media (max-width: 1100px) and (min-width: 601px) {
html[data-page="index"] .hero-slide .hero-copy {max-width: 64%;}
html[data-page="index"] .hero-action-group {margin-top: 20px;}
html[data-page="index"] .hero-action-group .button.primary {width: 225px; min-width: 225px; min-height: 52px; padding-inline: 17px; font-size: 11px;}
html[data-page="index"] .hero-resource-list li {font-size: 14px;}
html[data-page="index"] .hero-journey-note {margin-top: 11px;}
}
@media (max-width: 900px) and (min-width: 601px) {
html[data-page="index"] .hero-slide .hero-container {width: min(100% - 30px, var(--max)); margin-inline: auto;}
}
@media (max-width: 600px) {
html[data-page="index"] .hero-slide .hero-container {width: calc(100% - 24px); margin-inline: auto; padding-top: 42px; padding-bottom: 190px;}
html[data-page="index"] .hero-slide .hero-copy {max-width: 100%; height: 100%;}
html[data-page="index"] .hero-action-group {margin-top: 18px;}
html[data-page="index"] .hero-action-group .button.primary {width: 100%; min-width: 0px; min-height: 50px; padding-inline: 15px; font-size: 11px;}
html[data-page="index"] .hero-journey-note {width: 100%; margin-top: 10px;}
html[data-page="index"] .hero-inteligencia .hero-message .hero-resource-list {gap: 6px;}
html[data-page="index"] .hero-inteligencia .hero-resource-list li {font-size: 12px;}
}
html[data-page="medprovas"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="medprovas"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="medprovas"] * {box-sizing: border-box;}
html[data-page="medprovas"] {scroll-behavior: smooth;}
html[data-page="medprovas"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="medprovas"] body.menu-open {overflow: hidden;}
html[data-page="medprovas"] img {max-width: 100%;}
html[data-page="medprovas"] a {color: inherit; text-decoration: none;}
html[data-page="medprovas"] button,
html[data-page="medprovas"] input {font: inherit;}
html[data-page="medprovas"] button {color: inherit;}
html[data-page="medprovas"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="medprovas"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="medprovas"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="medprovas"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running medprovas-orbFloat;}
html[data-page="medprovas"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="medprovas"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="medprovas"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes medprovas-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="medprovas"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="medprovas"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="medprovas"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="medprovas"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="medprovas"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="medprovas"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="medprovas"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="medprovas"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="medprovas"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="medprovas"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="medprovas"] .btn-primary,
html[data-page="medprovas"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="medprovas"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="medprovas"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="medprovas"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="medprovas"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="medprovas"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running medprovas-visualFloat;}
@keyframes medprovas-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="medprovas"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="medprovas"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="medprovas"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="medprovas"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="medprovas"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes medprovas-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="medprovas"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="medprovas"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="medprovas"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="medprovas"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="medprovas"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="medprovas"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="medprovas"] section {position: relative;}
html[data-page="medprovas"] .section-pad {padding: 104px 0px;}
html[data-page="medprovas"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="medprovas"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="medprovas"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="medprovas"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="medprovas"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="medprovas"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="medprovas"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="medprovas"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="medprovas"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="medprovas"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="medprovas"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="medprovas"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="medprovas"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="medprovas"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="medprovas"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="medprovas"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="medprovas"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="medprovas"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="medprovas"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="medprovas"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="medprovas"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="medprovas"] .path-cards::before,
html[data-page="medprovas"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="medprovas"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="medprovas"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="medprovas"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="medprovas"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="medprovas"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="medprovas"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="medprovas"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="medprovas"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="medprovas"] .path-card.is-lit,
html[data-page="medprovas"] .path-card:hover,
html[data-page="medprovas"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="medprovas"] .path-card.is-lit::after,
html[data-page="medprovas"] .path-card:hover::after,
html[data-page="medprovas"] .path-card:focus-visible::after {opacity: 1; animation: medprovas-pathShine 0.72s ease forwards var(--path-delay);}
html[data-page="medprovas"] .path-card.is-lit b,
html[data-page="medprovas"] .path-card:hover b,
html[data-page="medprovas"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="medprovas"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="medprovas"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="medprovas"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes medprovas-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="medprovas"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="medprovas"] .resources-section {background: var(--surface);}
html[data-page="medprovas"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="medprovas"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="medprovas"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="medprovas"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="medprovas"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="medprovas"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="medprovas"] .resource-card:hover::after {right: 0px;}
html[data-page="medprovas"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="medprovas"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="medprovas"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="medprovas"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="medprovas"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="medprovas"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="medprovas"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="medprovas"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="medprovas"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="medprovas"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="medprovas"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="medprovas"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="medprovas"] .method-line,
html[data-page="medprovas"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="medprovas"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="medprovas"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="medprovas"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="medprovas"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="medprovas"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="medprovas"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="medprovas"] .method-step.active b,
html[data-page="medprovas"] .method-step:hover b,
html[data-page="medprovas"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="medprovas"] .method-step.active b::before,
html[data-page="medprovas"] .method-step:hover b::before,
html[data-page="medprovas"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="medprovas"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="medprovas"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="medprovas"] .method-step.active h3,
html[data-page="medprovas"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="medprovas"] .method-step.active p,
html[data-page="medprovas"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="medprovas"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="medprovas"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="medprovas"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="medprovas"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="medprovas"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="medprovas"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="medprovas"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="medprovas"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="medprovas"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="medprovas"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="medprovas"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="medprovas"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="medprovas"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="medprovas"] .price-body {padding: 28px;}
html[data-page="medprovas"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="medprovas"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="medprovas"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="medprovas"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="medprovas"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="medprovas"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="medprovas"] .cash b {color: var(--ink);}
html[data-page="medprovas"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="medprovas"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="medprovas"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="medprovas"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="medprovas"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="medprovas"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="medprovas"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="medprovas"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="medprovas"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="medprovas"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="medprovas"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="medprovas"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="medprovas"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="medprovas"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="medprovas"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="medprovas"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="medprovas"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="medprovas"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="medprovas"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="medprovas"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="medprovas"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="medprovas"] .faq-list {display: grid; gap: 10px;}
html[data-page="medprovas"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="medprovas"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="medprovas"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="medprovas"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="medprovas"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="medprovas"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="medprovas"] .faq-answer > div {overflow: hidden;}
html[data-page="medprovas"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="medprovas"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="medprovas"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="medprovas"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="medprovas"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="medprovas"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="medprovas"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="medprovas"] .brand-logos {display: grid; gap: 10px;}
html[data-page="medprovas"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="medprovas"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="medprovas"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="medprovas"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="medprovas"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="medprovas"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="medprovas"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="medprovas"] .socials {display: flex; gap: 9px;}
html[data-page="medprovas"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="medprovas"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="medprovas"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="medprovas"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="medprovas"] .footer-links a,
html[data-page="medprovas"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="medprovas"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="medprovas"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="medprovas"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="medprovas"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="medprovas"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="medprovas"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="medprovas"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="medprovas"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="medprovas"] *,
html[data-page="medprovas"] ::before,
html[data-page="medprovas"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="medprovas"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="medprovas"] .hero-inner {gap: 38px;}
html[data-page="medprovas"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="medprovas"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="medprovas"] .hero-r1,
html[data-page="medprovas"] .hero-inner {min-height: auto;}
html[data-page="medprovas"] .hero-r1 {margin-top: 74px;}
html[data-page="medprovas"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="medprovas"] .hero-copy {text-align: center;}
html[data-page="medprovas"] .hero-copy > p {margin-inline: auto;}
html[data-page="medprovas"] .eyebrow {justify-content: center;}
html[data-page="medprovas"] .hero-facts,
html[data-page="medprovas"] .hero-actions {justify-content: center;}
html[data-page="medprovas"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="medprovas"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="medprovas"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="medprovas"] .why-grid,
html[data-page="medprovas"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .why-panel {min-height: auto;}
html[data-page="medprovas"] .price-card {position: relative; top: auto;}
html[data-page="medprovas"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="medprovas"] .method-line,
html[data-page="medprovas"] .method-line-fill {display: none;}
html[data-page="medprovas"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="medprovas"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="medprovas"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="medprovas"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="medprovas"] .footer-main {grid-template-columns: 1fr;}
html[data-page="medprovas"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="medprovas"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="medprovas"] .hero-inner {padding-block: 60px 88px;}
html[data-page="medprovas"] .hero-copy h1 {font-size: 42px;}
html[data-page="medprovas"] .hero-copy > p {font-size: 16px;}
html[data-page="medprovas"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="medprovas"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .quick-item::after {display: none !important;}
html[data-page="medprovas"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="medprovas"] .section-pad {padding: 78px 0px;}
html[data-page="medprovas"] .resources-grid,
html[data-page="medprovas"] .included-list,
html[data-page="medprovas"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="medprovas"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="medprovas"] .method-line,
html[data-page="medprovas"] .method-line-fill {display: none;}
html[data-page="medprovas"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="medprovas"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="medprovas"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="medprovas"] .number-item:last-child {border-bottom: 0px;}
html[data-page="medprovas"] .pricing-content {text-align: center;}
html[data-page="medprovas"] .bonus-card {text-align: left;}
html[data-page="medprovas"] .installments strong {font-size: 42px;}
html[data-page="medprovas"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="medprovas"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .footer-links {grid-template-columns: 1fr;}
html[data-page="medprovas"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="medprovas"] .floating-contact span {display: none;}
html[data-page="medprovas"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="medprovas"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="medprovas"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="medprovas"] .footer-links a,
html[data-page="medprovas"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="medprovas"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="medprovas"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="medprovas"] .brand-group h2 {font-size: 14px !important;}
html[data-page="medprovas"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="medprovas"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="medprovas"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="medprovas"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="medprovas"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="medprovas"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="medprovas"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="medprovas"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="medprovas"] .quick-item small {margin-bottom: 6px;}
html[data-page="medprovas"] .quick-item strong {display: block;}
html[data-page="medprovas"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="medprovas"] .hero-copy h1 {font-size: 34px;}
html[data-page="medprovas"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="medprovas"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
html[data-page="medprovas"] .revalida-page .hero-r1 {background: radial-gradient(circle at 82% 24%, rgba(239, 76, 78, 0.22), transparent 27%), radial-gradient(circle at 15% 74%, rgba(47, 128, 237, 0.18), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 52%, rgb(11, 82, 96) 100%);}
html[data-page="medprovas"] .revalida-page .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.11) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.11) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 78%);}
html[data-page="medprovas"] .revalida-page .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px);}
@keyframes medprovas-revalidaVisualFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-10px) rotateY(0deg); }
}
html[data-page="medprovas"] .revalida-page .why-panel {min-height: 680px;}
html[data-page="medprovas"] .revalida-page .path-card {min-height: 70px;}
html[data-page="medprovas"] .revalida-page .pricing-content h2 {font-size: clamp(32px, 3.2vw, 44px);}
@media (max-width: 920px) {
html[data-page="medprovas"] .revalida-page .why-panel {min-height: auto;}
}
@media (max-width: 640px) {
html[data-page="medprovas"] .revalida-page .hero-copy h1 {font-size: 34px;}
}
html[data-page="medprovas"] .medprovas-page {--mp-green: #08ad05; --mp-green-deep: #078d08; --mp-mint: #7ed957; --mp-dark: #071b2a; --mp-ink: #102939;}
html[data-page="medprovas"] .mp-hero {position: relative; min-height: 650px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 16%, rgba(126, 217, 87, 0.18), transparent 28%) 0% 0% / 100% 100%, radial-gradient(circle at 14% 82%, rgba(0, 151, 178, 0.18), transparent 30%) 0% 0% / 100% 100%, linear-gradient(135deg, rgb(3, 19, 31) 0%, rgb(7, 37, 58) 42%, rgb(10, 54, 70) 72%, rgb(13, 73, 80) 100%) 0% 0% / 140% 140%; animation: 16s ease-in-out 0s infinite normal none running medprovas-mpHeroShift; isolation: isolate;}
html[data-page="medprovas"] .mp-hero::before {content: ""; position: absolute; inset: 0px; z-index: -5; opacity: 0.16; background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 62%, transparent 98%); animation: 22s linear 0s infinite normal none running medprovas-mpGridDrift;}
html[data-page="medprovas"] .mp-hero::after {content: ""; position: absolute; inset: auto -8% -36% auto; z-index: -4; width: 880px; height: 880px; border-radius: 50%; background: radial-gradient(circle, rgba(126, 217, 87, 0.16) 0%, rgba(0, 151, 178, 0.12) 42%, transparent 72%); filter: blur(14px); animation: 14s ease-in-out 0s infinite normal none running medprovas-mpAuraDrift;}
html[data-page="medprovas"] .mp-hero-ambient,
html[data-page="medprovas"] .mp-hero-particles,
html[data-page="medprovas"] .mp-hero-scanner,
html[data-page="medprovas"] .mp-hero-tech-lines {position: absolute; inset: 0px; pointer-events: none;}
html[data-page="medprovas"] .mp-hero-ambient {z-index: -3; background: radial-gradient(circle at 16% 26%, rgba(47, 128, 237, 0.18) 0%, transparent 34%), radial-gradient(circle at 68% 18%, rgba(126, 217, 87, 0.12) 0%, transparent 32%), radial-gradient(circle at 84% 78%, rgba(0, 151, 178, 0.14) 0%, transparent 34%); filter: blur(12px); animation: 11s ease-in-out 0s infinite normal none running medprovas-mpAmbientPulse;}
html[data-page="medprovas"] .mp-hero-tech-lines {z-index: -2; opacity: 0.55; background: linear-gradient(118deg, transparent 0px, transparent 18%, rgba(82, 183, 255, 0.18) 18.5%, transparent 19.2%, transparent 48%, rgba(126, 217, 87, 0.16) 48.6%, transparent 49.4%, transparent 100%) 0% 0% / 140% 140%, linear-gradient(90deg, transparent 0px, transparent 62%, rgba(255, 255, 255, 0.05) 62.2%, transparent 62.6%, transparent 100%) 0% 0% / 100% 100%, linear-gradient(transparent 0px, transparent 28%, rgba(255, 255, 255, 0.04) 28.2%, transparent 28.6%, transparent 100%) 0% 0% / 100% 100%; animation: 10s linear 0s infinite normal none running medprovas-mpTechSweep; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 72%, transparent 98%);}
html[data-page="medprovas"] .mp-hero-scanner {z-index: -1; width: 44%; inset: 8% 8% 6% auto; border-radius: 34px; background: linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)), linear-gradient(transparent 0%, rgba(126, 217, 87, 0.18) 48%, transparent 52%, transparent 100%); mix-blend-mode: screen; filter: blur(0.2px); animation: 4.6s ease-in-out 0s infinite normal none running medprovas-mpScannerMove;}
html[data-page="medprovas"] .mp-hero-particles {z-index: -1; background-image: radial-gradient(circle at 20% 26%, rgba(255, 255, 255, 0.82) 0px, rgba(255, 255, 255, 0.82) 2px, transparent 2.2px), radial-gradient(circle at 32% 68%, rgba(126, 217, 87, 0.75) 0px, rgba(126, 217, 87, 0.75) 2.2px, transparent 2.4px), radial-gradient(circle at 58% 16%, rgba(47, 128, 237, 0.82) 0px, rgba(47, 128, 237, 0.82) 2px, transparent 2.2px), radial-gradient(circle at 72% 60%, rgba(255, 255, 255, 0.65) 0px, rgba(255, 255, 255, 0.65) 1.8px, transparent 2px), radial-gradient(circle at 86% 28%, rgba(126, 217, 87, 0.72) 0px, rgba(126, 217, 87, 0.72) 2px, transparent 2.2px), radial-gradient(circle at 90% 74%, rgba(47, 128, 237, 0.78) 0px, rgba(47, 128, 237, 0.78) 1.8px, transparent 2px); animation: 15s ease-in-out 0s infinite normal none running medprovas-mpParticlesFloat; opacity: 0.7;}
html[data-page="medprovas"] .mp-bg-blur {position: absolute; z-index: -1; border-radius: 50%; filter: blur(16px); opacity: 0.55; pointer-events: none;}
html[data-page="medprovas"] .mp-bg-blur--one {width: 260px; height: 260px; left: -70px; top: 90px; background: radial-gradient(circle, rgba(47, 128, 237, 0.2) 0%, rgba(47, 128, 237, 0) 68%); animation: 14s ease-in-out 0s infinite normal none running medprovas-mpGlowFloat;}
html[data-page="medprovas"] .mp-bg-blur--two {width: 220px; height: 220px; right: 18%; top: 88px; background: radial-gradient(circle, rgba(126, 217, 87, 0.22) 0%, rgba(126, 217, 87, 0) 68%); animation: 18s ease-in-out 0s infinite reverse none running medprovas-mpGlowFloat;}
@keyframes medprovas-mpHeroShift { 
  0%, 100% { background-position: 78% 16%, 14% 82%, 0% 50%; }
  50% { background-position: 74% 12%, 18% 76%, 100% 50%; }
}
@keyframes medprovas-mpGridDrift { 
  0% { background-position: 0px 0px, 0px 0px; }
  100% { background-position: 56px 56px, 56px 56px; }
}
@keyframes medprovas-mpAuraDrift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(-42px, -24px, 0px) scale(1.06); }
}
@keyframes medprovas-mpAmbientPulse { 
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.88; }
}
@keyframes medprovas-mpTechSweep { 
  0% { transform: translateX(0px); background-position: 0% 0px, 0px 0px, 0px 0px; }
  100% { transform: translateX(0px); background-position: 100% 0px, 0px 0px, 0px 0px; }
}
@keyframes medprovas-mpScannerMove { 
  0%, 100% { transform: translateY(-18%) skewX(-8deg); opacity: 0.18; }
  50% { transform: translateY(18%) skewX(-8deg); opacity: 0.42; }
}
@keyframes medprovas-mpParticlesFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -14px, 0px); }
}
@keyframes medprovas-mpGlowFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(20px, -10px, 0px) scale(1.08); }
}
html[data-page="medprovas"] .mp-hero-inner {min-height: 650px; display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; gap: 36px; padding-block: 38px 54px;}
html[data-page="medprovas"] .mp-hero-copy {position: relative; z-index: 4; max-width: 640px;}
html[data-page="medprovas"] .mp-logo-pill {display: block; margin-bottom: 26px; padding: 0px; border: none; border-radius: 0px; background: none; backdrop-filter: none;}
html[data-page="medprovas"] .mp-logo-pill img {width: min(360px, 64vw); max-height: none; filter: brightness(0) invert(1);}
html[data-page="medprovas"] .mp-logo-pill span {display: none;}
html[data-page="medprovas"] .mp-hero h1 {margin: 0px; max-width: 640px; line-height: 1.04; letter-spacing: -0.045em; font-size: 42px !important; font-weight: 400 !important;}
html[data-page="medprovas"] .mp-hero h1 span,
html[data-page="medprovas"] .mp-hero h1 em {display: block;}
html[data-page="medprovas"] .mp-hero h1 .mp-title-line {white-space: nowrap;}
html[data-page="medprovas"] .mp-hero h1 em {margin-top: 5px; font-style: normal; color: transparent; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(140, 231, 195) 52%, rgb(128, 200, 255)) text;}
html[data-page="medprovas"] .mp-hero h1 .mp-title-highlight {margin-top: 5px; color: transparent; background: linear-gradient(90deg, rgb(85, 169, 255) 0%, rgb(23, 196, 177) 54%, rgb(117, 212, 95) 100%) text; -webkit-text-fill-color: transparent;}
html[data-page="medprovas"] .mp-hero-copy > p {max-width: 620px; margin: 25px 0px 0px; color: rgb(195, 214, 223); font-size: 17px; line-height: 1.72;}
html[data-page="medprovas"] .mp-hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="medprovas"] .mp-primary {min-height: 55px; padding: 0px 23px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.28s;}
html[data-page="medprovas"] .mp-primary {background: linear-gradient(135deg, rgb(19, 189, 14), rgb(7, 143, 8)); color: rgb(255, 255, 255); box-shadow: rgba(12, 171, 8, 0.28) 0px 18px 40px;}
html[data-page="medprovas"] .mp-primary:hover {transform: translateY(-3px); box-shadow: rgba(12, 171, 8, 0.36) 0px 23px 48px;}
html[data-page="medprovas"] .mp-hero-visual {position: relative; min-height: 555px; display: grid; place-items: center; perspective: 1200px;}
html[data-page="medprovas"] .mp-hero-visual::before {content: ""; position: absolute; z-index: 1; width: 78%; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle, rgba(126, 217, 87, 0.2) 0%, rgba(47, 128, 237, 0.1) 38%, transparent 70%); filter: blur(18px); transform: translate(5%, 3%); pointer-events: none;}
html[data-page="medprovas"] .mp-device-stage {position: relative; z-index: 2; width: 132%; margin-left: -9%; animation: 7.4s ease-in-out 0s infinite normal none running medprovas-mpDeviceFloat; filter: drop-shadow(rgba(0, 0, 0, 0.38) 0px 38px 52px) drop-shadow(rgba(126, 217, 87, 0.16) 0px 14px 30px);}
html[data-page="medprovas"] .mp-device-stage img {width: 100%; display: block;}
@keyframes medprovas-mpDeviceFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-12px) rotateY(0deg); }
}
html[data-page="medprovas"] .mp-visual-ring {position: absolute; inset: 7% 0px 10% 3%; border: 1px solid rgba(126, 217, 87, 0.24); border-radius: 48% 52% 46% 54%; transform: rotate(-7deg); animation: 8s ease-in-out 0s infinite normal none running medprovas-mpRing;}
html[data-page="medprovas"] .mp-visual-ring::before,
html[data-page="medprovas"] .mp-visual-ring::after {content: ""; position: absolute; border-radius: 50%;}
html[data-page="medprovas"] .mp-visual-ring::before {width: 12px; height: 12px; top: 8%; right: 14%; background: rgb(126, 217, 87); box-shadow: rgba(126, 217, 87, 0.9) 0px 0px 26px;}
html[data-page="medprovas"] .mp-visual-ring::after {width: 9px; height: 9px; left: 8%; bottom: 20%; background: rgb(47, 128, 237); box-shadow: rgba(47, 128, 237, 0.85) 0px 0px 24px;}
@keyframes medprovas-mpRing { 
  0%, 100% { transform: rotate(-7deg) scale(1); }
  50% { transform: rotate(-3deg) scale(1.035); }
}
html[data-page="medprovas"] .mp-section {padding: 108px 0px;}
html[data-page="medprovas"] .mp-section-head {max-width: 820px; margin: 0px auto 52px; text-align: center;}
html[data-page="medprovas"] .mp-kicker {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--mp-green); font-size: 11px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="medprovas"] .mp-kicker::before {content: ""; width: 30px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--mp-green), #0097b2);}
html[data-page="medprovas"] .mp-section-head h2 {margin: 0px; font-size: clamp(34px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="medprovas"] .mp-section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="medprovas"] .mp-diagnosis-grid {display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 58px; align-items: center;}
html[data-page="medprovas"] .mp-diagnosis-copy h2 {margin: 0px; max-width: 520px; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.12; letter-spacing: -0.04em;}
html[data-page="medprovas"] .mp-diagnosis-copy > p {margin: 21px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="medprovas"] .mp-check-list {display: grid; gap: 12px; margin-top: 27px;}
html[data-page="medprovas"] .mp-check-item {display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 15px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); transition: 0.25s;}
html[data-page="medprovas"] .mp-check-item:hover {transform: translateX(6px); border-color: rgba(8, 173, 5, 0.32);}
html[data-page="medprovas"] .mp-check-item i {width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-style: normal; font-weight: 900;}
html[data-page="medprovas"] .mp-check-item strong {display: block; font-size: 14px;}
html[data-page="medprovas"] .mp-check-item span {display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.55;}
html[data-page="medprovas"] .mp-diagnostic-board {position: relative; min-height: 570px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(7, 30, 46), rgb(10, 61, 78) 66%, rgb(11, 93, 96)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="medprovas"] .mp-diagnostic-board::before {content: ""; position: absolute; width: 330px; height: 330px; right: -120px; top: -115px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.28);}
html[data-page="medprovas"] .mp-diagnostic-board h3 {position: relative; z-index: 2; margin: 0px; font-size: 31px; line-height: 1.1; letter-spacing: -0.04em;}
html[data-page="medprovas"] .mp-diagnostic-board > p {position: relative; z-index: 2; margin: 13px 0px 0px; color: rgb(185, 208, 218); font-size: 13px; line-height: 1.65;}
html[data-page="medprovas"] .mp-loop {position: relative; z-index: 2; display: grid; gap: 13px; margin-top: 27px;}
html[data-page="medprovas"] .mp-loop-card {position: relative; min-height: 87px; padding: 15px 17px; display: grid; grid-template-columns: 46px 1fr auto; gap: 13px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 19px; background: rgba(255, 255, 255, 0.07); transition: 0.32s; overflow: hidden;}
html[data-page="medprovas"] .mp-loop-card::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.1), transparent); transform: translateX(-120%);}
html[data-page="medprovas"] .mp-loop-card:hover {transform: translateX(7px); border-color: rgba(126, 217, 87, 0.38); background: linear-gradient(100deg, rgba(47, 128, 237, 0.15), rgba(8, 173, 5, 0.13));}
html[data-page="medprovas"] .mp-loop-card:hover::before {animation: 0.8s ease 0s 1 normal forwards running medprovas-mpShine;}
@keyframes medprovas-mpShine { 
  100% { transform: translateX(120%); }
}
html[data-page="medprovas"] .mp-loop-card i {width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgb(47, 128, 237), rgb(8, 173, 5)); color: rgb(255, 255, 255); font-style: normal; font-weight: 900; box-shadow: rgba(8, 173, 5, 0.17) 0px 12px 28px;}
html[data-page="medprovas"] .mp-loop-card strong {display: block; font-size: 14px;}
html[data-page="medprovas"] .mp-loop-card span {display: block; margin-top: 4px; color: rgb(169, 194, 206); font-size: 11px;}
html[data-page="medprovas"] .mp-loop-card b {color: rgb(135, 233, 107); font-size: 18px;}
html[data-page="medprovas"] .mp-diagnostic-note {position: relative; z-index: 2; margin-top: 20px; padding: 15px 17px; border-left: 3px solid rgb(126, 217, 87); border-radius: 0px 14px 14px 0px; background: rgba(0, 0, 0, 0.17); color: rgb(198, 217, 225); font-size: 12px; line-height: 1.65;}
html[data-page="medprovas"] .mp-feature-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="medprovas"] .mp-feature-card {position: relative; overflow: hidden; min-height: 275px; padding: 27px; border: 1px solid var(--border); border-radius: 27px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); transition: 0.34s; isolation: isolate;}
html[data-page="medprovas"] .mp-feature-card::before {content: ""; position: absolute; z-index: -1; width: 160px; height: 160px; right: -82px; top: -88px; border-radius: 50%; background: radial-gradient(circle, rgba(8, 173, 5, 0.15), transparent 68%); transition: 0.4s;}
html[data-page="medprovas"] .mp-feature-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, rgb(8, 173, 5), rgb(0, 151, 178)); transition: right 0.4s;}
html[data-page="medprovas"] .mp-feature-card:hover {transform: translateY(-9px); border-color: rgba(8, 173, 5, 0.34); box-shadow: rgba(8, 41, 66, 0.12) 0px 24px 54px;}
html[data-page="medprovas"] .mp-feature-card:hover::before {transform: scale(1.2);}
html[data-page="medprovas"] .mp-feature-card:hover::after {right: 0px;}
html[data-page="medprovas"] .mp-feature-card h3 {margin: 22px 0px 9px; font-size: 18px; line-height: 1.3;}
html[data-page="medprovas"] .mp-feature-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="medprovas"] .mp-showcase {position: relative; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(6, 27, 43), rgb(10, 52, 71) 58%, rgb(12, 92, 91));}
html[data-page="medprovas"] .mp-showcase::before {content: ""; position: absolute; width: 600px; height: 600px; right: -280px; top: -300px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.24);}
html[data-page="medprovas"] .mp-showcase .mp-section-head h2 {color: rgb(255, 255, 255);}
html[data-page="medprovas"] .mp-showcase .mp-section-head p {color: rgb(185, 209, 220);}
html[data-page="medprovas"] .mp-showcase-shell {position: relative; z-index: 2; display: block;}
html[data-page="medprovas"] .mp-screen-tabs {margin-bottom: 24px; display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); align-content: start; gap: 10px;}
html[data-page="medprovas"] .mp-screen-tab {width: 100%; min-height: 74px; padding: 13px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 17px; background: rgba(255, 255, 255, 0.067); color: rgb(255, 255, 255); text-align: center; font-weight: 400; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px 0px inset; transition: transform 0.25s, border-color 0.25s, background 0.25s, box-shadow 0.25s;}
html[data-page="medprovas"] .mp-screen-tab-label {display: block; font-size: 13px; font-weight: 400; line-height: 1.4;}
html[data-page="medprovas"] .mp-screen-tab:hover {transform: translateY(-3px); border-color: rgba(126, 217, 87, 0.38); background: rgba(255, 255, 255, 0.106);}
html[data-page="medprovas"] .mp-screen-tab.active {transform: translateY(-5px); border-color: transparent; background: linear-gradient(90deg, var(--blue), var(--green)); color: rgb(255, 255, 255); box-shadow: rgba(0, 151, 178, 0.3) 0px 15px 34px, rgba(0, 0, 0, 0.24) 0px 7px 18px;}
html[data-page="medprovas"] .mp-screen-frame {position: relative; min-height: 590px; padding: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 29px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.32) 0px 35px 85px;}
html[data-page="medprovas"] .mp-screen-browser {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 17px 17px 0px 0px; background: rgba(3, 19, 30, 0.82);}
html[data-page="medprovas"] .mp-screen-browser i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="medprovas"] .mp-screen-browser span {margin-left: auto; color: rgb(145, 173, 187); font-size: 9px; letter-spacing: 0.09em;}
html[data-page="medprovas"] .mp-screen-viewport {position: relative; height: 520px; overflow: hidden; border-radius: 0px 0px 19px 19px; background: rgb(255, 255, 255);}
html[data-page="medprovas"] .mp-screen-panel {position: absolute; inset: 0px; opacity: 0; transform: translateY(16px) scale(0.985); transition: opacity 0.42s, transform 0.42s; pointer-events: none;}
html[data-page="medprovas"] .mp-screen-panel.active {opacity: 1; transform: none; pointer-events: auto;}
html[data-page="medprovas"] .mp-screen-panel img {width: 100%; height: 100%; object-fit: contain; object-position: center top; background: rgb(247, 247, 247);}
html[data-page="medprovas"] .mp-screen-caption {position: absolute; z-index: 2; right: 18px; top: 18px; padding: 10px 14px; border-radius: 999px; background: linear-gradient(135deg, rgb(8, 173, 5), rgb(0, 151, 178)); color: rgb(255, 255, 255); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; box-shadow: rgba(8, 41, 66, 0.2) 0px 12px 26px;}
html[data-page="medprovas"] .mp-video-button {position: absolute; z-index: 5; right: 25px; bottom: 25px; min-height: 48px; padding: 0px 17px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: linear-gradient(135deg, rgb(8, 173, 5), rgb(7, 141, 8)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 850; box-shadow: rgba(8, 173, 5, 0.28) 0px 16px 36px; cursor: pointer; transition: 0.25s;}
html[data-page="medprovas"] .mp-video-button:hover {transform: translateY(-3px);}
html[data-page="medprovas"] .mp-method-flow {--mp-progress: 0%; position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
html[data-page="medprovas"] .mp-method-track,
html[data-page="medprovas"] .mp-method-fill {position: absolute; left: 12.5%; top: 39px; height: 4px; border-radius: 999px;}
html[data-page="medprovas"] .mp-method-track {right: 12.5%; background: rgba(8, 41, 66, 0.12);}
html[data-page="medprovas"] .mp-method-fill {width: var(--mp-progress); max-width: 75%; background: linear-gradient(90deg, rgb(47, 128, 237), rgb(8, 173, 5)); box-shadow: rgba(8, 173, 5, 0.35) 0px 0px 18px; transition: width 0.48s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="medprovas"] .mp-method-step {position: relative; z-index: 2; text-align: center; cursor: pointer; outline: none;}
html[data-page="medprovas"] .mp-method-step b {width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border: 2px solid rgba(47, 128, 237, 0.2); border-radius: 50%; background: var(--surface); color: rgb(47, 128, 237); font-size: 19px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.11) 0px 13px 32px; transition: 0.34s;}
html[data-page="medprovas"] .mp-method-step.active b,
html[data-page="medprovas"] .mp-method-step:hover b,
html[data-page="medprovas"] .mp-method-step:focus-visible b {transform: translateY(-6px) scale(1.08); border-color: transparent; color: rgb(255, 255, 255); background: var(--mp-green); box-shadow: rgba(8, 173, 5, 0.1) 0px 0px 0px 8px, rgba(8, 173, 5, 0.26) 0px 18px 38px;}
html[data-page="medprovas"] .mp-method-step h3 {margin: 20px 0px 8px; font-size: 18px;}
html[data-page="medprovas"] .mp-method-step p {margin: 0px auto; max-width: 240px; color: var(--muted); font-size: 13px; line-height: 1.62;}
@keyframes medprovas-mpAudiencePulse { 
  0%, 100% { transform: scale(0.86); opacity: 0.75; }
  50% { transform: scale(1.12); opacity: 1; }
}
html[data-page="medprovas"] .mp-pricing {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="medprovas"] .mp-pricing .mp-section-head {max-width: 760px;}
html[data-page="medprovas"] .mp-pricing .mp-section-head h2 {font-size: clamp(30px, 3.2vw, 44px);}
html[data-page="medprovas"] .mp-plan-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch;}
html[data-page="medprovas"] .mp-plan {position: relative; overflow: hidden; padding: 29px; border: 1px solid var(--border); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.1) 0px 20px 54px; transition: 0.32s;}
html[data-page="medprovas"] .mp-plan:hover {transform: translateY(-9px); border-color: rgba(8, 173, 5, 0.38); box-shadow: rgba(8, 41, 66, 0.16) 0px 30px 70px;}
html[data-page="medprovas"] .mp-plan.featured {border-color: rgba(8, 173, 5, 0.42); transform: translateY(-8px); box-shadow: rgba(8, 173, 5, 0.16) 0px 30px 75px;}
html[data-page="medprovas"] .mp-plan.featured:hover {transform: translateY(-12px);}
html[data-page="medprovas"] .mp-plan-badge {position: absolute; right: 18px; top: 18px; padding: 8px 11px; border-radius: 999px; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-size: 9px; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase;}
html[data-page="medprovas"] .mp-plan small {display: block; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;}
html[data-page="medprovas"] .mp-plan h3 {margin: 9px 0px 0px; font-size: 27px;}
html[data-page="medprovas"] .mp-plan-price {margin-top: 22px; display: flex; align-items: flex-end; gap: 5px;}
html[data-page="medprovas"] .mp-plan-price strong {font-size: 42px; line-height: 0.9; letter-spacing: -0.05em;}
html[data-page="medprovas"] .mp-plan-price span {color: var(--muted); font-size: 12px;}
html[data-page="medprovas"] .mp-plan-alt {margin: 9px 0px 0px; color: var(--muted); font-size: 12px;}
html[data-page="medprovas"] .mp-plan-list {display: grid; gap: 11px; margin: 24px 0px;}
html[data-page="medprovas"] .mp-plan-list span {display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 12px;}
html[data-page="medprovas"] .mp-plan-list i {width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-style: normal; font-size: 11px; font-weight: 900;}
html[data-page="medprovas"] .mp-plan a {min-height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: linear-gradient(100deg, rgb(47, 128, 237), rgb(0, 179, 136)); color: rgb(255, 255, 255); font-size: 13px; font-weight: 850; box-shadow: rgba(0, 140, 165, 0.22) 0px 14px 32px; transition: 0.25s;}
html[data-page="medprovas"] .mp-plan a:hover {transform: translateY(-2px);}
html[data-page="medprovas"] .mp-plan-note {margin-top: 13px; color: var(--muted); font-size: 10px; line-height: 1.5; text-align: center;}
html[data-page="medprovas"] .mp-final {padding: 75px 0px 105px; background: var(--surface-soft);}
html[data-page="medprovas"] .mp-final-card {position: relative; overflow: hidden; min-height: 300px; padding: 52px; display: grid; grid-template-columns: 1fr auto; gap: 42px; align-items: center; border-radius: 34px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(6, 28, 44), rgb(10, 69, 82) 62%, rgb(11, 115, 95)); box-shadow: var(--shadow);}
html[data-page="medprovas"] .mp-final-card::before {content: ""; position: absolute; width: 390px; height: 390px; right: -130px; top: -205px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.28);}
html[data-page="medprovas"] .mp-final-card > * {position: relative; z-index: 2;}
html[data-page="medprovas"] .mp-final-card small {color: rgb(167, 230, 203); font-size: 10px; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase;}
html[data-page="medprovas"] .mp-final-card h2 {margin: 12px 0px 0px; max-width: 800px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="medprovas"] .mp-final-card p {margin: 17px 0px 0px; color: rgb(197, 217, 226); font-size: 14px; line-height: 1.7;}
html[data-page="medprovas"] .mp-modal {position: fixed; inset: 0px; z-index: 300; display: grid; place-items: center; padding: 24px; background: rgba(2, 13, 22, 0.82); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; transition: 0.28s;}
html[data-page="medprovas"] .mp-modal.open {opacity: 1; visibility: visible;}
html[data-page="medprovas"] .mp-modal-dialog {position: relative; width: min(980px, 94vw); padding: 12px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 26px; background: rgb(7, 27, 42); box-shadow: rgba(0, 0, 0, 0.48) 0px 40px 100px; transform: translateY(20px) scale(0.97); transition: 0.3s;}
html[data-page="medprovas"] .mp-modal.open .mp-modal-dialog {transform: none;}
html[data-page="medprovas"] .mp-modal-close {position: absolute; z-index: 3; right: -12px; top: -12px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(16, 41, 57); cursor: pointer;}
html[data-page="medprovas"] .mp-modal-video {position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 17px; background: rgb(0, 0, 0);}
html[data-page="medprovas"] .mp-modal-video iframe, html[data-page="medprovas"] .mp-modal-video video {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@media (max-width: 1100px) {
html[data-page="medprovas"] .mp-hero-inner {grid-template-columns: 1.16fr 0.84fr; gap: 22px;}
html[data-page="medprovas"] .mp-feature-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .mp-showcase-shell {grid-template-columns: 220px 1fr;}
html[data-page="medprovas"] .mp-screen-frame {min-height: 520px;}
html[data-page="medprovas"] .mp-screen-viewport {height: 450px;}
}
@media (max-width: 920px) {
html[data-page="medprovas"] .mp-hero {margin-top: 74px;}
html[data-page="medprovas"] .mp-hero,
html[data-page="medprovas"] .mp-hero-inner {min-height: auto;}
html[data-page="medprovas"] .mp-hero-inner {grid-template-columns: 1fr; padding-block: 72px 96px;}
html[data-page="medprovas"] .mp-hero-copy {text-align: center; margin-inline: auto;}
html[data-page="medprovas"] .mp-hero-copy > p {margin-inline: auto;}
html[data-page="medprovas"] .mp-hero-actions {justify-content: center;}
html[data-page="medprovas"] .mp-hero-visual {min-height: 530px; max-width: 760px; width: 100%; margin: auto;}
html[data-page="medprovas"] .mp-device-stage {width: 112%; margin-left: 0px;}
html[data-page="medprovas"] .mp-diagnosis-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .mp-showcase-shell {grid-template-columns: 1fr;}
html[data-page="medprovas"] .mp-screen-tabs {grid-template-columns: repeat(3, 1fr);}
html[data-page="medprovas"] .mp-screen-tab {min-height: 72px; text-align: center;}
html[data-page="medprovas"] .mp-plan-grid {grid-template-columns: 1fr; max-width: 650px; margin-inline: auto;}
html[data-page="medprovas"] .mp-plan.featured {transform: none;}
html[data-page="medprovas"] .mp-final-card {grid-template-columns: 1fr;}
}
@media (max-width: 640px) {
html[data-page="medprovas"] .mp-hero h1 .mp-title-line {white-space: normal;}
html[data-page="medprovas"] .mp-hero h1 {font-size: 34px;}
html[data-page="medprovas"] .mp-hero-copy > p {font-size: 15px;}
html[data-page="medprovas"] .mp-hero-visual {min-height: 405px;}
html[data-page="medprovas"] .mp-device-stage {width: 108%;}
html[data-page="medprovas"] .mp-section {padding: 82px 0px;}
html[data-page="medprovas"] .mp-feature-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .mp-screen-tabs {grid-template-columns: repeat(2, 1fr);}
html[data-page="medprovas"] .mp-screen-tab {min-height: 68px; text-align: center;}
html[data-page="medprovas"] .mp-diagnostic-board {min-height: auto; padding: 25px;}
html[data-page="medprovas"] .mp-screen-frame {min-height: 365px; padding: 8px;}
html[data-page="medprovas"] .mp-screen-viewport {height: 310px;}
html[data-page="medprovas"] .mp-method-flow {grid-template-columns: 1fr; gap: 17px;}
html[data-page="medprovas"] .mp-method-track,
html[data-page="medprovas"] .mp-method-fill {display: none;}
html[data-page="medprovas"] .mp-method-step {padding: 17px; text-align: left; display: grid; grid-template-columns: 58px 1fr; column-gap: 15px; align-items: center; border: 1px solid var(--border); border-radius: 19px; background: var(--surface);}
html[data-page="medprovas"] .mp-method-step b {width: 58px; height: 58px; margin: 0px; grid-row: 1 / 3;}
html[data-page="medprovas"] .mp-method-step h3 {margin: 0px 0px 5px;}
html[data-page="medprovas"] .mp-method-step p {margin: 0px; max-width: none;}
html[data-page="medprovas"] .mp-final-card {padding: 38px 26px;}
}
html[data-page="medprovas"] .mp-showcase .mp-section-head {margin-bottom: 44px;}
html[data-page="medprovas"] .mp-platform-title {position: relative; display: inline-block; padding-bottom: 20px; color: rgb(255, 255, 255); font-weight: 800; text-transform: uppercase; font-size: clamp(27px, 3vw, 38px) !important; line-height: 1.08 !important; letter-spacing: -0.035em !important;}
html[data-page="medprovas"] .mp-platform-title::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: min(205px, 58%); height: 4px; border-radius: 999px; background: linear-gradient(90deg, rgb(47, 128, 237) 0%, rgb(32, 168, 239) 48%, rgb(0, 212, 154) 100%); transform: translateX(-50%);}
html[data-page="medprovas"] .mp-screen-tab {min-height: 74px;}
@media (max-width: 920px) {
html[data-page="medprovas"] .mp-screen-tab {min-height: 72px; text-align: center;}
}
@media (max-width: 640px) {
html[data-page="medprovas"] .mp-platform-title {font-size: 25px !important;}
}
html[data-page="medprovas"] .mp-screen-frame {min-height: 0px;}
html[data-page="medprovas"] .mp-screen-viewport {width: 100%; height: auto; aspect-ratio: 16 / 9;}
html[data-page="medprovas"] .mp-screen-panel img {object-fit: cover; object-position: center top; background: rgb(255, 255, 255);}
@media (max-width: 640px) {
html[data-page="medprovas"] .mp-screen-frame {min-height: 0px; padding: 8px;}
html[data-page="medprovas"] .mp-screen-viewport {height: auto; aspect-ratio: 16 / 9;}
}
html[data-page="medprovas"] .mp-title-26 {font-size: 26px !important; font-weight: 500 !important;}
html[data-page="medprovas"] .mp-feature-band {position: relative; padding: 68px 0px 78px; overflow: hidden; background: radial-gradient(
      circle at 14% 18%,
      rgba(47, 128, 237, 0.09),
      transparent 28%
    ),
    radial-gradient(circle at 88% 76%, rgba(0, 179, 136, 0.1), transparent 28%),
    var(--surface-soft);}
html[data-page="medprovas"] .mp-feature-band::before {content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(47, 128, 237, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(47, 128, 237, 0.035) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(rgba(0, 0, 0, 0.9), transparent 90%);}
html[data-page="medprovas"] .mp-feature-band .section-shell {position: relative; z-index: 1;}
html[data-page="medprovas"] .mp-feature-head {text-align: center;}
html[data-page="medprovas"] .mp-feature-head h2 {position: relative; display: inline-block; margin: 0px auto; max-width: 930px; padding-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 1.16; letter-spacing: -0.035em;}
html[data-page="medprovas"] .mp-feature-head h2::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: min(205px, 58%); height: 4px; border-radius: 999px; background: linear-gradient(90deg, rgb(47, 128, 237) 0%, rgb(32, 168, 239) 48%, rgb(0, 212, 154) 100%); transform: translateX(-50%);}
html[data-page="medprovas"] .mp-feature-grid {margin-top: 34px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="medprovas"] .mp-feature-card {position: relative; min-height: 190px; padding: 27px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.15); border-radius: 26px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(8, 100, 126), rgb(58, 147, 161) 56%, rgb(125, 212, 189)); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 40px; animation: auto ease 0s 1 normal none running none; transition: transform 0.3s, box-shadow 0.3s;}
html[data-page="medprovas"] .mp-feature-card-dark {background: linear-gradient(145deg, rgb(39, 51, 60), rgb(71, 71, 71) 78%); border-color: rgba(255, 255, 255, 0.08);}
html[data-page="medprovas"] .mp-feature-card::before {content: ""; position: absolute; width: 170px; height: 170px; right: -72px; top: -80px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2);}
html[data-page="medprovas"] .mp-feature-card:hover {transform: translateY(-8px); box-shadow: rgba(8, 41, 66, 0.2) 0px 27px 58px;}
html[data-page="medprovas"] .mp-feature-index {position: absolute; left: 27px; top: 24px; color: rgba(255, 255, 255, 0.65); font-size: 10px; font-weight: 900; letter-spacing: 0.16em;}
html[data-page="medprovas"] .mp-feature-card h3 {position: relative; z-index: 1; margin: 0px; font-size: 23px; line-height: 1.08; letter-spacing: -0.035em;}
html[data-page="medprovas"] .mp-feature-line {position: absolute; left: 27px; right: 27px; bottom: 17px; height: 2px; transform: scaleX(0.34); transform-origin: left center; border-radius: 999px; background: rgba(255, 255, 255, 0.38); transition: transform 0.35s;}
html[data-page="medprovas"] .mp-feature-card:hover .mp-feature-line {transform: scaleX(1);}
html[data-page="medprovas"] .mp-feature-card.reveal {opacity: 0; filter: blur(4px); transition: opacity 0.72s ease var(--delay, 0s),
    transform 0.88s cubic-bezier(0.2, 0.82, 0.22, 1) var(--delay, 0s),
    filter 0.72s ease var(--delay, 0s),
    box-shadow 0.3s ease; will-change: opacity, transform, filter;}
html[data-page="medprovas"] .mp-feature-card:nth-child(1).reveal {transform: translate3d(-105px, 0px, 0px) scale(0.975);}
html[data-page="medprovas"] .mp-feature-card:nth-child(2).reveal {transform: translate3d(0px, -90px, 0px) scale(0.975);}
html[data-page="medprovas"] .mp-feature-card:nth-child(3).reveal {transform: translate3d(0px, 90px, 0px) scale(0.975);}
html[data-page="medprovas"] .mp-feature-card:nth-child(4).reveal {transform: translate3d(105px, 0px, 0px) scale(0.975);}
html[data-page="medprovas"] .mp-feature-card.reveal.visible {opacity: 1; filter: none; transform: translate3d(0px, 0px, 0px) scale(1);}
html[data-page="medprovas"] .mp-feature-card.reveal.visible:hover {transform: translateY(-8px);}
@media (prefers-reduced-motion: reduce) {
html[data-page="medprovas"] .mp-feature-card.reveal,
html[data-page="medprovas"] .mp-feature-card.reveal.visible {opacity: 1; filter: none; transform: none; transition: none;}
}
@media (max-width: 960px) {
html[data-page="medprovas"] .mp-feature-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 560px) {
html[data-page="medprovas"] .mp-feature-band {padding: 52px 0px 62px;}
html[data-page="medprovas"] .mp-feature-head h2 br {display: none;}
html[data-page="medprovas"] .mp-feature-grid {grid-template-columns: 1fr;}
html[data-page="medprovas"] .mp-feature-card {min-height: 150px;}
}
html[data-page="medprovas"] .mp-faq-home {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .mp-faq-home .faq-grid {display: grid; grid-template-columns: 0.68fr 1.32fr; gap: 90px; align-items: start;}
html[data-page="medprovas"] .mp-faq-home .faq-intro {position: sticky; top: 120px;}
html[data-page="medprovas"] .mp-faq-home .section-title-pill {position: relative; width: max-content; margin: 0px; padding: 0px 0px 18px; display: inline-block; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; line-height: 1.1; letter-spacing: -0.035em;}
html[data-page="medprovas"] .mp-faq-home .section-title-pill::after {content: ""; position: absolute; left: 0px; bottom: 0px; width: 120px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="medprovas"] .mp-faq-home .faq-lead {max-width: 440px; margin: 27px 0px 0px; color: rgb(255, 255, 255); font-size: clamp(31px, 3.1vw, 42px); font-weight: 800; line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="medprovas"] .mp-faq-home .faq-lead em {color: rgb(0, 191, 160); font-style: normal;}
html[data-page="medprovas"] .mp-faq-home .faq-intro > p {max-width: 470px; margin: 24px 0px; color: rgb(197, 217, 226); font-size: 16px; line-height: 1.75;}
html[data-page="medprovas"] .mp-faq-home .faq-intro > a {display: inline-flex; align-items: center; gap: 9px; color: rgb(0, 197, 163); font-size: 14px; font-weight: 750;}
html[data-page="medprovas"] .mp-faq-home .faq-intro > a svg {flex: 0 0 auto;}
html[data-page="medprovas"] .mp-faq-home .faq-list {display: block; border-top: 1px solid rgba(255, 255, 255, 0.12);}
html[data-page="medprovas"] .mp-faq-home .faq-item {border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.12); border-radius: 0px; background: transparent; overflow: visible;}
html[data-page="medprovas"] .mp-faq-home .faq-question {width: 100%; min-height: 80px; padding: 0px 4px; display: grid; grid-template-columns: 45px 1fr 42px; align-items: center; gap: 12px; border: 0px; background: transparent; color: rgb(255, 255, 255); text-align: left; cursor: pointer;}
html[data-page="medprovas"] .mp-faq-home .faq-question > span {color: rgb(85, 160, 255); font-size: 11px; font-weight: 800;}
html[data-page="medprovas"] .mp-faq-home .faq-question strong {color: rgb(255, 255, 255); font-size: 16px; line-height: 1.45;}
html[data-page="medprovas"] .mp-faq-home .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 10px; background: transparent; color: rgb(85, 160, 255); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="medprovas"] .mp-faq-home .faq-item.open .faq-question i {transform: rotate(45deg); border-color: transparent; background: linear-gradient(90deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="medprovas"] .mp-faq-home .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="medprovas"] .mp-faq-home .faq-answer > div {overflow: hidden;}
html[data-page="medprovas"] .mp-faq-home .faq-answer p {margin: 0px 55px 0px 61px; padding: 0px; color: rgb(169, 190, 202); font-size: 14px; line-height: 1.7;}
html[data-page="medprovas"] .mp-faq-home .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="medprovas"] .mp-faq-home .faq-item.open .faq-answer p {padding-bottom: 25px;}
@media (max-width: 980px) {
html[data-page="medprovas"] .mp-faq-home .faq-grid {grid-template-columns: 1fr; gap: 42px;}
html[data-page="medprovas"] .mp-faq-home .faq-intro {position: relative; top: auto;}
}
@media (max-width: 600px) {
html[data-page="medprovas"] .mp-faq-home .section-title-pill {font-size: 24px;}
html[data-page="medprovas"] .mp-faq-home .faq-lead {font-size: 34px;}
html[data-page="medprovas"] .mp-faq-home .faq-question {grid-template-columns: 34px 1fr 38px;}
html[data-page="medprovas"] .mp-faq-home .faq-answer p {margin-left: 46px; margin-right: 12px;}
}
html[data-page="medprovas"] .mp-final {padding: 75px 0px 105px; background: var(--surface-soft);}
html[data-page="medprovas"] .mp-strategy-card {min-height: 0px; padding: 50px; display: block; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(6, 28, 44), rgb(10, 69, 82) 62%, rgb(11, 115, 95));}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-copy {position: relative; z-index: 2; max-width: 900px; margin: 0px auto; text-align: center;}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-copy h2 {margin: 0px;}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-copy p {margin: 18px auto 0px; max-width: 760px; color: rgb(197, 217, 226); font-size: 15px; line-height: 1.7; text-align: center;}
html[data-page="medprovas"] .mp-strategy-card .mp-method-flow {margin-top: 42px;}
html[data-page="medprovas"] .mp-strategy-card .mp-method-track {background: rgba(255, 255, 255, 0.18);}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step b {background: rgb(255, 255, 255); color: rgb(47, 128, 237);}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step.active b,
html[data-page="medprovas"] .mp-strategy-card .mp-method-step:hover b,
html[data-page="medprovas"] .mp-strategy-card .mp-method-step:focus-visible b {border-color: transparent; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(0, 161, 137), rgb(126, 217, 87)); box-shadow: rgba(0, 179, 136, 0.12) 0px 0px 0px 8px, rgba(0, 179, 136, 0.28) 0px 18px 38px;}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step h3 {color: rgb(255, 255, 255);}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step p {color: rgb(197, 217, 226);}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-footer {position: relative; z-index: 2; margin-top: 42px; padding-top: 32px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.14);}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-footer h3 {margin: 0px; font-size: 22px;}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-footer p {margin: 8px 0px 0px; color: rgb(197, 217, 226); font-size: 13px;}
@media (max-width: 760px) {
html[data-page="medprovas"] .mp-strategy-card {padding: 32px 22px;}
html[data-page="medprovas"] .mp-strategy-card .mp-method-flow {margin-top: 30px;}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step {border-color: rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.07);}
html[data-page="medprovas"] .mp-strategy-card .mp-method-step p {color: rgb(213, 228, 234);}
html[data-page="medprovas"] .mp-strategy-card .mp-strategy-footer {grid-template-columns: 1fr;}
}
html[data-page="precos-e-planos"] {--blue: #2f80ed; --blue-deep: #082942; --green: #00b388; --ink: #102939; --muted: #667085; --surface: #fff; --surface-soft: #f6f9fc; --border: rgba(16, 41, 57, 0.11); --header: rgba(255, 255, 255, 0.9); --shadow: 0 22px 60px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="precos-e-planos"][data-theme="dark"] {--ink: #f7fafc; --muted: #aab8c4; --surface: #081a28; --surface-soft: #0c2334; --border: rgba(230, 241, 255, 0.1); --header: rgba(7, 24, 37, 0.91); --shadow: 0 22px 60px rgba(0, 0, 0, 0.32); color-scheme: dark;}
html[data-page="precos-e-planos"] * {box-sizing: border-box;}
html[data-page="precos-e-planos"] {scroll-behavior: smooth;}
html[data-page="precos-e-planos"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, Arial, sans-serif; overflow-x: hidden;}
html[data-page="precos-e-planos"] a {color: inherit; text-decoration: none;}
html[data-page="precos-e-planos"] button {font: inherit; color: inherit;}
html[data-page="precos-e-planos"] .hero {position: relative; height: 700px; margin-top: 84px; overflow: hidden; background: rgb(6, 29, 47); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .hero-slide {position: absolute; inset: 0px; opacity: 0; visibility: hidden; transform: scale(1.02); transition: opacity 0.8s, visibility 0.8s, transform 1.1s; background-image: var(--hero-desktop); background-position: center center; background-size: cover;}
html[data-page="precos-e-planos"] .hero-slide.is-active {opacity: 1; visibility: visible; transform: scale(1); z-index: 1;}
html[data-page="precos-e-planos"] .hero-slide::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(5, 22, 35, 0.99) 0%, rgba(5, 26, 42, 0.94) 35%, rgba(5, 26, 42, 0.48) 59%, rgba(5, 26, 42, 0.1) 100%); z-index: 1;}
html[data-page="precos-e-planos"] .hero-grid {position: absolute; inset: 0px; z-index: 1; opacity: 0.12; background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 10%, transparent 68%);}
html[data-page="precos-e-planos"] .hero-container {position: relative; z-index: 2; width: min(var(--max), calc(100% - 48px)); height: 100%; margin: auto; display: flex; align-items: flex-start; padding-top: 100px; padding-bottom: 30px;}
html[data-page="precos-e-planos"] .hero-copy {max-width: 720px; animation: 0.85s ease 0.15s 1 normal both running precos-e-planos-reveal; text-shadow: rgba(2, 17, 28, 0.24) 0px 2px 22px;}
html[data-page="precos-e-planos"] .eyebrow {display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 600; letter-spacing: 0.16em; color: rgb(184, 217, 245); margin-bottom: 24px;}
html[data-page="precos-e-planos"] .eyebrow span {width: 34px; height: 2px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="precos-e-planos"] .hero h1 {margin: 0px; font-size: clamp(34px, 2.7vw, 44px); line-height: 1.06; letter-spacing: -0.045em; max-width: 650px;}
html[data-page="precos-e-planos"] .hero h1 em {font-style: normal; background: linear-gradient(90deg, rgb(103, 167, 255), rgb(53, 213, 172)) text; color: transparent;}
html[data-page="precos-e-planos"] .hero-copy > p {max-width: 630px; margin: 24px 0px 30px; color: rgb(209, 222, 234); font-size: clamp(16px, 1.5vw, 19px); line-height: 1.65;}
html[data-page="precos-e-planos"] .hero-buttons {margin-top: 30px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
html[data-page="precos-e-planos"] .button {min-height: 52px; padding: 0px 23px; border-radius: 15px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; font-size: 14px; font-weight: 760; transition: 0.22s;}
html[data-page="precos-e-planos"] .button.primary {color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), #216cdc); box-shadow: rgba(47, 128, 237, 0.3) 0px 16px 35px;}
html[data-page="precos-e-planos"] .button.primary:hover {transform: translateY(-3px); box-shadow: rgba(47, 128, 237, 0.42) 0px 20px 42px;}
html[data-page="precos-e-planos"] .slider-arrow {position: absolute; z-index: 4; top: 50%; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 50%; display: grid; place-items: center; background: rgba(5, 29, 47, 0.38); color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(8px); transition: 0.2s;}
html[data-page="precos-e-planos"] .slider-arrow:hover {background: rgba(47, 128, 237, 0.78);}
html[data-page="precos-e-planos"] .slider-arrow.prev {left: 22px; transform: rotate(180deg);}
html[data-page="precos-e-planos"] .slider-arrow.next {right: 22px;}
html[data-page="precos-e-planos"] .slider-controls {position: absolute; z-index: 5; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 12px;}
html[data-page="precos-e-planos"] .slider-dots {display: flex; align-items: center; gap: 8px;}
html[data-page="precos-e-planos"] .slider-dot {width: 34px; height: 5px; padding: 0px; border: 0px; border-radius: 6px; background: rgba(255, 255, 255, 0.25); overflow: hidden; cursor: pointer;}
html[data-page="precos-e-planos"] .slider-dot span {display: block; width: 0px; height: 100%; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="precos-e-planos"] .slider-dot.active span {animation: 7.5s linear 0s 1 normal forwards running precos-e-planos-progress;}
html[data-page="precos-e-planos"] .hero.is-paused .slider-dot.active span,
html[data-page="precos-e-planos"] .hero.is-hover-paused .slider-dot.active span {animation-play-state: paused;}
html[data-page="precos-e-planos"] .slider-pause {width: 30px; height: 30px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 50%; display: grid; place-items: center; background: rgba(5, 29, 47, 0.62); color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(8px); transition: 0.2s;}
html[data-page="precos-e-planos"] .slider-pause:hover {border-color: rgba(255, 255, 255, 0.7); background: rgba(47, 128, 237, 0.82); transform: scale(1.06);}
html[data-page="precos-e-planos"] .slider-pause:focus-visible {outline: rgba(126, 217, 87, 0.76) solid 3px; outline-offset: 3px;}
html[data-page="precos-e-planos"] .slider-pause svg {width: 14px; height: 14px;}
html[data-page="precos-e-planos"] .slider-pause .slider-play-icon {display: none;}
html[data-page="precos-e-planos"] .slider-pause.is-paused .slider-pause-icon {display: none;}
html[data-page="precos-e-planos"] .slider-pause.is-paused .slider-play-icon {display: block;}
html[data-page="precos-e-planos"] .trust-strip {min-height: 104px; padding: 18px max(24px, calc((100% - var(--max)) / 2)); display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface); border-bottom: 1px solid var(--border); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 35px;}
html[data-page="precos-e-planos"] .trust-strip > div {display: flex; align-items: center; justify-content: center; gap: 14px; border-right: 1px solid var(--border);}
html[data-page="precos-e-planos"] .trust-strip > div:last-child {border-right: 0px;}
html[data-page="precos-e-planos"] .trust-strip svg {color: var(--blue);}
html[data-page="precos-e-planos"] .trust-strip span {font-size: 20px; color: var(--muted);}
html[data-page="precos-e-planos"] .trust-strip strong {display: block; color: var(--ink); font-size: 24px;}
html[data-page="precos-e-planos"] .section {padding: 112px 0px; position: relative;}
html[data-page="precos-e-planos"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin: auto;}
html[data-page="precos-e-planos"] .section h2 {margin: 0px; color: var(--ink); font-size: clamp(35px, 3.5vw, 52px); line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="precos-e-planos"] .section h2 em {font-style: normal; color: var(--green);}
html[data-page="precos-e-planos"] .section-heading {margin-bottom: 52px;}
html[data-page="precos-e-planos"] .section-heading > p {max-width: 800px; margin: 20px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="precos-e-planos"] .reveal {opacity: 0; transform: translateY(24px); transition: opacity 0.75s, transform 0.75s;}
html[data-page="precos-e-planos"] .reveal.is-visible {opacity: 1; transform: none;}
html[data-page="precos-e-planos"] .benefit-list {display: grid; gap: 22px;}
html[data-page="precos-e-planos"] .benefit-list article {display: flex; align-items: flex-start; gap: 16px;}
html[data-page="precos-e-planos"] .benefit-list article > span {width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(47, 128, 237, 0.14); border-radius: 14px; background: linear-gradient(145deg, rgba(47, 128, 237, 0.12), rgba(0, 179, 136, 0.08)); color: var(--blue);}
html[data-page="precos-e-planos"] .benefit-list h3 {margin: 0px 0px 5px; font-size: 15px;}
html[data-page="precos-e-planos"] .benefit-list p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.55;}
html[data-page="precos-e-planos"] .video-card {position: relative; width: 100%; aspect-ratio: 1.34 / 1; border: 0px; border-radius: 30px; overflow: hidden; background: linear-gradient(135deg, rgb(7, 38, 62), rgb(14, 88, 115) 58%, rgb(0, 164, 127)); color: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.24) 0px 35px 80px; cursor: pointer; text-align: left;}
html[data-page="precos-e-planos"] .video-card::before {content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 82% 18%, rgba(103, 210, 255, 0.35), transparent 25%), linear-gradient(90deg, rgba(4, 25, 40, 0.4), transparent);}
html[data-page="precos-e-planos"] .study-flow::before {content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), rgba(0, 0, 0, 0.55), transparent);}
html[data-page="precos-e-planos"] .study-flow .section-shell {position: relative; z-index: 1;}
html[data-page="precos-e-planos"] .resources-grid {display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px 30px;}
html[data-page="precos-e-planos"] .resource-icon {position: absolute; left: 24px; top: 24px; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 50%; background: linear-gradient(145deg, var(--blue), var(--green)); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.18) 0px 12px 28px, rgba(255, 255, 255, 0.035) 0px 0px 0px 7px; transition: transform 0.35s;}
html[data-page="precos-e-planos"] .resource-icon svg {width: 27px; height: 27px;}
html[data-page="precos-e-planos"] .study-flow {overflow: hidden; background: linear-gradient(rgb(10, 41, 64) 0%, rgb(6, 27, 43) 100%); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .study-flow::after {content: ""; position: absolute; width: 600px; height: 600px; left: -250px; bottom: -330px; border-radius: 50%; background: rgba(47, 128, 237, 0.17); filter: blur(95px); pointer-events: none;}
html[data-page="precos-e-planos"] .study-flow .trail {--trail-progress: 0%; position: relative; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; padding-top: 6px;}
html[data-page="precos-e-planos"] .study-flow .trail article {position: relative; z-index: 1; display: flex; min-width: 0px; padding: 0px 8px; flex-direction: column; align-items: center; text-align: center; cursor: pointer; outline: none;}
html[data-page="precos-e-planos"] .study-flow .trail article > span {position: relative; z-index: 2; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgb(11, 43, 65); color: rgb(145, 170, 190); font-size: 12px; font-weight: 850; box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 28px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="precos-e-planos"] .study-flow .trail article > span::before {content: ""; position: absolute; inset: -7px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="precos-e-planos"] .study-flow .trail article.active > span,
html[data-page="precos-e-planos"] .study-flow .trail article:hover > span,
html[data-page="precos-e-planos"] .study-flow .trail article:focus-visible > span {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-5px) scale(1.08); box-shadow: rgba(47, 128, 237, 0.1) 0px 0px 0px 8px, rgba(0, 179, 136, 0.2) 0px 18px 36px;}
html[data-page="precos-e-planos"] .study-flow .trail article.active > span::before,
html[data-page="precos-e-planos"] .study-flow .trail article:hover > span::before,
html[data-page="precos-e-planos"] .study-flow .trail article:focus-visible > span::before {border-color: rgba(91, 220, 182, 0.36); transform: scale(1.04);}
html[data-page="precos-e-planos"] .study-flow .trail article > div {max-width: 250px; margin-top: 21px; padding: 18px 16px 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); transition: transform 0.3s, border-color 0.3s;}
html[data-page="precos-e-planos"] .study-flow .trail article.active > div,
html[data-page="precos-e-planos"] .study-flow .trail article:hover > div {transform: translateY(-3px); border-color: rgba(0, 179, 136, 0.34);}
html[data-page="precos-e-planos"] .study-flow .trail small {color: rgb(95, 153, 186); font-size: 12px; font-weight: 850; letter-spacing: 0.14em;}
html[data-page="precos-e-planos"] .study-flow .trail h3 {margin: 6px 0px 8px; color: rgb(255, 255, 255); font-size: 20px;}
html[data-page="precos-e-planos"] .study-flow .trail p {margin: 0px; color: rgb(147, 170, 185); font-size: 12px; line-height: 1.6;}
@keyframes precos-e-planos-medprovas-device-float { 
  0%, 100% { transform: translateX(2.5%) translateY(0px) rotateX(0.01deg); }
  50% { transform: translateX(2.5%) translateY(-7px) rotateX(0.01deg); }
}
html[data-page="precos-e-planos"] .answer {min-height: 48px; margin-bottom: 9px; padding: 9px 12px; display: flex; align-items: center; gap: 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--muted); font-size: 9px;}
html[data-page="precos-e-planos"] .answer b {width: 25px; height: 25px; display: grid; place-items: center; border-radius: 7px; background: var(--surface-soft); color: var(--ink);}
html[data-page="precos-e-planos"] .numbers {position: relative; padding: 70px 0px; overflow: hidden; background: linear-gradient(110deg, rgb(8, 41, 66), rgb(13, 73, 98) 55%, rgb(0, 137, 112)); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .numbers::before {content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px); background-size: 45px 45px;}
html[data-page="precos-e-planos"] .numbers-grid {position: relative; display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="precos-e-planos"] .numbers article {display: flex; align-items: center; justify-content: center; gap: 16px; border-right: 1px solid rgba(255, 255, 255, 0.13);}
html[data-page="precos-e-planos"] .numbers article:last-child {border: 0px;}
html[data-page="precos-e-planos"] .numbers strong {min-width: 102px; font-size: 48px; line-height: 1; letter-spacing: -0.06em; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(104, 227, 192)) text; color: transparent;}
html[data-page="precos-e-planos"] .numbers span {font-size: 18px; line-height: 1.5; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="precos-e-planos"] .testimonials {background: var(--surface-soft);}
html[data-page="precos-e-planos"] .testimonial-card {position: relative; min-height: 310px; padding: 30px; display: flex; flex-direction: column; border: 1px solid var(--border); border-radius: 23px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.055) 0px 15px 40px;}
html[data-page="precos-e-planos"] .quote-icon {position: absolute; right: 25px; top: 22px; color: rgba(47, 128, 237, 0.14);}
html[data-page="precos-e-planos"] .quote-icon svg {width: 50px; height: 50px;}
html[data-page="precos-e-planos"] .stars {margin-bottom: 20px; color: rgb(232, 183, 71); font-size: 12px; letter-spacing: 3px;}
html[data-page="precos-e-planos"] .testimonial-card > p {margin: 0px; color: var(--ink); font-size: 15px; line-height: 1.8;}
html[data-page="precos-e-planos"] .testimonial-face {position: absolute; right: 24px; top: 22px; width: 86px; height: 86px; margin-left: 10px; object-fit: cover; object-position: center center; border: 3px solid var(--surface); border-radius: 50%; box-shadow: rgba(8, 41, 66, 0.2) 0px 10px 28px;}
html[data-page="precos-e-planos"] .testimonial-card.has-face .stars {padding-right: 106px;}
html[data-page="precos-e-planos"] .testimonial-card.has-face > p {display: -webkit-box; max-height: none; padding-right: 106px; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
html[data-page="precos-e-planos"] .testimonial-card.has-face {cursor: pointer;}
html[data-page="precos-e-planos"] .testimonial-card.has-face:focus-visible {outline: 3px solid color-mix(in srgb, var(--blue) 72%, transparent); outline-offset: 4px;}
html[data-page="precos-e-planos"] .testimonial-person > span {min-width: 0px;}
html[data-page="precos-e-planos"] .testimonial-person small {line-height: 1.45;}
html[data-page="precos-e-planos"] .testimonial-card > div:last-child {margin-top: auto; padding-top: 25px; display: flex; align-items: center; gap: 12px; border-top: 1px solid var(--border);}
html[data-page="precos-e-planos"] .student-avatar {width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); font-size: 9px; font-weight: 850;}
html[data-page="precos-e-planos"] .testimonial-card strong,
html[data-page="precos-e-planos"] .testimonial-card small {display: block;}
html[data-page="precos-e-planos"] .testimonial-card strong {font-size: 11px;}
html[data-page="precos-e-planos"] .testimonial-card small {margin-top: 3px; color: var(--muted); font-size: 9px;}
html[data-page="precos-e-planos"] .teachers {background: var(--surface);}
html[data-page="precos-e-planos"] .teacher-card {padding: 14px 14px 20px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); transition: opacity 0.75s, transform 0.75s, box-shadow 0.25s;}
html[data-page="precos-e-planos"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.11) 0px 20px 45px;}
html[data-page="precos-e-planos"] .teacher-card h3 {margin: 0px 0px 8px; font-size: 14px;}
html[data-page="precos-e-planos"] .teacher-card p {min-height: 55px; margin: 0px 0px 17px; color: var(--muted); font-size: 10px; line-height: 1.55;}
html[data-page="precos-e-planos"] .teacher-card a {display: flex; align-items: center; gap: 6px; color: var(--blue); font-size: 9px; font-weight: 750;}
html[data-page="precos-e-planos"] .blog {background: var(--surface-soft);}
html[data-page="precos-e-planos"] .blog-head {margin-bottom: 42px; display: flex; justify-content: space-between; align-items: flex-end;}
html[data-page="precos-e-planos"] .blog-head > div {max-width: 750px;}
html[data-page="precos-e-planos"] .blog-head > a {display: flex; align-items: center; gap: 8px; color: var(--blue); font-size: 11px; font-weight: 750;}
html[data-page="precos-e-planos"] .post-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;}
html[data-page="precos-e-planos"] .post-card {border: 1px solid var(--border); border-radius: 22px; background: var(--surface); overflow: hidden; box-shadow: rgba(8, 41, 66, 0.05) 0px 14px 35px; transition: opacity 0.75s, transform 0.75s, box-shadow 0.25s;}
html[data-page="precos-e-planos"] .post-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 23px 55px;}
html[data-page="precos-e-planos"] .post-cover {position: relative; height: 160px; padding: 0px; overflow: hidden; background: rgb(8, 41, 66);}
html[data-page="precos-e-planos"] .post-cover img {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.45s;}
html[data-page="precos-e-planos"] .post-card:hover .post-cover img {transform: scale(1.05);}
html[data-page="precos-e-planos"] .post-card > a {height: 100%; display: flex; flex-direction: column;}
html[data-page="precos-e-planos"] .post-body {padding: 18px 20px 22px;}
html[data-page="precos-e-planos"] .post-body small {color: var(--muted); font-size: 9px;}
html[data-page="precos-e-planos"] .post-body h3 {min-height: 0px; margin: 0px; font-size: 15px; line-height: 1.42;}
html[data-page="precos-e-planos"] .post-body a {display: flex; align-items: center; gap: 7px; color: var(--blue); font-size: 10px; font-weight: 760;}
html[data-page="precos-e-planos"] .button.white {background: rgb(255, 255, 255); color: rgb(8, 48, 74); box-shadow: rgba(0, 0, 0, 0.18) 0px 15px 35px;}
html[data-page="precos-e-planos"] .faq {background: var(--surface);}
html[data-page="precos-e-planos"] .faq-grid {display: grid; grid-template-columns: 0.68fr 1.32fr; gap: 90px; align-items: start;}
html[data-page="precos-e-planos"] .faq-intro {position: sticky;}
html[data-page="precos-e-planos"] .faq-intro > p {margin: 22px 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="precos-e-planos"] .faq-intro > a {display: inline-flex; align-items: center; gap: 9px; color: var(--green); font-size: 14px; font-weight: 750;}
html[data-page="precos-e-planos"] .faq-list {border-top: 1px solid var(--border);}
html[data-page="precos-e-planos"] .faq-list article {border-bottom: 1px solid var(--border);}
html[data-page="precos-e-planos"] .faq-list button {width: 100%; min-height: 80px; padding: 0px 4px; display: grid; grid-template-columns: 45px 1fr 42px; align-items: center; gap: 12px; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="precos-e-planos"] .faq-list button > span {color: var(--blue); font-size: 11px; font-weight: 800;}
html[data-page="precos-e-planos"] .faq-list button > strong {font-size: 16px;}
html[data-page="precos-e-planos"] .faq-list button > i {width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 10px; color: var(--blue); transition: 0.25s;}
html[data-page="precos-e-planos"] .faq-list article.open button > i {background: var(--blue); color: rgb(255, 255, 255); transform: rotate(90deg);}
html[data-page="precos-e-planos"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="precos-e-planos"] .faq-answer p {overflow: hidden; margin: 0px 55px 0px 61px; color: var(--muted); font-size: 14px; line-height: 1.7;}
html[data-page="precos-e-planos"] .faq-list article.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="precos-e-planos"] .faq-list article.open .faq-answer p {padding-bottom: 25px;}
html[data-page="precos-e-planos"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .footer-main {padding: 75px 0px 60px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="precos-e-planos"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.92;}
html[data-page="precos-e-planos"] .footer-brand > p {margin: 25px 0px; color: rgb(144, 168, 184); font-size: 15px; line-height: 1.75;}
html[data-page="precos-e-planos"] .socials {display: flex; gap: 9px;}
html[data-page="precos-e-planos"] .socials a {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 11px; color: rgb(155, 178, 193); transition: 0.2s;}
html[data-page="precos-e-planos"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="precos-e-planos"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="precos-e-planos"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 11px;}
html[data-page="precos-e-planos"] .footer-links a,
html[data-page="precos-e-planos"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px;}
html[data-page="precos-e-planos"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px;}
html[data-page="precos-e-planos"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="precos-e-planos"] .footer-bottom > div {height: 70px; display: flex; align-items: center; justify-content: space-between; color: rgb(120, 148, 163); font-size: 11px;}
html[data-page="precos-e-planos"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; height: 48px; padding: 0px 17px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 11px; font-weight: 750; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px;}
html[data-page="precos-e-planos"] .video-modal {position: fixed; z-index: 1000; inset: 0px; padding: 28px; display: grid; place-items: center; background: rgba(2, 13, 22, 0.86); backdrop-filter: blur(12px); animation: 0.25s ease 0s 1 normal none running precos-e-planos-fadeIn;}
html[data-page="precos-e-planos"] .video-modal-box {position: relative; width: min(1050px, 100%);}
html[data-page="precos-e-planos"] .video-modal-box > button {position: absolute; z-index: 2; right: -12px; top: -52px; width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); cursor: pointer;}
html[data-page="precos-e-planos"] .video-frame {position: relative; padding-top: 56.25%; overflow: hidden; border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 100px;}
html[data-page="precos-e-planos"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes precos-e-planos-float { 
  50% { transform: translateY(-10px); }
}
@keyframes precos-e-planos-fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes precos-e-planos-reveal { 
  0% { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: none; }
}
@keyframes precos-e-planos-progress { 
  100% { width: 100%; }
}
@media (max-width: 900px) {
html[data-page="precos-e-planos"] .hero {margin-top: 74px; height: 700px;}
html[data-page="precos-e-planos"] .hero-slide {background-image: var(--hero-desktop); background-position: 62% center;}
html[data-page="precos-e-planos"] .hero-slide::before {background: linear-gradient(90deg, rgba(5, 22, 35, 0.98), rgba(5, 26, 42, 0.88) 56%, rgba(5, 26, 42, 0.22));}
html[data-page="precos-e-planos"] .eyebrow {font-size: 22px; font-weight: 600;}
html[data-page="precos-e-planos"] .trust-strip {grid-template-columns: repeat(2, 1fr); padding: 12px 20px;}
html[data-page="precos-e-planos"] .trust-strip > div {min-height: 70px;}
html[data-page="precos-e-planos"] .trust-strip > div:nth-child(2) {border-right: 0px;}
html[data-page="precos-e-planos"] .trust-strip > div:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
}
@media (max-width: 600px) {
html[data-page="precos-e-planos"] .hero {height: 900px;}
html[data-page="precos-e-planos"] .hero-container {width: calc(100% - 40px); align-items: flex-start; padding-top: 52px; padding-bottom: 155px;}
html[data-page="precos-e-planos"] .hero-slide {background-image: var(--hero-mobile, var(--hero-desktop)); background-position: center bottom; background-size: auto var(--hero-mobile-size, 78%); background-repeat: no-repeat;}
html[data-page="precos-e-planos"] .hero-slide::before {background: linear-gradient(rgba(5, 22, 35, 0.99) 0%, rgba(5, 26, 42, 0.95) 51%, rgba(5, 26, 42, 0.5) 72%, rgba(5, 26, 42, 0.26) 100%);}
html[data-page="precos-e-planos"] .hero h1 {font-size: 29px; line-height: 1.04;}
html[data-page="precos-e-planos"] .hero-copy > p {font-size: 14px; line-height: 1.55; margin: 17px 0px 21px;}
html[data-page="precos-e-planos"] .eyebrow {font-size: 22px; font-weight: 600; margin-bottom: 18px;}
html[data-page="precos-e-planos"] .button {min-height: 49px; padding: 0px 18px; font-size: 13px;}
html[data-page="precos-e-planos"] .slider-arrow {display: none;}
html[data-page="precos-e-planos"] .slider-controls {bottom: 17px;}
html[data-page="precos-e-planos"] .trust-strip {grid-template-columns: 1fr 1fr; padding: 10px 12px;}
html[data-page="precos-e-planos"] .trust-strip > div {justify-content: flex-start; padding: 0px 8px; gap: 9px;}
html[data-page="precos-e-planos"] .trust-strip svg {width: 19px;}
html[data-page="precos-e-planos"] .trust-strip span {font-size: 10px;}
html[data-page="precos-e-planos"] .trust-strip strong {font-size: 11px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="precos-e-planos"] * {scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important;}
}
@media (max-width: 1100px) {
html[data-page="precos-e-planos"] .section {padding: 95px 0px;}
html[data-page="precos-e-planos"] .teacher-card:nth-child(4),
html[data-page="precos-e-planos"] .teacher-card:nth-child(5) {transform: translateX(50%);}
html[data-page="precos-e-planos"] .footer-main {gap: 50px;}
html[data-page="precos-e-planos"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 900px) {
html[data-page="precos-e-planos"] .section-shell {width: min(var(--max), calc(100% - 36px));}
html[data-page="precos-e-planos"] .section {padding: 82px 0px;}
html[data-page="precos-e-planos"] .faq-grid {grid-template-columns: 1fr; gap: 55px;}
@keyframes precos-e-planos-medprovas-device-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
html[data-page="precos-e-planos"] .numbers-grid {grid-template-columns: repeat(2, 1fr); gap: 35px 0px;}
html[data-page="precos-e-planos"] .numbers article:nth-child(2) {border: 0px;}
html[data-page="precos-e-planos"] .post-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="precos-e-planos"] .testimonial-card:last-child,
html[data-page="precos-e-planos"] .post-card:last-child {grid-column: 1 / -1; width: calc(50% - 11px); margin: auto;}
html[data-page="precos-e-planos"] .faq-intro {position: relative; top: 0px;}
html[data-page="precos-e-planos"] .footer-main {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .footer-brand {max-width: 420px;}
}
@media (max-width: 650px) {
html[data-page="precos-e-planos"] .section {padding: 68px 0px;}
html[data-page="precos-e-planos"] .section-shell {width: calc(100% - 30px);}
html[data-page="precos-e-planos"] .section h2 {font-size: 34px;}
html[data-page="precos-e-planos"] .section-heading {margin-bottom: 36px;}
html[data-page="precos-e-planos"] .section-heading > p {font-size: 14px;}
html[data-page="precos-e-planos"] .benefit-list article {gap: 12px;}
html[data-page="precos-e-planos"] .benefit-list article > span {width: 42px; height: 42px;}
html[data-page="precos-e-planos"] .video-card {aspect-ratio: 1.05 / 1; border-radius: 22px;}
html[data-page="precos-e-planos"] .trail article {grid-template-columns: 46px 1fr;}
html[data-page="precos-e-planos"] .trail article > span {width: 46px; height: 46px;}
html[data-page="precos-e-planos"] .numbers {padding: 52px 0px;}
html[data-page="precos-e-planos"] .numbers-grid {gap: 28px 0px;}
html[data-page="precos-e-planos"] .numbers article {gap: 8px; flex-direction: column; text-align: center;}
html[data-page="precos-e-planos"] .numbers strong {min-width: 0px; font-size: 38px;}
html[data-page="precos-e-planos"] .numbers span {font-size: 9px;}
html[data-page="precos-e-planos"] .post-grid {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .testimonial-card:last-child,
html[data-page="precos-e-planos"] .post-card:last-child {grid-column: auto; width: 100%;}
html[data-page="precos-e-planos"] .testimonial-card {min-height: 285px;}
html[data-page="precos-e-planos"] .teacher-card:nth-child(4),
html[data-page="precos-e-planos"] .teacher-card:nth-child(5) {transform: none;}
html[data-page="precos-e-planos"] .teacher-card:last-child {grid-column: 1 / -1; width: calc(50% - 8px); margin: auto;}
html[data-page="precos-e-planos"] .blog-head {align-items: flex-start; flex-direction: column; gap: 25px;}
html[data-page="precos-e-planos"] .post-cover {height: 180px;}
html[data-page="precos-e-planos"] .faq-list button {grid-template-columns: 28px 1fr 36px; min-height: 72px;}
html[data-page="precos-e-planos"] .faq-list button > strong {font-size: 14px;}
html[data-page="precos-e-planos"] .faq-answer p {margin: 0px 10px 0px 40px;}
html[data-page="precos-e-planos"] .footer-main {padding: 55px 0px 45px;}
html[data-page="precos-e-planos"] .footer-links {grid-template-columns: 1fr 1fr; gap: 35px 20px;}
html[data-page="precos-e-planos"] .footer-bottom > div {height: auto; min-height: 75px; padding: 18px 0px; align-items: flex-start; flex-direction: column; gap: 8px;}
html[data-page="precos-e-planos"] .floating-contact {width: 48px; padding: 0px; justify-content: center; border-radius: 50%;}
html[data-page="precos-e-planos"] .floating-contact span {display: none;}
html[data-page="precos-e-planos"] .video-modal {padding: 15px;}
html[data-page="precos-e-planos"] .video-modal-box > button {right: 0px; top: -50px;}
}
html[data-page="precos-e-planos"] .study-flow {scroll-margin-top: 84px;}
@media (max-width: 900px) {
html[data-page="precos-e-planos"] .resources-grid {grid-template-columns: 1fr; gap: 16px;}
html[data-page="precos-e-planos"] .study-flow .trail {gap: 10px;}
html[data-page="precos-e-planos"] .study-flow .trail article {padding-inline: 4px;}
html[data-page="precos-e-planos"] .study-flow .trail article > div {padding-inline: 8px;}
}
@media (max-width: 650px) {
html[data-page="precos-e-planos"] .resource-icon {left: 19px; top: 21px; width: 48px; height: 48px;}
html[data-page="precos-e-planos"] .resource-icon svg {width: 24px; height: 24px;}
html[data-page="precos-e-planos"] .study-flow .trail {display: flex; gap: 14px; margin-inline: -15px; padding: 8px 15px 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="precos-e-planos"] .study-flow .trail::-webkit-scrollbar {display: none;}
html[data-page="precos-e-planos"] .study-flow .trail article {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 24px 20px; justify-content: flex-start; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(255, 255, 255, 0.05); scroll-snap-align: center;}
html[data-page="precos-e-planos"] .study-flow .trail article > div {max-width: none; width: 100%; margin-top: 20px; padding: 18px 0px 0px;}
}
html[data-page="precos-e-planos"] .media-video-grid {display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
html[data-page="precos-e-planos"] .media-video-card {padding: 0px; overflow: hidden; text-align: left; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 22px; background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.17) 0px 20px 55px; cursor: pointer; transition: transform 0.3s, border-color 0.3s, background 0.3s;}
html[data-page="precos-e-planos"] .media-video-card:hover {transform: translateY(-7px); border-color: rgba(101, 226, 194, 0.6); background: rgba(255, 255, 255, 0.1);}
html[data-page="precos-e-planos"] .media-poster {position: relative; aspect-ratio: 16 / 9; display: block; overflow: hidden; background: rgb(7, 23, 37);}
html[data-page="precos-e-planos"] .media-poster::after {content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 35%, rgba(3, 18, 29, 0.55));}
html[data-page="precos-e-planos"] .media-poster img {width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.45s, filter 0.45s;}
html[data-page="precos-e-planos"] .media-video-card:hover .media-poster img {transform: scale(1.055); filter: saturate(1.08);}
html[data-page="precos-e-planos"] .media-poster i {position: absolute; z-index: 2; left: 50%; top: 50%; width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 50%; background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255); backdrop-filter: blur(13px); transform: translate(-50%, -50%); box-shadow: rgba(255, 255, 255, 0.07) 0px 0px 0px 10px; transition: 0.3s;}
html[data-page="precos-e-planos"] .media-video-card:hover .media-poster i {background: rgb(255, 255, 255); color: var(--blue); transform: translate(-50%, -50%) scale(1.08);}
html[data-page="precos-e-planos"] .media-poster b {position: absolute; z-index: 2; right: 13px; top: 13px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(4, 24, 38, 0.72); color: rgb(143, 230, 209); font-size: 10px;}
html[data-page="precos-e-planos"] .media-video-copy {padding: 20px; display: flex; flex-direction: column;}
html[data-page="precos-e-planos"] .media-video-copy small {color: rgb(114, 224, 194); font-size: 9px; font-weight: 800; letter-spacing: 0.15em;}
html[data-page="precos-e-planos"] .media-video-copy strong {margin: 9px 0px 22px; font-size: 15px; line-height: 1.35;}
html[data-page="precos-e-planos"] .media-video-copy em {margin-top: auto; display: flex; align-items: center; justify-content: space-between; color: rgb(198, 214, 223); font-size: 10px; font-style: normal; font-weight: 700;}
html[data-page="precos-e-planos"] .media-video-copy em svg {width: 16px; height: 16px;}
html[data-page="precos-e-planos"] .video-modal-title {margin: 0px 0px 12px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 750;}
html[data-page="precos-e-planos"] .carousel-heading {margin-bottom: 42px; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px;}
html[data-page="precos-e-planos"] .carousel-heading .section-heading {margin-bottom: 0px;}
html[data-page="precos-e-planos"] .carousel-arrow {width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 28px; line-height: 1; cursor: pointer; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 26px; transition: 0.25s;}
html[data-page="precos-e-planos"] .carousel-arrow:hover:not(:disabled) {transform: translateY(-3px); border-color: rgba(47, 128, 237, 0.42); color: var(--blue);}
html[data-page="precos-e-planos"] .carousel-arrow:disabled {opacity: 0.35; cursor: not-allowed;}
html[data-page="precos-e-planos"] .carousel-counter {min-width: 54px; text-align: center; color: var(--muted); font-size: 11px; font-weight: 750;}
html[data-page="precos-e-planos"] .carousel-viewport {overflow: hidden; padding: 4px 2px 18px;}
html[data-page="precos-e-planos"] .carousel-track {display: flex; gap: 22px; will-change: transform; transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1);}
html[data-page="precos-e-planos"] .carousel-slide {flex: 0 0 auto;}
html[data-page="precos-e-planos"] .testimonial-carousel .testimonial-card {min-height: 330px;}
html[data-page="precos-e-planos"] .demo-label {margin-top: 3px; font-weight: 700; color: var(--blue) !important; font-size: 8px !important;}
html[data-page="precos-e-planos"] .teachers {background: var(--surface);}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {gap: 16px;}
html[data-page="precos-e-planos"] .teacher-card {min-height: 0px; padding: 14px 14px 20px; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 35px;}
html[data-page="precos-e-planos"] .teacher-card:hover {transform: translateY(-6px); box-shadow: rgba(8, 41, 66, 0.13) 0px 22px 50px;}
html[data-page="precos-e-planos"] .teacher-thumb {position: relative; height: 190px; margin-bottom: 18px; overflow: hidden; border-radius: 15px; background: var(--surface-soft);}
html[data-page="precos-e-planos"] .teacher-thumb img {width: 100%; height: 100%; display: block; object-fit: cover;}
html[data-page="precos-e-planos"] .teacher-thumb span {position: absolute; right: 10px; bottom: 10px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(8, 41, 66, 0.85); color: rgb(255, 255, 255); font-size: 9px; font-weight: 800; backdrop-filter: blur(8px);}
html[data-page="precos-e-planos"] .teacher-card h3 {margin: 0px 0px 8px; font-size: 16px;}
html[data-page="precos-e-planos"] .teacher-card p {min-height: 0px; margin: 0px 0px 14px; color: var(--muted); font-size: 12px; line-height: 1.58;}
html[data-page="precos-e-planos"] .teacher-card a {display: flex; align-items: center; gap: 6px; color: var(--blue); font-size: 9px; font-weight: 750;}
html[data-page="precos-e-planos"] .teacher-card a svg {width: 15px; height: 15px;}
html[data-page="precos-e-planos"] .brand-strip {padding: 0px; overflow: hidden; background: rgb(255, 255, 255); border-top: 1px solid rgb(229, 238, 242); border-bottom: 1px solid rgb(229, 238, 242);}
html[data-page="precos-e-planos"] .brand-strip-inner {width: 100%; margin: auto; background: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .brand-strip img {width: 100%; height: auto; display: block; object-fit: contain; background: rgb(255, 255, 255);}
html[data-page="precos-e-planos"][data-theme="dark"] .brand-strip {background: rgb(255, 255, 255);}
@media (max-width: 1100px) {
html[data-page="precos-e-planos"] .media-video-grid {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 900px) {
html[data-page="precos-e-planos"] .carousel-heading {align-items: flex-start;}
}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .media-video-grid {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .media-video-card {max-width: 520px; width: 100%; margin: auto;}
html[data-page="precos-e-planos"] .carousel-heading {flex-direction: column; align-items: stretch;}
html[data-page="precos-e-planos"] .carousel-track {gap: 14px;}
html[data-page="precos-e-planos"] .testimonial-carousel .testimonial-card {min-height: 310px;}
html[data-page="precos-e-planos"] .teacher-thumb {height: 220px;}
html[data-page="precos-e-planos"] .brand-strip {overflow-x: auto;}
html[data-page="precos-e-planos"] .brand-strip img {width: 980px; max-width: none;}
}
html[data-page="precos-e-planos"] .testimonials .carousel-heading,
html[data-page="precos-e-planos"] .teachers .carousel-heading {flex-direction: column; align-items: center; justify-content: center; text-align: center;}
html[data-page="precos-e-planos"] .testimonials .carousel-heading .section-heading,
html[data-page="precos-e-planos"] .teachers .carousel-heading .section-heading {max-width: 920px; margin-inline: auto; text-align: center;}
html[data-page="precos-e-planos"] .teacher-thumb {background: transparent !important;}
html[data-page="precos-e-planos"] .teacher-thumb img {background: transparent !important;}
html[data-page="precos-e-planos"] .blog-head {flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center;}
html[data-page="precos-e-planos"] .blog-head > div {max-width: 900px;}
html[data-page="precos-e-planos"] .blog-head > a {justify-content: center; font-size: 13px;}
html[data-page="precos-e-planos"] .post-grid {grid-template-columns: repeat(4, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .post-body h3 {min-height: 94px;}
html[data-page="precos-e-planos"] .brand-strip {padding: 34px 0px 30px; overflow: visible; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 234, 240); border-bottom: 1px solid rgb(223, 234, 240);}
html[data-page="precos-e-planos"] .brand-strip-inner {width: min(var(--max), calc(100% - 40px)); display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 0.92fr); gap: 28px; align-items: center; background: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .brand-group {min-width: 0px;}
html[data-page="precos-e-planos"] .brand-group h2 {margin: 0px 0px 18px; color: rgb(73, 107, 154); font-size: 14px; line-height: 1.2; font-weight: 850; letter-spacing: 0.12em; text-align: center;}
html[data-page="precos-e-planos"] .brand-strip-divider {align-self: stretch; min-height: 88px; background: rgb(214, 226, 232);}
html[data-page="precos-e-planos"] .brand-logos {display: grid; gap: 10px;}
html[data-page="precos-e-planos"] .institution-logos {grid-template-columns: repeat(5, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .developed-logos {grid-template-columns: repeat(4, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .brand-logo-card {height: 72px; padding: 11px 13px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgb(220, 232, 239); border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.055) 0px 8px 24px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;}
html[data-page="precos-e-planos"] .brand-logo-card:hover {transform: translateY(-3px); border-color: rgba(47, 128, 237, 0.25); box-shadow: rgba(8, 41, 66, 0.09) 0px 14px 30px;}
html[data-page="precos-e-planos"] .brand-logo-card img {width: 100%; height: 100%; display: block; object-fit: contain; background: transparent;}
html[data-page="precos-e-planos"][data-theme="dark"] .brand-strip,
html[data-page="precos-e-planos"][data-theme="dark"] .brand-strip-inner,
html[data-page="precos-e-planos"][data-theme="dark"] .brand-logo-card {background: rgb(255, 255, 255);}
@media (max-width: 1100px) {
html[data-page="precos-e-planos"] .post-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .post-card:last-child {grid-column: auto; width: auto; margin: 0px;}
html[data-page="precos-e-planos"] .brand-strip-inner {grid-template-columns: 1fr; gap: 26px;}
html[data-page="precos-e-planos"] .brand-strip-divider {width: 100%; min-height: 1px; height: 1px;}
}
@media (max-width: 760px) {
html[data-page="precos-e-planos"] .post-grid {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .post-card:last-child {width: 100%;}
html[data-page="precos-e-planos"] .post-body h3 {min-height: 0px;}
html[data-page="precos-e-planos"] .institution-logos {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="precos-e-planos"] .developed-logos {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .brand-logo-card {height: 76px;}
}
@media (max-width: 430px) {
html[data-page="precos-e-planos"] .brand-strip-inner {width: min(100% - 24px, var(--max));}
html[data-page="precos-e-planos"] .brand-group h2 {font-size: 12px;}
html[data-page="precos-e-planos"] .brand-logo-card {height: 68px; padding: 9px;}
}
html[data-page="precos-e-planos"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="precos-e-planos"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="precos-e-planos"] .footer-links a,
html[data-page="precos-e-planos"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="precos-e-planos"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="precos-e-planos"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="precos-e-planos"] .brand-group h2 {font-size: 14px !important;}
html[data-page="precos-e-planos"] .section-title-pill {width: max-content; max-width: 100%; margin: 0px auto; padding: 13px 31px 14px; display: inline-flex; align-items: center; justify-content: center; border: 0px; border-radius: 999px; background: linear-gradient(90deg, rgb(21, 152, 199) 0%, rgb(8, 181, 160) 54%, rgb(104, 213, 94) 100%); text-align: center; text-transform: none; box-shadow: rgba(9, 173, 150, 0.2) 0px 14px 32px; text-shadow: rgba(3, 65, 75, 0.18) 0px 1px 2px; color: rgb(255, 255, 255) !important; font-size: 26px !important; font-weight: 500 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important;}
html[data-page="precos-e-planos"] .new-section-heading {max-width: 970px; margin: 0px auto 46px; text-align: center;}
html[data-page="precos-e-planos"] .new-section-heading > p {max-width: 870px; margin: 26px auto 0px; color: var(--muted); font-size: clamp(15px, 1.4vw, 18px); line-height: 1.72;}
html[data-page="precos-e-planos"] .faq-lead {margin: 25px 0px 0px; color: var(--ink); font-size: clamp(27px, 2px + 2.7vw, 40px); line-height: 1.1; letter-spacing: -0.04em;}
html[data-page="precos-e-planos"] .faq-lead em {color: var(--green); font-style: normal;}
html[data-page="precos-e-planos"] .brand-title-pill {width: max-content; max-width: 100%; padding: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; margin: 0px auto 18px !important; color: rgb(10, 113, 128) !important; font-size: 15px !important; letter-spacing: 0.12em !important;}
html[data-page="precos-e-planos"] .courses-showcase {position: relative; overflow: hidden; isolation: isolate; border-top: 1px solid rgba(32, 143, 177, 0.14); border-bottom: 1px solid rgba(0, 179, 136, 0.16); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.19), transparent 28%), radial-gradient(circle at 92% 82%, rgba(0, 179, 136, 0.19), transparent 31%), linear-gradient(135deg, rgb(228, 245, 251) 0%, rgb(242, 249, 255) 48%, rgb(232, 248, 240) 100%); box-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px inset, rgba(47, 128, 237, 0.035) 0px 28px 70px inset;}
html[data-page="precos-e-planos"] .courses-showcase::before {content: ""; position: absolute; inset: 0px; z-index: -2; opacity: 0.32; background-image: radial-gradient(circle, rgba(16, 126, 160, 0.23) 1px, transparent 1.4px); background-size: 29px 29px; mask-image: linear-gradient(115deg, rgb(0, 0, 0) 0%, transparent 54%, rgb(0, 0, 0) 100%); pointer-events: none;}
html[data-page="precos-e-planos"] .courses-showcase::after {content: ""; position: absolute; z-index: -1; width: 470px; height: 470px; right: -260px; top: -250px; border: 1px solid rgba(0, 179, 136, 0.18); border-radius: 50%; box-shadow: rgba(47, 128, 237, 0.035) 0px 0px 0px 58px, rgba(0, 179, 136, 0.09) 0px 0px 90px; pointer-events: none;}
html[data-page="precos-e-planos"] .courses-showcase .section-shell {position: relative; z-index: 1;}
html[data-page="precos-e-planos"] .courses-showcase .new-section-heading > p {color: rgb(69, 101, 117); font-weight: 650;}
html[data-page="precos-e-planos"] .courses-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px;}
html[data-page="precos-e-planos"] .course-card-new {position: relative; min-height: 280px; padding: 26px; overflow: hidden; border: 1px solid rgba(83, 157, 183, 0.2); border-radius: 25px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.094) 0px 20px 48px; transition: transform 0.32s, box-shadow 0.32s, border-color 0.32s;}
html[data-page="precos-e-planos"] .course-card-new::before {content: ""; position: absolute; width: 190px; height: 190px; right: -100px; top: -105px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.18), transparent 69%); transition: transform 0.45s;}
html[data-page="precos-e-planos"] .course-card-new::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.45s;}
html[data-page="precos-e-planos"] .course-card-new:hover {transform: translateY(-8px); border-color: rgba(0, 179, 136, 0.32); box-shadow: rgba(8, 41, 66, 0.13) 0px 28px 58px;}
html[data-page="precos-e-planos"] .course-card-new:hover::before {transform: scale(1.2);}
html[data-page="precos-e-planos"] .course-card-new:hover::after {right: 0px;}
html[data-page="precos-e-planos"] .course-card-icon {position: relative; width: 64px; height: 64px; display: grid; place-items: center; overflow: visible; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 21px; background: linear-gradient(145deg, rgb(47, 128, 237), rgb(21, 159, 194) 54%, rgb(0, 179, 136)); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.24) 0px 16px 34px, rgba(255, 255, 255, 0.28) 0px 1px 0px inset; animation: 3.8s ease-in-out 0s infinite normal none running precos-e-planos-courseIconFloat; isolation: isolate;}
html[data-page="precos-e-planos"] .course-card-icon::before {content: ""; position: absolute; inset: -7px; z-index: -1; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 25px; opacity: 0.72; animation: 3.8s ease-in-out 0s infinite normal none running precos-e-planos-courseIconHalo;}
html[data-page="precos-e-planos"] .course-card-icon::after {content: ""; position: absolute; inset: 5px; border-radius: 16px; background: linear-gradient(125deg, rgba(255, 255, 255, 0.28), transparent 42%); pointer-events: none;}
html[data-page="precos-e-planos"] .course-card-icon svg {position: relative; z-index: 1; width: 31px; height: 31px; filter: drop-shadow(rgba(2, 53, 79, 0.2) 0px 4px 7px); transition: transform 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="precos-e-planos"] .course-card-new:nth-child(2) .course-card-icon {background: linear-gradient(145deg, rgb(18, 102, 219), rgb(37, 127, 239) 52%, rgb(3, 180, 160)); animation-delay: -0.65s;}
html[data-page="precos-e-planos"] .course-card-new:nth-child(3) .course-card-icon {background: linear-gradient(145deg, rgb(0, 143, 181), rgb(0, 174, 170) 55%, rgb(100, 202, 97)); animation-delay: -1.3s;}
html[data-page="precos-e-planos"] .course-card-new:nth-child(4) .course-card-icon {background: linear-gradient(145deg, rgb(33, 95, 212), rgb(85, 126, 232) 52%, rgb(8, 184, 149)); animation-delay: -1.95s;}
html[data-page="precos-e-planos"] .course-card-new:nth-child(5) .course-card-icon {background: linear-gradient(145deg, rgb(8, 123, 169), rgb(10, 166, 170) 55%, rgb(106, 200, 93)); animation-delay: -2.6s;}
html[data-page="precos-e-planos"] .course-card-new:nth-child(6) .course-card-icon {background: linear-gradient(145deg, rgb(33, 111, 215), rgb(0, 163, 182) 52%, rgb(23, 184, 110)); animation-delay: -3.25s;}
html[data-page="precos-e-planos"] .course-card-new:hover .course-card-icon svg {transform: scale(1.15) rotate(-7deg);}
html[data-page="precos-e-planos"] .course-card-new:hover .course-card-icon::before {border-color: rgba(0, 179, 136, 0.5); transform: scale(1.08) rotate(8deg);}
@keyframes precos-e-planos-courseIconFloat { 
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-6px) rotate(2deg); }
}
@keyframes precos-e-planos-courseIconHalo { 
  0%, 100% { opacity: 0.45; transform: scale(0.96); }
  50% { opacity: 0.9; transform: scale(1.06); }
}
html[data-page="precos-e-planos"] .course-card-new small {display: block; margin-top: 21px; color: var(--green); font-size: 9px; font-weight: 850; letter-spacing: 0.15em;}
html[data-page="precos-e-planos"] .course-card-new h3 {margin: 8px 0px 10px; color: var(--ink); font-size: 24px; letter-spacing: -0.035em;}
html[data-page="precos-e-planos"] .course-card-new p {margin: 0px 0px 22px; color: var(--muted); font-size: 12px; line-height: 1.66;}
html[data-page="precos-e-planos"] .course-card-new a {display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-size: 11px; font-weight: 850;}
html[data-page="precos-e-planos"] .course-card-new a svg {width: 16px; height: 16px; transition: transform 0.2s;}
html[data-page="precos-e-planos"] .course-card-new a:hover svg {transform: translateX(4px);}
html[data-page="precos-e-planos"] .solutions-new {position: relative; overflow: hidden; background: radial-gradient(circle at 8% 0%, rgba(47, 128, 237, 0.12), transparent 31%),
    radial-gradient(
      circle at 94% 100%,
      rgba(0, 179, 136, 0.12),
      transparent 34%
    ),
    linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="precos-e-planos"] .solutions-grid-new {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px;}
html[data-page="precos-e-planos"] .solution-card-new {position: relative; min-height: 420px; padding: 27px; display: flex; flex-direction: column; overflow: hidden; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 30px; background: linear-gradient(145deg, rgb(6, 29, 49) 0%, rgb(11, 80, 112) 57%, rgb(0, 169, 130) 100%); color: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.2) 0px 28px 70px; transition: transform 0.35s, box-shadow 0.35s;}
html[data-page="precos-e-planos"] .solution-card-new:hover {transform: translateY(-8px); box-shadow: rgba(8, 41, 66, 0.28) 0px 38px 88px;}
html[data-page="precos-e-planos"] .solution-card-new::before {content: ""; position: absolute; inset: 0px; z-index: -2; opacity: 0.23; background-image: linear-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(135deg, rgb(0, 0, 0), transparent 74%);}
html[data-page="precos-e-planos"] .solution-card-new::after {content: ""; position: absolute; z-index: -1; width: 310px; height: 310px; right: -150px; top: -140px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; box-shadow: rgba(100, 220, 255, 0.13) 0px 0px 70px;}
html[data-page="precos-e-planos"] .solution-logo {position: relative; z-index: 3; max-width: 218px; max-height: 74px; display: block; object-fit: contain; object-position: left center; filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 18px);}
html[data-page="precos-e-planos"] .solution-person {position: absolute; z-index: 1; right: -24px; bottom: 0px; width: 61%; max-height: 82%; object-fit: contain; object-position: right bottom; filter: drop-shadow(rgba(0, 0, 0, 0.27) 0px 24px 26px); transition: transform 0.45s;}
html[data-page="precos-e-planos"] .solution-card-new:hover .solution-person {transform: translate3d(-5px, -6px, 0px) scale(1.025);}
html[data-page="precos-e-planos"] .solution-device {width: 49%; right: -18px; bottom: 12px; transform: rotate(1deg);}
html[data-page="precos-e-planos"] .solution-card-new:hover .solution-device {transform: translate3d(-5px, -7px, 0px) rotate(-1deg) scale(1.03);}
html[data-page="precos-e-planos"] .solution-body {position: relative; z-index: 4; left: auto; right: auto; bottom: auto; max-width: 61%; margin-top: 42px;}
html[data-page="precos-e-planos"] .solution-body > span {display: block; margin-bottom: 9px; color: rgb(143, 230, 209); font-size: 9px; font-weight: 850; letter-spacing: 0.15em;}
html[data-page="precos-e-planos"] .solution-body h3 {margin: 0px 0px 11px; color: rgb(255, 255, 255); font-size: 24px; line-height: 1.1; letter-spacing: -0.035em;}
html[data-page="precos-e-planos"] .solution-body p {margin: 0px 0px 18px; color: rgba(255, 255, 255, 0.82); font-size: 12.5px; line-height: 1.58;}
html[data-page="precos-e-planos"] .solution-body a {width: max-content; min-height: 41px; padding: 0px 14px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 13px; background: rgba(255, 255, 255, 0.11); color: rgb(255, 255, 255); font-size: 10px; font-weight: 800; transition: 0.25s;}
html[data-page="precos-e-planos"] .solution-body a:hover {transform: translateX(3px); background: rgb(255, 255, 255); color: rgb(8, 41, 66);}
html[data-page="precos-e-planos"] .blog-head > div {max-width: 1200px;}
html[data-page="precos-e-planos"] .ecosystem-videos {position: relative; overflow: hidden; background: linear-gradient(135deg, rgb(6, 28, 48) 0%, rgb(9, 47, 75) 58%, rgb(7, 91, 96) 100%); color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .ecosystem-videos::before {content: ""; position: absolute; inset: 0px; opacity: 0.12; background-image: radial-gradient(circle, rgba(255, 255, 255, 0.65) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(120deg, transparent 8%, rgb(0, 0, 0) 72%);}
html[data-page="precos-e-planos"] .ecosystem-videos .section-shell {position: relative; z-index: 1;}
html[data-page="precos-e-planos"] .ecosystem-videos .new-section-heading > p {color: rgb(195, 213, 222);}
html[data-page="precos-e-planos"][data-theme="dark"] .solutions-new {background: var(--surface);}
html[data-page="precos-e-planos"][data-theme="dark"] .courses-showcase {border-color: rgba(104, 213, 180, 0.17); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.23), transparent 30%), radial-gradient(circle at 92% 82%, rgba(0, 179, 136, 0.22), transparent 34%), linear-gradient(135deg, rgb(4, 21, 34) 0%, rgb(8, 43, 64) 50%, rgb(7, 85, 72) 100%); box-shadow: rgba(129, 224, 196, 0.08) 0px 1px 0px inset;}
html[data-page="precos-e-planos"][data-theme="dark"] .courses-showcase::before {opacity: 0.22;}
html[data-page="precos-e-planos"][data-theme="dark"] .courses-showcase::after {border-color: rgba(108, 226, 190, 0.18); box-shadow: rgba(47, 128, 237, 0.043) 0px 0px 0px 58px, rgba(0, 179, 136, 0.12) 0px 0px 100px;}
html[data-page="precos-e-planos"][data-theme="dark"] .courses-showcase .new-section-heading > p {color: rgb(201, 220, 228);}
html[data-page="precos-e-planos"][data-theme="dark"] .course-card-new {border-color: rgba(136, 208, 196, 0.15); background: linear-gradient(145deg, rgb(13, 43, 61), rgb(16, 56, 74)); box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 52px;}
html[data-page="precos-e-planos"][data-theme="dark"] .course-card-new small {color: rgb(102, 223, 189);}
html[data-page="precos-e-planos"][data-theme="dark"] .course-card-new p {color: rgb(198, 213, 221);}
html[data-page="precos-e-planos"][data-theme="dark"] .course-card-new a {color: rgb(117, 178, 255);}
@media (max-width: 1080px) {
html[data-page="precos-e-planos"] .courses-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .solutions-grid-new {grid-template-columns: 1fr 1fr;}
html[data-page="precos-e-planos"] .solution-card-new:last-child {grid-column: 1 / -1; width: calc(50% - 11px); margin-inline: auto;}
}
@media (max-width: 820px) {
html[data-page="precos-e-planos"] .solutions-grid-new {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .solution-card-new,
html[data-page="precos-e-planos"] .solution-card-new:last-child {width: 100%; max-width: 670px; min-height: 515px; margin-inline: auto; grid-column: auto;}
}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .section-title-pill {width: 100%; padding: 12px 20px 13px; border-radius: 28px; box-shadow: rgba(9, 173, 150, 0.18) 0px 12px 28px; font-size: 26px !important;}
html[data-page="precos-e-planos"] .new-section-heading {margin-bottom: 34px;}
html[data-page="precos-e-planos"] .new-section-heading > p {margin-top: 21px; font-size: 14px;}
html[data-page="precos-e-planos"] .courses-grid {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .course-card-new {min-height: 260px;}
html[data-page="precos-e-planos"] .solution-card-new {min-height: 500px; padding: 24px; border-radius: 25px;}
html[data-page="precos-e-planos"] .solution-logo {max-width: 195px;}
html[data-page="precos-e-planos"] .solution-body {left: auto; right: auto; bottom: auto; max-width: 68%; margin-top: 46px;}
html[data-page="precos-e-planos"] .solution-person {width: 65%; right: -35px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="precos-e-planos"] .course-card-new,
html[data-page="precos-e-planos"] .solution-card-new,
html[data-page="precos-e-planos"] .solution-person {transition: none !important;}
html[data-page="precos-e-planos"] .course-card-icon,
html[data-page="precos-e-planos"] .course-card-icon::before {animation: auto ease 0s 1 normal none running none !important;}
}
html[data-page="precos-e-planos"] .hero-desempenho {background-color: rgb(6, 29, 47); background-position: right center; background-size: 78%; background-repeat: no-repeat;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-copy,
html[data-page="precos-e-planos"] .hero-jornada .hero-copy {max-width: 630px;}
html[data-page="precos-e-planos"] .hero-inteligencia h1,
html[data-page="precos-e-planos"] .hero-jornada h1,
html[data-page="precos-e-planos"] .hero-desempenho h1 {font-size: 42px; font-weight: 100;}
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy,
html[data-page="precos-e-planos"] .hero-desempenho h1,
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy > p {max-width: 565px;}
html[data-page="precos-e-planos"] .hero-resource-list {max-width: 575px; margin: 24px 0px 27px; padding: 0px; display: grid; grid-template-columns: 1fr; gap: 12px; list-style: none;}
html[data-page="precos-e-planos"] .hero-resource-list li {min-height: 0px; padding: 0px; display: flex; align-items: center; gap: 9px; border: 0px; border-radius: 0px; background: transparent; color: rgb(237, 249, 251); font-size: 19px; font-weight: 750; line-height: 1.25; box-shadow: none; backdrop-filter: none;}
html[data-page="precos-e-planos"] .hero-resource-list li::before {content: ""; width: 10px; height: 10px; flex: 0 0 auto; border-radius: 50%; background: linear-gradient(135deg, rgb(77, 165, 255), rgb(66, 214, 173)); box-shadow: rgba(66, 214, 173, 0.48) 0px 0px 12px;}
html[data-page="precos-e-planos"] .hero-resource-list li:last-child {grid-column: auto;}
html[data-page="precos-e-planos"] .teachers {position: relative; overflow: hidden; border-top: 1px solid rgba(47, 128, 237, 0.1); border-bottom: 1px solid rgba(0, 179, 136, 0.12); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.13), transparent 31%), radial-gradient(circle at 92% 84%, rgba(0, 179, 136, 0.14), transparent 33%), linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(247, 252, 255) 50%, rgb(238, 250, 245) 100%);}
html[data-page="precos-e-planos"] .teachers::before {content: ""; position: absolute; inset: 0px; opacity: 0.22; background-image: radial-gradient(circle, rgba(28, 131, 169, 0.22) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(120deg, rgb(0, 0, 0), transparent 72%); pointer-events: none;}
html[data-page="precos-e-planos"] .teachers .section-shell {position: relative; z-index: 1;}
html[data-page="precos-e-planos"][data-theme="dark"] .teachers {border-color: rgba(106, 220, 190, 0.13); background: radial-gradient(circle at 8% 14%, rgba(47, 128, 237, 0.2), transparent 31%), radial-gradient(circle at 92% 84%, rgba(0, 179, 136, 0.18), transparent 34%), linear-gradient(135deg, rgb(6, 23, 37) 0%, rgb(9, 43, 60) 52%, rgb(8, 59, 53) 100%);}
html[data-page="precos-e-planos"][data-theme="dark"] .teachers .teacher-card {border-color: rgba(129, 211, 196, 0.15); background: linear-gradient(145deg, rgb(12, 42, 59), rgb(16, 56, 73)); box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 48px;}
@media (max-width: 1100px) and (min-width: 901px) {
html[data-page="precos-e-planos"] .hero-desempenho {background-size: 62%;}
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy,
html[data-page="precos-e-planos"] .hero-desempenho h1,
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy > p {max-width: 500px;}
html[data-page="precos-e-planos"] .hero-resource-list {max-width: 520px;}
}
@media (max-width: 900px) and (min-width: 601px) {
html[data-page="precos-e-planos"] .hero-inteligencia .hero-copy,
html[data-page="precos-e-planos"] .hero-jornada .hero-copy {max-width: 52%;}
html[data-page="precos-e-planos"] .hero-inteligencia h1,
html[data-page="precos-e-planos"] .hero-jornada h1 {max-width: 100%; font-size: 42px;}
html[data-page="precos-e-planos"] .hero-desempenho {background-position: right bottom; background-size: 58%;}
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy,
html[data-page="precos-e-planos"] .hero-desempenho h1,
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy > p {max-width: 48%;}
html[data-page="precos-e-planos"] .hero-resource-list {max-width: 100%; grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .hero-resource-list li:last-child {grid-column: auto;}
}
@media (max-width: 600px) {
html[data-page="precos-e-planos"] .hero .eyebrow {font-size: 22px; line-height: 1.18; letter-spacing: 0.1em;}
html[data-page="precos-e-planos"] .hero-desempenho {background-position: center bottom; background-size: auto 48%;}
html[data-page="precos-e-planos"] .hero-inteligencia,
html[data-page="precos-e-planos"] .hero-jornada {background-position: center bottom; background-size: auto var(--hero-mobile-size);}
html[data-page="precos-e-planos"] .hero-desempenho h1 {font-size: 42px;}
html[data-page="precos-e-planos"] .hero-desempenho .hero-copy > p {font-size: 13px;}
html[data-page="precos-e-planos"] .hero-inteligencia h1,
html[data-page="precos-e-planos"] .hero-jornada h1 {font-size: 42px;}
html[data-page="precos-e-planos"] .hero-resource-list {max-width: none; margin: 15px 0px 18px; gap: 6px;}
html[data-page="precos-e-planos"] .hero-resource-list li {min-height: 0px; padding: 0px; border-radius: 0px; font-size: 13px;}
}
html[data-page="precos-e-planos"] .hero-container {align-items: stretch; padding-top: 64px; padding-bottom: 76px;}
html[data-page="precos-e-planos"] .hero-copy {width: 100%; height: 80%; min-height: 0px; display: grid; grid-template-rows: auto minmax(0px, 1fr) auto;}
html[data-page="precos-e-planos"] .hero-message {align-self: center; min-width: 0px;}
html[data-page="precos-e-planos"] .hero-message h1 {margin: 0px;}
html[data-page="precos-e-planos"] .hero-message .hero-resource-list {margin: 24px 0px 0px;}
html[data-page="precos-e-planos"] .hero-buttons {align-self: end; margin-top: 0px;}
html[data-page="precos-e-planos"] .section-title-pill {position: relative; width: max-content; max-width: 100%; margin-inline: auto; padding: 0px 0px 17px; border-radius: 0px; background: transparent; box-shadow: none; text-shadow: none; color: var(--ink) !important;}
html[data-page="precos-e-planos"] .section-title-pill::after {content: ""; position: absolute; left: 50%; bottom: 0px; width: clamp(120px, 38%, 205px); height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green)); transform: translateX(-50%);}
html[data-page="precos-e-planos"] .ecosystem-videos .section-title-pill {color: rgb(255, 255, 255) !important;}
html[data-page="precos-e-planos"] .section-after-grid {max-width: 880px; margin: 30px auto 0px; color: var(--muted); font-size: clamp(15px, 1.4vw, 18px); font-weight: 600; line-height: 1.7; text-align: center;}
html[data-page="precos-e-planos"] .courses-showcase .section-after-grid {color: rgb(69, 101, 117);}
html[data-page="precos-e-planos"][data-theme="dark"] .courses-showcase .section-after-grid,
html[data-page="precos-e-planos"] .ecosystem-videos .section-after-grid {color: rgb(201, 220, 228);}
html[data-page="precos-e-planos"] .floating-contact {height: 58px; padding: 0px 20px; gap: 11px; border-radius: 19px; font-size: 13px;}
html[data-page="precos-e-planos"] .floating-contact svg {width: 26px; height: 26px;}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .hero-container {align-items: stretch; padding-top: 42px; padding-bottom: 190px;}
html[data-page="precos-e-planos"] .hero-message .hero-resource-list {margin-top: 15px;}
html[data-page="precos-e-planos"] .section-title-pill {width: max-content; max-width: 100%; padding: 0px 0px 15px; border-radius: 0px; background: transparent; box-shadow: none;}
html[data-page="precos-e-planos"] .section-after-grid {margin-top: 24px; font-size: 14px;}
html[data-page="precos-e-planos"] .floating-contact {width: 58px; height: 58px; padding: 0px;}
}
html[data-page="precos-e-planos"] .section-title-pill {text-transform: uppercase !important;}
html[data-page="precos-e-planos"] .post-body h3 {font-weight: 500;}
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-columns: 5; --teacher-visible-rows: 2;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-viewport {padding: 4px 2px; transition: height 0.35s;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {display: grid; grid-template-columns: repeat(var(--teacher-columns), minmax(0, 1fr)); grid-auto-rows: 356px; gap: 16px; align-items: stretch;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-slide {width: auto; min-width: 0px; flex-basis: auto !important;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card {height: 80%; padding: 0px 0px 18px; display: flex; flex-direction: column; overflow: hidden; border-radius: 6px; text-align: center;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb {width: 100%; height: auto; aspect-ratio: 16 / 9; margin-bottom: 0px; flex: 0 0 auto; border-radius: 0px;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb span,
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card a {display: none;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card h3 {margin: 19px 12px 6px; font-size: 15px; font-weight: 600; line-height: 1.25;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card h3::before {content: ""; width: 48px; height: 2px; margin: 0px auto 11px; display: block; background: var(--green);}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card p {min-height: 0px; margin: 0px 12px; font-size: 12px; font-weight: 400; line-height: 1.4;}
@media (max-width: 980px) {
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-columns: 3; --teacher-visible-rows: 2;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {grid-auto-rows: 330px;}
}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-columns: 1; --teacher-visible-rows: 1;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {grid-auto-rows: 430px;}
}
html[data-page="precos-e-planos"] body.testimonial-modal-open {overflow: hidden;}
html[data-page="precos-e-planos"] .testimonial-modal {width: min(720px, 100% - 32px); max-height: min(82vh, 760px); padding: 0px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--border) 80%, transparent); border-radius: 26px; background: var(--surface); color: var(--ink); box-shadow: rgba(4, 25, 42, 0.36) 0px 35px 100px;}
html[data-page="precos-e-planos"] .testimonial-modal::backdrop {background: rgba(3, 20, 33, 0.76); backdrop-filter: blur(8px);}
html[data-page="precos-e-planos"] .testimonial-modal-inner {position: relative; max-height: min(82vh, 760px); padding: 34px; overflow-y: auto;}
html[data-page="precos-e-planos"] .testimonial-modal-close {position: absolute; right: 18px; top: 18px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft); color: var(--ink); font-size: 25px; line-height: 1; cursor: pointer;}
html[data-page="precos-e-planos"] .testimonial-modal-profile {padding-right: 56px; display: flex; align-items: center; gap: 16px;}
html[data-page="precos-e-planos"] .testimonial-modal-face {width: 96px; height: 96px; flex: 0 0 auto; object-fit: cover; border: 3px solid var(--surface); border-radius: 50%; box-shadow: rgba(8, 41, 66, 0.2) 0px 12px 32px;}
html[data-page="precos-e-planos"] .testimonial-modal-name {margin: 0px; font-size: 19px; line-height: 1.25;}
html[data-page="precos-e-planos"] .testimonial-modal-meta,
html[data-page="precos-e-planos"] .testimonial-modal-institution {display: block; margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.45;}
html[data-page="precos-e-planos"] .testimonial-modal-stars {margin: 28px 0px 16px; color: rgb(232, 183, 71); font-size: 13px; letter-spacing: 3px;}
html[data-page="precos-e-planos"] .testimonial-modal-text {margin: 0px; white-space: pre-line; font-size: 16px; line-height: 1.8;}
html[data-page="precos-e-planos"] .post-body h3 {min-height: 0px; font-weight: 500;}
html[data-page="precos-e-planos"] .post-cover {height: 160px !important;}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .testimonial-modal-inner {padding: 26px 22px 28px;}
html[data-page="precos-e-planos"] .testimonial-modal-profile {padding-right: 48px; align-items: flex-start;}
html[data-page="precos-e-planos"] .testimonial-modal-face {width: 78px; height: 78px;}
html[data-page="precos-e-planos"] .testimonial-modal-text {font-size: 15px;}
}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-container {padding-top: 48px; padding-bottom: 62px;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-copy {width: 100%; max-width: 790px; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message {width: 100%; align-self: auto;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 {max-width: 790px; margin: 0px; color: rgb(255, 255, 255); font-size: clamp(40px, 3vw, 50px); font-weight: 760; line-height: 1.08; letter-spacing: -0.042em;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 span,
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 em {display: block;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 em {background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; color: transparent;}
@media (min-width: 1101px) {
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 span,
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 em {white-space: nowrap;}
}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-buttons {width: 100%; margin-top: 27px; align-self: auto; gap: 14px;}
html[data-page="precos-e-planos"] .hero-inteligencia .button {min-height: 58px; padding-inline: 28px; border-radius: 15px; font-size: 14px; font-weight: 750; letter-spacing: 0.015em; white-space: nowrap;}
html[data-page="precos-e-planos"] .hero-inteligencia .button.primary {background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.3) 0px 17px 38px;}
html[data-page="precos-e-planos"] .hero-inteligencia .button.primary:hover {box-shadow: rgba(0, 179, 136, 0.36) 0px 21px 46px;}
html[data-page="precos-e-planos"] .hero-jornada .button,
html[data-page="precos-e-planos"] .hero-desempenho .button {min-height: 58px; padding-inline: 28px; border-radius: 15px; font-size: 14px; font-weight: 750; letter-spacing: 0.015em; white-space: nowrap;}
html[data-page="precos-e-planos"] .hero-jornada .button.primary,
html[data-page="precos-e-planos"] .hero-desempenho .button.primary {background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.3) 0px 17px 38px;}
html[data-page="precos-e-planos"] .hero-jornada .button.primary:hover,
html[data-page="precos-e-planos"] .hero-desempenho .button.primary:hover {box-shadow: rgba(0, 179, 136, 0.36) 0px 21px 46px;}
@media (max-width: 1100px) and (min-width: 601px) {
html[data-page="precos-e-planos"] .hero-inteligencia .hero-copy {max-width: 64%;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 {font-size: clamp(32px, 4.25vw, 43px);}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-buttons {margin-top: 20px; gap: 10px;}
html[data-page="precos-e-planos"] .hero-inteligencia .button {min-height: 52px; padding-inline: 17px; font-size: 11px;}
html[data-page="precos-e-planos"] .hero-jornada .button,
html[data-page="precos-e-planos"] .hero-desempenho .button {min-height: 52px; padding-inline: 17px; font-size: 11px;}
}
@media (max-width: 600px) {
html[data-page="precos-e-planos"] .hero-inteligencia .hero-container {padding-top: 34px; padding-bottom: 150px;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-copy {max-width: 100%; height: auto; justify-content: flex-start;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 {max-width: 100%; font-size: clamp(28px, 8.4vw, 36px); line-height: 1.08; letter-spacing: -0.035em;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-buttons {margin-top: 19px; display: grid; grid-template-columns: 1fr; gap: 9px;}
html[data-page="precos-e-planos"] .hero-inteligencia .button {width: 100%; min-height: 50px; padding-inline: 15px; font-size: 11px;}
html[data-page="precos-e-planos"] .hero-jornada .button,
html[data-page="precos-e-planos"] .hero-desempenho .button {min-height: 50px; padding-inline: 15px; font-size: 11px;}
}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 {font-size: 42px !important; font-weight: 100 !important;}
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 span,
html[data-page="precos-e-planos"] .hero-inteligencia .hero-message h1 em {font-weight: 100 !important;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {grid-auto-rows: 356px;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb {width: 100%; height: auto; aspect-ratio: 16 / 9; flex: 0 0 auto;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center top;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card h3 {margin-top: 19px;}
@media (max-width: 980px) {
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {grid-auto-rows: 412px;}
}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {grid-auto-rows: 538px;}
}
html[data-page="precos-e-planos"] .ri-plan-card {position: relative; min-height: 635px; padding: 28px; display: flex; flex-direction: column; scroll-snap-align: start; border: 1px solid rgb(20, 169, 199); border-radius: 26px; background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--surface) 96%, #fff),
    var(--surface)
  ); box-shadow: rgba(8, 41, 66, 0.08) 0px 18px 44px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
html[data-page="precos-e-planos"] .ri-plan-card:hover {transform: translateY(-6px); box-shadow: rgba(8, 41, 66, 0.14) 0px 28px 62px; border-color: rgb(20, 169, 199);}
html[data-page="precos-e-planos"] .ri-plan-topline {min-height: 25px;}
html[data-page="precos-e-planos"] .ri-plan-topline span {display: inline-flex; min-height: 25px; align-items: center; padding: 0px 10px; border-radius: 999px; color: var(--blue); background: color-mix(in srgb, var(--blue) 9%, transparent); font-size: 10px; font-weight: 850; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="precos-e-planos"] .ri-plan-card h3 {margin: 18px 0px 0px; font-size: 27px; line-height: 1.1; letter-spacing: -0.035em;}
html[data-page="precos-e-planos"] .ri-plan-summary {min-height: 74px; margin: 14px 0px 18px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="precos-e-planos"] .ri-plan-duration {padding: 4px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-soft);}
html[data-page="precos-e-planos"] .ri-plan-duration button {min-height: 38px; border: 0px; border-radius: 9px; background: transparent; color: var(--muted); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 800; cursor: pointer; transition: 0.22s;}
html[data-page="precos-e-planos"] .ri-plan-duration button.active {color: rgb(255, 255, 255); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.18) 0px 8px 18px;}
html[data-page="precos-e-planos"] .ri-plan-price {color: var(--ink); font-size: 24px; font-weight: 820; letter-spacing: -0.035em; transition: opacity 0.16s, transform 0.16s;}
html[data-page="precos-e-planos"] .ri-plan-price-from span {margin-right: 7px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; letter-spacing: 0px; line-height: 1.35;}
html[data-page="precos-e-planos"] .ri-plan-price.is-changing {opacity: 0.25; transform: translateY(3px);}
html[data-page="precos-e-planos"] .ri-plan-access {margin-top: 5px; color: var(--muted); font-size: 11px;}
html[data-page="precos-e-planos"] .ri-plan-card ul {margin: 22px 0px 24px; padding: 0px; display: grid; gap: 10px; list-style: none;}
html[data-page="precos-e-planos"] .ri-plan-card li {position: relative; padding-left: 24px; color: var(--ink); font-size: 12px; line-height: 1.42;}
html[data-page="precos-e-planos"] .ri-plan-card li::before {content: "✓"; position: absolute; left: 0px; top: 0px; width: 17px; height: 17px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), var(--green)); font-size: 10px; font-weight: 900;}
html[data-page="precos-e-planos"] .ri-plan-cta {min-height: 48px; margin-top: auto; padding: 0px 16px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-radius: 13px; color: rgb(255, 255, 255); background: linear-gradient(90deg, var(--blue), var(--green)); font-size: 12px; font-weight: 820; box-shadow: rgba(0, 151, 178, 0.18) 0px 13px 28px;}
html[data-page="precos-e-planos"] .ri-plan-cta span {font-size: 19px; transition: transform 0.2s;}
html[data-page="precos-e-planos"] .ri-plan-cta:hover span {transform: translateX(4px);}
@media (max-width: 680px) {
html[data-page="precos-e-planos"] .ri-plan-card {min-height: 610px; padding: 24px;}
}
html[data-page="precos-e-planos"] .carousel-side-stage {width: 100%; display: grid; grid-template-columns: 50px minmax(0px, 1fr) 50px; align-items: center; gap: 14px;}
html[data-page="precos-e-planos"] .carousel-side-stage > .carousel-arrow {position: relative; z-index: 3; place-self: center;}
html[data-page="precos-e-planos"] .carousel-side-stage > .premium-carousel {min-width: 0px; width: 100%;}
html[data-page="precos-e-planos"] .carousel-side-stage .carousel-viewport {padding-inline: 2px;}
html[data-page="precos-e-planos"] .testimonial-side-stage {margin-top: 0px;}
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-page-columns: 5; min-width: 0px;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-viewport {overflow: hidden; padding: 4px 2px 6px;}
html[data-page="precos-e-planos"] .teacher-carousel .carousel-track {width: 100%; align-items: stretch; will-change: transform; transition: transform 0.55s cubic-bezier(0.22, 0.8, 0.24, 1); display: flex !important; gap: 0px !important;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card {width: 100%; min-height: 0px; padding: 0px 0px 18px; display: flex; flex-direction: column; overflow: hidden; border-radius: 6px; text-align: center; height: 100% !important;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb {width: 100%; aspect-ratio: 16 / 9; margin-bottom: 0px; flex: 0 0 auto; border-radius: 0px; height: auto !important;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-thumb img {width: 100%; height: 100%; object-fit: cover;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card h3 {margin: 17px 10px 5px;}
html[data-page="precos-e-planos"] .teacher-carousel .teacher-card p {margin: 0px 10px;}
@media (max-width: 980px) {
html[data-page="precos-e-planos"] .carousel-side-stage {grid-template-columns: 46px minmax(0px, 1fr) 46px; gap: 10px;}
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-page-columns: 3;}
}
@media (max-width: 680px) {
html[data-page="precos-e-planos"] .carousel-side-stage {grid-template-columns: 42px minmax(0px, 1fr) 42px; gap: 7px;}
html[data-page="precos-e-planos"] .carousel-side-stage > .carousel-arrow {width: 42px; height: 42px; border-radius: 12px; font-size: 25px;}
}
@media (max-width: 640px) {
html[data-page="precos-e-planos"] .teacher-carousel {--teacher-page-columns: 1;}
}
html[data-page="precos-e-planos"] .pricing-page {background: var(--surface);}
html[data-page="precos-e-planos"] .pricing-page main {overflow: clip;}
html[data-page="precos-e-planos"] .pricing-primary {min-height: 52px; padding: 0px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 14px; font-size: 13px; font-weight: 850; transition: 0.25s;}
html[data-page="precos-e-planos"] .pricing-primary {color: rgb(255, 255, 255); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 151, 178, 0.22) 0px 16px 36px;}
html[data-page="precos-e-planos"] .pricing-primary:hover {transform: translateY(-2px);}
html[data-page="precos-e-planos"] .pricing-plans {position: relative; padding-top: 140px; background: radial-gradient(circle at 88% 8%, rgba(0, 179, 136, 0.08), transparent 25%),
    radial-gradient(
      circle at 8% 72%,
      rgba(47, 128, 237, 0.08),
      transparent 27%
    ),
    var(--surface);}
html[data-page="precos-e-planos"] .pricing-section-head {max-width: 850px; margin: 0px auto 44px; text-align: center;}
html[data-page="precos-e-planos"] .pricing-section-head .section-title-pill {display: inline-block;}
html[data-page="precos-e-planos"] .pricing-section-head .section-title-pill::after {width: clamp(130px, 42%, 220px); height: 4px; margin-inline: auto; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="precos-e-planos"] .pricing-section-head p {margin: 20px auto 0px; max-width: 720px; color: var(--muted); font-size: 14px; line-height: 1.65;}
html[data-page="precos-e-planos"] .pricing-plan-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; align-items: stretch;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card {min-height: 760px; scroll-snap-align: unset;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card:nth-child(1),
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card:nth-child(2),
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card:nth-child(3) {margin-bottom: 4px;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card h3 {min-height: 0px;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-summary {min-height: 0px;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-price {min-height: 58px; display: flex; align-items: flex-end;}
html[data-page="precos-e-planos"] .ri-plan-cash {width: max-content; max-width: 100%; margin: 12px 0px 0px; padding: 7px 11px; border: 1px solid color-mix(in srgb, var(--green) 34%, var(--border)); border-radius: 999px; color: color-mix(in srgb, var(--green) 76%, var(--ink)); background: color-mix(in srgb, var(--green) 9%, transparent); font-size: 16px; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase;}
html[data-page="precos-e-planos"] .pricing-plans .ri-plan-cta {font-size: 14px;}
html[data-page="precos-e-planos"] .ri-plan-specialties {margin-top: 16px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 6px;}
html[data-page="precos-e-planos"] .ri-plan-specialties a {min-height: 38px; padding: 7px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--border)); border-radius: 10px; color: var(--blue); background: color-mix(in srgb, var(--blue) 7%, var(--surface)); font-size: 9px; line-height: 1.25; font-weight: 850; text-align: center; transition: 0.2s;}
html[data-page="precos-e-planos"] .ri-plan-specialties a:hover {border-color: var(--green); color: var(--green); transform: translateY(-2px);}
html[data-page="precos-e-planos"] .ri-plan-card-premium {min-height: 444px; margin-bottom: 34px; padding: 38px 40px; display: grid; grid-template-columns: minmax(380px, 0.78fr) minmax(0px, 1.22fr); gap: 46px; overflow: hidden; border: 2px solid rgb(20, 169, 199); border-radius: 26px; color: rgb(247, 251, 255); 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.26) 0px 24px 64px;}
html[data-page="precos-e-planos"] .ri-plan-card-premium::after {content: ""; position: absolute; right: -100px; bottom: -150px; width: 390px; height: 390px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 179, 136, 0.16), transparent 68%); pointer-events: none;}
html[data-page="precos-e-planos"] .ri-premium-overview,
html[data-page="precos-e-planos"] .ri-premium-benefits,
html[data-page="precos-e-planos"] .ri-premium-cta {position: relative; z-index: 1;}
html[data-page="precos-e-planos"] .ri-premium-benefits {display: flex; flex-direction: column;}
html[data-page="precos-e-planos"] .ri-plan-card-premium h3 {margin: 18px 0px 0px; color: rgb(247, 251, 255); font-size: clamp(32px, 3.4vw, 48px); line-height: 1; letter-spacing: -0.045em;}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-summary {min-height: 0px; margin-bottom: 20px; color: rgb(199, 217, 228);}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-duration {border-color: rgba(70, 158, 193, 0.34); background: rgb(10, 33, 52);}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-duration button {color: rgb(199, 217, 228);}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-duration button.active {color: rgb(255, 255, 255);}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-price {color: rgb(247, 251, 255); font-size: 31px;}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-access {color: rgb(185, 205, 218);}
html[data-page="precos-e-planos"] .ri-plan-card-premium .ri-plan-cash {border-color: rgba(0, 213, 171, 0.5); color: rgb(32, 220, 184); background: rgba(0, 179, 136, 0.08);}
html[data-page="precos-e-planos"] .ri-premium-kicker {margin: 0px; color: rgb(247, 251, 255); font-size: 18px; line-height: 1.35; font-weight: 850; letter-spacing: -0.02em;}
html[data-page="precos-e-planos"] .ri-plan-card-premium ul {margin: 22px 0px 0px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 13px 18px;}
html[data-page="precos-e-planos"] .ri-plan-card-premium li {color: rgb(247, 251, 255); font-size: 13px;}
html[data-page="precos-e-planos"] .ri-premium-cta {width: min(100%, 360px); align-self: flex-end; margin: 28px 0px 0px auto;}
html[data-page="precos-e-planos"] .pricing-final-cta {padding: 26px 0px 88px; background: var(--surface);}
html[data-page="precos-e-planos"] .pricing-final-box {position: relative; overflow: hidden; padding: 48px; display: grid; grid-template-columns: 1fr auto; gap: 34px; align-items: center; border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--border)); border-radius: 28px; background: radial-gradient(
      circle at 90% 20%,
      rgba(0, 179, 136, 0.15),
      transparent 31%
    ),
    radial-gradient(
      circle at 8% 90%,
      rgba(47, 128, 237, 0.13),
      transparent 34%
    ),
    var(--surface-soft);}
html[data-page="precos-e-planos"] .pricing-final-box h2 {margin: 0px; color: var(--ink); font-size: clamp(30px, 3vw, 36px); line-height: 1.04; letter-spacing: -0.045em;}
html[data-page="precos-e-planos"] .pricing-final-box p {max-width: 680px; margin: 16px 0px 0px; color: var(--muted); font-size: 14px; line-height: 1.65;}
html[data-page="precos-e-planos"] .pricing-page .faq {position: relative; overflow: hidden; padding-top: 84px; border-top: 1px solid color-mix(in srgb, var(--blue) 22%, var(--border)); background: radial-gradient(
      circle at 8% 16%,
      color-mix(in srgb, var(--blue) 14%, transparent),
      transparent 30%
    ),
    radial-gradient(
      circle at 92% 84%,
      color-mix(in srgb, var(--green) 12%, transparent),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--surface-soft) 90%, var(--blue) 10%),
      var(--surface-soft) 52%,
      color-mix(in srgb, var(--surface-soft) 91%, var(--green) 9%)
    );}
html[data-page="precos-e-planos"] .pricing-page .faq-grid {position: relative; z-index: 1;}
html[data-page="precos-e-planos"] .pricing-page .faq-list {padding: 6px 24px; border: 1px solid color-mix(in srgb, var(--blue) 16%, var(--border)); border-radius: 24px; background: color-mix(in srgb, var(--surface) 82%, transparent); box-shadow: rgba(8, 41, 66, 0.09) 0px 22px 54px;}
@media (max-width: 1080px) {
html[data-page="precos-e-planos"] .pricing-plan-grid {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page="precos-e-planos"] .ri-plan-card-premium {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .ri-premium-cta {align-self: flex-start; margin-left: 0px;}
}
@media (max-width: 760px) {
html[data-page="precos-e-planos"] .pricing-plan-grid {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card {min-height: auto;}
html[data-page="precos-e-planos"] .ri-plan-card-premium {padding: 30px 26px;}
html[data-page="precos-e-planos"] .pricing-final-box {padding: 34px 26px; grid-template-columns: 1fr;}
}
@media (max-width: 520px) {
html[data-page="precos-e-planos"] .pricing-primary {width: 100%;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card {padding: 24px;}
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-card h3,
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-summary,
html[data-page="precos-e-planos"] .pricing-plan-grid .ri-plan-price {min-height: 0px;}
html[data-page="precos-e-planos"] .ri-plan-specialties,
html[data-page="precos-e-planos"] .ri-plan-card-premium ul {grid-template-columns: 1fr;}
html[data-page="precos-e-planos"] .ri-premium-cta {width: 100%;}
html[data-page="precos-e-planos"] .pricing-page .faq-list {padding-inline: 14px; border-radius: 18px;}
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"])[data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) * {box-sizing: border-box;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) {scroll-behavior: smooth;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) body.menu-open {overflow: hidden;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) img {max-width: 100%;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) a {color: inherit; text-decoration: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) button,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) input {font: inherit;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) button {color: inherit;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running r3-especialidades-orbFloat;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes r3-especialidades-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-primary,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-visual {position: relative; perspective: 1200px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running r3-especialidades-visualFloat;}
@keyframes r3-especialidades-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof {position: absolute; left: -38px; bottom: -35px; width: 220px; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 20px; background: rgba(255, 255, 255, 0.94); color: rgb(16, 41, 57); box-shadow: rgba(0, 0, 0, 0.25) 0px 22px 60px; animation: 4.8s ease-in-out 0s infinite normal none running r3-especialidades-proofFloat;}
@keyframes r3-especialidades-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof strong {display: block; font-size: 30px; line-height: 1; color: var(--blue-deep);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof span {display: block; margin-top: 7px; color: rgb(97, 116, 132); font-size: 12px; line-height: 1.5;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof .mini-stars {margin-top: 9px; color: rgb(245, 166, 35); letter-spacing: 2px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item {padding: 27px 26px; position: relative;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item strong {font-size: 18px; line-height: 1.3;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) section {position: relative;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-pad {padding: 104px 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-cards::before,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:hover,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit::after,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:hover::after,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:focus-visible::after {opacity: 1; animation: r3-especialidades-pathShine 0.72s ease forwards var(--path-delay);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit b,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:hover b,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit strong {color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit span {color: rgb(207, 227, 236);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes r3-especialidades-pathShine { 
  100% { transform: translateX(125%); }
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resources-section {background: var(--surface);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:hover::after {right: 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"])[data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"])[data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step.active b,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:hover b,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step.active b::before,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:hover b::before,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step.active h3,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step.active p,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step:hover p {transform: translateY(-2px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-body {padding: 28px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"])[data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .cash b {color: var(--ink);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item {text-align: center; padding: 15px 20px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teachers-section {background: var(--surface);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-track-wrap {position: relative;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-track {display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-info {padding: 17px 17px 20px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-info h3 {margin: 0px; font-size: 14px; line-height: 1.4;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-info p {margin: 7px 0px 0px; color: var(--muted); font-size: 11px; line-height: 1.55;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-section {background: var(--surface);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-layout {display: grid; grid-template-columns: 360px 1fr; gap: 58px; align-items: start;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside {position: sticky; top: 116px; padding: 30px; border-radius: 28px; background: linear-gradient(145deg, var(--blue-deep), #0b4b63); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside small {color: rgb(159, 199, 217); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside h2 {margin: 14px 0px 0px; font-size: 36px; line-height: 1.06; letter-spacing: -0.04em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside p {margin: 17px 0px 0px; color: rgb(189, 210, 221); font-size: 14px; line-height: 1.72;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside a {margin-top: 23px; min-height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: linear-gradient(135deg, var(--green), #009478); font-size: 13px; font-weight: 850;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-list {display: grid; gap: 10px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-question strong {font-size: 14px; line-height: 1.45;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-answer > div {overflow: hidden;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-item.open .faq-answer {grid-template-rows: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-item.open .faq-answer p {padding-bottom: 21px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta {padding: 0px 0px 104px; background: var(--surface);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-card {position: relative; overflow: hidden; min-height: 310px; padding: 52px; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; border-radius: 34px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(7, 31, 50), rgb(11, 69, 96) 58%, rgb(15, 122, 120)); box-shadow: var(--shadow);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-card::before {content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; right: -120px; top: -180px; border: 1px solid rgba(255, 255, 255, 0.18);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-card::after {content: ""; position: absolute; width: 190px; height: 190px; border-radius: 50%; right: 14%; bottom: -100px; background: radial-gradient(circle, rgba(43, 212, 168, 0.3), transparent 66%);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-copy {position: relative; z-index: 1;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-copy span {color: rgb(169, 216, 233); font-size: 11px; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-copy h2 {margin: 12px 0px 0px; max-width: 780px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -0.045em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-copy p {margin: 18px 0px 0px; color: rgb(196, 217, 227); font-size: 15px; line-height: 1.7;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta .btn-primary {position: relative; z-index: 1; min-width: 220px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-logos {display: grid; gap: 10px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .institution-logos {grid-template-columns: repeat(5, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .developed-logos {grid-template-columns: repeat(4, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .socials {display: flex; gap: 9px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links a,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links a:hover {color: rgb(255, 255, 255);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-contact:hover {transform: translateY(-3px);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) *,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) ::before,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-inner {gap: 38px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof {left: -18px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resources-grid {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-track {grid-template-columns: repeat(3, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-r1,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-inner {min-height: auto;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-r1 {margin-top: 74px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy {text-align: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy > p {margin-inline: auto;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .eyebrow {justify-content: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-facts,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-actions {justify-content: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-grid {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item:nth-child(2)::after {display: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-grid,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-grid,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-layout {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-panel {min-height: auto;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .price-card,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .faq-aside {position: relative; top: auto;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line-fill {display: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .numbers-grid {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item:nth-child(2) {border-right: 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .objection-grid {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-track {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-strip-inner {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-strip-divider {width: 100%; height: 1px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-main {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-shell {width: min(100% - 28px, var(--max));}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-inner {padding-block: 60px 88px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy h1 {font-size: 42px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy > p {font-size: 16px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-proof {position: relative; left: auto; bottom: auto; width: 100%; margin-top: 13px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-grid {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item::after {display: none !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .section-pad {padding: 78px 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .resources-grid,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .included-list,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .numbers-grid,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .teacher-track {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-flow::-webkit-scrollbar {display: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-line-fill {display: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"])[data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .number-item:last-child {border-bottom: 0px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-content {text-align: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .bonus-card {text-align: left;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .installments strong {font-size: 42px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta-card {padding: 34px 26px; grid-template-columns: 1fr; text-align: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .final-cta .btn-primary {min-width: 0px; width: 100%;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .institution-logos {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .developed-logos {grid-template-columns: repeat(2, 1fr);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links {grid-template-columns: 1fr;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-contact span {display: none;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links a,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .brand-group h2 {font-size: 14px !important;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon svg {width: 25px; height: 25px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item small {margin-bottom: 6px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item strong {display: block;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .hero-copy h1 {font-size: 34px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-copy h2 {max-width: 660px; font-size: clamp(30px, 3.15vw, 42px); line-height: 1.08;}
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-content h2 {max-width: 720px; font-size: clamp(30px, 3.25vw, 43px); line-height: 1.08;}
@media (max-width: 640px) {
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .why-copy h2,
:is(html[data-page="r3-cirurgia"], html[data-page="r3-clinica-medica"], html[data-page="r3-pediatria"]) .pricing-content h2 {font-size: 29px;}
}
html[data-page="r3"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="r3"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="r3"] * {box-sizing: border-box;}
html[data-page="r3"] {scroll-behavior: smooth;}
html[data-page="r3"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="r3"] body.menu-open {overflow: hidden;}
html[data-page="r3"] img {max-width: 100%;}
html[data-page="r3"] a {color: inherit; text-decoration: none;}
html[data-page="r3"] button,
html[data-page="r3"] input {font: inherit;}
html[data-page="r3"] button {color: inherit;}
html[data-page="r3"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="r3"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="r3"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="r3"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running r3-orbFloat;}
html[data-page="r3"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="r3"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="r3"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes r3-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="r3"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="r3"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="r3"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="r3"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="r3"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="r3"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="r3"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="r3"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="r3"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="r3"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="r3"] .btn-primary,
html[data-page="r3"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="r3"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="r3"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="r3"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="r3"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="r3"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="r3"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running r3-visualFloat;}
@keyframes r3-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="r3"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="r3"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="r3"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="r3"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="r3"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes r3-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="r3"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="r3"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="r3"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="r3"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="r3"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="r3"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="r3"] section {position: relative;}
html[data-page="r3"] .section-pad {padding: 104px 0px;}
html[data-page="r3"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="r3"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="r3"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="r3"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="r3"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="r3"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="r3"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="r3"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="r3"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="r3"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="r3"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="r3"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="r3"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="r3"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="r3"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="r3"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="r3"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="r3"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="r3"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="r3"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="r3"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="r3"] .path-cards::before,
html[data-page="r3"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="r3"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="r3"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="r3"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="r3"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="r3"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="r3"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="r3"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="r3"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="r3"] .path-card.is-lit,
html[data-page="r3"] .path-card:hover,
html[data-page="r3"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="r3"] .path-card.is-lit::after,
html[data-page="r3"] .path-card:hover::after,
html[data-page="r3"] .path-card:focus-visible::after {opacity: 1; animation: r3-pathShine 0.72s ease forwards var(--path-delay);}
html[data-page="r3"] .path-card.is-lit b,
html[data-page="r3"] .path-card:hover b,
html[data-page="r3"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="r3"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="r3"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="r3"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes r3-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="r3"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="r3"] .resources-section {background: var(--surface);}
html[data-page="r3"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="r3"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="r3"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="r3"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="r3"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="r3"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="r3"] .resource-card:hover::after {right: 0px;}
html[data-page="r3"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="r3"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="r3"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="r3"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="r3"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="r3"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="r3"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="r3"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="r3"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="r3"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="r3"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="r3"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="r3"] .method-line,
html[data-page="r3"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="r3"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="r3"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="r3"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="r3"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="r3"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="r3"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="r3"] .method-step.active b,
html[data-page="r3"] .method-step:hover b,
html[data-page="r3"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="r3"] .method-step.active b::before,
html[data-page="r3"] .method-step:hover b::before,
html[data-page="r3"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="r3"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="r3"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="r3"] .method-step.active h3,
html[data-page="r3"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="r3"] .method-step.active p,
html[data-page="r3"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="r3"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="r3"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="r3"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="r3"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="r3"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="r3"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="r3"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="r3"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="r3"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="r3"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="r3"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="r3"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="r3"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="r3"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="r3"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="r3"] .price-body {padding: 28px;}
html[data-page="r3"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="r3"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="r3"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="r3"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="r3"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="r3"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="r3"] .cash b {color: var(--ink);}
html[data-page="r3"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="r3"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="r3"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="r3"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="r3"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="r3"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="r3"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="r3"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="r3"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="r3"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="r3"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="r3"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="r3"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="r3"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="r3"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="r3"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="r3"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="r3"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="r3"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="r3"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="r3"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="r3"] .faq-list {display: grid; gap: 10px;}
html[data-page="r3"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="r3"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="r3"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="r3"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="r3"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="r3"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="r3"] .faq-answer > div {overflow: hidden;}
html[data-page="r3"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="r3"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="r3"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="r3"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="r3"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="r3"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="r3"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="r3"] .brand-logos {display: grid; gap: 10px;}
html[data-page="r3"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="r3"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="r3"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="r3"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="r3"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="r3"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="r3"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="r3"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="r3"] .socials {display: flex; gap: 9px;}
html[data-page="r3"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="r3"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="r3"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="r3"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="r3"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="r3"] .footer-links a,
html[data-page="r3"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="r3"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="r3"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="r3"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="r3"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="r3"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="r3"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="r3"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="r3"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="r3"] *,
html[data-page="r3"] ::before,
html[data-page="r3"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="r3"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="r3"] .hero-inner {gap: 38px;}
html[data-page="r3"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="r3"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="r3"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="r3"] .hero-r1,
html[data-page="r3"] .hero-inner {min-height: auto;}
html[data-page="r3"] .hero-r1 {margin-top: 74px;}
html[data-page="r3"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="r3"] .hero-copy {text-align: center;}
html[data-page="r3"] .hero-copy > p {margin-inline: auto;}
html[data-page="r3"] .eyebrow {justify-content: center;}
html[data-page="r3"] .hero-facts,
html[data-page="r3"] .hero-actions {justify-content: center;}
html[data-page="r3"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="r3"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="r3"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="r3"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="r3"] .why-grid,
html[data-page="r3"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .why-panel {min-height: auto;}
html[data-page="r3"] .price-card {position: relative; top: auto;}
html[data-page="r3"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="r3"] .method-line,
html[data-page="r3"] .method-line-fill {display: none;}
html[data-page="r3"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="r3"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="r3"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="r3"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="r3"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="r3"] .footer-main {grid-template-columns: 1fr;}
html[data-page="r3"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="r3"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="r3"] .hero-inner {padding-block: 60px 88px;}
html[data-page="r3"] .hero-copy h1 {font-size: 42px;}
html[data-page="r3"] .hero-copy > p {font-size: 16px;}
html[data-page="r3"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="r3"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .quick-item::after {display: none !important;}
html[data-page="r3"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="r3"] .section-pad {padding: 78px 0px;}
html[data-page="r3"] .resources-grid,
html[data-page="r3"] .included-list,
html[data-page="r3"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="r3"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="r3"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="r3"] .method-line,
html[data-page="r3"] .method-line-fill {display: none;}
html[data-page="r3"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="r3"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="r3"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="r3"] .number-item:last-child {border-bottom: 0px;}
html[data-page="r3"] .pricing-content {text-align: center;}
html[data-page="r3"] .bonus-card {text-align: left;}
html[data-page="r3"] .installments strong {font-size: 42px;}
html[data-page="r3"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="r3"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="r3"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="r3"] .footer-links {grid-template-columns: 1fr;}
html[data-page="r3"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="r3"] .floating-contact span {display: none;}
html[data-page="r3"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="r3"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="r3"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="r3"] .footer-links a,
html[data-page="r3"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="r3"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="r3"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="r3"] .brand-group h2 {font-size: 14px !important;}
html[data-page="r3"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="r3"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="r3"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="r3"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="r3"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="r3"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="r3"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="r3"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="r3"] .quick-item small {margin-bottom: 6px;}
html[data-page="r3"] .quick-item strong {display: block;}
html[data-page="r3"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="r3"] .hero-copy h1 {font-size: 34px;}
html[data-page="r3"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="r3"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
@keyframes r3-cbFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
@keyframes r3-badgePulse { 
  0%, 100% { transform: scale(1); box-shadow: rgba(0, 179, 136, 0.28) 0px 22px 60px, rgba(255, 255, 255, 0.1) 0px 0px 0px 8px inset; }
  50% { transform: scale(1.05); box-shadow: rgba(47, 128, 237, 0.35) 0px 30px 75px, rgba(255, 255, 255, 0.14) 0px 0px 0px 8px inset; }
}
html[data-page="r3"] .cb-carousel-track {display: flex; transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);}
html[data-page="r3"] .cb-testimonial-slide {flex: 0 0 33.3333%; padding: 0px 9px;}
@media (max-width: 1024px) {
html[data-page="r3"] .cb-testimonial-slide {flex-basis: 50%;}
}
@media (max-width: 640px) {
html[data-page="r3"] .cb-testimonial-slide {flex-basis: 100%;}
}
@keyframes r3-r3OrbitPulse { 
  0%, 100% { transform: rotate(-7deg) scale(1); }
  50% { transform: rotate(-4deg) scale(1.03); }
}
@keyframes r3-r3CardFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -7px, 0px); }
}
@keyframes r3-r3FlowLight { 
  0%, 15% { transform: translateX(-75%); }
  40% { transform: translateX(-45%); }
  65% { transform: translateX(-20%); }
  90%, 100% { transform: translateX(0px); }
}
@keyframes r3-r3IconPulse { 
  0%, 100% { transform: scale(0.82); opacity: 0.7; }
  50% { transform: scale(1.14); opacity: 1; }
}
html[data-page="revalida"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="revalida"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="revalida"] * {box-sizing: border-box;}
html[data-page="revalida"] {scroll-behavior: smooth;}
html[data-page="revalida"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="revalida"] body.menu-open {overflow: hidden;}
html[data-page="revalida"] img {max-width: 100%;}
html[data-page="revalida"] a {color: inherit; text-decoration: none;}
html[data-page="revalida"] button,
html[data-page="revalida"] input {font: inherit;}
html[data-page="revalida"] button {color: inherit;}
html[data-page="revalida"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="revalida"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="revalida"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="revalida"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running revalida-orbFloat;}
html[data-page="revalida"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="revalida"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="revalida"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes revalida-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="revalida"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="revalida"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="revalida"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="revalida"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="revalida"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="revalida"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="revalida"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="revalida"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="revalida"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="revalida"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="revalida"] .btn-primary,
html[data-page="revalida"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="revalida"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="revalida"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="revalida"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="revalida"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="revalida"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="revalida"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running revalida-visualFloat;}
@keyframes revalida-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="revalida"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="revalida"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="revalida"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="revalida"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="revalida"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes revalida-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="revalida"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="revalida"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="revalida"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="revalida"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="revalida"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="revalida"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="revalida"] section {position: relative;}
html[data-page="revalida"] .section-pad {padding: 104px 0px;}
html[data-page="revalida"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="revalida"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="revalida"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="revalida"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="revalida"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="revalida"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="revalida"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="revalida"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="revalida"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="revalida"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="revalida"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="revalida"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="revalida"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="revalida"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="revalida"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="revalida"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="revalida"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="revalida"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="revalida"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="revalida"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="revalida"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="revalida"] .path-cards::before,
html[data-page="revalida"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="revalida"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="revalida"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="revalida"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="revalida"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="revalida"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="revalida"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="revalida"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="revalida"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="revalida"] .path-card.is-lit,
html[data-page="revalida"] .path-card:hover,
html[data-page="revalida"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="revalida"] .path-card.is-lit::after,
html[data-page="revalida"] .path-card:hover::after,
html[data-page="revalida"] .path-card:focus-visible::after {opacity: 1; animation: revalida-pathShine 0.72s ease forwards var(--path-delay);}
html[data-page="revalida"] .path-card.is-lit b,
html[data-page="revalida"] .path-card:hover b,
html[data-page="revalida"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="revalida"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="revalida"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="revalida"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes revalida-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="revalida"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="revalida"] .resources-section {background: var(--surface);}
html[data-page="revalida"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="revalida"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="revalida"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="revalida"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="revalida"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="revalida"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="revalida"] .resource-card:hover::after {right: 0px;}
html[data-page="revalida"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="revalida"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="revalida"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="revalida"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="revalida"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="revalida"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="revalida"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="revalida"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="revalida"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="revalida"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="revalida"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="revalida"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="revalida"] .method-line,
html[data-page="revalida"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="revalida"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="revalida"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="revalida"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="revalida"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="revalida"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="revalida"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="revalida"] .method-step.active b,
html[data-page="revalida"] .method-step:hover b,
html[data-page="revalida"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="revalida"] .method-step.active b::before,
html[data-page="revalida"] .method-step:hover b::before,
html[data-page="revalida"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="revalida"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="revalida"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="revalida"] .method-step.active h3,
html[data-page="revalida"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="revalida"] .method-step.active p,
html[data-page="revalida"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="revalida"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="revalida"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="revalida"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="revalida"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="revalida"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="revalida"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="revalida"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="revalida"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="revalida"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="revalida"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="revalida"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="revalida"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="revalida"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="revalida"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="revalida"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="revalida"] .price-body {padding: 28px;}
html[data-page="revalida"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="revalida"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="revalida"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="revalida"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="revalida"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="revalida"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="revalida"] .cash b {color: var(--ink);}
html[data-page="revalida"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="revalida"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="revalida"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="revalida"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="revalida"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="revalida"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="revalida"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="revalida"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="revalida"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="revalida"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="revalida"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="revalida"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="revalida"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="revalida"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="revalida"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="revalida"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="revalida"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="revalida"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="revalida"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="revalida"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="revalida"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="revalida"] .faq-list {display: grid; gap: 10px;}
html[data-page="revalida"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="revalida"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="revalida"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="revalida"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="revalida"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="revalida"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="revalida"] .faq-answer > div {overflow: hidden;}
html[data-page="revalida"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="revalida"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="revalida"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="revalida"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="revalida"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="revalida"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="revalida"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="revalida"] .brand-logos {display: grid; gap: 10px;}
html[data-page="revalida"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="revalida"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="revalida"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="revalida"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="revalida"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="revalida"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="revalida"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="revalida"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="revalida"] .socials {display: flex; gap: 9px;}
html[data-page="revalida"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="revalida"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="revalida"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="revalida"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="revalida"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="revalida"] .footer-links a,
html[data-page="revalida"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="revalida"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="revalida"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="revalida"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="revalida"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="revalida"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="revalida"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="revalida"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="revalida"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="revalida"] *,
html[data-page="revalida"] ::before,
html[data-page="revalida"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="revalida"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="revalida"] .hero-inner {gap: 38px;}
html[data-page="revalida"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="revalida"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="revalida"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="revalida"] .hero-r1,
html[data-page="revalida"] .hero-inner {min-height: auto;}
html[data-page="revalida"] .hero-r1 {margin-top: 74px;}
html[data-page="revalida"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="revalida"] .hero-copy {text-align: center;}
html[data-page="revalida"] .hero-copy > p {margin-inline: auto;}
html[data-page="revalida"] .eyebrow {justify-content: center;}
html[data-page="revalida"] .hero-facts,
html[data-page="revalida"] .hero-actions {justify-content: center;}
html[data-page="revalida"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="revalida"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="revalida"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="revalida"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="revalida"] .why-grid,
html[data-page="revalida"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="revalida"] .why-panel {min-height: auto;}
html[data-page="revalida"] .price-card {position: relative; top: auto;}
html[data-page="revalida"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="revalida"] .method-line,
html[data-page="revalida"] .method-line-fill {display: none;}
html[data-page="revalida"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="revalida"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="revalida"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="revalida"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="revalida"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="revalida"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="revalida"] .footer-main {grid-template-columns: 1fr;}
html[data-page="revalida"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="revalida"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="revalida"] .hero-inner {padding-block: 60px 88px;}
html[data-page="revalida"] .hero-copy h1 {font-size: 42px;}
html[data-page="revalida"] .hero-copy > p {font-size: 16px;}
html[data-page="revalida"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="revalida"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="revalida"] .quick-item::after {display: none !important;}
html[data-page="revalida"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="revalida"] .section-pad {padding: 78px 0px;}
html[data-page="revalida"] .resources-grid,
html[data-page="revalida"] .included-list,
html[data-page="revalida"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="revalida"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="revalida"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="revalida"] .method-line,
html[data-page="revalida"] .method-line-fill {display: none;}
html[data-page="revalida"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="revalida"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="revalida"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="revalida"] .number-item:last-child {border-bottom: 0px;}
html[data-page="revalida"] .pricing-content {text-align: center;}
html[data-page="revalida"] .bonus-card {text-align: left;}
html[data-page="revalida"] .installments strong {font-size: 42px;}
html[data-page="revalida"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="revalida"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="revalida"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="revalida"] .footer-links {grid-template-columns: 1fr;}
html[data-page="revalida"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="revalida"] .floating-contact span {display: none;}
html[data-page="revalida"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="revalida"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="revalida"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="revalida"] .footer-links a,
html[data-page="revalida"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="revalida"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="revalida"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="revalida"] .brand-group h2 {font-size: 14px !important;}
html[data-page="revalida"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="revalida"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="revalida"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="revalida"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="revalida"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="revalida"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="revalida"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="revalida"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="revalida"] .quick-item small {margin-bottom: 6px;}
html[data-page="revalida"] .quick-item strong {display: block;}
html[data-page="revalida"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="revalida"] .hero-copy h1 {font-size: 34px;}
html[data-page="revalida"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="revalida"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
html[data-page="revalida"] .revalida-page .hero-r1 {background: radial-gradient(circle at 82% 24%, rgba(239, 76, 78, 0.22), transparent 27%), radial-gradient(circle at 15% 74%, rgba(47, 128, 237, 0.18), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 52%, rgb(11, 82, 96) 100%);}
html[data-page="revalida"] .revalida-page .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.11) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.11) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 78%);}
html[data-page="revalida"] .revalida-page .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px);}
@keyframes revalida-revalidaVisualFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-10px) rotateY(0deg); }
}
html[data-page="revalida"] .revalida-page .why-panel {min-height: 680px;}
html[data-page="revalida"] .revalida-page .path-card {min-height: 70px;}
html[data-page="revalida"] .revalida-page .pricing-content h2 {font-size: clamp(32px, 3.2vw, 44px);}
@media (max-width: 920px) {
html[data-page="revalida"] .revalida-page .why-panel {min-height: auto;}
}
@media (max-width: 640px) {
html[data-page="revalida"] .revalida-page .hero-copy h1 {font-size: 34px;}
}
html[data-page="praticas-medicas-simuladas"] {--blue: #2f80ed; --blue-2: #195fc3; --blue-deep: #082942; --blue-darker: #051a2a; --green: #00b388; --green-2: #2bd4a8; --ink: #102939; --muted: #667085; --surface: #ffffff; --surface-soft: #f5f9fc; --surface-blue: #edf7ff; --border: rgba(16, 41, 57, 0.12); --header: rgba(255, 255, 255, 0.92); --shadow: 0 24px 70px rgba(8, 41, 66, 0.14); --max: 1240px; color-scheme: light;}
html[data-page="praticas-medicas-simuladas"][data-theme="dark"] {--ink: #f6fbff; --muted: #a7bac8; --surface: #071b2a; --surface-soft: #0b2335; --surface-blue: #0d2a40; --border: rgba(236, 247, 255, 0.12); --header: rgba(6, 24, 37, 0.92); --shadow: 0 24px 70px rgba(0, 0, 0, 0.36); color-scheme: dark;}
html[data-page="praticas-medicas-simuladas"] * {box-sizing: border-box;}
html[data-page="praticas-medicas-simuladas"] {scroll-behavior: smooth;}
html[data-page="praticas-medicas-simuladas"] body {margin: 0px; background: var(--surface); color: var(--ink); font-family: Inter, "Segoe UI", Arial, sans-serif; overflow-x: hidden;}
html[data-page="praticas-medicas-simuladas"] body.menu-open {overflow: hidden;}
html[data-page="praticas-medicas-simuladas"] img {max-width: 100%;}
html[data-page="praticas-medicas-simuladas"] a {color: inherit; text-decoration: none;}
html[data-page="praticas-medicas-simuladas"] button,
html[data-page="praticas-medicas-simuladas"] input {font: inherit;}
html[data-page="praticas-medicas-simuladas"] button {color: inherit;}
html[data-page="praticas-medicas-simuladas"] .section-shell {width: min(var(--max), calc(100% - 48px)); margin-inline: auto;}
html[data-page="praticas-medicas-simuladas"] .hero-r1 {position: relative; min-height: 720px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 24%, rgba(0, 179, 136, 0.27), transparent 26%), radial-gradient(circle at 15% 75%, rgba(47, 128, 237, 0.2), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 54%, rgb(8, 58, 78) 100%);}
html[data-page="praticas-medicas-simuladas"] .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 75%);}
html[data-page="praticas-medicas-simuladas"] .hero-orb {position: absolute; border-radius: 999px; filter: blur(1px); pointer-events: none; animation: 7s ease-in-out 0s infinite normal none running revisamed-inteligente-orbFloat;}
html[data-page="praticas-medicas-simuladas"] .hero-orb.one {width: 280px; height: 280px; right: -80px; top: 80px; border: 1px solid rgba(43, 212, 168, 0.38);}
html[data-page="praticas-medicas-simuladas"] .hero-orb.two {width: 160px; height: 160px; right: 34%; bottom: -60px; border: 1px solid rgba(47, 128, 237, 0.38); animation-delay: -2s;}
html[data-page="praticas-medicas-simuladas"] .hero-orb.three {width: 18px; height: 18px; background: var(--green-2); right: 11%; top: 17%; box-shadow: rgba(43, 212, 168, 0.85) 0px 0px 40px; animation-delay: -4s;}
@keyframes revisamed-inteligente-orbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -16px, 0px); }
}
html[data-page="praticas-medicas-simuladas"] .hero-inner {position: relative; z-index: 2; min-height: 720px; display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; gap: 64px; padding-block: 78px;}
html[data-page="praticas-medicas-simuladas"] .eyebrow {display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 14px; font-weight: 850; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(184, 217, 245);}
html[data-page="praticas-medicas-simuladas"] .eyebrow::before {content: ""; width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--green-2), var(--blue));}
html[data-page="praticas-medicas-simuladas"] .hero-copy h1 {margin: 0px; max-width: 760px; font-size: clamp(44px, 5.2vw, 72px); line-height: 0.99; letter-spacing: -0.055em;}
html[data-page="praticas-medicas-simuladas"] .hero-copy h1 span {display: block; margin-top: 10px; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(169, 232, 219) 54%, rgb(148, 202, 255)) text; color: transparent;}
html[data-page="praticas-medicas-simuladas"] .hero-copy > p {max-width: 660px; margin: 26px 0px 0px; color: rgb(194, 214, 226); font-size: 18px; line-height: 1.72;}
html[data-page="praticas-medicas-simuladas"] .hero-facts {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
html[data-page="praticas-medicas-simuladas"] .hero-facts span {display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; background: rgba(255, 255, 255, 0.07); color: rgb(229, 242, 248); font-size: 13px; font-weight: 750; backdrop-filter: blur(10px);}
html[data-page="praticas-medicas-simuladas"] .hero-facts i {width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(43, 212, 168, 0.18); color: var(--green-2); font-style: normal;}
html[data-page="praticas-medicas-simuladas"] .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="praticas-medicas-simuladas"] .btn-primary,
html[data-page="praticas-medicas-simuladas"] .btn-secondary {min-height: 54px; padding: 0px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .btn-primary {background: linear-gradient(135deg, var(--green), #009b78); color: rgb(255, 255, 255); box-shadow: rgba(0, 179, 136, 0.28) 0px 18px 36px;}
html[data-page="praticas-medicas-simuladas"] .btn-primary:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.36) 0px 24px 46px;}
html[data-page="praticas-medicas-simuladas"] .btn-secondary {border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.08); color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .btn-secondary:hover {background: rgba(255, 255, 255, 0.14); transform: translateY(-2px);}
html[data-page="praticas-medicas-simuladas"] .hero-visual {position: relative; perspective: 1200px;}
html[data-page="praticas-medicas-simuladas"] .video-shell {position: relative; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.36) 0px 40px 90px; backdrop-filter: blur(16px); transform: rotateY(-5deg) rotateX(1.5deg); animation: 5.5s ease-in-out 0s infinite normal none running revisamed-inteligente-visualFloat;}
@keyframes revisamed-inteligente-visualFloat { 
  0%, 100% { transform: rotateY(-5deg) rotateX(1.5deg) translateY(0px); }
  50% { transform: rotateY(-3deg) rotateX(1deg) translateY(-10px); }
}
html[data-page="praticas-medicas-simuladas"] .browser-bar {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 18px 18px 0px 0px; background: rgba(4, 20, 31, 0.78);}
html[data-page="praticas-medicas-simuladas"] .browser-bar i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="praticas-medicas-simuladas"] .browser-bar span {margin-left: auto; color: rgb(159, 185, 200); font-size: 10px; letter-spacing: 0.08em;}
html[data-page="praticas-medicas-simuladas"] .video-frame {position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 0px 0px 19px 19px; background: rgb(0, 0, 0);}
html[data-page="praticas-medicas-simuladas"] .video-frame iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@keyframes revisamed-inteligente-proofFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(8px); }
}
html[data-page="praticas-medicas-simuladas"] .quick-strip {position: relative; z-index: 5; margin-top: -30px;}
html[data-page="praticas-medicas-simuladas"] .quick-grid {display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow);}
html[data-page="praticas-medicas-simuladas"] .quick-item {padding: 27px 26px; position: relative;}
html[data-page="praticas-medicas-simuladas"] .quick-item:not(:last-child)::after {content: ""; position: absolute; right: 0px; top: 22%; bottom: 22%; width: 1px; background: var(--border);}
html[data-page="praticas-medicas-simuladas"] .quick-item small {display: block; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .quick-item strong {font-size: 18px; line-height: 1.3;}
html[data-page="praticas-medicas-simuladas"] section {position: relative;}
html[data-page="praticas-medicas-simuladas"] .section-pad {padding: 104px 0px;}
html[data-page="praticas-medicas-simuladas"] .section-head {max-width: 790px; margin: 0px auto 50px; text-align: center;}
html[data-page="praticas-medicas-simuladas"] .section-head .label {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .section-head .label::before {content: ""; width: 28px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
html[data-page="praticas-medicas-simuladas"] .section-head h2 {margin: 0px; font-size: clamp(34px, 4.1vw, 54px); line-height: 1.06; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="praticas-medicas-simuladas"] .why-section {background: linear-gradient(
    180deg,
    var(--surface) 0%,
    var(--surface-soft) 100%
  );}
html[data-page="praticas-medicas-simuladas"] .why-grid {display: grid; grid-template-columns: 0.92fr 1.08fr; gap: 56px; align-items: center;}
html[data-page="praticas-medicas-simuladas"] .why-copy h2 {margin: 0px; font-size: clamp(36px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .why-copy > p {margin: 22px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="praticas-medicas-simuladas"] .benefit-list {display: grid; gap: 14px; margin-top: 28px;}
html[data-page="praticas-medicas-simuladas"] .benefit-item {display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.05) 0px 10px 25px; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .benefit-item:hover {transform: translateX(6px); border-color: rgba(47, 128, 237, 0.34);}
html[data-page="praticas-medicas-simuladas"] .benefit-icon {width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.14)); color: var(--blue);}
html[data-page="praticas-medicas-simuladas"] .benefit-item h3 {margin: 1px 0px 6px; font-size: 16px;}
html[data-page="praticas-medicas-simuladas"] .benefit-item p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.62;}
html[data-page="praticas-medicas-simuladas"] .why-panel {position: relative; min-height: 560px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(8, 41, 66), rgb(10, 59, 86) 68%, rgb(13, 91, 105)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="praticas-medicas-simuladas"] .why-panel::before {content: ""; position: absolute; width: 310px; height: 310px; right: -100px; top: -80px; border-radius: 50%; border: 1px solid rgba(43, 212, 168, 0.35);}
html[data-page="praticas-medicas-simuladas"] .why-panel::after {content: ""; position: absolute; inset: auto -60px -120px 20%; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.32), transparent 68%);}
html[data-page="praticas-medicas-simuladas"] .panel-kicker {position: relative; z-index: 1; color: rgb(168, 216, 239); font-size: 12px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .why-panel h3 {position: relative; z-index: 1; margin: 12px 0px 0px; font-size: 34px; line-height: 1.08; letter-spacing: -0.04em;}
html[data-page="praticas-medicas-simuladas"] .path-cards {--path-progress: 0%; position: relative; z-index: 1; display: grid; gap: 13px; margin-top: 30px; padding-left: 10px;}
html[data-page="praticas-medicas-simuladas"] .path-cards::before,
html[data-page="praticas-medicas-simuladas"] .path-cards::after {content: ""; position: absolute; z-index: 0; left: 30px; top: 34px; width: 3px; border-radius: 99px; pointer-events: none;}
html[data-page="praticas-medicas-simuladas"] .path-cards::before {bottom: 34px; background: rgba(255, 255, 255, 0.11);}
html[data-page="praticas-medicas-simuladas"] .path-cards::after {height: var(--path-progress); max-height: calc(100% - 68px); background: linear-gradient(rgb(57, 164, 255) 0%, rgb(34, 211, 177) 56%, rgb(121, 240, 200) 100%); box-shadow: rgba(43, 212, 168, 0.64) 0px 0px 18px, rgba(47, 128, 237, 0.25) 0px 0px 34px; transition: height 0.56s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="praticas-medicas-simuladas"] .path-card {--path-delay: 0ms; position: relative; z-index: 1; display: grid; grid-template-columns: 42px 1fr auto; gap: 13px; align-items: center; min-height: 76px; padding: 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 18px; background: rgba(255, 255, 255, 0.07); backdrop-filter: blur(8px); cursor: pointer; outline: none; transition: transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    border-color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card::after {content: ""; position: absolute; inset: 0px; border-radius: inherit; background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.12) 48%, transparent 78%); transform: translateX(-125%); opacity: 0; pointer-events: none;}
html[data-page="praticas-medicas-simuladas"] .path-card b {position: relative; z-index: 2; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 13px; background: rgb(16, 63, 88); color: rgb(169, 197, 212); box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 20px; transition: color 0.3s ease var(--path-delay),
    background 0.3s ease var(--path-delay),
    transform 0.34s cubic-bezier(0.2, 0.85, 0.2, 1.18) var(--path-delay),
    box-shadow 0.3s ease var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card strong {display: block; font-size: 14px; transition: color 0.3s ease var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card span {display: block; margin-top: 4px; color: rgb(171, 196, 210); font-size: 11px; transition: color 0.3s ease var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card em {font-style: normal; color: rgb(127, 170, 189); font-size: 11px; font-weight: 800; letter-spacing: 0.05em; transition: color 0.3s ease var(--path-delay),
    transform 0.3s ease var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit,
html[data-page="praticas-medicas-simuladas"] .path-card:hover,
html[data-page="praticas-medicas-simuladas"] .path-card:focus-visible {transform: translateX(8px); border-color: rgba(86, 228, 187, 0.42); background: linear-gradient(105deg, rgba(47, 128, 237, 0.17), rgba(0, 179, 136, 0.14)); box-shadow: rgba(0, 0, 0, 0.17) 0px 16px 34px, rgba(105, 237, 200, 0.05) 0px 0px 0px 1px inset;}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit::after,
html[data-page="praticas-medicas-simuladas"] .path-card:hover::after,
html[data-page="praticas-medicas-simuladas"] .path-card:focus-visible::after {opacity: 1; animation: revisamed-inteligente-pathShine 0.72s ease forwards
    var(--path-delay);}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit b,
html[data-page="praticas-medicas-simuladas"] .path-card:hover b,
html[data-page="praticas-medicas-simuladas"] .path-card:focus-visible b {background: linear-gradient(135deg, #328ff5, var(--green)); color: rgb(255, 255, 255); transform: scale(1.09) rotate(-3deg); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 6px, rgba(0, 179, 136, 0.25) 0px 13px 27px;}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit strong {color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit span {color: rgb(207, 227, 236);}
html[data-page="praticas-medicas-simuladas"] .path-card.is-lit em {color: rgb(156, 244, 220); transform: translateX(-2px);}
@keyframes revisamed-inteligente-pathShine { 
  100% { transform: translateX(125%); }
}
html[data-page="praticas-medicas-simuladas"] .panel-note {position: relative; z-index: 1; margin: 24px 0px 0px; padding: 16px 18px; border-left: 3px solid var(--green-2); background: rgba(0, 0, 0, 0.16); border-radius: 0px 14px 14px 0px; color: rgb(201, 220, 230); font-size: 13px; line-height: 1.65;}
html[data-page="praticas-medicas-simuladas"] .resources-section {background: var(--surface);}
html[data-page="praticas-medicas-simuladas"] .resources-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="praticas-medicas-simuladas"] .resource-card {position: relative; overflow: hidden; min-height: 270px; padding: 27px; border: 1px solid var(--border); border-radius: 26px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); isolation: isolate; transition: transform 0.36s cubic-bezier(0.2, 0.85, 0.2, 1.15), border-color 0.3s, box-shadow 0.3s;}
html[data-page="praticas-medicas-simuladas"] .resource-card::before {content: ""; position: absolute; z-index: -1; width: 145px; height: 145px; right: -72px; top: -76px; border-radius: 50%; background: radial-gradient(circle, rgba(47, 128, 237, 0.16), transparent 68%); transition: transform 0.45s, opacity 0.35s;}
html[data-page="praticas-medicas-simuladas"] .resource-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--green)); transition: right 0.42s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="praticas-medicas-simuladas"] .resource-card:hover {transform: translateY(-9px); border-color: rgba(47, 128, 237, 0.38); box-shadow: rgba(8, 41, 66, 0.13) 0px 23px 52px;}
html[data-page="praticas-medicas-simuladas"] .resource-card:hover::before {transform: scale(1.22); opacity: 0.86;}
html[data-page="praticas-medicas-simuladas"] .resource-card:hover::after {right: 0px;}
html[data-page="praticas-medicas-simuladas"] .resource-icon {position: relative; width: 70px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 22px; background: linear-gradient(145deg, rgb(47, 128, 237) 0%, rgb(29, 152, 216) 45%, rgb(0, 179, 136) 100%); color: rgb(255, 255, 255); box-shadow: rgba(47, 128, 237, 0.23) 0px 14px 30px, rgba(47, 128, 237, 0.055) 0px 0px 0px 7px; transform: translateZ(0px); transition: transform 0.38s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="praticas-medicas-simuladas"] .resource-icon::before {content: ""; position: absolute; inset: 5px; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 17px;}
html[data-page="praticas-medicas-simuladas"] .resource-icon::after {content: ""; position: absolute; width: 9px; height: 9px; right: 8px; top: 8px; border-radius: 50%; background: rgb(140, 243, 214); box-shadow: rgba(140, 243, 214, 0.95) 0px 0px 13px;}
html[data-page="praticas-medicas-simuladas"] .resource-icon svg {position: relative; z-index: 1; width: 34px; height: 34px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(rgba(0, 0, 0, 0.16) 0px 3px 5px);}
html[data-page="praticas-medicas-simuladas"] .resource-card:nth-child(2n) .resource-icon {background: linear-gradient(145deg, rgb(13, 143, 197), rgb(0, 179, 136));}
html[data-page="praticas-medicas-simuladas"] .resource-card:nth-child(3n) .resource-icon {background: linear-gradient(145deg, rgb(60, 114, 232), rgb(10, 169, 154));}
html[data-page="praticas-medicas-simuladas"] .resource-card:hover .resource-icon {transform: translateY(-4px) rotate(-4deg) scale(1.08); box-shadow: rgba(0, 179, 136, 0.25) 0px 20px 38px, rgba(0, 179, 136, 0.07) 0px 0px 0px 9px;}
html[data-page="praticas-medicas-simuladas"] .resource-card h3 {margin: 23px 0px 9px; font-size: 17px;}
html[data-page="praticas-medicas-simuladas"] .resource-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="praticas-medicas-simuladas"] .method-section {overflow: hidden; background: linear-gradient(135deg, rgb(237, 247, 255) 0%, rgb(243, 255, 251) 52%, rgb(239, 246, 255) 100%);}
html[data-page="praticas-medicas-simuladas"][data-theme="dark"] .method-section {background: linear-gradient(135deg, rgb(11, 35, 53), rgb(12, 45, 55) 52%, rgb(12, 37, 55));}
html[data-page="praticas-medicas-simuladas"] .method-flow {--method-progress: 0%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; position: relative; padding-top: 6px;}
html[data-page="praticas-medicas-simuladas"] .method-line,
html[data-page="praticas-medicas-simuladas"] .method-line-fill {position: absolute; z-index: 0; left: calc(12.5% - 1px); top: 42px; height: 4px; border-radius: 99px;}
html[data-page="praticas-medicas-simuladas"] .method-line {right: calc(12.5% - 1px); background: rgba(8, 41, 66, 0.12);}
html[data-page="praticas-medicas-simuladas"][data-theme="dark"] .method-line {background: rgba(255, 255, 255, 0.12);}
html[data-page="praticas-medicas-simuladas"] .method-line-fill {width: var(--method-progress); max-width: calc(75% - 2px); background: linear-gradient(90deg, var(--blue), var(--green)); box-shadow: rgba(0, 179, 136, 0.36) 0px 0px 18px; transition: width 0.52s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="praticas-medicas-simuladas"] .method-step {position: relative; z-index: 1; text-align: center; cursor: pointer; outline: none;}
html[data-page="praticas-medicas-simuladas"] .method-step b {position: relative; z-index: 1; width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border-radius: 50%; background: var(--surface); border: 2px solid rgba(47, 128, 237, 0.22); color: var(--blue); font-size: 18px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.12) 0px 14px 34px; transition: color 0.35s, background 0.35s, border-color 0.35s, transform 0.35s cubic-bezier(0.2, 0.85, 0.2, 1.25), box-shadow 0.35s;}
html[data-page="praticas-medicas-simuladas"] .method-step b::before {content: ""; position: absolute; inset: -8px; border: 1px solid transparent; border-radius: inherit; transition: border-color 0.35s, transform 0.35s;}
html[data-page="praticas-medicas-simuladas"] .method-step.active b,
html[data-page="praticas-medicas-simuladas"] .method-step:hover b,
html[data-page="praticas-medicas-simuladas"] .method-step:focus-visible b {border-color: transparent; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255); transform: translateY(-6px) scale(1.09); box-shadow: rgba(47, 128, 237, 0.09) 0px 0px 0px 8px, rgba(0, 179, 136, 0.22) 0px 19px 38px;}
html[data-page="praticas-medicas-simuladas"] .method-step.active b::before,
html[data-page="praticas-medicas-simuladas"] .method-step:hover b::before,
html[data-page="praticas-medicas-simuladas"] .method-step:focus-visible b::before {border-color: rgba(0, 179, 136, 0.32); transform: scale(1.04);}
html[data-page="praticas-medicas-simuladas"] .method-step h3 {margin: 21px 0px 8px; font-size: 18px; transition: color 0.3s, transform 0.3s;}
html[data-page="praticas-medicas-simuladas"] .method-step p {margin: 0px auto; max-width: 250px; color: var(--muted); font-size: 13px; line-height: 1.65; transition: transform 0.3s;}
html[data-page="praticas-medicas-simuladas"] .method-step.active h3,
html[data-page="praticas-medicas-simuladas"] .method-step:hover h3 {color: var(--green); transform: translateY(-2px);}
html[data-page="praticas-medicas-simuladas"] .method-step.active p,
html[data-page="praticas-medicas-simuladas"] .method-step:hover p {transform: translateY(-2px);}
html[data-page="praticas-medicas-simuladas"] .pricing-section {background: linear-gradient(180deg, var(--surface), var(--surface-soft));}
html[data-page="praticas-medicas-simuladas"] .pricing-grid {display: grid; grid-template-columns: 1fr 430px; gap: 54px; align-items: start;}
html[data-page="praticas-medicas-simuladas"] .pricing-content h2 {margin: 0px; font-size: clamp(38px, 4.4vw, 58px); line-height: 1.05; letter-spacing: -0.05em;}
html[data-page="praticas-medicas-simuladas"] .pricing-content > p {margin: 20px 0px 0px; max-width: 690px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="praticas-medicas-simuladas"] .included-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 28px;}
html[data-page="praticas-medicas-simuladas"] .included-list span {display: flex; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 700;}
html[data-page="praticas-medicas-simuladas"] .included-list i {width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgba(0, 179, 136, 0.12); color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="praticas-medicas-simuladas"] .bonus-card {margin-top: 24px; padding: 22px; display: grid; grid-template-columns: 56px 1fr; gap: 16px; border: 1px solid rgba(47, 128, 237, 0.2); border-radius: 22px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.09), rgba(0, 179, 136, 0.09));}
html[data-page="praticas-medicas-simuladas"] .bonus-icon {width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, var(--blue), var(--green)); color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .bonus-card h3 {margin: 0px 0px 6px; font-size: 17px;}
html[data-page="praticas-medicas-simuladas"] .bonus-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.6;}
html[data-page="praticas-medicas-simuladas"] .price-card {position: sticky; top: 112px; overflow: hidden; border: 1px solid rgba(47, 128, 237, 0.22); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.17) 0px 30px 80px;}
html[data-page="praticas-medicas-simuladas"] .price-card-top {padding: 26px 28px; background: linear-gradient(135deg, var(--blue-deep), #0c4a65); color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .price-card-top span {display: block; color: rgb(172, 209, 225); font-size: 11px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .price-card-top h3 {margin: 10px 0px 0px; font-size: 28px;}
html[data-page="praticas-medicas-simuladas"] .price-body {padding: 28px;}
html[data-page="praticas-medicas-simuladas"] .price-label {color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em;}
html[data-page="praticas-medicas-simuladas"] .installments {margin-top: 8px; display: flex; align-items: flex-end; gap: 8px;}
html[data-page="praticas-medicas-simuladas"] .installments strong {font-size: 47px; line-height: 1; letter-spacing: -0.05em; color: var(--blue-deep);}
html[data-page="praticas-medicas-simuladas"][data-theme="dark"] .installments strong {color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .installments span {padding-bottom: 5px; color: var(--muted); font-size: 14px;}
html[data-page="praticas-medicas-simuladas"] .cash {margin-top: 11px; color: var(--muted); font-size: 13px;}
html[data-page="praticas-medicas-simuladas"] .cash b {color: var(--ink);}
html[data-page="praticas-medicas-simuladas"] .price-benefits {display: grid; gap: 10px; margin: 24px 0px; padding-top: 22px; border-top: 1px solid var(--border);}
html[data-page="praticas-medicas-simuladas"] .price-benefits span {display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px;}
html[data-page="praticas-medicas-simuladas"] .price-benefits i {color: var(--green); font-style: normal; font-weight: 900;}
html[data-page="praticas-medicas-simuladas"] .buy-button {width: 100%; min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; background: linear-gradient(135deg, var(--green), #008e70); color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; box-shadow: rgba(0, 179, 136, 0.24) 0px 18px 35px; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .buy-button:hover {transform: translateY(-3px); box-shadow: rgba(0, 179, 136, 0.34) 0px 24px 42px;}
html[data-page="praticas-medicas-simuladas"] .secure-note {margin: 14px 0px 0px; text-align: center; color: var(--muted); font-size: 11px; line-height: 1.5;}
html[data-page="praticas-medicas-simuladas"] .numbers-section {padding: 72px 0px; color: rgb(255, 255, 255); background: linear-gradient(100deg, rgb(12, 97, 115), rgb(44, 140, 136) 55%, rgb(102, 181, 159));}
html[data-page="praticas-medicas-simuladas"] .numbers-grid {display: grid; grid-template-columns: repeat(4, 1fr);}
html[data-page="praticas-medicas-simuladas"] .number-item {text-align: center; padding: 15px 20px;}
html[data-page="praticas-medicas-simuladas"] .number-item:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="praticas-medicas-simuladas"] .number-item strong {display: block; font-size: 48px; line-height: 1; letter-spacing: -0.05em;}
html[data-page="praticas-medicas-simuladas"] .number-item span {display: block; margin-top: 12px; font-size: 13px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.06em;}
html[data-page="praticas-medicas-simuladas"] .teacher-card {overflow: hidden; border: 1px solid var(--border); border-radius: 24px; background: var(--surface); transition: 0.28s;}
html[data-page="praticas-medicas-simuladas"] .teacher-card:hover {transform: translateY(-7px); box-shadow: rgba(8, 41, 66, 0.12) 0px 18px 42px;}
html[data-page="praticas-medicas-simuladas"] .teacher-card img {width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; display: block; background: transparent;}
html[data-page="praticas-medicas-simuladas"] .objections-section {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="praticas-medicas-simuladas"] .objection-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
html[data-page="praticas-medicas-simuladas"] .objection-card {padding: 27px; border: 1px solid var(--border); border-radius: 24px; background: var(--surface);}
html[data-page="praticas-medicas-simuladas"] .objection-card span {display: grid; place-items: center; width: 46px; height: 46px; border-radius: 15px; background: linear-gradient(135deg, rgba(47, 128, 237, 0.13), rgba(0, 179, 136, 0.13)); color: var(--blue);}
html[data-page="praticas-medicas-simuladas"] .objection-card h3 {margin: 18px 0px 9px; font-size: 19px; line-height: 1.35;}
html[data-page="praticas-medicas-simuladas"] .objection-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.7;}
html[data-page="praticas-medicas-simuladas"] .faq-list {display: grid; gap: 10px;}
html[data-page="praticas-medicas-simuladas"] .faq-item {border: 1px solid var(--border); border-radius: 18px; background: var(--surface); overflow: hidden;}
html[data-page="praticas-medicas-simuladas"] .faq-question {width: 100%; padding: 20px 21px; display: grid; grid-template-columns: 1fr 34px; gap: 18px; align-items: center; border: 0px; background: transparent; text-align: left; cursor: pointer;}
html[data-page="praticas-medicas-simuladas"] .faq-question strong {font-size: 14px; line-height: 1.45;}
html[data-page="praticas-medicas-simuladas"] .faq-question i {width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: var(--surface-soft); color: var(--blue); font-style: normal; font-size: 22px; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .faq-item.open .faq-question i {transform: rotate(45deg); background: rgba(0, 179, 136, 0.12); color: var(--green);}
html[data-page="praticas-medicas-simuladas"] .faq-answer {display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s;}
html[data-page="praticas-medicas-simuladas"] .faq-answer > div {overflow: hidden;}
html[data-page="praticas-medicas-simuladas"] .faq-answer p {margin: 0px; padding: 0px 21px; color: var(--muted); font-size: 13px; line-height: 1.75;}
html[data-page="praticas-medicas-simuladas"] .faq-item.open .faq-answer {grid-template-rows: 1fr;}
html[data-page="praticas-medicas-simuladas"] .faq-item.open .faq-answer p {padding-bottom: 21px;}
html[data-page="praticas-medicas-simuladas"] .brand-strip {padding: 27px 0px 30px; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 232, 238); border-bottom: 1px solid rgb(223, 232, 238); color: rgb(16, 41, 57);}
html[data-page="praticas-medicas-simuladas"] .brand-strip-inner {display: grid; grid-template-columns: minmax(0px, 1.08fr) 1px minmax(0px, 1fr); gap: 28px; align-items: center;}
html[data-page="praticas-medicas-simuladas"] .brand-strip-divider {width: 1px; height: 94px; background: rgb(215, 225, 232);}
html[data-page="praticas-medicas-simuladas"] .brand-group h2 {margin: 0px 0px 15px; text-align: center; color: rgb(73, 102, 143); font-size: 14px; font-weight: 900; letter-spacing: 0.08em;}
html[data-page="praticas-medicas-simuladas"] .brand-logos {display: grid; gap: 10px;}
html[data-page="praticas-medicas-simuladas"] .institution-logos {grid-template-columns: repeat(5, 1fr);}
html[data-page="praticas-medicas-simuladas"] .developed-logos {grid-template-columns: repeat(4, 1fr);}
html[data-page="praticas-medicas-simuladas"] .brand-logo-card {height: 72px; padding: 11px; display: flex; align-items: center; justify-content: center; border: 1px solid rgb(216, 229, 237); border-radius: 13px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.05) 0px 6px 16px;}
html[data-page="praticas-medicas-simuladas"] .brand-logo-card img {max-width: 100%; max-height: 48px; object-fit: contain;}
html[data-page="praticas-medicas-simuladas"] footer {background: rgb(6, 27, 42); color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .footer-main {padding: 74px 0px 58px; display: grid; grid-template-columns: 300px 1fr; gap: 80px;}
html[data-page="praticas-medicas-simuladas"] .footer-brand img {width: 235px; filter: brightness(0) invert(1); opacity: 0.94;}
html[data-page="praticas-medicas-simuladas"] .footer-brand > p {margin: 25px 0px; color: rgb(159, 180, 194); font-size: 15px; line-height: 1.75;}
html[data-page="praticas-medicas-simuladas"] .socials {display: flex; gap: 9px;}
html[data-page="praticas-medicas-simuladas"] .socials a {width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 11px; color: rgb(167, 189, 202); transition: 0.2s;}
html[data-page="praticas-medicas-simuladas"] .socials a:hover {background: var(--blue); color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .footer-links {display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px;}
html[data-page="praticas-medicas-simuladas"] .footer-links h3 {margin: 0px 0px 21px; font-size: 15px;}
html[data-page="praticas-medicas-simuladas"] .footer-links > div {display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
html[data-page="praticas-medicas-simuladas"] .footer-links a,
html[data-page="praticas-medicas-simuladas"] .footer-links span {display: flex; align-items: center; gap: 7px; color: rgb(157, 178, 191); font-size: 13px; line-height: 1.5;}
html[data-page="praticas-medicas-simuladas"] .footer-links a:hover {color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .footer-links small {margin-top: 8px; color: rgb(120, 146, 161); font-size: 11px; line-height: 1.5;}
html[data-page="praticas-medicas-simuladas"] .footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.08);}
html[data-page="praticas-medicas-simuladas"] .footer-bottom > div {min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: rgb(120, 148, 163); font-size: 11px; line-height: 1.55;}
html[data-page="praticas-medicas-simuladas"] .floating-contact {position: fixed; z-index: 80; right: 23px; bottom: 23px; min-height: 50px; padding: 0px 18px; display: flex; align-items: center; gap: 9px; border-radius: 16px; background: linear-gradient(135deg, rgb(0, 179, 136), rgb(0, 142, 112)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 800; box-shadow: rgba(0, 179, 136, 0.3) 0px 15px 35px; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .floating-contact:hover {transform: translateY(-3px);}
html[data-page="praticas-medicas-simuladas"] .reveal {opacity: 0; transform: translateY(28px); transition: opacity 0.7s, transform 0.7s;}
html[data-page="praticas-medicas-simuladas"] .reveal.visible {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
html[data-page="praticas-medicas-simuladas"] *,
html[data-page="praticas-medicas-simuladas"] ::before,
html[data-page="praticas-medicas-simuladas"] ::after {animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}
html[data-page="praticas-medicas-simuladas"] .reveal {opacity: 1; transform: none;}
}
@media (max-width: 1100px) {
html[data-page="praticas-medicas-simuladas"] .hero-inner {gap: 38px;}
html[data-page="praticas-medicas-simuladas"] .resources-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .pricing-grid {grid-template-columns: 1fr 390px; gap: 34px;}
html[data-page="praticas-medicas-simuladas"] .footer-main {grid-template-columns: 250px 1fr; gap: 45px;}
}
@media (max-width: 920px) {
html[data-page="praticas-medicas-simuladas"] .hero-r1,
html[data-page="praticas-medicas-simuladas"] .hero-inner {min-height: auto;}
html[data-page="praticas-medicas-simuladas"] .hero-r1 {margin-top: 74px;}
html[data-page="praticas-medicas-simuladas"] .hero-inner {grid-template-columns: 1fr; padding-block: 76px 100px;}
html[data-page="praticas-medicas-simuladas"] .hero-copy {text-align: center;}
html[data-page="praticas-medicas-simuladas"] .hero-copy > p {margin-inline: auto;}
html[data-page="praticas-medicas-simuladas"] .eyebrow {justify-content: center;}
html[data-page="praticas-medicas-simuladas"] .hero-facts,
html[data-page="praticas-medicas-simuladas"] .hero-actions {justify-content: center;}
html[data-page="praticas-medicas-simuladas"] .hero-visual {max-width: 720px; margin-inline: auto; width: 100%;}
html[data-page="praticas-medicas-simuladas"] .quick-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .quick-item:nth-child(2)::after {display: none;}
html[data-page="praticas-medicas-simuladas"] .quick-item:nth-child(-n+2) {border-bottom: 1px solid var(--border);}
html[data-page="praticas-medicas-simuladas"] .why-grid,
html[data-page="praticas-medicas-simuladas"] .pricing-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .why-panel {min-height: auto;}
html[data-page="praticas-medicas-simuladas"] .price-card {position: relative; top: auto;}
html[data-page="praticas-medicas-simuladas"] .method-flow {grid-template-columns: repeat(2, 1fr); gap: 34px 22px;}
html[data-page="praticas-medicas-simuladas"] .method-line,
html[data-page="praticas-medicas-simuladas"] .method-line-fill {display: none;}
html[data-page="praticas-medicas-simuladas"] .numbers-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .number-item:nth-child(2) {border-right: 0px;}
html[data-page="praticas-medicas-simuladas"] .number-item:nth-child(-n+2) {border-bottom: 1px solid rgba(255, 255, 255, 0.18);}
html[data-page="praticas-medicas-simuladas"] .objection-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .brand-strip-inner {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .brand-strip-divider {width: 100%; height: 1px;}
html[data-page="praticas-medicas-simuladas"] .footer-main {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .footer-links {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
html[data-page="praticas-medicas-simuladas"] .section-shell {width: min(100% - 28px, var(--max));}
html[data-page="praticas-medicas-simuladas"] .hero-inner {padding-block: 60px 88px;}
html[data-page="praticas-medicas-simuladas"] .hero-copy h1 {font-size: 42px;}
html[data-page="praticas-medicas-simuladas"] .hero-copy > p {font-size: 16px;}
html[data-page="praticas-medicas-simuladas"] .video-shell {transform: none; animation: auto ease 0s 1 normal none running none; padding: 7px; border-radius: 20px;}
html[data-page="praticas-medicas-simuladas"] .quick-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .quick-item::after {display: none !important;}
html[data-page="praticas-medicas-simuladas"] .quick-item:not(:last-child) {border-bottom: 1px solid var(--border);}
html[data-page="praticas-medicas-simuladas"] .section-pad {padding: 78px 0px;}
html[data-page="praticas-medicas-simuladas"] .resources-grid,
html[data-page="praticas-medicas-simuladas"] .included-list,
html[data-page="praticas-medicas-simuladas"] .numbers-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .method-flow {display: flex; gap: 14px; margin-inline: -14px; padding: 8px 14px 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain;}
html[data-page="praticas-medicas-simuladas"] .method-flow::-webkit-scrollbar {display: none;}
html[data-page="praticas-medicas-simuladas"] .method-line,
html[data-page="praticas-medicas-simuladas"] .method-line-fill {display: none;}
html[data-page="praticas-medicas-simuladas"] .method-step {flex: 0 0 min(78vw, 286px); min-height: 250px; padding: 25px 20px; display: flex; flex-direction: column; justify-content: flex-start; border: 1px solid var(--border); border-radius: 22px; background: rgba(255, 255, 255, 0.64); scroll-snap-align: center; box-shadow: rgba(8, 41, 66, 0.07) 0px 14px 34px;}
html[data-page="praticas-medicas-simuladas"][data-theme="dark"] .method-step {background: rgba(255, 255, 255, 0.043);}
html[data-page="praticas-medicas-simuladas"] .number-item {border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-right: 0px !important;}
html[data-page="praticas-medicas-simuladas"] .number-item:last-child {border-bottom: 0px;}
html[data-page="praticas-medicas-simuladas"] .pricing-content {text-align: center;}
html[data-page="praticas-medicas-simuladas"] .bonus-card {text-align: left;}
html[data-page="praticas-medicas-simuladas"] .installments strong {font-size: 42px;}
html[data-page="praticas-medicas-simuladas"] .institution-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 5px); justify-self: center;}
html[data-page="praticas-medicas-simuladas"] .developed-logos {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .footer-links {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .footer-bottom > div {padding-block: 20px; flex-direction: column; align-items: flex-start;}
html[data-page="praticas-medicas-simuladas"] .floating-contact span {display: none;}
html[data-page="praticas-medicas-simuladas"] .floating-contact {width: 52px; padding: 0px; justify-content: center; border-radius: 50%;}
}
html[data-page="praticas-medicas-simuladas"] .footer-brand > p {font-size: 17px !important; line-height: 1.75 !important;}
html[data-page="praticas-medicas-simuladas"] .footer-links h3 {letter-spacing: 0.01em; font-size: 17px !important;}
html[data-page="praticas-medicas-simuladas"] .footer-links a,
html[data-page="praticas-medicas-simuladas"] .footer-links span {font-size: 15px !important; line-height: 1.62 !important;}
html[data-page="praticas-medicas-simuladas"] .footer-links small {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="praticas-medicas-simuladas"] .footer-bottom > div {font-size: 13px !important; line-height: 1.6 !important;}
html[data-page="praticas-medicas-simuladas"] .brand-group h2 {font-size: 14px !important;}
html[data-page="praticas-medicas-simuladas"] .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px); line-height: 1.035; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .quick-item {display: grid; grid-template-columns: 52px 1fr; align-items: center; gap: 15px; padding: 24px 22px;}
html[data-page="praticas-medicas-simuladas"] .quick-icon {width: 52px; height: 52px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 16px; border: 1px solid currentcolor; box-shadow: rgba(8, 41, 66, 0.08) 0px 10px 24px;}
html[data-page="praticas-medicas-simuladas"] .quick-icon svg {width: 25px; height: 25px;}
html[data-page="praticas-medicas-simuladas"] .quick-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.1);}
html[data-page="praticas-medicas-simuladas"] .quick-icon-green {color: rgb(0, 169, 131); background: rgba(0, 179, 136, 0.11);}
html[data-page="praticas-medicas-simuladas"] .quick-icon-cyan {color: rgb(0, 151, 178); background: rgba(0, 151, 178, 0.11);}
html[data-page="praticas-medicas-simuladas"] .quick-icon-orange {color: rgb(239, 138, 34); background: rgba(239, 138, 34, 0.11);}
html[data-page="praticas-medicas-simuladas"] .quick-item small {margin-bottom: 6px;}
html[data-page="praticas-medicas-simuladas"] .quick-item strong {display: block;}
html[data-page="praticas-medicas-simuladas"] .why-copy .benefit-list {margin-top: 32px;}
@media (max-width: 640px) {
html[data-page="praticas-medicas-simuladas"] .hero-copy h1 {font-size: 34px;}
html[data-page="praticas-medicas-simuladas"] .quick-item {grid-template-columns: 48px 1fr; padding: 20px 18px;}
html[data-page="praticas-medicas-simuladas"] .quick-icon {width: 48px; height: 48px; border-radius: 14px;}
}
html[data-page="praticas-medicas-simuladas"] .revalida-page .hero-r1 {background: radial-gradient(circle at 82% 24%, rgba(239, 76, 78, 0.22), transparent 27%), radial-gradient(circle at 15% 74%, rgba(47, 128, 237, 0.18), transparent 28%), linear-gradient(135deg, rgb(6, 26, 42) 0%, rgb(8, 45, 72) 52%, rgb(11, 82, 96) 100%);}
html[data-page="praticas-medicas-simuladas"] .revalida-page .hero-r1::before {content: ""; position: absolute; inset: 0px; opacity: 0.14; background-image: linear-gradient(rgba(255, 255, 255, 0.11) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.11) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 78%);}
html[data-page="praticas-medicas-simuladas"] .revalida-page .hero-copy h1 {font-size: clamp(40px, 3.4vw, 50px);}
@keyframes revisamed-inteligente-revalidaVisualFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-10px) rotateY(0deg); }
}
html[data-page="praticas-medicas-simuladas"] .revalida-page .why-panel {min-height: 680px;}
html[data-page="praticas-medicas-simuladas"] .revalida-page .path-card {min-height: 70px;}
html[data-page="praticas-medicas-simuladas"] .revalida-page .pricing-content h2 {font-size: clamp(32px, 3.2vw, 44px);}
@media (max-width: 920px) {
html[data-page="praticas-medicas-simuladas"] .revalida-page .why-panel {min-height: auto;}
}
@media (max-width: 640px) {
html[data-page="praticas-medicas-simuladas"] .revalida-page .hero-copy h1 {font-size: 34px;}
}
html[data-page="praticas-medicas-simuladas"] .medprovas-page {--mp-green: #08ad05; --mp-green-deep: #078d08; --mp-mint: #7ed957; --mp-dark: #071b2a; --mp-ink: #102939;}
html[data-page="praticas-medicas-simuladas"] .mp-hero {position: relative; min-height: 650px; margin-top: 84px; overflow: hidden; color: rgb(255, 255, 255); background: radial-gradient(circle at 78% 16%, rgba(126, 217, 87, 0.18), transparent 28%) 0% 0% / 100% 100%, radial-gradient(circle at 14% 82%, rgba(0, 151, 178, 0.18), transparent 30%) 0% 0% / 100% 100%, linear-gradient(135deg, rgb(3, 19, 31) 0%, rgb(7, 37, 58) 42%, rgb(10, 54, 70) 72%, rgb(13, 73, 80) 100%) 0% 0% / 140% 140%; animation: 16s ease-in-out 0s infinite normal none running revisamed-inteligente-mpHeroShift; isolation: isolate;}
html[data-page="praticas-medicas-simuladas"] .mp-hero::before {content: ""; position: absolute; inset: 0px; z-index: -5; opacity: 0.16; background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 62%, transparent 98%); animation: 22s linear 0s infinite normal none running revisamed-inteligente-mpGridDrift;}
html[data-page="praticas-medicas-simuladas"] .mp-hero::after {content: ""; position: absolute; inset: auto -8% -36% auto; z-index: -4; width: 880px; height: 880px; border-radius: 50%; background: radial-gradient(circle, rgba(126, 217, 87, 0.16) 0%, rgba(0, 151, 178, 0.12) 42%, transparent 72%); filter: blur(14px); animation: 14s ease-in-out 0s infinite normal none running revisamed-inteligente-mpAuraDrift;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-ambient,
html[data-page="praticas-medicas-simuladas"] .mp-hero-particles,
html[data-page="praticas-medicas-simuladas"] .mp-hero-scanner,
html[data-page="praticas-medicas-simuladas"] .mp-hero-tech-lines {position: absolute; inset: 0px; pointer-events: none;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-ambient {z-index: -3; background: radial-gradient(circle at 16% 26%, rgba(47, 128, 237, 0.18) 0%, transparent 34%), radial-gradient(circle at 68% 18%, rgba(126, 217, 87, 0.12) 0%, transparent 32%), radial-gradient(circle at 84% 78%, rgba(0, 151, 178, 0.14) 0%, transparent 34%); filter: blur(12px); animation: 11s ease-in-out 0s infinite normal none running revisamed-inteligente-mpAmbientPulse;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-tech-lines {z-index: -2; opacity: 0.55; background: linear-gradient(118deg, transparent 0px, transparent 18%, rgba(82, 183, 255, 0.18) 18.5%, transparent 19.2%, transparent 48%, rgba(126, 217, 87, 0.16) 48.6%, transparent 49.4%, transparent 100%) 0% 0% / 140% 140%, linear-gradient(90deg, transparent 0px, transparent 62%, rgba(255, 255, 255, 0.05) 62.2%, transparent 62.6%, transparent 100%) 0% 0% / 100% 100%, linear-gradient(transparent 0px, transparent 28%, rgba(255, 255, 255, 0.04) 28.2%, transparent 28.6%, transparent 100%) 0% 0% / 100% 100%; animation: 10s linear 0s infinite normal none running revisamed-inteligente-mpTechSweep; mask-image: linear-gradient(90deg, rgb(0, 0, 0) 20%, rgba(0, 0, 0, 0.95) 72%, transparent 98%);}
html[data-page="praticas-medicas-simuladas"] .mp-hero-scanner {z-index: -1; width: 44%; inset: 8% 8% 6% auto; border-radius: 34px; background: linear-gradient(rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)), linear-gradient(transparent 0%, rgba(126, 217, 87, 0.18) 48%, transparent 52%, transparent 100%); mix-blend-mode: screen; filter: blur(0.2px); animation: 4.6s ease-in-out 0s infinite normal none running revisamed-inteligente-mpScannerMove;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-particles {z-index: -1; background-image: radial-gradient(circle at 20% 26%, rgba(255, 255, 255, 0.82) 0px, rgba(255, 255, 255, 0.82) 2px, transparent 2.2px), radial-gradient(circle at 32% 68%, rgba(126, 217, 87, 0.75) 0px, rgba(126, 217, 87, 0.75) 2.2px, transparent 2.4px), radial-gradient(circle at 58% 16%, rgba(47, 128, 237, 0.82) 0px, rgba(47, 128, 237, 0.82) 2px, transparent 2.2px), radial-gradient(circle at 72% 60%, rgba(255, 255, 255, 0.65) 0px, rgba(255, 255, 255, 0.65) 1.8px, transparent 2px), radial-gradient(circle at 86% 28%, rgba(126, 217, 87, 0.72) 0px, rgba(126, 217, 87, 0.72) 2px, transparent 2.2px), radial-gradient(circle at 90% 74%, rgba(47, 128, 237, 0.78) 0px, rgba(47, 128, 237, 0.78) 1.8px, transparent 2px); animation: 15s ease-in-out 0s infinite normal none running revisamed-inteligente-mpParticlesFloat; opacity: 0.7;}
html[data-page="praticas-medicas-simuladas"] .mp-bg-blur {position: absolute; z-index: -1; border-radius: 50%; filter: blur(16px); opacity: 0.55; pointer-events: none;}
html[data-page="praticas-medicas-simuladas"] .mp-bg-blur--one {width: 260px; height: 260px; left: -70px; top: 90px; background: radial-gradient(circle, rgba(47, 128, 237, 0.2) 0%, rgba(47, 128, 237, 0) 68%); animation: 14s ease-in-out 0s infinite normal none running revisamed-inteligente-mpGlowFloat;}
html[data-page="praticas-medicas-simuladas"] .mp-bg-blur--two {width: 220px; height: 220px; right: 18%; top: 88px; background: radial-gradient(circle, rgba(126, 217, 87, 0.22) 0%, rgba(126, 217, 87, 0) 68%); animation: 18s ease-in-out 0s infinite reverse none running revisamed-inteligente-mpGlowFloat;}
@keyframes revisamed-inteligente-mpHeroShift { 
  0%, 100% { background-position: 78% 16%, 14% 82%, 0% 50%; }
  50% { background-position: 74% 12%, 18% 76%, 100% 50%; }
}
@keyframes revisamed-inteligente-mpGridDrift { 
  0% { background-position: 0px 0px, 0px 0px; }
  100% { background-position: 56px 56px, 56px 56px; }
}
@keyframes revisamed-inteligente-mpAuraDrift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(-42px, -24px, 0px) scale(1.06); }
}
@keyframes revisamed-inteligente-mpAmbientPulse { 
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.88; }
}
@keyframes revisamed-inteligente-mpTechSweep { 
  0% { transform: translateX(0px); background-position: 0% 0px, 0px 0px, 0px 0px; }
  100% { transform: translateX(0px); background-position: 100% 0px, 0px 0px, 0px 0px; }
}
@keyframes revisamed-inteligente-mpScannerMove { 
  0%, 100% { transform: translateY(-18%) skewX(-8deg); opacity: 0.18; }
  50% { transform: translateY(18%) skewX(-8deg); opacity: 0.42; }
}
@keyframes revisamed-inteligente-mpParticlesFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -14px, 0px); }
}
@keyframes revisamed-inteligente-mpGlowFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(20px, -10px, 0px) scale(1.08); }
}
html[data-page="praticas-medicas-simuladas"] .mp-hero-inner {min-height: 650px; display: grid; grid-template-columns: 0.82fr 1.18fr; align-items: center; gap: 54px; padding-block: 38px 54px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-copy {position: relative; z-index: 4; max-width: 500px;}
html[data-page="praticas-medicas-simuladas"] .mp-logo-pill {display: block; margin-bottom: 26px; padding: 0px; border: none; border-radius: 0px; background: none; backdrop-filter: none;}
html[data-page="praticas-medicas-simuladas"] .mp-logo-pill img {width: min(300px, 52vw); max-height: none; filter: brightness(0) invert(1);}
html[data-page="praticas-medicas-simuladas"] .mp-logo-pill span {display: none;}
html[data-page="praticas-medicas-simuladas"] .mp-hero h1 {margin: 0px; max-width: 430px; font-size: clamp(32px, 3.2vw, 45px); line-height: 1.04; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .mp-hero h1 span,
html[data-page="praticas-medicas-simuladas"] .mp-hero h1 em {display: block;}
html[data-page="praticas-medicas-simuladas"] .mp-hero h1 em {margin-top: 5px; font-style: normal; color: transparent; background: linear-gradient(90deg, rgb(255, 255, 255), rgb(140, 231, 195) 52%, rgb(128, 200, 255)) text;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-copy > p {max-width: 620px; margin: 25px 0px 0px; color: rgb(195, 214, 223); font-size: 17px; line-height: 1.72;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px;}
html[data-page="praticas-medicas-simuladas"] .mp-primary {min-height: 55px; padding: 0px 23px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border-radius: 16px; font-size: 14px; font-weight: 850; transition: 0.28s;}
html[data-page="praticas-medicas-simuladas"] .mp-primary {background: linear-gradient(135deg, rgb(19, 189, 14), rgb(7, 143, 8)); color: rgb(255, 255, 255); box-shadow: rgba(12, 171, 8, 0.28) 0px 18px 40px;}
html[data-page="praticas-medicas-simuladas"] .mp-primary:hover {transform: translateY(-3px); box-shadow: rgba(12, 171, 8, 0.36) 0px 23px 48px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-visual {position: relative; min-height: 555px; display: grid; place-items: center; perspective: 1200px;}
html[data-page="praticas-medicas-simuladas"] .mp-device-stage {position: relative; z-index: 2; width: 112%; margin-left: -2%; animation: 7.4s ease-in-out 0s infinite normal none running revisamed-inteligente-mpDeviceFloat; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 34px 46px) drop-shadow(rgba(126, 217, 87, 0.1) 0px 12px 24px);}
html[data-page="praticas-medicas-simuladas"] .mp-device-stage img {width: 100%; display: block;}
@keyframes revisamed-inteligente-mpDeviceFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-12px) rotateY(0deg); }
}
html[data-page="praticas-medicas-simuladas"] .mp-visual-ring {position: absolute; inset: 7% 0px 10% 3%; border: 1px solid rgba(126, 217, 87, 0.24); border-radius: 48% 52% 46% 54%; transform: rotate(-7deg); animation: 8s ease-in-out 0s infinite normal none running revisamed-inteligente-mpRing;}
html[data-page="praticas-medicas-simuladas"] .mp-visual-ring::before,
html[data-page="praticas-medicas-simuladas"] .mp-visual-ring::after {content: ""; position: absolute; border-radius: 50%;}
html[data-page="praticas-medicas-simuladas"] .mp-visual-ring::before {width: 12px; height: 12px; top: 8%; right: 14%; background: rgb(126, 217, 87); box-shadow: rgba(126, 217, 87, 0.9) 0px 0px 26px;}
html[data-page="praticas-medicas-simuladas"] .mp-visual-ring::after {width: 9px; height: 9px; left: 8%; bottom: 20%; background: rgb(47, 128, 237); box-shadow: rgba(47, 128, 237, 0.85) 0px 0px 24px;}
@keyframes revisamed-inteligente-mpRing { 
  0%, 100% { transform: rotate(-7deg) scale(1); }
  50% { transform: rotate(-3deg) scale(1.035); }
}
html[data-page="praticas-medicas-simuladas"] .mp-section {padding: 108px 0px;}
html[data-page="praticas-medicas-simuladas"] .mp-section-head {max-width: 820px; margin: 0px auto 52px; text-align: center;}
html[data-page="praticas-medicas-simuladas"] .mp-kicker {display: inline-flex; align-items: center; gap: 9px; margin-bottom: 14px; color: var(--mp-green); font-size: 11px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .mp-kicker::before {content: ""; width: 30px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--mp-green), #0097b2);}
html[data-page="praticas-medicas-simuladas"] .mp-section-head h2 {margin: 0px; font-size: clamp(34px, 4vw, 54px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .mp-section-head p {margin: 18px auto 0px; color: var(--muted); font-size: 16px; line-height: 1.75;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnosis-grid {display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 58px; align-items: center;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnosis-copy h2 {margin: 0px; max-width: 520px; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.12; letter-spacing: -0.04em;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnosis-copy > p {margin: 21px 0px 0px; color: var(--muted); font-size: 16px; line-height: 1.8;}
html[data-page="praticas-medicas-simuladas"] .mp-check-list {display: grid; gap: 12px; margin-top: 27px;}
html[data-page="praticas-medicas-simuladas"] .mp-check-item {display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; padding: 15px; border: 1px solid var(--border); border-radius: 17px; background: var(--surface); transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .mp-check-item:hover {transform: translateX(6px); border-color: rgba(8, 173, 5, 0.32);}
html[data-page="praticas-medicas-simuladas"] .mp-check-item i {width: 42px; height: 42px; display: grid; place-items: center; border-radius: 14px; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-style: normal; font-weight: 900;}
html[data-page="praticas-medicas-simuladas"] .mp-check-item strong {display: block; font-size: 14px;}
html[data-page="praticas-medicas-simuladas"] .mp-check-item span {display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.55;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-board {position: relative; min-height: 570px; padding: 34px; overflow: hidden; border-radius: 34px; background: linear-gradient(145deg, rgb(7, 30, 46), rgb(10, 61, 78) 66%, rgb(11, 93, 96)); color: rgb(255, 255, 255); box-shadow: var(--shadow);}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-board::before {content: ""; position: absolute; width: 330px; height: 330px; right: -120px; top: -115px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.28);}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-board h3 {position: relative; z-index: 2; margin: 0px; font-size: 31px; line-height: 1.1; letter-spacing: -0.04em;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-board > p {position: relative; z-index: 2; margin: 13px 0px 0px; color: rgb(185, 208, 218); font-size: 13px; line-height: 1.65;}
html[data-page="praticas-medicas-simuladas"] .mp-loop {position: relative; z-index: 2; display: grid; gap: 13px; margin-top: 27px;}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card {position: relative; min-height: 87px; padding: 15px 17px; display: grid; grid-template-columns: 46px 1fr auto; gap: 13px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 19px; background: rgba(255, 255, 255, 0.07); transition: 0.32s; overflow: hidden;}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card::before {content: ""; position: absolute; inset: 0px; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.1), transparent); transform: translateX(-120%);}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card:hover {transform: translateX(7px); border-color: rgba(126, 217, 87, 0.38); background: linear-gradient(100deg, rgba(47, 128, 237, 0.15), rgba(8, 173, 5, 0.13));}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card:hover::before {animation: 0.8s ease 0s 1 normal forwards running revisamed-inteligente-mpShine;}
@keyframes revisamed-inteligente-mpShine { 
  100% { transform: translateX(120%); }
}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card i {width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; background: linear-gradient(135deg, rgb(47, 128, 237), rgb(8, 173, 5)); color: rgb(255, 255, 255); font-style: normal; font-weight: 900; box-shadow: rgba(8, 173, 5, 0.17) 0px 12px 28px;}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card strong {display: block; font-size: 14px;}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card span {display: block; margin-top: 4px; color: rgb(169, 194, 206); font-size: 11px;}
html[data-page="praticas-medicas-simuladas"] .mp-loop-card b {color: rgb(135, 233, 107); font-size: 18px;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-note {position: relative; z-index: 2; margin-top: 20px; padding: 15px 17px; border-left: 3px solid rgb(126, 217, 87); border-radius: 0px 14px 14px 0px; background: rgba(0, 0, 0, 0.17); color: rgb(198, 217, 225); font-size: 12px; line-height: 1.65;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card {position: relative; overflow: hidden; min-height: 275px; padding: 27px; border: 1px solid var(--border); border-radius: 27px; background: linear-gradient(145deg, var(--surface), var(--surface-soft)); transition: 0.34s; isolation: isolate;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card::before {content: ""; position: absolute; z-index: -1; width: 160px; height: 160px; right: -82px; top: -88px; border-radius: 50%; background: radial-gradient(circle, rgba(8, 173, 5, 0.15), transparent 68%); transition: 0.4s;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card::after {content: ""; position: absolute; left: 0px; right: 100%; bottom: 0px; height: 4px; background: linear-gradient(90deg, rgb(8, 173, 5), rgb(0, 151, 178)); transition: right 0.4s;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card:hover {transform: translateY(-9px); border-color: rgba(8, 173, 5, 0.34); box-shadow: rgba(8, 41, 66, 0.12) 0px 24px 54px;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card:hover::before {transform: scale(1.2);}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card:hover::after {right: 0px;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card h3 {margin: 22px 0px 9px; font-size: 18px; line-height: 1.3;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-card p {margin: 0px; color: var(--muted); font-size: 13px; line-height: 1.68;}
html[data-page="praticas-medicas-simuladas"] .mp-showcase {position: relative; overflow: hidden; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(6, 27, 43), rgb(10, 52, 71) 58%, rgb(12, 92, 91));}
html[data-page="praticas-medicas-simuladas"] .mp-showcase::before {content: ""; position: absolute; width: 600px; height: 600px; right: -280px; top: -300px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.24);}
html[data-page="praticas-medicas-simuladas"] .mp-showcase .mp-section-head h2 {color: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .mp-showcase .mp-section-head p {color: rgb(185, 209, 220);}
html[data-page="praticas-medicas-simuladas"] .mp-showcase-shell {position: relative; z-index: 2; display: grid; grid-template-columns: 260px 1fr; gap: 25px; align-items: stretch;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tabs {display: grid; align-content: start; gap: 10px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab {width: 100%; min-height: 82px; padding: 14px; display: grid; grid-template-columns: 42px 1fr; gap: 12px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 17px; background: rgba(255, 255, 255, 0.06); color: rgb(255, 255, 255); text-align: left; cursor: pointer; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab i {width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: rgba(255, 255, 255, 0.08); color: rgb(126, 217, 87); font-style: normal; font-weight: 900;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab strong {display: block; font-size: 13px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab span {display: block; margin-top: 4px; color: rgb(158, 184, 197); font-size: 10px; line-height: 1.4;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab.active,
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab:hover {transform: translateX(5px); border-color: rgba(126, 217, 87, 0.4); background: linear-gradient(100deg, rgba(8, 173, 5, 0.18), rgba(0, 151, 178, 0.14));}
html[data-page="praticas-medicas-simuladas"] .mp-screen-frame {position: relative; min-height: 590px; padding: 12px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 29px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.04)); box-shadow: rgba(0, 0, 0, 0.32) 0px 35px 85px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-browser {height: 38px; padding: 0px 12px; display: flex; align-items: center; gap: 7px; border-radius: 17px 17px 0px 0px; background: rgba(3, 19, 30, 0.82);}
html[data-page="praticas-medicas-simuladas"] .mp-screen-browser i {width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34);}
html[data-page="praticas-medicas-simuladas"] .mp-screen-browser span {margin-left: auto; color: rgb(145, 173, 187); font-size: 9px; letter-spacing: 0.09em;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-viewport {position: relative; height: 520px; overflow: hidden; border-radius: 0px 0px 19px 19px; background: rgb(255, 255, 255);}
html[data-page="praticas-medicas-simuladas"] .mp-screen-panel {position: absolute; inset: 0px; opacity: 0; transform: translateY(16px) scale(0.985); transition: opacity 0.42s, transform 0.42s; pointer-events: none;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-panel.active {opacity: 1; transform: none; pointer-events: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-panel img {width: 100%; height: 100%; object-fit: contain; object-position: center top; background: rgb(247, 247, 247);}
html[data-page="praticas-medicas-simuladas"] .mp-video-button {position: absolute; z-index: 5; right: 25px; bottom: 25px; min-height: 48px; padding: 0px 17px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 15px; background: linear-gradient(135deg, rgb(8, 173, 5), rgb(7, 141, 8)); color: rgb(255, 255, 255); font-size: 12px; font-weight: 850; box-shadow: rgba(8, 173, 5, 0.28) 0px 16px 36px; cursor: pointer; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .mp-video-button:hover {transform: translateY(-3px);}
html[data-page="praticas-medicas-simuladas"] .mp-method-flow {--mp-progress: 0%; position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-track,
html[data-page="praticas-medicas-simuladas"] .mp-method-fill {position: absolute; left: 12.5%; top: 39px; height: 4px; border-radius: 999px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-track {right: 12.5%; background: rgba(8, 41, 66, 0.12);}
html[data-page="praticas-medicas-simuladas"] .mp-method-fill {width: var(--mp-progress); max-width: 75%; background: linear-gradient(90deg, rgb(47, 128, 237), rgb(8, 173, 5)); box-shadow: rgba(8, 173, 5, 0.35) 0px 0px 18px; transition: width 0.48s cubic-bezier(0.2, 0.8, 0.2, 1);}
html[data-page="praticas-medicas-simuladas"] .mp-method-step {position: relative; z-index: 2; text-align: center; cursor: pointer; outline: none;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step b {width: 72px; height: 72px; margin: 0px auto; display: grid; place-items: center; border: 2px solid rgba(47, 128, 237, 0.2); border-radius: 50%; background: var(--surface); color: rgb(47, 128, 237); font-size: 19px; font-weight: 900; box-shadow: rgba(8, 41, 66, 0.11) 0px 13px 32px; transition: 0.34s;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step.active b,
html[data-page="praticas-medicas-simuladas"] .mp-method-step:hover b,
html[data-page="praticas-medicas-simuladas"] .mp-method-step:focus-visible b {transform: translateY(-6px) scale(1.08); border-color: transparent; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(47, 128, 237), rgb(8, 173, 5)); box-shadow: rgba(8, 173, 5, 0.08) 0px 0px 0px 8px, rgba(8, 173, 5, 0.22) 0px 18px 38px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step h3 {margin: 20px 0px 8px; font-size: 18px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step p {margin: 0px auto; max-width: 240px; color: var(--muted); font-size: 13px; line-height: 1.62;}
@keyframes revisamed-inteligente-mpAudiencePulse { 
  0%, 100% { transform: scale(0.86); opacity: 0.75; }
  50% { transform: scale(1.12); opacity: 1; }
}
html[data-page="praticas-medicas-simuladas"] .mp-pricing {background: linear-gradient(180deg, var(--surface-soft), var(--surface));}
html[data-page="praticas-medicas-simuladas"] .mp-pricing .mp-section-head {max-width: 760px;}
html[data-page="praticas-medicas-simuladas"] .mp-pricing .mp-section-head h2 {font-size: clamp(30px, 3.2vw, 44px);}
html[data-page="praticas-medicas-simuladas"] .mp-plan-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; align-items: stretch;}
html[data-page="praticas-medicas-simuladas"] .mp-plan {position: relative; overflow: hidden; padding: 29px; border: 1px solid var(--border); border-radius: 30px; background: var(--surface); box-shadow: rgba(8, 41, 66, 0.1) 0px 20px 54px; transition: 0.32s;}
html[data-page="praticas-medicas-simuladas"] .mp-plan:hover {transform: translateY(-9px); border-color: rgba(8, 173, 5, 0.38); box-shadow: rgba(8, 41, 66, 0.16) 0px 30px 70px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan.featured {border-color: rgba(8, 173, 5, 0.42); transform: translateY(-8px); box-shadow: rgba(8, 173, 5, 0.16) 0px 30px 75px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan.featured:hover {transform: translateY(-12px);}
html[data-page="praticas-medicas-simuladas"] .mp-plan-badge {position: absolute; right: 18px; top: 18px; padding: 8px 11px; border-radius: 999px; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-size: 9px; font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .mp-plan small {display: block; color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .mp-plan h3 {margin: 9px 0px 0px; font-size: 27px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-price {margin-top: 22px; display: flex; align-items: flex-end; gap: 5px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-price strong {font-size: 42px; line-height: 0.9; letter-spacing: -0.05em;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-price span {color: var(--muted); font-size: 12px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-alt {margin: 9px 0px 0px; color: var(--muted); font-size: 12px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-list {display: grid; gap: 11px; margin: 24px 0px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-list span {display: flex; align-items: center; gap: 9px; color: var(--ink); font-size: 12px;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-list i {width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(8, 173, 5, 0.11); color: var(--mp-green); font-style: normal; font-size: 11px; font-weight: 900;}
html[data-page="praticas-medicas-simuladas"] .mp-plan a {min-height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 15px; background: linear-gradient(135deg, rgb(8, 173, 5), rgb(7, 141, 8)); color: rgb(255, 255, 255); font-size: 13px; font-weight: 850; box-shadow: rgba(8, 173, 5, 0.22) 0px 14px 32px; transition: 0.25s;}
html[data-page="praticas-medicas-simuladas"] .mp-plan a:hover {transform: translateY(-2px);}
html[data-page="praticas-medicas-simuladas"] .mp-plan-note {margin-top: 13px; color: var(--muted); font-size: 10px; line-height: 1.5; text-align: center;}
html[data-page="praticas-medicas-simuladas"] .mp-final {padding: 0px 0px 105px; background: var(--surface-soft);}
html[data-page="praticas-medicas-simuladas"] .mp-final-card {position: relative; overflow: hidden; min-height: 300px; padding: 52px; display: grid; grid-template-columns: 1fr auto; gap: 42px; align-items: center; border-radius: 34px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(6, 28, 44), rgb(10, 69, 82) 62%, rgb(11, 115, 95)); box-shadow: var(--shadow);}
html[data-page="praticas-medicas-simuladas"] .mp-final-card::before {content: ""; position: absolute; width: 390px; height: 390px; right: -130px; top: -205px; border-radius: 50%; border: 1px solid rgba(126, 217, 87, 0.28);}
html[data-page="praticas-medicas-simuladas"] .mp-final-card > * {position: relative; z-index: 2;}
html[data-page="praticas-medicas-simuladas"] .mp-final-card small {color: rgb(167, 230, 203); font-size: 10px; font-weight: 900; letter-spacing: 0.15em; text-transform: uppercase;}
html[data-page="praticas-medicas-simuladas"] .mp-final-card h2 {margin: 12px 0px 0px; max-width: 800px; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -0.045em;}
html[data-page="praticas-medicas-simuladas"] .mp-final-card p {margin: 17px 0px 0px; color: rgb(197, 217, 226); font-size: 14px; line-height: 1.7;}
html[data-page="praticas-medicas-simuladas"] .mp-modal {position: fixed; inset: 0px; z-index: 300; display: grid; place-items: center; padding: 24px; background: rgba(2, 13, 22, 0.82); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; transition: 0.28s;}
html[data-page="praticas-medicas-simuladas"] .mp-modal.open {opacity: 1; visibility: visible;}
html[data-page="praticas-medicas-simuladas"] .mp-modal-dialog {position: relative; width: min(980px, 94vw); padding: 12px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 26px; background: rgb(7, 27, 42); box-shadow: rgba(0, 0, 0, 0.48) 0px 40px 100px; transform: translateY(20px) scale(0.97); transition: 0.3s;}
html[data-page="praticas-medicas-simuladas"] .mp-modal.open .mp-modal-dialog {transform: none;}
html[data-page="praticas-medicas-simuladas"] .mp-modal-close {position: absolute; z-index: 3; right: -12px; top: -12px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; background: rgb(255, 255, 255); color: rgb(16, 41, 57); cursor: pointer;}
html[data-page="praticas-medicas-simuladas"] .mp-modal-video {position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 17px; background: rgb(0, 0, 0);}
html[data-page="praticas-medicas-simuladas"] .mp-modal-video iframe {position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@media (max-width: 1100px) {
html[data-page="praticas-medicas-simuladas"] .mp-hero-inner {grid-template-columns: 1fr 1fr; gap: 22px;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-grid {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .mp-showcase-shell {grid-template-columns: 220px 1fr;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-frame {min-height: 520px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-viewport {height: 450px;}
}
@media (max-width: 920px) {
html[data-page="praticas-medicas-simuladas"] .mp-hero {margin-top: 74px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero,
html[data-page="praticas-medicas-simuladas"] .mp-hero-inner {min-height: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-inner {grid-template-columns: 1fr; padding-block: 72px 96px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-copy {text-align: center; margin-inline: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-copy > p {margin-inline: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-actions {justify-content: center;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-visual {min-height: 530px; max-width: 760px; width: 100%; margin: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-device-stage {width: 100%; margin-left: 0px;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnosis-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .mp-showcase-shell {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tabs {grid-template-columns: repeat(4, 1fr);}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab {grid-template-columns: 1fr; text-align: center; justify-items: center; min-height: 96px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tab span {display: none;}
html[data-page="praticas-medicas-simuladas"] .mp-plan-grid {grid-template-columns: 1fr; max-width: 650px; margin-inline: auto;}
html[data-page="praticas-medicas-simuladas"] .mp-plan.featured {transform: none;}
html[data-page="praticas-medicas-simuladas"] .mp-final-card {grid-template-columns: 1fr;}
}
@media (max-width: 640px) {
html[data-page="praticas-medicas-simuladas"] .mp-hero h1 {font-size: 34px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-copy > p {font-size: 15px;}
html[data-page="praticas-medicas-simuladas"] .mp-hero-visual {min-height: 405px;}
html[data-page="praticas-medicas-simuladas"] .mp-section {padding: 82px 0px;}
html[data-page="praticas-medicas-simuladas"] .mp-feature-grid {grid-template-columns: 1fr;}
html[data-page="praticas-medicas-simuladas"] .mp-diagnostic-board {min-height: auto; padding: 25px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-tabs {grid-template-columns: repeat(2, 1fr);}
html[data-page="praticas-medicas-simuladas"] .mp-screen-frame {min-height: 365px; padding: 8px;}
html[data-page="praticas-medicas-simuladas"] .mp-screen-viewport {height: 310px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-flow {grid-template-columns: 1fr; gap: 17px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-track,
html[data-page="praticas-medicas-simuladas"] .mp-method-fill {display: none;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step {padding: 17px; text-align: left; display: grid; grid-template-columns: 58px 1fr; column-gap: 15px; align-items: center; border: 1px solid var(--border); border-radius: 19px; background: var(--surface);}
html[data-page="praticas-medicas-simuladas"] .mp-method-step b {width: 58px; height: 58px; margin: 0px; grid-row: 1 / 3;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step h3 {margin: 0px 0px 5px;}
html[data-page="praticas-medicas-simuladas"] .mp-method-step p {margin: 0px; max-width: none;}
html[data-page="praticas-medicas-simuladas"] .mp-final-card {padding: 38px 26px;}
}
html[data-page="praticas-medicas-simuladas"] body.ri-app-page {overflow-x: hidden;}
html[data-page="praticas-medicas-simuladas"] .ri-app-page main {background: var(--surface);}
@keyframes revisamed-inteligente-riGridMove { 
  100% { background-position: 58px 58px, 58px 58px; }
}
@keyframes revisamed-inteligente-riAura { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(-40px, -22px, 0px) scale(1.06); }
}
@keyframes revisamed-inteligente-riAmbient { 
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.07); opacity: 0.88; }
}
@keyframes revisamed-inteligente-riTechSweep { 
  0% { background-position: 0px 0px, 0px 0px; }
  100% { background-position: 100% 0px, 0px 0px; }
}
@keyframes revisamed-inteligente-riParticleFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}
@keyframes revisamed-inteligente-riScanner { 
  0%, 100% { transform: translateY(-20%) skewX(-8deg); opacity: 0.18; }
  50% { transform: translateY(20%) skewX(-8deg); opacity: 0.44; }
}
html[data-page="praticas-medicas-simuladas"] .ri-browser {position: relative; z-index: 3; width: 108%; margin-left: -4%; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 26px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.06)); box-shadow: rgba(0, 0, 0, 0.3) 0px 42px 80px; backdrop-filter: blur(12px); animation: 7s ease-in-out 0s infinite normal none running revisamed-inteligente-riBrowserFloat;}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top {height: 34px; display: flex; align-items: center; gap: 8px; padding: 0px 12px; border-radius: 16px 16px 0px 0px; background: rgba(4, 24, 38, 0.86);}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top i {width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 107, 107);}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top i:nth-child(2) {background: rgb(255, 209, 102);}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top i:nth-child(3) {background: rgb(80, 216, 144);}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top span {margin-left: 8px; color: rgb(156, 183, 197); font-size: 10px; letter-spacing: 0.04em;}
html[data-page="praticas-medicas-simuladas"] .ri-browser img {width: 100%; display: block; border-radius: 0px 0px 18px 18px;}
@keyframes revisamed-inteligente-riBrowserFloat { 
  0%, 100% { transform: translateY(0px) rotateY(-2deg); }
  50% { transform: translateY(-12px) rotateY(0deg); }
}
html[data-page="praticas-medicas-simuladas"] .ri-orbit {position: absolute; inset: 7% 1% 8% 3%; border: 1px solid rgba(126, 217, 87, 0.25); border-radius: 50%; transform: rotate(-7deg); animation: 8s ease-in-out 0s infinite normal none running revisamed-inteligente-riOrbit;}
html[data-page="praticas-medicas-simuladas"] .ri-orbit::before,
html[data-page="praticas-medicas-simuladas"] .ri-orbit::after {content: ""; position: absolute; border-radius: 50%;}
html[data-page="praticas-medicas-simuladas"] .ri-orbit::before {width: 12px; height: 12px; right: 15%; top: 7%; background: rgb(126, 217, 87); box-shadow: rgba(126, 217, 87, 0.9) 0px 0px 25px;}
html[data-page="praticas-medicas-simuladas"] .ri-orbit::after {width: 9px; height: 9px; left: 8%; bottom: 20%; background: rgb(47, 128, 237); box-shadow: rgba(47, 128, 237, 0.9) 0px 0px 23px;}
@keyframes revisamed-inteligente-riOrbit { 
  0%, 100% { transform: rotate(-7deg) scale(1); }
  50% { transform: rotate(-3deg) scale(1.035); }
}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen {position: absolute; z-index: 5; width: 235px; padding: 8px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 18px; background: rgba(5, 30, 45, 0.74); box-shadow: rgba(0, 0, 0, 0.25) 0px 22px 48px; backdrop-filter: blur(12px); animation: 6s ease-in-out 0s infinite normal none running revisamed-inteligente-riScreenFloat;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen img {width: 100%; display: block; border-radius: 12px;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen span {display: block; padding: 9px 5px 3px; color: rgb(223, 245, 237); font-size: 11px; font-weight: 800;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen--one {left: -3%; top: 10%; animation-delay: -2s;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen--two {right: -3%; bottom: 4%; animation-delay: -4.3s;}
@keyframes revisamed-inteligente-riScreenFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-9px); }
}
html[data-page="praticas-medicas-simuladas"] .ri-feature-icon svg {width: 25px; height: 25px; fill: none; stroke: currentcolor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
html[data-page="praticas-medicas-simuladas"] .ri-feature-icon {position: relative; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 21px; color: rgb(255, 255, 255); background: linear-gradient(145deg, rgb(47, 128, 237), rgb(21, 152, 206) 48%, rgb(0, 179, 136)); border: 1px solid rgba(255, 255, 255, 0.28); box-shadow: rgba(47, 128, 237, 0.22) 0px 16px 34px; transition: 0.35s;}
html[data-page="praticas-medicas-simuladas"] .ri-feature-icon::after {content: ""; position: absolute; width: 9px; height: 9px; top: 8px; right: 8px; border-radius: 50%; background: rgb(156, 246, 218); box-shadow: rgba(156, 246, 218, 0.9) 0px 0px 14px;}
@media (max-width: 1120px) {
html[data-page="praticas-medicas-simuladas"] .ri-browser {width: min(900px, 100%); margin: 0px;}
}
@media (max-width: 760px) {
html[data-page="praticas-medicas-simuladas"] .ri-float-screen {width: 175px;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen--one {left: 0px; top: 2%;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen--two {right: 0px; bottom: 0px;}
}
@media (max-width: 520px) {
html[data-page="praticas-medicas-simuladas"] .ri-browser {padding: 6px; border-radius: 18px;}
html[data-page="praticas-medicas-simuladas"] .ri-browser-top {height: 28px;}
html[data-page="praticas-medicas-simuladas"] .ri-float-screen {display: none;}
}
html[data-page] .brand-strip {padding: 50px 0px 54px; overflow: visible; background: rgb(255, 255, 255); border-top: 1px solid rgb(223, 234, 240); border-bottom: 1px solid rgb(223, 234, 240);}
html[data-page] .brand-strip-inner {width: min(1040px, 100% - 40px); display: grid; grid-template-columns: minmax(0px, 1fr); gap: 32px; align-items: stretch; background: rgb(255, 255, 255);}
html[data-page] .brand-group {min-width: 0px;}
html[data-page] .brand-group h2,
html[data-page] .brand-title-pill {width: max-content; max-width: 100%; padding: 0px; font-weight: 850; line-height: 1.2; text-align: center; margin: 0px auto 20px !important; color: rgb(10, 113, 128) !important; font-size: 16px !important; letter-spacing: 0.12em !important;}
html[data-page] .brand-strip-divider {width: 100%; height: 1px; min-height: 1px; background: rgb(214, 226, 232);}
html[data-page] .brand-logos {display: grid; gap: 16px;}
html[data-page] .institution-logos {grid-template-columns: repeat(5, minmax(0px, 1fr));}
html[data-page] .developed-logos {width: 100%; max-width: 880px; margin-inline: auto; grid-template-columns: repeat(4, minmax(0px, 1fr));}
html[data-page] .brand-logo-card {width: auto; height: 104px; padding: 18px 20px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgb(220, 232, 239); border-radius: 17px; background: rgb(255, 255, 255); box-shadow: rgba(8, 41, 66, 0.055) 0px 8px 24px; transition: transform 0.25s, border-color 0.25s, box-shadow 0.25s;}
html[data-page] .brand-logo-card:hover {transform: translateY(-3px); border-color: rgba(47, 128, 237, 0.25); box-shadow: rgba(8, 41, 66, 0.09) 0px 14px 30px;}
html[data-page] .brand-logo-card img {width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block; object-fit: contain; background: transparent;}
html[data-page][data-theme="dark"] .brand-strip,
html[data-page][data-theme="dark"] .brand-strip-inner,
html[data-page][data-theme="dark"] .brand-logo-card {background: rgb(255, 255, 255);}
@media (max-width: 1100px) {
html[data-page] .brand-strip-inner {width: min(100% - 40px, 960px);}
}
@media (max-width: 760px) {
html[data-page] .institution-logos,
html[data-page] .developed-logos {grid-template-columns: repeat(2, minmax(0px, 1fr));}
html[data-page] .institution-logos .brand-logo-card:last-child {grid-column: 1 / -1; width: calc(50% - 8px); justify-self: center;}
html[data-page] .brand-logo-card {height: 92px; padding: 15px 17px;}
}
@media (max-width: 430px) {
html[data-page] .brand-strip {padding: 42px 0px 46px;}
html[data-page] .brand-strip-inner {width: min(100% - 24px, 960px); gap: 26px;}
html[data-page] .brand-group h2,
html[data-page] .brand-title-pill {font-size: 13px !important;}
html[data-page] .brand-logo-card {height: 82px; padding: 12px;}
}
@media (min-width: 921px) {
html[data-page] body > main > :not(.site-header),
html[data-page] body > footer,
html[data-page] body > .floating-contact {zoom: 0.9;}
}
html[data-page="curso-r1"] .r1e-main {overflow: clip; background: var(--surface);}
html[data-page="curso-r1"] .r1e-main * {box-sizing: border-box;}
html[data-page="curso-r1"] .r1e-platform-card {position: absolute; z-index: 1; top: 42px; right: -120px; width: 650px; overflow: hidden; border: 1px solid rgba(217, 239, 250, 0.22); border-radius: 24px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.34) 0px 36px 90px; transform: perspective(1300px) rotateY(-9deg) rotateX(2deg); animation: 7s ease-in-out 0s infinite normal none running r1e-screen-float;}
html[data-page="curso-r1"] .r1e-platform-bar {height: 36px; padding: 0px 14px; display: flex; align-items: center; gap: 7px; color: rgb(70, 102, 121); background: rgb(238, 245, 248); font-size: 9px; font-weight: 850; letter-spacing: 0.08em;}
html[data-page="curso-r1"] .r1e-platform-bar i {width: 7px; height: 7px; border-radius: 50%; background: rgb(104, 213, 94);}
html[data-page="curso-r1"] .r1e-platform-bar i:nth-child(2) {background: rgb(8, 181, 160);}
html[data-page="curso-r1"] .r1e-platform-bar i:nth-child(3) {margin-right: 5px; background: rgb(47, 128, 237);}
html[data-page="curso-r1"] .r1e-platform-card > :is(img, video) {width: 100%; height: 365px; display: block; object-fit: cover; object-position: left top;}
html[data-page="curso-r1"] .r1e-students {position: absolute; z-index: 3; right: -80px; bottom: -117px; width: 585px; max-width: none; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 28px 26px);}
html[data-page="curso-r1"] .r1e-floating-chip {position: absolute; z-index: 5; padding: 11px 14px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 13px; color: rgb(255, 255, 255); background: rgba(7, 35, 49, 0.82); box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 34px; backdrop-filter: blur(12px); font-size: 11px; font-weight: 850; animation: 5s ease-in-out 0s infinite normal none running r1e-chip-float;}
html[data-page="curso-r1"] .r1e-chip-one {top: 112px; left: 5px;}
html[data-page="curso-r1"] .r1e-chip-two {right: -24px; bottom: 55px; animation-delay: -2.2s;}
html[data-page="curso-r1"] .r1e-pillar-grid {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 21px;}
html[data-page="curso-r1"] .r1e-pillar-card {position: relative; padding: 31px 29px; overflow: hidden; border: 1px solid var(--border); border-radius: 25px; background: linear-gradient(180deg, var(--surface), var(--surface-soft)); box-shadow: rgba(8, 41, 66, 0.08) 0px 18px 50px; transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;}
html[data-page="curso-r1"] .r1e-pillar-card::after {content: ""; position: absolute; inset: auto -50px -80px auto; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 179, 136, 0.1), transparent 70%);}
html[data-page="curso-r1"] .r1e-pillar-card:hover {border-color: color-mix(in srgb, var(--green) 42%, var(--border)); box-shadow: rgba(8, 41, 66, 0.13) 0px 26px 62px; transform: translateY(-7px);}
html[data-page="curso-r1"] .r1e-icon {flex: 0 0 56px; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 18px;}
html[data-page="curso-r1"] .r1e-icon svg {width: 27px; height: 27px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
html[data-page="curso-r1"] .r1e-icon-blue {color: rgb(47, 128, 237); background: rgba(47, 128, 237, 0.12);}
html[data-page="curso-r1"] .r1e-icon-green {color: rgb(0, 164, 125); background: rgba(0, 179, 136, 0.12);}
html[data-page="curso-r1"] .r1e-icon-orange {color: rgb(234, 124, 34); background: rgba(234, 124, 34, 0.12);}
html[data-page="curso-r1"] .r1e-pillar-card > small {position: absolute; top: 37px; right: 28px; color: color-mix(in srgb, var(--muted) 65%, transparent); font-size: 11px; font-weight: 900; letter-spacing: 0.12em;}
html[data-page="curso-r1"] .r1e-pillar-card h3 {margin: 27px 0px 20px; color: var(--ink); font-size: 25px; line-height: 1.08; letter-spacing: -0.035em;}
html[data-page="curso-r1"] .r1e-pillar-card ul {margin: 0px; padding: 0px; display: grid; gap: 13px; list-style: none;}
html[data-page="curso-r1"] .r1e-pillar-card li {position: relative; padding-left: 25px; color: var(--muted); font-size: 13px; line-height: 1.5;}
html[data-page="curso-r1"] .r1e-pillar-card li::before {content: "✓"; position: absolute; top: 0px; left: 0px; color: var(--green); font-weight: 950;}
html[data-page="curso-r1"] .r1e-flow {position: relative; display: grid; gap: 10px;}
html[data-page="curso-r1"] .r1e-flow::before {content: ""; position: absolute; top: 32px; bottom: 32px; left: 25px; width: 2px; background: linear-gradient(var(--blue), var(--green));}
html[data-page="curso-r1"] .r1e-flow article {position: relative; z-index: 1; min-height: 62px; padding: 10px 14px 10px 68px; display: flex; align-items: center; border: 1px solid rgba(218, 238, 249, 0.14); border-radius: 16px; background: rgba(255, 255, 255, 0.06); transition: transform 0.25s, background 0.25s;}
html[data-page="curso-r1"] .r1e-flow article:hover {background: rgba(255, 255, 255, 0.11); transform: translateX(7px);}
html[data-page="curso-r1"] .r1e-flow b {position: absolute; left: 11px; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), var(--green)); font-size: 9px;}
html[data-page="curso-r1"] .r1e-flow span {color: rgb(247, 251, 255); font-size: 17px; font-weight: 800;}
@keyframes r1e-screen-float { 
  0%, 100% { transform: perspective(1300px) rotateY(-9deg) rotateX(2deg) translateY(0px); }
  50% { transform: perspective(1300px) rotateY(-7deg) rotateX(2deg) translateY(-10px); }
}
@keyframes r1e-chip-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
@keyframes r1e-orb-drift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(18px, 20px, 0px) scale(1.06); }
}
@media (max-width: 1120px) {
html[data-page="curso-r1"] .r1e-platform-card {right: -200px;}
html[data-page="curso-r1"] .r1e-students {right: -120px;}
}
@media (max-width: 920px) {
html[data-page="curso-r1"] .r1e-platform-card {top: 72px; right: 2%; width: 86%;}
html[data-page="curso-r1"] .r1e-students {right: 1%; bottom: -100px; width: 560px;}
html[data-page="curso-r1"] .r1e-chip-one {top: 118px; left: 4%;}
html[data-page="curso-r1"] .r1e-chip-two {right: 3%; bottom: 40px;}
html[data-page="curso-r1"] .r1e-pillar-grid {grid-template-columns: 1fr;}
html[data-page="curso-r1"] .r1e-pillar-card {min-height: 0px;}
}
@media (max-width: 680px) {
html[data-page="curso-r1"] .r1e-platform-card {top: 72px; right: -27%; width: 122%; transform: none;}
html[data-page="curso-r1"] .r1e-platform-card > :is(img, video) {height: 260px;}
html[data-page="curso-r1"] .r1e-students {right: -25%; bottom: -62px; width: 490px;}
html[data-page="curso-r1"] .r1e-floating-chip {font-size: 9px;}
html[data-page="curso-r1"] .r1e-chip-one {top: 105px; left: 0px;}
html[data-page="curso-r1"] .r1e-chip-two {right: 0px; bottom: 25px;}
html[data-page="curso-r1"] .r1e-pillar-card {padding: 25px 23px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="curso-r1"] .r1e-platform-card,
html[data-page="curso-r1"] .r1e-floating-chip {animation: auto ease 0s 1 normal none running none !important;}
}
html[data-page="curso-r1"] .r1e-chip-one {top: 102px; left: -8px; min-height: 48px; padding: 12px 18px; display: inline-flex; align-items: center; gap: 10px; border-color: rgba(105, 231, 196, 0.62); border-radius: 16px; color: rgb(255, 255, 255); background: linear-gradient(120deg, rgba(17, 128, 177, 0.94), rgba(0, 168, 132, 0.94)); box-shadow: rgba(0, 179, 136, 0.27) 0px 18px 42px, rgba(255, 255, 255, 0.24) 0px 1px 0px inset; font-size: 13px; font-weight: 900; letter-spacing: 0.02em;}
html[data-page="curso-r1"] .r1e-chip-one svg {width: 20px; height: 20px; fill: rgba(255, 255, 255, 0.2); stroke: rgb(223, 255, 238); stroke-width: 1.8; stroke-linejoin: round;}
html[data-page="curso-r1"] .r1e-pillar-card {min-height: 0px; padding: 32px 30px 30px; border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(47, 128, 237, 0.1), transparent 34%),
    linear-gradient(160deg, var(--surface) 0%, var(--surface-soft) 100%); box-shadow: rgba(8, 41, 66, 0.09) 0px 18px 50px; isolation: isolate;}
html[data-page="curso-r1"] .r1e-pillar-card::before {content: ""; position: absolute; z-index: -1; inset: 22px auto 22px 0px; width: 4px; border-radius: 0px 999px 999px 0px; background: linear-gradient(var(--blue), var(--green)); transform: scaleY(0.38); transform-origin: center center; transition: transform 0.35s;}
html[data-page="curso-r1"] .r1e-pillar-card::after {inset: auto 0px 0px; width: 100%; height: 4px; border-radius: 0px; background: linear-gradient(90deg, var(--blue), var(--green), #74d85c); transform: scaleX(0); transform-origin: left center; transition: transform 0.4s;}
html[data-page="curso-r1"] .r1e-pillar-card:hover {border-color: color-mix(in srgb, var(--green) 48%, var(--border)); box-shadow: rgba(8, 41, 66, 0.15) 0px 30px 70px; transform: translateY(-9px);}
html[data-page="curso-r1"] .r1e-pillar-card:hover::before {transform: scaleY(1);}
html[data-page="curso-r1"] .r1e-pillar-card:hover::after {transform: scaleX(1);}
html[data-page="curso-r1"] .r1e-pillar-card .r1e-icon {position: relative; width: 66px; height: 66px; border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 21px; box-shadow: rgba(47, 128, 237, 0.15) 0px 16px 34px, rgba(255, 255, 255, 0.2) 0px 0px 0px 6px inset; transition: transform 0.35s, box-shadow 0.35s;}
html[data-page="curso-r1"] .r1e-pillar-card .r1e-icon::after {content: ""; position: absolute; top: 8px; right: 8px; width: 7px; height: 7px; border: 2px solid var(--surface); border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 12px;}
html[data-page="curso-r1"] .r1e-pillar-card:hover .r1e-icon {box-shadow: rgba(0, 179, 136, 0.23) 0px 20px 42px, rgba(255, 255, 255, 0.22) 0px 0px 0px 6px inset; transform: translateY(-3px) rotate(-3deg) scale(1.05);}
html[data-page="curso-r1"] .r1e-pillar-card .r1e-icon svg {width: 31px; height: 31px; stroke-width: 1.8;}
html[data-page="curso-r1"] .r1e-pillar-card > small {top: 34px; right: 30px; padding: 7px 9px; border: 1px solid var(--border); border-radius: 999px; color: var(--muted); background: var(--surface);}
html[data-page="curso-r1"] .r1e-pillar-card h3 {margin: 20px 0px 18px;}
html[data-page="curso-r1"] .r1e-area-icon {place-items: center; border: 1px solid rgba(169, 235, 220, 0.26); box-shadow: rgba(255, 255, 255, 0.035) 0px 0px 0px 5px inset, rgba(0, 0, 0, 0.14) 0px 12px 28px; transition: transform 0.35s, color 0.35s; width: 58px !important; height: 58px !important; display: grid !important; border-radius: 18px !important; color: rgb(105, 228, 192) !important; background: linear-gradient(145deg, rgba(47, 128, 237, 0.26), rgba(0, 179, 136, 0.23)) !important;}
html[data-page="curso-r1"] .r1e-area-icon svg {width: 30px; height: 30px; fill: none; stroke: currentcolor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
html[data-page="curso-r1"] .r1e-flow {gap: 11px;}
html[data-page="curso-r1"] .r1e-flow::before {top: 38px; bottom: 38px; left: 34px; width: 3px; opacity: 0.72;}
html[data-page="curso-r1"] .r1e-flow article {min-height: 76px; padding: 11px 18px 11px 86px; border-radius: 19px; cursor: pointer; outline: none;}
html[data-page="curso-r1"] .r1e-flow article::after {content: ""; position: absolute; inset: auto 18px 0px 86px; height: 2px; background: linear-gradient(90deg, var(--blue), var(--green)); transform: scaleX(0); transform-origin: left center; transition: transform 0.32s;}
html[data-page="curso-r1"] .r1e-flow article:hover,
html[data-page="curso-r1"] .r1e-flow article:focus-visible,
html[data-page="curso-r1"] .r1e-flow article.is-active {border-color: rgba(98, 224, 192, 0.38); background: linear-gradient(100deg, rgba(47, 128, 237, 0.16), rgba(0, 179, 136, 0.12)); box-shadow: rgba(0, 0, 0, 0.15) 0px 13px 30px; transform: translateX(8px);}
html[data-page="curso-r1"] .r1e-flow article:hover::after,
html[data-page="curso-r1"] .r1e-flow article.is-active::after {transform: scaleX(1);}
html[data-page="curso-r1"] .r1e-flow b {left: 12px; width: 46px; height: 46px; border: 1px solid rgba(126, 226, 204, 0.38); border-radius: 15px; color: rgb(108, 226, 192); background: rgba(6, 37, 53, 0.92); box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 24px, rgba(255, 255, 255, 0.035) 0px 0px 0px 4px inset; font-size: 17px; transition: color 0.3s, background 0.3s, transform 0.3s;}
html[data-page="curso-r1"] .r1e-flow article:hover b,
html[data-page="curso-r1"] .r1e-flow article.is-active b {color: rgb(255, 255, 255); background: linear-gradient(135deg, var(--blue), var(--green)); transform: rotate(-3deg) scale(1.07);}
html[data-page="curso-r1"] .r1e-flow article > span {display: grid; gap: 3px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 820;}
html[data-page="curso-r1"] .r1e-flow article > span small {color: rgb(114, 217, 190); font-size: 8px; font-weight: 900; letter-spacing: 0.16em;}
html[data-page="curso-r1"] .r1e-teacher-track {display: flex; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}
html[data-page="curso-r1"] .r1e-teacher-slide {flex: 0 0 100%; min-width: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
html[data-page="curso-r1"] .r1e-teacher-slide figure {position: relative; margin: 0px; aspect-ratio: 1.18 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: 17px; background: var(--surface-soft);}
html[data-page="curso-r1"] .r1e-teacher-slide figure::after {content: ""; position: absolute; inset: auto 0px 0px; height: 28%; background: linear-gradient(transparent, rgba(5, 32, 47, 0.32)); pointer-events: none;}
html[data-page="curso-r1"] .r1e-teacher-slide img {width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: filter 0.45s, transform 0.45s;}
html[data-page="curso-r1"] .r1e-teacher-slide figure:hover img {filter: saturate(1.08); transform: scale(1.055);}
html[data-page="curso-r1"] .r1e-teacher-dots {min-height: 20px; margin-top: 11px; display: flex; justify-content: center; align-items: center; gap: 7px;}
html[data-page="curso-r1"] .r1e-teacher-dots button {width: 8px; height: 8px; padding: 0px; border: 0px; border-radius: 999px; background: color-mix(in srgb, var(--muted) 38%, transparent); cursor: pointer; transition: width 0.3s, background 0.3s;}
html[data-page="curso-r1"] .r1e-teacher-dots button.is-active {width: 27px; background: linear-gradient(90deg, var(--blue), var(--green));}
@keyframes r1e-discount-pulse { 
  0%, 100% { transform: translateY(0px); box-shadow: rgba(55, 216, 164, 0.27) 0px 15px 38px; }
  50% { transform: translateY(-3px); box-shadow: rgba(55, 216, 164, 0.4) 0px 20px 46px; }
}
@keyframes r1e-shine { 
  0%, 62%, 100% { left: -45%; }
  78% { left: 125%; }
}
@keyframes r1e-panel-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (max-width: 680px) {
html[data-page="curso-r1"] .r1e-chip-one {top: 99px; min-height: 43px; padding: 10px 13px; font-size: 11px;}
html[data-page="curso-r1"] .r1e-area-icon {width: 50px !important; height: 50px !important;}
html[data-page="curso-r1"] .r1e-area-icon svg {width: 26px; height: 26px;}
html[data-page="curso-r1"] .r1e-flow article {min-height: 72px; padding-left: 81px;}
html[data-page="curso-r1"] .r1e-teacher-slide {gap: 7px;}
html[data-page="curso-r1"] .r1e-teacher-slide figure {border-radius: 13px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="curso-r1"] .r1e-teacher-track {transition: none;}
}
html[data-page="ciclo-basico"] .cbx-teacher-track {display: flex; transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); will-change: transform;}
html[data-page="ciclo-basico"] .cbx-teacher-slide {flex: 0 0 100%; min-width: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px;}
html[data-page="ciclo-basico"] .cbx-teacher-slide figure {position: relative; margin: 0px; aspect-ratio: 1.18 / 1; overflow: hidden; border: 1px solid var(--border); border-radius: 17px; background: var(--surface-soft);}
html[data-page="ciclo-basico"] .cbx-teacher-slide figure::after {content: ""; position: absolute; inset: auto 0px 0px; height: 28%; background: linear-gradient(transparent, rgba(5, 32, 47, 0.32));}
html[data-page="ciclo-basico"] .cbx-teacher-slide img {width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; transition: filter 0.45s, transform 0.45s;}
html[data-page="ciclo-basico"] .cbx-teacher-slide figure:hover img {filter: saturate(1.08); transform: scale(1.055);}
@keyframes cbx-discount-pulse { 
  0%, 100% { transform: translateY(0px); box-shadow: rgba(55, 216, 164, 0.27) 0px 15px 38px; }
  50% { transform: translateY(-3px); box-shadow: rgba(55, 216, 164, 0.4) 0px 20px 46px; }
}
@keyframes cbx-shine { 
  0%, 62%, 100% { left: -45%; }
  78% { left: 125%; }
}
@keyframes cbx-chip-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
@keyframes cbx-orb-drift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(18px, 20px, 0px) scale(1.06); }
}
@keyframes cbx-panel-in { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes cbx-resource-active-glow { 
  0%, 100% { box-shadow: rgba(255, 255, 255, 0.46) 0px 1px 0px inset, rgba(119, 245, 214, 0.17) 0px 0px 28px inset, rgba(0, 0, 0, 0.29) 0px 21px 46px, rgba(118, 245, 213, 0.2) 0px 0px 0px 1px, rgba(67, 225, 188, 0.3) 0px 0px 30px; }
  50% { box-shadow: rgba(255, 255, 255, 0.56) 0px 1px 0px inset, rgba(141, 255, 226, 0.25) 0px 0px 34px inset, rgba(0, 0, 0, 0.31) 0px 23px 50px, rgba(154, 255, 230, 0.34) 0px 0px 0px 1px, rgba(73, 237, 199, 0.5) 0px 0px 46px; }
}
@keyframes cbx-resource-button-shine { 
  0%, 20% { transform: translateX(-58%) rotate(9deg); }
  56%, 100% { transform: translateX(58%) rotate(9deg); }
}
@media (max-width: 680px) {
html[data-page="ciclo-basico"] .cbx-teacher-slide {gap: 7px;}
html[data-page="ciclo-basico"] .cbx-teacher-slide figure {border-radius: 13px;}
}
@media (prefers-reduced-motion: reduce) {
html[data-page="ciclo-basico"] .cbx-teacher-track {transition: none;}
}
@keyframes r3x-offer-pulse { 
  0%, 100% { transform: translateY(0px); box-shadow: rgba(62, 223, 179, 0.26) 0px 14px 34px; }
  50% { transform: translateY(-3px); box-shadow: rgba(62, 223, 179, 0.42) 0px 19px 43px; }
}
@keyframes r3x-card-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
@keyframes r3x-orb-drift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(18px, 20px, 0px) scale(1.06); }
}
@keyframes r3x-active-glow { 
  0%, 100% { box-shadow: rgba(255, 255, 255, 0.46) 0px 1px 0px inset, rgba(119, 245, 214, 0.17) 0px 0px 28px inset, rgba(0, 0, 0, 0.29) 0px 21px 46px, rgba(67, 225, 188, 0.3) 0px 0px 30px; }
  50% { box-shadow: rgba(255, 255, 255, 0.56) 0px 1px 0px inset, rgba(141, 255, 226, 0.25) 0px 0px 34px inset, rgba(0, 0, 0, 0.31) 0px 23px 50px, rgba(73, 237, 199, 0.5) 0px 0px 46px; }
}
@keyframes r3x-button-shine { 
  0%, 20% { transform: translateX(-58%) rotate(9deg); }
  56%, 100% { transform: translateX(58%) rotate(9deg); }
}
@keyframes r3x-panel-in { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: translateY(0px); }
}
html[data-page="praticas-medicas-simuladas"] {overflow-x: hidden;}
html[data-page="praticas-medicas-simuladas"] .pm-app-page main > section:not(.brand-strip) h2 {position: relative; width: max-content; max-width: 100%; padding-bottom: 17px; color: var(--ink); line-height: 1.16; letter-spacing: -0.035em; text-transform: uppercase; font-size: 26px !important; font-weight: 500 !important;}
html[data-page="praticas-medicas-simuladas"] .pm-app-page main > section:not(.brand-strip) h2::after {content: ""; position: absolute; left: 0px; bottom: 0px; width: clamp(120px, 38%, 205px); height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--blue), var(--green));}
@keyframes pm-button-shine { 
  0%, 66%, 100% { left: -38%; }
  82% { left: 128%; }
}
@keyframes pm-intelligence-shine { 
  0%, 68%, 100% { left: -30%; }
  84% { left: 120%; }
}
@keyframes pm-intelligence-scan { 
  0%, 16%, 100% { top: 16px; opacity: 0; }
  24% { opacity: 0.75; }
  62% { top: calc(100% - 18px); opacity: 0.25; }
  68% { opacity: 0; }
}
@keyframes pm-live-pulse { 
  0%, 100% { transform: scale(0.86); opacity: 0.72; }
  50% { transform: scale(1.12); opacity: 1; }
}
@keyframes pm-note-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}
@keyframes cex-pulse { 
  0%, 100% { transform: scale(0.88); opacity: 0.75; }
  50% { transform: scale(1.12); opacity: 1; }
}
@keyframes cex-orbit { 
  100% { transform: rotate(360deg); }
}
@keyframes cex-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}
html[data-page="revalida"] .hero-copy {position: relative; z-index: 4; max-width: 720px; margin-left: -67px;}
@media (max-width: 1120px) {
html[data-page="revalida"] .hero-copy {margin-left: 0px;}
}
@media (min-width: 1121px) {
html[data-page="index"] .hero-slide .hero-copy {margin-left: -67px; margin-right: auto;}
}
html[data-page="index"] .testimonial-card > p,
html[data-page="index"] .testimonial-card.has-face > p {display: -webkit-box; max-height: calc(6.6em); overflow: hidden; color: var(--ink); font-size: 17px; line-height: 1.65; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
html[data-page="index"] .media-video-copy small {font-size: 12px;}
@media (min-width: 901px) and (max-width: 1700px) {
html[data-page="index"] .hero-slide {background-color: rgb(6, 29, 47); background-position: center center; background-repeat: no-repeat; background-size: 100%;}
}
@media (min-width: 901px) {
html[data-page="index"] .hero-desempenho {background-position: right center; background-size: 1920px 700px;}
}