/* Uma volta da marca conecta o site à área do cliente. */
.announcement .client-login{display:inline-flex;gap:9px;align-items:center;color:#efd192;font-weight:600;white-space:nowrap}
.brand-stage a.hero-brand{display:block;cursor:pointer;text-decoration:none;color:inherit}
.brand-stage a.hero-brand:focus-visible{outline:3px solid #efd192;outline-offset:7px}
.brand-stage a.hero-brand:is(:hover,:focus-visible){border-color:#e6be6da8;box-shadow:0 25px 75px #0006,0 0 60px #177cba38}
.hero-entry-arrow{width:40px;height:40px;border:1px solid #7bb4e34d;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:background .25s,transform .25s}
.hero-brand:is(:hover,:focus-visible) .hero-entry-arrow{background:#215374;transform:rotate(-35deg)}
.hero-brand-bottom .hero-entry-label{color:#f0d39a;display:block;font-size:.82rem;margin-bottom:4px}
.entry-transition{position:fixed;inset:0;margin:auto;width:100vw;max-width:none;height:100dvh;max-height:none;padding:24px;border:0;background:radial-gradient(ellipse at center,#123657e8,#020c1cf7 70%);color:#f1f6fc;overflow:auto}
.entry-transition[open]{display:grid;place-items:center}
.entry-transition::backdrop{background:#020b18e6;backdrop-filter:blur(14px)}
.entering-client{overflow:hidden}
.entry-scene{width:min(100%,520px);text-align:center}
.entry-visual{position:relative;width:min(58vw,270px);aspect-ratio:1;margin:16px auto 32px;perspective:900px;display:grid;place-items:center}
.entry-visual:before,.entry-visual:after{content:'';position:absolute;inset:-12%;border:1px solid #6dbefa42;border-radius:50%;pointer-events:none;animation:entry-orbit 1.25s ease-in-out both}
.entry-visual:after{inset:-4%;border-color:#dfb96166;animation-direction:reverse}
.entry-mark{width:100%;height:100%;object-fit:contain;border:1px solid #6293bf4d;border-radius:26px;box-shadow:0 0 85px #3c9fe933}
.entry-scene p{color:#edf5fc;font-size:1.25rem;margin:0 0 9px}.entry-scene .entry-caption{font-size:1rem;color:#adc4d9}
.entry-controls{display:flex;justify-content:center;gap:24px;margin-top:28px}
.entry-controls button{padding:10px 12px;background:none;border:0;color:#d9e9f8;cursor:pointer;font:inherit;font-size:.875rem;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.entry-controls button:focus-visible{outline:2px solid #efd192;outline-offset:4px}
@keyframes entry-orbit{0%{transform:rotateX(62deg) rotateZ(-40deg);opacity:0}35%{opacity:1}100%{transform:rotateX(62deg) rotateZ(155deg);opacity:0}}
.client-access{min-height:calc(100svh - 126px);display:grid;align-items:center;padding:70px 0 95px;overflow:clip;background:radial-gradient(ellipse at 80% 30%,#1b52804d,transparent 65%)}
.client-access-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,7vw,110px)}
.client-intro h1{color:#f1f6fc;font-size:clamp(2.8rem,5.3vw,5.3rem);line-height:1.04;letter-spacing:-.055em;margin:24px 0}
.client-intro h1 em{font-style:normal;color:#e9c578}
.client-intro .eyebrow{color:#e2c37c}
.client-intro .lead{color:#b5c9dd;font-size:1.125rem;max-width:420px;line-height:1.7}
.client-back{display:inline-flex;gap:10px;align-items:center;color:#c4d9ee;margin-top:32px;font-size:.95rem}.client-back .icon{transform:rotate(180deg)}
.client-panel{position:relative;padding:clamp(24px,4vw,48px);border:1px solid #82b4e44d;border-radius:22px;background:linear-gradient(145deg,#112c47ed,#03142bf5);box-shadow:0 28px 100px #0005;isolation:isolate}
.client-panel:before{content:'';position:absolute;left:12%;right:12%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#efca77,transparent);box-shadow:0 0 20px #efca7755}
.client-panel-logo{display:block;width:150px;height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 28px;border-radius:22px;border:1px solid #8dbbe32d;box-shadow:0 0 45px #5cb8ff18}
.client-panel h2{color:#f1f6fc;font-size:1.65rem;margin:0 0 12px;letter-spacing:-.03em}.client-panel>p{color:#b7cbdc;line-height:1.65;margin:0 0 28px;font-size:1rem}
.client-panel .button{width:100%;justify-content:space-between;font-size:1rem;min-height:56px;padding-inline:20px}
.client-panel .client-access-note{font-size:.875rem;color:#a4bcd1;margin:16px 0 26px}
.client-cloud-link{display:flex;align-items:center;gap:12px;padding-block:20px;border-top:1px solid #b9d9f023;color:#d9eafb;font-size:.95rem}
.client-cloud-link>.icon:last-child{margin-left:auto}.client-help{display:block;color:#d9bf86;font-size:.875rem;text-underline-offset:4px}
@media(max-width:720px){.client-access{padding:36px 0 90px}.client-access-layout{grid-template-columns:1fr;gap:30px}.client-intro h1{font-size:clamp(2.65rem,11vw,4rem);margin:18px 0}.client-intro .lead{font-size:1rem}.client-back{margin-top:16px}.client-panel-logo{width:110px;margin-bottom:20px}.client-panel h2{font-size:1.45rem}.hero-brand-bottom .hero-entry-label{font-size:.75rem}.entry-scene p{font-size:1.1rem}}
.motion-paused .hero-entry-arrow{transform:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.entry-visual:before,.entry-visual:after{animation:none}.hero-entry-arrow{transform:none!important;transition:none}}
@media print{.entry-transition{display:none!important}}

nav#navigation>a.nav-client{display:none}
@media(max-width:980px){nav#navigation>a.nav-client{display:flex;align-items:center;gap:10px;color:#efd192}}
