.metodo-page .metodo-hero,
.metodo-page .metodo-section,
.metodo-page .metodo-cards,
.metodo-page .metodo-cycle,
.metodo-page .metodo-cta { width: min(100%, 1440px); margin-inline: auto; padding: clamp(72px, 10vw, 148px) var(--pad); }
.metodo-page .metodo-hero { min-height: 680px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: 8vw; align-items: center; border-bottom: 1px solid #202020; }
.metodo-page .metodo-hero h1 { max-width: 700px; margin: 26px 0 24px; font: 600 clamp(58px, 8vw, 128px)/.88 Oswald, Arial, sans-serif; letter-spacing: -.055em; text-transform: uppercase; }
.metodo-page .metodo-hero .introducao { max-width: 600px; color: #b7b7b7; font-size: clamp(18px, 2vw, 24px); line-height: 1.45; }
.metodo-page .acoes { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 34px; }
.metodo-page .metodo-orbita { position: relative; width: min(100%, 510px); aspect-ratio: 1; margin-inline: auto; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; background: radial-gradient(circle, rgba(255,83,26,.17), transparent 58%); display: grid; place-items: center; }
.metodo-page .metodo-orbita::before,.metodo-page .metodo-orbita::after { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.metodo-page .metodo-orbita::after { inset: 27%; border-color: #ff531a; box-shadow: 0 0 72px rgba(255,83,26,.18); }
.metodo-page .metodo-orbita b { position: relative; z-index: 2; font: 600 clamp(80px, 12vw, 180px)/1 Oswald, Arial, sans-serif; color: #fff; }
.metodo-page .metodo-orbita span { position: absolute; z-index: 3; padding: 10px 12px; border: 1px solid #303030; background: #090909; color: #d6d6d6; font-size: 10px; letter-spacing: .12em; }
.metodo-page .metodo-orbita span:nth-child(1) { top: 12%; left: 2%; color: #ff531a; }.metodo-page .metodo-orbita span:nth-child(2) { right: 0; top: 45%; }.metodo-page .metodo-orbita span:nth-child(3) { bottom: 10%; left: 25%; }
.metodo-page .metodo-section { display: grid; grid-template-columns: minmax(240px,.72fr) minmax(0,1.28fr); gap: clamp(36px, 8vw, 130px); border-bottom: 1px solid #202020; }
.metodo-page .metodo-heading h2,.metodo-page .metodo-cta h2 { margin: 22px 0 0; font: 600 clamp(46px, 6vw, 92px)/.92 Oswald, Arial, sans-serif; letter-spacing: -.045em; text-transform: uppercase; }
.metodo-page .metodo-copy { max-width: 760px; color: #bdbdbd; font-size: clamp(17px, 1.8vw, 22px); line-height: 1.65; }.metodo-page .metodo-copy p { margin: 0 0 24px; }.metodo-page .metodo-copy strong { color: #fff; }
.metodo-page .metodo-cards { border-bottom: 1px solid #202020; }.metodo-page .camadas-grid,.metodo-page .cycle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 54px; padding: 0; list-style: none; }
.metodo-page .camadas-grid article,.metodo-page .cycle-grid li { min-height: 250px; padding: 28px; border: 1px solid #262626; background: rgba(255,255,255,.025); }.metodo-page .camadas-grid article:hover,.metodo-page .cycle-grid li:hover { border-color: rgba(255,83,26,.6); background: rgba(255,83,26,.08); }
.metodo-page .metodo-card-link { display: inline-flex; width: fit-content; margin-top: 22px; padding-bottom: 4px; border-bottom: 1px solid rgba(255,83,26,.55); color: #fff; font-size: 13px; line-height: 1.4; transition: color .2s, border-color .2s; }.metodo-page .metodo-card-link:hover { color: #ff531a; border-color: #ff531a; }.metodo-page .metodo-card-link:focus-visible { outline: 2px solid #ff531a; outline-offset: 4px; }
.metodo-page .camadas-grid span,.metodo-page .cycle-grid span { color: #ff531a; font-size: 12px; letter-spacing: .12em; }.metodo-page .camadas-grid h3,.metodo-page .cycle-grid h3 { margin: 36px 0 14px; font: 600 clamp(26px, 3vw, 42px)/1 Oswald, Arial, sans-serif; text-transform: uppercase; }.metodo-page .camadas-grid p,.metodo-page .cycle-grid p { color: #bdbdbd; line-height: 1.5; }.metodo-page .camadas-grid small { display: block; margin-top: 28px; color: #7d7d7d; line-height: 1.45; }
.metodo-page .metodo-section--dark { max-width: none; padding-inline: max(var(--pad), calc((100vw - 1440px) / 2 + var(--pad))); background: #0a0a0a; }.metodo-page .metodo-cycle { border-bottom: 1px solid #202020; }.metodo-page .cycle-grid { grid-template-columns: repeat(4, 1fr); }.metodo-page .metodo-cta { text-align: center; }.metodo-page .metodo-cta p:not(.sobretitulo) { max-width: 600px; margin: 28px auto; color: #bdbdbd; font-size: 19px; line-height: 1.55; }
@media (max-width: 860px) { .metodo-page .metodo-hero,.metodo-page .metodo-section { grid-template-columns: 1fr; }.metodo-page .metodo-orbita { width: min(86vw, 440px); }.metodo-page .camadas-grid,.metodo-page .cycle-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .metodo-page .metodo-hero { min-height: auto; padding-top: 70px; }.metodo-page .metodo-hero h1 { font-size: clamp(48px, 16vw, 78px); }.metodo-page .camadas-grid,.metodo-page .cycle-grid { grid-template-columns: 1fr; }.metodo-page .camadas-grid article,.metodo-page .cycle-grid li { min-height: auto; }.metodo-page .metodo-orbita { width: 88vw; } }