/* Vareli V3.5.4 TESTES — camada visual; regras e impressão preservadas. */
@media screen {
.vareli-interface{--vareli-navy:#12243A;--vareli-blue:#246BFD;--vareli-ice:#F3F6FA;--vareli-teal:#22B8A7;background:#F3F6FA;color:#12243A;font-family:"Segoe UI",Arial,sans-serif}
.vareli-interface .sidebar{background:linear-gradient(175deg,#12243A,#0b1b2e)!important;box-shadow:3px 0 18px #12243a0a}
.vareli-interface .vareli-brand{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;text-decoration:none;min-width:0}
.vareli-interface .vareli-mark{width:38px!important;height:38px!important;object-fit:contain;flex-shrink:0;display:block}
.vareli-interface .vareli-brand-copy{display:flex!important;flex-direction:column!important;gap:0;line-height:1.05;min-width:0}
.vareli-interface .vareli-brand-copy strong{font-size:33px!important;font-weight:800;letter-spacing:-1.5px;color:inherit}
.vareli-interface .vareli-brand-copy small{font-size:10px;letter-spacing:4px;text-transform:uppercase;font-weight:650;margin:5px 0 0 3px;color:#22B8A7}
.vareli-interface .sidebar .vareli-brand{color:#fff;padding:1px 4px 18px!important;border-bottom:0}
.vareli-interface .sidebar .nav{border-radius:10px;transition:background .15s,color .15s}
.vareli-interface .sidebar .nav:hover,.vareli-interface .sidebar .nav:focus-visible{background:#246bfd28;color:#fff}
.vareli-interface .sidebar .nav.active,.vareli-interface .sidebar .nav.hcs-main-nav{background:#246BFD;color:#fff}
.vareli-interface .hcs329-toggle{background:#ffffff0d;border:1px solid #ffffff25;color:#fff;border-radius:9px;flex-shrink:0}
.vareli-interface .hcs329-brand-row{align-items:center;gap:0}
.vareli-interface .hcs329-menu-list summary{letter-spacing:.07em;font-size:10px}
.vareli-interface .side-bottom{border-top:1px solid #ffffff18;background:#0b1b2e}
.vareli-interface .v3-topbar{border-bottom:1px solid #e4eaf2;box-shadow:0 3px 14px #12243a03}
.vareli-interface .v3-global-search{background:#F3F6FA;border:1px solid #e5ebf3;border-radius:10px}
.vareli-interface .v3-account>b,.vareli-interface .hcs329-avatar{background:#246BFD;color:#fff}
.vareli-interface .panel{border-color:#e3eaf3;border-radius:16px;box-shadow:0 3px 16px #12243a03}
.vareli-interface h1{color:#12243A;letter-spacing:-.7px}
.vareli-interface .btn.primary{background:#246BFD;border-color:#246BFD;box-shadow:0 4px 12px #246bfd16}
.vareli-interface .btn.primary:hover{background:#0751DC;border-color:#0751DC}
.vareli-interface a:focus-visible,.vareli-interface button:focus-visible{outline:3px solid #22B8A7;outline-offset:3px}
.vareli-interface .loginmain{min-height:100vh;min-height:100dvh;padding:24px;background:radial-gradient(ellipse at 15% 15%,#dce9ff,transparent 48%),radial-gradient(ellipse at 95% 90%,#e1f5f2,transparent 45%),#F3F6FA}
.vareli-interface .loginbox{width:min(460px,100%);padding:36px;border-radius:24px;border:1px solid #e1e9f3;box-shadow:0 22px 65px #12243a12}
.vareli-interface .vareli-login-brand{justify-content:center;color:#12243A;margin:0 0 12px}
.vareli-interface .vareli-login-brand .vareli-mark{width:56px!important;height:56px!important}
.vareli-interface .vareli-login-brand strong{font-size:49px!important;letter-spacing:-2px}
.vareli-interface .vareli-tagline{text-align:center;font-size:13px;color:#52677f;margin:10px 0 30px}
.vareli-interface .loginbox h1{font-size:25px;margin-bottom:8px}
.vareli-interface .loginbox .hint{font-size:12px;line-height:1.6;margin:20px 0 0}
.vareli-interface .vareli-mobile-brand{display:flex;align-items:center;gap:6px;color:#fff}
.vareli-interface .vareli-mobile-brand .vareli-mark{width:25px!important;height:25px!important}
.vareli-interface .vareli-mobile-brand strong{font-size:23px!important;letter-spacing:-.8px}
.vareli-interface .vareli-mobile-brand small{font-size:8px!important;letter-spacing:2px!important;margin:2px 0 0}
@media(min-width:851px){body.vareli-interface.hcs329-collapsed .vareli-brand-copy{display:none!important}body.vareli-interface.hcs329-collapsed .sidebar .vareli-brand{justify-content:center;padding:5px 0!important}body.vareli-interface.hcs329-collapsed .hcs329-brand-row .logo{display:flex!important}body.vareli-interface.hcs329-collapsed .vareli-mark{width:31px!important;height:31px!important}}
@media(max-width:850px){.vareli-interface .hcs-mobile-header{background:#12243A}.vareli-interface .sidebar .vareli-brand{padding:8px!important}}
@media(max-width:450px){.vareli-interface .loginmain{padding:16px}.vareli-interface .loginbox{padding:26px 22px}.vareli-interface .v3-shop{max-width:155px;overflow-wrap:anywhere}}
}

/* V3.5.5 TESTES: acesso centralizado em toda a largura, inclusive monitores amplos. */
@media screen {
.vareli-interface .main.loginmain{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:none!important;margin:0!important;min-height:100vh;min-height:100dvh;padding:40px 24px;overflow:hidden;background:radial-gradient(ellipse at 12% 18%,#246bfd38,transparent 48%),radial-gradient(ellipse at 94% 85%,#22b8a71c,transparent 46%),linear-gradient(135deg,#10243b,#081525)}
.vareli-interface .loginmain::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(135deg,#000,transparent 80%)}
.vareli-interface .loginmain::after{content:"";position:absolute;width:min(78vw,1200px);height:min(78vw,1200px);right:-12%;bottom:-25%;z-index:-1;pointer-events:none;opacity:.055;background:linear-gradient(135deg,#80b0ff,#22b8a7);clip-path:polygon(0 0,30% 0,50% 52%,70% 0,100% 0,55% 100%,45% 100%);transform:rotate(-12deg)}
.vareli-interface .loginmain .loginbox{position:relative;margin:0;width:min(460px,100%);padding:36px;border:1px solid #ffffffb3;box-shadow:0 28px 90px #0005;background:#fff}
.vareli-interface .loginbox h1,.vareli-interface .loginbox h1+p{text-align:center}
.vareli-interface .loginbox h1+p{margin-bottom:28px}
.vareli-interface .loginbox .hint{text-align:center}
@media(max-width:450px){.vareli-interface .main.loginmain{padding:24px 16px}.vareli-interface .loginmain .loginbox{padding:30px 22px}.vareli-interface .loginbox h1{font-size:23px}}
}