/* Portal WR v11.7 — responsive system, neutral scrollbar, transparent identity */
/* Do not reserve scrollbar gutters or change root sizing/overflow. */
html:has(.wr4-public){scrollbar-color:#345f8e #06172c;scrollbar-width:thin}
html:has(.wr4-public)::-webkit-scrollbar{width:10px}
html:has(.wr4-public)::-webkit-scrollbar-track{background:#06172c}
html:has(.wr4-public)::-webkit-scrollbar-thumb{background:#345f8e;border:2px solid #06172c;border-radius:12px}
html:has(.wr4-public)::-webkit-scrollbar-thumb:hover{background:#5799d3}
/* No scrollbar-gutter, no body scroll overlays, no fixed scroll widths. */

/* Reusable section sizing. Content always stays centered under a 1320px cap. */
.wr4-public{--wr117-content:1320px;--wr117-gutter:max(22px,calc((100% - var(--wr117-content)) / 2));width:100%;min-width:0;overflow:clip;color:#edf6ff}
.wr4-public :where(.wr8-sim-section,.wr8-rank-section,.wr8-units-section,.wr4-team-section,.wr116-feedback-section,.wr10-faq-section){padding-left:var(--wr117-gutter)!important;padding-right:var(--wr117-gutter)!important}
.wr4-public :where(.wr8-sim-section,.wr8-rank-section,.wr8-units-section,.wr4-team-section,.wr116-feedback-section,.wr10-faq-section) :where(.wr8-sim-shell,.wr8-rank-shell,.wr9-locations-layout,.wr8-units-head,.wr4-section-head,.wr115-management-grid,.wr116-wrap,.wr116-feedback-heading){max-width:var(--wr117-content);margin-left:auto;margin-right:auto;min-width:0}
.wr4-public :where(.wr8-rank-section,.wr8-units-section,.wr4-team-section)>.wr4-section-head{max-width:var(--wr117-content);margin-inline:auto}
.wr4-public .wr10-faq-section{grid-template-columns:minmax(0, .92fr) minmax(0,1.08fr);gap:clamp(36px,4.5vw,72px);align-items:start}
.wr4-public .wr10-faq-section>:is(.wr10-faq-intro,.wr4-faqs){min-width:0;width:100%;max-width:none}
.wr4-public #simular .wr8-sim-shell{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(30px,4vw,66px)}
.wr4-public .wr8-sim-form{max-width:none}
.wr4-public .wr8-rank-board,.wr4-public .wr8-rank-highlight>div:first-child{min-width:0}
.wr4-public .wr8-section-head h2,.wr4-public .wr8-sim-copy h2,.wr4-public .wr8-units-head h2,.wr4-public #equipe .wr4-section-head h2,.wr4-public .wr116-feedback-heading h2,.wr4-public #faq h2{font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:normal;max-width:950px}
.wr4-public :where(#simular,#ranking,#equipe,#unidades,#depoimentos,#faq) :where(p,small){overflow-wrap:break-word}
.wr4-public .wr8-section-head h2{max-width:880px}
.wr4-public .wr8-rank-section>.wr8-section-head{margin-bottom:36px}
.wr4-public .wr8-rank-highlight{grid-template-columns:minmax(0,1fr) minmax(195px,220px)}
.wr4-public .wr8-rank-highlight h3{font-size:clamp(23px,2.1vw,30px)}
.wr4-public .wr8-rank-line,.wr4-public .wr8-rankline{min-width:0}
.wr4-public .wr7-results-shell{max-width:var(--wr117-content);width:100%;padding-inline:0;}

/* Metallic WR logo extracted from the supplied image, no painted rectangle. */
.wr4-public .wr4-navbar.wr6-navbar .wr6-logo img{
 width:116px!important;height:auto!important;max-height:62px!important;object-fit:contain;
 display:block;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;
 filter:drop-shadow(0 4px 12px rgba(0,0,0,.22));
}
.wr4-public .wr4-footer img,.wr4-login-screen img,.login-brand img,.login-mobile-brand img,.side-brand img,.password-card img,.wr5-rank-banner-header img,.wr4-superbanner-top img{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important;padding:0!important;
}
.wr4-public .wr4-footer img{width:104px;height:auto}
.wr4-public .wr4-footer{gap:22px;}
.wr4-login-screen .wr4-login-banner img{width:164px!important;max-width:60vw}
.wr4-login-screen .wr4-login-box>img{width:117px}
.side-brand img{object-fit:contain!important;max-width:78px;}

/* Responsive hierarchy and viewport breakpoints. */
@media (min-width:1700px){
 .wr4-public .wr6-hero-grid{max-width:var(--wr117-content);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-inline:0}
 .wr4-public .wr6-hero-foot{max-width:var(--wr117-content);padding-inline:0}
 .wr4-public .wr7-results-shell{padding-inline:0}
}
@media(max-width:1180px){
 .wr4-public{--wr117-gutter:clamp(22px,4vw,54px)}
 .wr4-public .wr8-rank-highlight{grid-template-columns:minmax(0,1fr) 200px}
 .wr4-public .wr8-section-head h2,.wr4-public .wr8-sim-copy h2,.wr4-public .wr8-units-head h2,.wr4-public #equipe .wr4-section-head h2,.wr4-public .wr116-feedback-heading h2,.wr4-public #faq h2{font-size:clamp(36px,4.25vw,52px)}
 .wr4-public .wr7-results-shell{padding-inline:var(--wr117-gutter)}
}
@media(max-width:980px){
 .wr4-public #simular .wr8-sim-shell{grid-template-columns:1fr}
 .wr4-public .wr8-rank-highlight{grid-template-columns:1fr}
 .wr4-public .wr10-faq-section{grid-template-columns:1fr;gap:34px}
 .wr4-public .wr6-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
 .wr4-public .wr8-units-head{grid-template-columns:1fr}
 .wr4-public .wr9-locations-layout{grid-template-columns:1fr}
}
@media(max-width:720px){
 .wr4-public{--wr117-gutter:20px}
 .wr4-public :where(.wr8-sim-section,.wr8-rank-section,.wr8-units-section,.wr4-team-section,.wr116-feedback-section,.wr10-faq-section){padding-inline:20px!important}
 .wr4-public .wr8-section-head h2,.wr4-public .wr8-sim-copy h2,.wr4-public .wr8-units-head h2,.wr4-public #equipe .wr4-section-head h2,.wr4-public .wr116-feedback-heading h2,.wr4-public #faq h2{font-size:clamp(34px,8.4vw,46px);line-height:1.09}
 .wr4-public .wr7-results-shell{padding-inline:20px}
 .wr4-public .wr4-navbar.wr6-navbar .wr6-logo img{width:93px!important;max-height:53px!important}
 .wr4-public .wr8-rank-section>.wr8-section-head{display:block}
 .wr4-public .wr8-rank-section>.wr8-section-head .wr4-monthtag{margin-top:17px;display:inline-flex}
 .wr4-public #ranking .wr8-rank-board{padding:20px 15px}
 .wr4-public .wr8-rank-board-head{align-items:flex-start}
 .wr4-public .wr8-rank-alert{max-width:100%}
 .wr4-public #simular .wr8-sim-form{width:100%}
 .wr4-public .wr116-story-copy{min-width:0}
}
@media(max-width:420px){
 .wr4-public{--wr117-gutter:16px}
 .wr4-public :where(.wr8-sim-section,.wr8-rank-section,.wr8-units-section,.wr4-team-section,.wr116-feedback-section,.wr10-faq-section){padding-inline:16px!important}
 .wr4-public .wr7-results-shell{padding-inline:16px}
 .wr4-public .wr8-section-head h2,.wr4-public .wr8-sim-copy h2,.wr4-public .wr8-units-head h2,.wr4-public #equipe .wr4-section-head h2,.wr4-public .wr116-feedback-heading h2,.wr4-public #faq h2{font-size:34px}
}
/* Marca sobre superfícies claras: mantém a transparência e muda apenas a cor. */
.wr4-login-screen .wr4-login-box>img,.login-mobile-brand img,.password-card img{
 filter:brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(1214%) hue-rotate(174deg) brightness(91%) contrast(99%);
}
