@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/compras/assets/fonts/atkinson0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Atkinson Hyperlegible Next';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/compras/assets/fonts/atkinson0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/compras/assets/fonts/bricolage0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/compras/assets/fonts/bricolage0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* Entrada aprovada: marcas, legibilidade e compra simples. */
body{background:#f5f7fb;color:#192558;font-family:MedRioUI,system-ui,sans-serif}a:focus-visible,button:focus-visible{outline:3px solid #0072b0;outline-offset:4px} .wrap{max-width:1200px;margin:auto;padding:24px 32px}.top{background:#192558;color:white;font-size:11px;letter-spacing:1.5px;padding:10px;text-align:center}.header{padding:10px 0 28px}.hero{gap:42px;padding:36px 0 46px;align-items:center}.hero h1{font-size:clamp(32px,4.5vw,60px);line-height:1.09;letter-spacing:-1.8px;color:#192558;max-width:650px}.eyebrow{color:#0072b0;font-weight:800;letter-spacing:1.8px}.hero .intro{font-size:18px;line-height:1.65;color:#52617d}.hero .cta{background:#0072b0;color:#fff;border-radius:12px;min-height:52px;padding:16px 24px;box-shadow:0 8px 20px #0072b020}.brand-entry{background:white;border:1px solid #e1e7f0;border-radius:24px;padding:28px;box-shadow:0 18px 45px #19255808}.brand-entry-grid a{background:#fff;border:1px solid #e5eaf2;border-radius:14px;min-height:100px;display:flex;align-items:center;justify-content:center}.brand-entry-grid img{max-width:135px;max-height:52px;object-fit:contain}.steps{border:1px solid #e1e7f0;border-radius:18px;background:white;padding:24px;gap:24px}.brands{gap:18px}.brand-card{border:1px solid #e1e7f0;border-radius:20px;box-shadow:none}.mr-home-campaign{margin:36px 0}.mr-home-campaign h2{font-size:28px;line-height:1.2}.mr-home-campaign p{color:#52617d}.mr-home-campaign .campaigns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.campaigns a{display:block;border:1px solid #e1e7f0;border-radius:18px;overflow:hidden;background:white;text-decoration:none;color:#192558}.campaigns img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.campaigns strong{display:block;padding:14px 16px;font-size:15px}header{max-width:1160px}header .admin-link{display:none}main{border:1px solid #e1e7f0;box-shadow:0 14px 40px #19255808}.access{padding:38px}.access h2{font-size:29px}.tabs button{min-height:48px}.tabs{background:#f1f4f9}.hero .badge{color:#fff}body.mr-login main .hero h1{color:white;font-size:38px;line-height:1.18;letter-spacing:-.6px}body.mr-login main .hero .intro{color:#e3eaf6;font-size:17px}.password-toggle{display:block;background:none;border:0;color:#0072b0;padding:9px 0;min-height:40px;cursor:pointer;font-weight:700;font-size:14px}input{min-height:48px}button[type=submit]{min-height:52px;background:#0072b0}.mr-campaign-banner{background:#fff;color:#192558;border:1px solid #e1e7f0}.mr-campaign-banner h2{color:#192558}.mr-campaign-banner .mr-entry-eyebrow{color:#0072b0}.mr-campaign-banner a{background:#0072b0;color:#fff}.mr-campaign-slide img{aspect-ratio:16/9;object-fit:cover}.mr-campaign-slide{background:#f5f7fb}
@media(max-width:700px){.wrap{padding:18px}.header{padding-bottom:12px}.header nav{font-size:12px}.hero{padding:20px 0 28px;gap:24px}.hero h1{font-size:35px;letter-spacing:-1px}.hero .intro{font-size:16px}.brand-entry{padding:20px;border-radius:18px}.brand-entry-grid a{min-height:76px}.brand-entry-grid img{max-width:115px;max-height:42px}.steps{padding:18px}.mr-home-campaign .campaigns{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.campaigns a{flex:0 0 88%;scroll-snap-align:start}.mr-home-campaign h2{font-size:25px}main .access{padding:24px}body.mr-login main .hero h1{font-size:26px}.access h2{font-size:25px}.mr-campaign-banner{padding:22px}.mr-campaign-banner h2{font-size:24px}}

.mr-institutional{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #d8dfeb;border-radius:12px;color:#192558;background:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.nav{flex-wrap:wrap}.mr-institutional:hover{background:#eaf2fa}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.header .nav{width:100%;display:flex;justify-content:space-between;gap:10px}.mr-institutional{font-size:13px;padding:10px 12px}.header .nav .contact{display:none}}

body,body.mr-login,body.medrio-visual-review,body.medrio-visual-review :is(p,a,label,small,span,strong,b,input,button,select){font-family:'Atkinson Hyperlegible Next',system-ui,sans-serif!important;font-variant-numeric:tabular-nums}body :is(h1,h2,h3),body.mr-login main .hero h1,body.medrio-visual-review :is(h1,h2,h3){font-family:'Bricolage Grotesque',system-ui,sans-serif!important}body:not(.mr-login) main,body:not(.mr-login) .hero{border:0!important;box-shadow:none!important}body{padding-bottom:72px!important}.entry-actions{display:flex;gap:8px;align-items:center}.entry-actions a,.entry-actions button{padding:9px 12px;border-radius:10px;min-height:44px;font-weight:700;font-size:14px}.entry-actions a{background:#0072b0;color:white}.entry-actions button{background:white;color:#0072b0;border:1px solid #d6e0ec}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap!important}.header .logo{max-width:180px}@media(max-width:700px){.header{gap:10px!important}.header .logo{width:135px!important;height:auto}.header .entry-actions{width:auto!important;flex-wrap:nowrap}.entry-actions a,.entry-actions button{padding:9px 10px;font-size:13px}.header .nav{width:auto!important}}

.mr-login .access button{min-height:44px!important}.mr-login .access a{display:inline-flex;align-items:center;min-height:44px}.mr-login .access a:focus-visible{outline:3px solid #db9a24;outline-offset:3px}

/* Leitura confortável no bloco azul da tela de acesso — 10/10/2026. */
body.mr-login main .hero{padding:40px 38px 42px;min-width:0}
body.mr-login main .hero h1{font-size:34px;line-height:1.24;margin:22px 0 20px;letter-spacing:-.5px}
body.mr-login main .hero .intro{font-size:17px;line-height:1.65;margin:0 0 28px}
body.mr-login main .hero .benefits{display:flex;flex-direction:column;gap:24px;margin:0 0 28px;padding:0;list-style:none}
body.mr-login main .hero .benefits li{display:flex;align-items:flex-start;gap:14px;margin:0}
body.mr-login main .hero .benefits li>div{min-width:0}
body.mr-login main .hero .benefits strong{display:block;font-size:16px;line-height:1.4;margin:0 0 7px}
body.mr-login main .hero .benefits small{display:block;font-size:14px;line-height:1.6}
body.mr-login main .hero .check{flex-shrink:0;margin-top:2px}
body.mr-login main .hero .hero-note{font-size:13px;line-height:1.6;margin:18px 0 0}
@media(max-width:700px){body.mr-login main .hero{padding:28px 24px 30px}body.mr-login main .hero h1{font-size:28px;line-height:1.25;margin:18px 0}body.mr-login main .hero .intro{font-size:16px;margin-bottom:24px}body.mr-login main .hero .benefits{gap:21px;margin-bottom:24px}body.mr-login main .hero .benefits li{gap:12px}body.mr-login main .hero .benefits strong{font-size:16px}body.mr-login main .hero .benefits small{font-size:14px}}