/* =========================================================
   WHWEB — SITE + CLIENT DESIGN SYSTEM
   Arquivo estável: futuras atualizações editam este mesmo arquivo.
   Não criar site-vXX.css/client-vXX.css.
   O Client Center está isolado por body.client-embedded.
   ========================================================= */

/* BASE DO SITE */
:root{--accent:#003379;--accent-2:#0d4ea5;--accent-rgb:0,51,121;--accent-2-rgb:13,78,165;--accent-contrast:#ffffff;--accent-readable:#7db3ff;--bg:#000b1a;--bg2:#031427;--panel:#061729;--panel2:#0a2037;--text:#ffffff;--muted:#929eaa;--line:rgba(255,255,255,.08);--success:#32d996;--danger:#ff6674;--shadow:0 30px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 90% 0,rgba(var(--accent-rgb),.07),transparent 28%),linear-gradient(180deg,#05080b,#070b10 60%,#05080b);font-family:var(--site-font,Arial,Helvetica,sans-serif);font-weight:var(--site-font-weight,var(--global-font-weight,400));font-size:var(--site-font-size,14px);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container-xl{max-width:1320px}.muted{color:var(--muted)!important}.text-accent{color:var(--accent-readable)!important}
.logo{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-symbol{width:49px;height:42px;display:grid;place-items:center;font-size:39px;font-weight:950;font-style:italic;line-height:1;background:linear-gradient(145deg,var(--accent-2),var(--accent) 60%,color-mix(in srgb,var(--accent) 72%,#000));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(var(--accent-rgb),.14))}.brand-word{font-size:26px;font-weight:950;letter-spacing:-.055em;line-height:.8}.brand-word>span{color:var(--accent-readable)}.brand-word small{display:block;font-size:7px;letter-spacing:.18em;color:#8d99a5;margin-top:7px;font-weight:700}.logo img{height:44px;max-width:190px;object-fit:contain}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(4,7,10,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.wh-nav{min-height:78px;display:flex;align-items:center;gap:24px}.wh-nav .logo{margin-right:auto}.nav-links{display:flex;align-items:center;gap:23px}.nav-links a{position:relative;font-size:13px;color:#b8c0c8;padding:29px 0;transition:.2s}.nav-links a:hover{color:#fff}.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--accent);transition:.25s}.nav-links a:hover::after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}.mobile-toggle{display:none;width:43px;height:43px;border-radius:12px;border:1px solid var(--line);background:#0b1218;color:#fff}.account-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#0a1117;border-radius:14px;padding:6px 9px}.account-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-weight:950}.account-chip small,.account-chip b{display:block;line-height:1.05}.account-chip small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.account-chip b{font-size:10px;margin-top:3px}.account-chip>i{font-size:11px;color:#65717d}
.btn{border-radius:12px;min-height:44px;padding:10px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:13px;transition:.25s}.btn-premium{border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);box-shadow:0 14px 34px rgba(var(--accent-rgb),.2)}.btn-premium:hover{transform:translateY(-2px);color:var(--accent-contrast);filter:brightness(1.06);box-shadow:0 20px 42px rgba(var(--accent-rgb),.28)}.btn-darkline,.btn-glass{border:1px solid rgba(255,255,255,.16);background:rgba(9,14,19,.72);color:#f5f7f9}.btn-darkline:hover,.btn-glass:hover{color:#fff;border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.07)}
.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-readable);border:1px solid rgba(var(--accent-rgb),.32);background:rgba(var(--accent-rgb),.07);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.section-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.hero-premium-full{padding:0}.premium-carousel{position:relative;min-height:clamp(580px,72vh,760px);overflow:hidden;background:#05080b;border-bottom:1px solid rgba(var(--accent-rgb),.18)}.premium-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s}.premium-slide.active{opacity:1;visibility:visible;z-index:2}.premium-slide-bg,.premium-slide-shade{position:absolute;inset:0}.premium-slide-bg{background-size:cover!important;background-position:center!important;transform:scale(1.05);transition:transform 7.5s ease;filter:saturate(.96) contrast(1.05)}.premium-slide.active .premium-slide-bg{transform:scale(1)}.premium-slide-shade{background:linear-gradient(90deg,rgba(4,7,10,.96) 0%,rgba(4,7,10,.85) 34%,rgba(4,7,10,.34) 65%,rgba(4,7,10,.28) 100%),linear-gradient(0deg,rgba(4,7,10,.72),transparent 60%)}.slide-inner{position:relative;z-index:4;min-height:clamp(580px,72vh,760px);display:flex;align-items:center}.slide-copy{max-width:790px;padding:72px 0 96px}.slide-copy h1{font-size:clamp(54px,6.3vw,88px);line-height:.96;letter-spacing:-.065em;margin:0 0 22px;font-weight:950;text-wrap:balance}.slide-copy p{font-size:clamp(17px,1.8vw,22px);line-height:1.6;color:#cbd2d9;max-width:700px;margin:0}.slide-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:31px}.carousel-control-premium{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(5,8,11,.6);backdrop-filter:blur(10px);color:#fff;display:grid;place-items:center}.carousel-control-premium:hover{border-color:var(--accent-readable);color:var(--accent-readable)}.carousel-prev{left:22px}.carousel-next{right:22px}.carousel-dots{position:absolute;z-index:8;left:50%;bottom:25px;transform:translateX(-50%);display:flex;gap:8px}.carousel-dot{width:9px;height:9px;border:0;border-radius:99px;background:rgba(255,255,255,.35);padding:0;transition:.25s}.carousel-dot.active{width:34px;background:var(--accent)}.carousel-progress{position:absolute;z-index:9;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0}
.service-entry{padding:0;background:#080e13;border-bottom:1px solid var(--line)}.service-entry-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.entry-card{min-height:108px;padding:20px;display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;border-right:1px solid var(--line);transition:.25s}.entry-card>span{width:44px;height:44px;border-radius:13px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);display:grid;place-items:center;color:var(--accent-readable);font-size:17px}.entry-card b,.entry-card small{display:block}.entry-card b{font-size:13px}.entry-card small{font-size:10px;color:var(--muted);margin-top:4px}.entry-card>i{color:#596672}.entry-card:hover{background:rgba(var(--accent-rgb),.035)}.entry-card:hover>i{color:var(--accent-readable)}
section{padding:78px 0}.hosting-showcase{padding:56px 0 20px}.hosting-showcase-card{min-height:355px;border-radius:26px;border:1px solid var(--line);overflow:hidden;background:radial-gradient(circle at 75% 50%,rgba(var(--accent-rgb),.11),transparent 30%),linear-gradient(125deg,#0a1117,#11151a 54%,color-mix(in srgb,var(--accent) 8%,#090e13));display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:var(--shadow)}.hosting-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.hosting-copy h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.05em;line-height:1.04;margin:15px 0 18px;max-width:650px}.hosting-bullets{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px}.hosting-bullets span{font-size:12px;color:#c8d0d7}.hosting-bullets i{color:var(--accent-readable);margin-right:7px}.hosting-copy .btn{align-self:flex-start}.server-art{position:relative;min-height:355px;overflow:hidden;border-left:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.012),rgba(var(--accent-rgb),.03))}.server-stack{position:absolute;left:50%;top:50%;transform:translate(-60%,-50%) skewY(-2deg);width:min(330px,55%);padding:16px;border-radius:18px;background:#080d12;border:1px solid rgba(var(--accent-rgb),.24);box-shadow:0 32px 70px rgba(0,0,0,.55),0 0 55px rgba(var(--accent-rgb),.1)}.server-row{height:48px;margin:6px;border-radius:8px;background:linear-gradient(180deg,#111a22,#080d12);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:6px;padding:0 13px}.server-row span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.server-row span:nth-child(2){opacity:.55}.server-row span:nth-child(3){opacity:.25}.server-row i{margin-left:auto;width:45%;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--accent),transparent)}.server-orbit{position:absolute;right:-40px;bottom:-110px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.16);box-shadow:0 0 0 42px rgba(var(--accent-rgb),.025),0 0 0 84px rgba(var(--accent-rgb),.015)}.server-copy{position:absolute;right:34px;top:42px;width:190px;padding:18px;border-radius:16px;background:rgba(4,8,12,.7);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.server-copy b,.server-copy small{display:block}.server-copy b{font-size:20px;line-height:1.1}.server-copy small{font-size:10px;color:var(--muted);margin-top:8px;line-height:1.5}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head h2{font-size:clamp(34px,4.4vw,54px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 8px;max-width:780px}.section-head p{color:var(--muted);max-width:730px;margin:0;line-height:1.7}.section-link{font-size:12px;color:#cfd5da;display:flex;align-items:center;gap:8px;white-space:nowrap}.section-link:hover{color:var(--accent-readable)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{position:relative;display:flex;flex-direction:column;min-height:560px;padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#0e171f,#0a1117);transition:.28s;overflow:hidden}.pricing-card::after{content:"";position:absolute;right:-80px;top:-110px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 70%);pointer-events:none}.pricing-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.36);box-shadow:0 30px 75px rgba(0,0,0,.32)}.pricing-card.featured{border-color:rgba(var(--accent-rgb),.62);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.16),0 28px 80px rgba(var(--accent-rgb),.07)}.plan-ribbon{position:absolute;right:20px;top:18px;padding:6px 9px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.2);color:var(--accent-readable);font-size:22px}.plan-label{font-size:9px;color:#8f9aa5;text-transform:uppercase;letter-spacing:.12em}.pricing-card h3{font-size:25px;margin:21px 0 8px}.pricing-card>p{color:var(--muted);font-size:13px;line-height:1.6}.price{display:flex;align-items:end;gap:6px;margin:22px 0 18px}.price strong{font-size:43px;line-height:1;font-weight:950;letter-spacing:-.05em}.price span{font-size:11px;color:var(--muted);padding-bottom:5px}.pricing-card ul{list-style:none;padding:0;margin:0 0 25px;flex:1}.pricing-card li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px;color:#cad1d7;display:flex;gap:8px;align-items:center}.pricing-card li i{color:var(--accent-readable);font-size:12px}
.market-section{background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));border-top:1px solid rgba(255,255,255,.04)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-card{border-radius:23px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#0e171f,#091016);transition:.28s}.market-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.34);box-shadow:0 25px 70px rgba(0,0,0,.3)}.market-card-media{height:235px;position:relative;overflow:hidden;background:#0c1117}.market-card-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.market-card:hover .market-card-media img{transform:scale(1.035)}.market-badge{position:absolute;left:15px;top:15px;padding:6px 9px;border-radius:999px;background:rgba(5,8,11,.82);border:1px solid rgba(255,255,255,.13);font-size:9px;color:#fff;backdrop-filter:blur(8px)}.product-placeholder{height:100%;display:grid;place-items:center;font-size:45px;color:var(--accent-readable);background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 50%)}.market-card-body{padding:22px}.market-card h3{font-size:19px;margin:0 0 8px}.market-card p{font-size:12px;line-height:1.65;color:var(--muted);min-height:40px}.market-card-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:18px}.market-card-row small,.market-card-row strong{display:block}.market-card-row small{font-size:8px;color:#7d8994;text-transform:uppercase;letter-spacing:.09em}.market-card-row strong{font-size:24px;letter-spacing:-.03em;margin-top:3px}.mini-cart{width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);display:grid;place-items:center;font-size:18px}.mini-cart:hover{color:color-mix(in srgb,var(--accent) 8%,#090e13);transform:translateY(-2px)}
.faq-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:58px}.faq-intro h2{font-size:clamp(36px,4vw,52px);letter-spacing:-.05em;line-height:1.03;margin:15px 0 13px}.faq-intro p{color:var(--muted);line-height:1.7}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{border:1px solid var(--line);border-radius:16px;background:#0a1117;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;color:#fff;padding:18px 19px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:800}.faq-q i{color:var(--accent-readable);transition:.25s}.faq-a{display:none;padding:0 19px 19px;color:var(--muted);font-size:13px;line-height:1.7}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q i{transform:rotate(45deg)}
.page-hero{padding:105px 0 65px;background:radial-gradient(circle at 80% 25%,rgba(var(--accent-rgb),.1),transparent 27%),linear-gradient(180deg,#070c11,#05080b);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.06em;max-width:950px;margin:16px 0}.page-hero p{color:var(--muted);font-size:18px;max-width:760px;line-height:1.7}.content-box{max-width:1000px;margin:0 auto;border:1px solid var(--line);background:linear-gradient(180deg,#0e171e,#091017);border-radius:22px;padding:32px;color:#cbd2d8;line-height:1.8;box-shadow:var(--shadow)}.contact-box,.checkout-box{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#cbd2d8}.field input,.field textarea,.field select{width:100%;border:1px solid rgba(255,255,255,.1);background:#071018;color:#fff;border-radius:12px;padding:13px 14px;outline:none}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent-readable);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.06)}
.prefooter{padding:28px 0 62px}.prefooter-card{border:1px solid rgba(var(--accent-rgb),.22);border-radius:24px;background:radial-gradient(circle at 80% 50%,rgba(var(--accent-rgb),.16),transparent 30%),linear-gradient(120deg,var(--surface,#0d151b),color-mix(in srgb,var(--accent) 9%,var(--surface,#0d151b)));padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.prefooter-card h2{font-size:31px;letter-spacing:-.04em;margin:10px 0 7px}.prefooter-card p{color:var(--muted);margin:0}.prefooter-actions{display:flex;gap:10px;flex-wrap:wrap}.site-footer{border-top:1px solid var(--line);background:#04070a;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr .7fr .7fr;gap:42px}.footer-brand p{max-width:470px;color:var(--muted);font-size:12px;line-height:1.7;margin:20px 0}.demo-note{display:inline-flex;gap:7px;align-items:center;font-size:9px;color:#7c8792}.footer-grid h4{font-size:12px;margin-bottom:16px}.footer-grid>div:not(.footer-brand) a{display:block;color:#8e99a4;font-size:11px;margin:11px 0}.footer-grid a:hover{color:var(--accent-readable)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:#697581}
.auth-page{min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr}.auth-visual{position:relative;overflow:hidden;padding:42px 6vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 48%,rgba(var(--accent-rgb),.18),transparent 26%),linear-gradient(130deg,#070b0f,#0b1116 56%,color-mix(in srgb,var(--accent) 8%,#090e13));border-right:1px solid rgba(var(--accent-rgb),.2)}.auth-visual::after{content:"";position:absolute;right:-140px;bottom:-170px;width:500px;height:500px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.16);box-shadow:0 0 0 55px rgba(var(--accent-rgb),.026),0 0 0 110px rgba(var(--accent-rgb),.016)}.auth-visual>*{position:relative;z-index:2}.auth-visual h1{font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-.065em;margin:16px 0}.auth-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:700px}.auth-feature{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.auth-feature b,.auth-feature span{display:block}.auth-feature b{font-size:11px}.auth-feature span{font-size:9px;color:var(--muted);margin-top:4px}.auth-panel{display:grid;place-items:center;padding:35px;background:#05080b}.auth-card{width:min(450px,100%);padding:34px;border:1px solid var(--line);background:linear-gradient(180deg,#0c141b,#091017);border-radius:22px;box-shadow:var(--shadow)}.auth-card h2{font-size:32px;letter-spacing:-.04em;margin:15px 0 6px}.auth-helper{text-align:center;color:var(--muted);font-size:11px;line-height:2;margin-top:17px}.auth-helper a{color:var(--accent-readable)}
.toast{position:fixed;z-index:3000;right:20px;top:92px;max-width:min(430px,90vw);display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:13px;background:#0d161e;border:1px solid var(--line);box-shadow:var(--shadow);font-size:12px}.toast.success{border-color:rgba(50,217,150,.38)}.toast.error{border-color:rgba(255,102,116,.4)}.toast.success i{color:var(--success)}.toast.error i{color:var(--danger)}.page-loader{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:rgba(4,7,10,.94);backdrop-filter:blur(18px)}.page-loader.active{display:grid}.loader-box{text-align:center}.loader-logo{width:78px;height:78px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;font-size:43px;font-weight:950;font-style:italic;color:var(--accent-readable);border:1px solid rgba(var(--accent-rgb),.25);background:rgba(var(--accent-rgb),.07);box-shadow:0 0 45px rgba(var(--accent-rgb),.08);animation:pulse 1.3s ease-in-out infinite}.loader-line{width:220px;height:4px;border-radius:99px;background:#131d26;overflow:hidden;margin:0 auto 16px}.loader-line span{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--accent),var(--accent-2));animation:loader 1.1s ease-in-out infinite}.loader-box b,.loader-box small{display:block}.loader-box small{color:var(--muted);font-size:10px;margin-top:5px}@keyframes loader{50%{transform:translateX(180%)}100%{transform:translateX(0)}}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 65px rgba(var(--accent-rgb),.15)}}
@media(max-width:1080px){.nav-links{display:none}.mobile-toggle{display:grid;place-items:center}.wh-nav.open{flex-wrap:wrap;padding:12px 0}.wh-nav.open .nav-links{display:flex;order:5;width:100%;flex-direction:column;align-items:flex-start;gap:0}.wh-nav.open .nav-links a{width:100%;padding:12px 0}.service-entry-grid{grid-template-columns:1fr 1fr}.hosting-showcase-card{grid-template-columns:1fr}.server-art{border-left:0;border-top:1px solid var(--line)}.pricing-grid,.market-grid{grid-template-columns:1fr 1fr}.faq-shell{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-visual{display:none}}
@media(max-width:720px){.wh-nav{min-height:68px}.brand-word{font-size:22px}.brand-symbol{width:42px;font-size:34px}.nav-actions .btn-darkline{display:none}.nav-actions .btn{padding:9px 12px}.account-chip span:nth-child(2){display:none}.premium-carousel,.slide-inner{min-height:620px}.premium-slide-shade{background:linear-gradient(90deg,rgba(4,7,10,.95),rgba(4,7,10,.67)),linear-gradient(0deg,rgba(4,7,10,.8),transparent 55%)}.slide-copy{padding:76px 0 104px}.slide-copy h1{font-size:45px}.slide-copy p{font-size:16px}.slide-actions .btn{width:100%}.carousel-control-premium{top:auto;bottom:17px;transform:none;width:40px;height:40px}.carousel-prev{left:18px}.carousel-next{right:18px}.carousel-dots{bottom:30px}.service-entry-grid,.pricing-grid,.market-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.entry-card{border-right:0;border-bottom:1px solid var(--line)}section{padding:54px 0}.hosting-showcase{padding:35px 0 0}.hosting-copy{padding:26px}.hosting-copy h2{font-size:36px}.hosting-bullets{grid-template-columns:1fr}.server-art{min-height:320px}.server-stack{left:44%;width:65%}.server-copy{right:16px;top:20px;width:160px}.section-head{align-items:flex-start;flex-direction:column}.section-head h2{font-size:38px}.pricing-card{min-height:auto}.market-card-media{height:210px}.prefooter-card,.footer-bottom{align-items:flex-start;flex-direction:column}.prefooter-actions{width:100%}.prefooter-actions .btn{flex:1}.page-hero{padding:80px 0 48px}.page-hero h1{font-size:48px}.content-box{padding:20px}.field.full{grid-column:auto}.auth-panel{padding:20px}.auth-card{padding:25px}}
/* =========================================================
   WHWEB EXCLUSIVE V5 — NEXUS HOSTING UI
   ========================================================= */
:root{--bg:var(--site-bg,#05080c);--panel:var(--surface,#0b1219);--text:var(--site-text,#f7f9fb)}
body{font-family:var(--site-font,Arial,Helvetica,sans-serif);color:var(--site-text,#f7f9fb);background:radial-gradient(circle at 82% -5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),linear-gradient(180deg,var(--site-bg,#05080c),#070b10 58%,var(--site-bg,#05080c))}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.site-header{background:color-mix(in srgb,var(--site-bg,#05080c) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.06))}.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 75%,transparent),transparent);opacity:.38}
.btn,.pricing-card,.market-card,.content-box,.prefooter-card,.portal-auth-card,.product-detail-media{border-radius:var(--radius,18px)}
.hero-premium-full{position:relative}.premium-carousel{min-height:clamp(520px,37.5vw,720px);border-bottom:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.05));box-shadow:0 34px 90px rgba(0,0,0,.35)}.slide-inner{min-height:clamp(520px,37.5vw,720px)}.premium-slide-bg{background-size:cover!important;background-position:center center!important;filter:saturate(1.04) contrast(1.03)}.premium-slide-shade{background:linear-gradient(90deg,rgba(3,6,9,.92) 0%,rgba(3,6,9,.76) 27%,rgba(3,6,9,.34) 53%,rgba(3,6,9,.12) 78%,rgba(3,6,9,.18) 100%),linear-gradient(0deg,rgba(3,6,9,.55),transparent 55%)}.slide-copy{max-width:670px;padding:64px 0 86px}.slide-copy h1{font-size:clamp(50px,5.6vw,82px);text-shadow:0 10px 35px rgba(0,0,0,.46)}.slide-copy p{max-width:590px;color:#d7dde3;text-shadow:0 5px 20px rgba(0,0,0,.45)}.slide-actions .btn{min-width:170px;backdrop-filter:blur(14px)}.carousel-control-premium{border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12));background:rgba(4,7,10,.58)}.carousel-dot.active{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 65%,transparent)}
section{position:relative}.section-head h2{max-width:780px}.pricing-grid{gap:18px}.pricing-card{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 94%,#fff 2%),color-mix(in srgb,var(--site-bg,#05080c) 92%,var(--accent) 2%));border:1px solid color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.08));box-shadow:0 24px 70px rgba(0,0,0,.24);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.pricing-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,transparent 0 38%,color-mix(in srgb,var(--accent) 7%,transparent) 48%,transparent 58%);transform:translateX(-75%);transition:.55s}.pricing-card:hover::before{transform:translateX(75%)}.pricing-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 32px 90px rgba(0,0,0,.38)}.pricing-card.featured{border-color:color-mix(in srgb,var(--accent) 65%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),0 30px 90px color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.4))}.pricing-card.featured::after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 68%)}.plan-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),0 0 28px color-mix(in srgb,var(--accent) 8%,transparent)}.plan-ribbon{letter-spacing:.09em}
.market-section{background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)}.market-card{overflow:hidden;border-color:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.08));background:linear-gradient(180deg,var(--surface,#0b1219),color-mix(in srgb,var(--site-bg,#05080c) 94%,#fff 1%));transition:.28s}.market-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 28px 80px rgba(0,0,0,.35)}.nexus-product .market-card-media{height:225px;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%),#070c11}.product-code{font-size:8px;letter-spacing:.16em;color:var(--accent-readable);font-weight:900;margin-bottom:8px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.product-actions .btn{min-height:42px;font-size:11px}.product-inline-actions{display:flex;align-items:center;gap:7px}.mini-detail{height:43px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:10px;font-weight:850;color:#dbe2e8}.mini-detail:hover{border-color:var(--accent-readable);color:var(--accent-readable)}
.product-detail-hero{padding:82px 0 48px;background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 32%)}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.product-detail-media{min-height:470px;border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.08));background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%),#081017;display:grid;place-items:center;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.36)}.product-detail-media img{width:100%;height:100%;max-height:540px;object-fit:cover}.product-detail-copy h1{font-size:clamp(46px,5vw,74px);letter-spacing:-.06em;line-height:.98;margin:16px 0}.product-detail-copy>p{font-size:17px;color:var(--muted);line-height:1.7}.detail-price{margin:25px 0}.detail-price small,.detail-price strong{display:block}.detail-price small{text-transform:uppercase;font-size:8px;letter-spacing:.12em;color:#7f8b96}.detail-price strong{font-size:42px;letter-spacing:-.045em;margin-top:4px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.detail-trust{display:grid;gap:9px;margin-top:28px;color:#a8b2bb;font-size:11px}.detail-trust i{color:var(--accent-readable);margin-right:7px}.product-long-description{max-width:980px;margin:auto}
.portal-auth{min-height:calc(100vh - 78px);display:grid;align-items:center;padding:54px 0;background:radial-gradient(circle at 25% 45%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.03),transparent 26%)}.portal-auth-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch;max-width:1120px;margin:auto}.portal-auth-brand{padding:48px;border:1px solid color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.07));border-radius:calc(var(--radius,18px) + 8px);background:linear-gradient(135deg,rgba(255,255,255,.018),rgba(255,255,255,.006));position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.portal-auth-brand::after{content:"W";position:absolute;right:-28px;bottom:-90px;font-size:340px;font-weight:950;font-style:italic;color:color-mix(in srgb,var(--accent) 6%,transparent);line-height:1}.portal-auth-brand>*{position:relative;z-index:2}.portal-auth-brand h1{font-size:clamp(46px,5vw,72px);line-height:.94;letter-spacing:-.065em;margin:18px 0}.portal-auth-brand p{max-width:640px;color:#aeb8c1;font-size:16px;line-height:1.7}.portal-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px;max-width:560px}.portal-feature-grid span{padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(3,7,10,.44);font-size:11px}.portal-feature-grid i{color:var(--accent-readable);margin-right:8px}.portal-auth-card{align-self:center;padding:34px;border:1px solid color-mix(in srgb,var(--accent) 19%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 98%,#fff 1%),#080e13);box-shadow:0 35px 110px rgba(0,0,0,.42);position:relative}.portal-auth-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,transparent),transparent 33%)}.portal-auth-card>*{position:relative}.portal-auth-card h2{font-size:34px;letter-spacing:-.045em;margin:14px 0 7px}.portal-auth-card>p{color:var(--muted);font-size:12px;margin-bottom:22px}.portal-auth-card .field{margin-bottom:13px}.auth-logo-mini{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:32px;font-weight:950;font-style:italic;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);box-shadow:0 0 34px color-mix(in srgb,var(--accent) 9%,transparent)}
@media(max-width:980px){.product-detail-grid,.portal-auth-shell{grid-template-columns:1fr}.product-detail-media{min-height:330px}.portal-auth-brand{display:none}.portal-auth-shell{max-width:540px}.premium-slide-shade{background:linear-gradient(90deg,rgba(3,6,9,.91),rgba(3,6,9,.55)),linear-gradient(0deg,rgba(3,6,9,.62),transparent 58%)}}
@media(max-width:720px){.premium-carousel,.slide-inner{min-height:560px}.premium-slide-bg{background-position:62% center!important}.slide-copy{padding:70px 0 95px;max-width:95%}.slide-copy h1{font-size:46px}.product-actions{grid-template-columns:1fr}.portal-auth{padding:30px 0}.portal-auth-card{padding:25px 20px}.product-detail-hero{padding:55px 0 28px}.product-detail-media{min-height:260px}.detail-actions .btn{width:100%}}

/* =========================================================
   WHWEB EXCLUSIVE V6 — SECURE CLIENT IDENTITY
   ========================================================= */
.portal-auth-center{min-height:calc(100vh - 78px);padding:50px 0 70px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.login-center-shell,.verify-center-shell{width:min(100%,520px);margin:0 auto}.register-center-shell{width:min(100%,980px);margin:0 auto}.login-premium-card,.verify-premium-card{width:100%;padding:38px 38px 32px;text-align:left;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,#fff 1%),#070d12);box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 0 1px color-mix(in srgb,var(--accent) 7%,transparent)}
.auth-center-logo{display:flex;justify-content:center;margin-bottom:25px}.auth-center-logo .logo,.auth-center-logo{pointer-events:none}.auth-center-logo img{max-height:56px}.login-premium-card>.section-kicker,.login-premium-card>h1,.login-premium-card>p{text-align:center;margin-left:auto;margin-right:auto}.login-premium-card>.section-kicker{display:flex;width:max-content}.login-premium-card h1,.verify-premium-card h1{font-size:38px;letter-spacing:-.055em;margin:16px 0 7px}.login-premium-card>p,.verify-premium-card>p{color:var(--muted);line-height:1.7;font-size:13px;margin-bottom:24px}.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:2;color:var(--accent-readable);font-size:14px}.input-icon input{padding-left:40px!important}.login-trust{display:flex;justify-content:center;gap:18px;margin:18px 0 4px;color:#77838e;font-size:10px}.login-trust i{color:var(--accent-readable);margin-right:5px}
.register-premium-card{padding:34px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 98%,#fff 1%),#070d12);box-shadow:0 42px 120px rgba(0,0,0,.52)}.auth-card-head{display:flex;align-items:center;gap:18px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.07)}.auth-card-head .auth-logo-mini{flex:0 0 auto}.auth-card-head h1{font-size:38px;letter-spacing:-.05em;margin:6px 0 4px}.auth-card-head p{margin:0;color:var(--muted);font-size:12px}.register-section{padding:28px 0;border-bottom:1px solid rgba(255,255,255,.065)}.register-section-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.register-section-title>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent-readable);font-size:10px;font-weight:950}.register-section-title b,.register-section-title small{display:block}.register-section-title b{font-size:15px}.register-section-title small{font-size:9px;color:#7d8994;margin-top:2px}.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.auth-form-grid .field{margin:0}.field-span-2{grid-column:1/-1}.field label em{font-style:normal;font-size:8px;color:#74808a;margin-left:4px}.payment-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-choice-grid label{display:block;cursor:pointer}.payment-choice-grid input{position:absolute;opacity:0;pointer-events:none}.payment-choice-grid span{display:flex;flex-direction:column;gap:4px;min-height:92px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#080e13;transition:.2s}.payment-choice-grid i{color:var(--accent-readable);font-size:20px}.payment-choice-grid b{font-size:12px}.payment-choice-grid small{font-size:9px;color:#75818b}.payment-choice-grid input:checked+span{border-color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 8%,#080e13);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.terms-check{display:flex;align-items:flex-start;gap:10px;margin-top:19px;color:#9aa5ae;font-size:11px;line-height:1.55}.terms-check input{margin-top:2px;accent-color:var(--accent-readable)}.terms-check a{color:var(--accent-readable);font-weight:750}.register-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:26px}.secure-note{display:flex;align-items:center;gap:12px;color:#93a0aa}.secure-note>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.secure-note b,.secure-note small{display:block}.secure-note b{font-size:11px;color:#dce3e8}.secure-note small{font-size:9px;margin-top:3px}.register-submit .btn{min-width:190px}.register-premium-card>.auth-helper{text-align:center;margin-top:22px}
.verify-premium-card{text-align:center}.verify-icon{width:74px;height:74px;border-radius:22px;margin:0 auto 20px;display:grid;place-items:center;font-size:33px;color:var(--accent-readable);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 42px color-mix(in srgb,var(--accent) 10%,transparent)}.verify-premium-card>.section-kicker{margin:auto}.verify-premium-card p strong{color:#fff}.verification-input{text-align:center!important;font:900 28px ui-monospace,Consolas,monospace!important;letter-spacing:6px!important;text-transform:none}.resend-form{margin-top:15px}.link-button{border:0;background:transparent;color:var(--accent-readable);font-size:11px;font-weight:800;cursor:pointer;padding:6px}.link-button:hover{text-decoration:underline}
.profile-premium-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.security-list{display:grid;gap:10px;margin-top:20px;text-align:left}.security-list span{font-size:10px;color:#a9b3bb}.security-list i{color:var(--accent-readable);margin-right:6px}
@media(max-width:760px){.portal-auth-center{padding:26px 0 50px}.login-premium-card,.verify-premium-card,.register-premium-card{padding:24px 18px}.auth-card-head{align-items:flex-start}.auth-card-head h1{font-size:31px}.auth-form-grid,.payment-choice-grid{grid-template-columns:1fr}.field-span-2{grid-column:auto}.register-submit{align-items:stretch;flex-direction:column}.register-submit .btn{width:100%}.secure-note{align-items:flex-start}.login-premium-card h1,.verify-premium-card h1{font-size:32px}.login-trust{flex-direction:column;align-items:center;gap:7px}.profile-premium-grid{grid-template-columns:1fr}}

/* V7 rich content rendered from the Admin editor */
.rich-content{line-height:1.75}.rich-content h2,.rich-content h3,.rich-content h4{margin:1.25em 0 .55em;letter-spacing:-.025em}.rich-content p{margin:.65em 0}.rich-content ul,.rich-content ol{padding-left:1.25rem}.rich-content a{color:var(--accent-readable);text-decoration:underline}.rich-content blockquote{margin:1rem 0;padding:12px 16px;border-left:3px solid var(--accent);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}.rich-content table{width:100%;border-collapse:collapse;margin:1rem 0}.rich-content th,.rich-content td{border:1px solid rgba(255,255,255,.09);padding:10px;text-align:left}.rich-content img{max-width:100%;height:auto;border-radius:12px}
.section-rich-copy{color:var(--muted);max-width:760px}.section-rich-copy p{margin:.35rem 0}.section-rich-copy h2,.section-rich-copy h3{font-size:1rem;margin:.45rem 0}

/* =========================================================
   WHWEB V16 — Cadastro premium + confirmação assíncrona
   ========================================================= */
.register-premium-card .req{color:var(--accent-readable);font-style:normal}.register-premium-card .field.is-invalid input,.register-premium-card .field.is-invalid select{border-color:rgba(255,102,116,.82)!important;box-shadow:0 0 0 3px rgba(255,102,116,.1)!important;animation:wh-register-shake .28s ease}.register-premium-card .field.is-valid input,.register-premium-card .field.is-valid select{border-color:rgba(50,217,150,.42)}.register-premium-card label em{color:#687783;font-size:9px;font-weight:600;margin-left:4px}.register-feedback{position:fixed;z-index:10000;right:20px;bottom:22px;width:min(430px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid rgba(255,102,116,.42);border-radius:15px;background:rgba(10,17,23,.96);box-shadow:0 22px 70px rgba(0,0,0,.45);backdrop-filter:blur(16px);animation:wh-feedback-in .3s ease}.register-feedback.success{border-color:rgba(50,217,150,.42)}.register-feedback i{color:var(--danger);font-size:18px}.register-feedback.success i{color:var(--success)}.register-feedback b,.register-feedback small{display:block}.register-feedback b{font-size:12px}.register-feedback small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5}.email-dispatch-status{margin:18px 0;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:#091118;color:#aab6c0;font-size:11px}.email-dispatch-status i{font-size:16px}.email-dispatch-status.is-loading i{color:var(--accent-readable);animation:wh-spin 1s linear infinite}.email-dispatch-status.is-success{border-color:rgba(50,217,150,.35);background:rgba(50,217,150,.055);color:#c7f5df}.email-dispatch-status.is-success i{color:var(--success)}.email-dispatch-status.is-error{border-color:rgba(255,102,116,.35);background:rgba(255,102,116,.055);color:#ffd4d9}.email-dispatch-status.is-error i{color:var(--danger)}@keyframes wh-register-shake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}@keyframes wh-feedback-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes wh-spin{to{transform:rotate(360deg)}}

/* V18 typography + performance */
html,body,button,input,select,textarea{font-family:var(--site-font,Arial,Helvetica,sans-serif)}body{font-weight:var(--global-font-weight,400)}.site-header{backdrop-filter:none!important;background:rgba(4,7,10,.97)}.market-card img{content-visibility:auto}.market-card-media img{loading:lazy}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* =========================================================
   WHWEB V20 — Hosting Offer Cards + Slideshow Height + Title Controls
   ========================================================= */
.premium-carousel,.slide-inner{height:var(--site-slide-height,520px)!important;min-height:var(--site-slide-height,520px)!important;max-height:var(--site-slide-height,520px)!important}
.slide-copy{padding:38px 0 54px;max-width:760px}.slide-copy h1{font-size:var(--site-slide-title-size,54px)!important;line-height:1.01;margin-bottom:15px}.slide-copy p{font-size:16px;line-height:1.5;max-width:650px}.slide-actions{margin-top:22px}
.page-hero h1,.product-detail-copy h1{font-size:var(--site-page-title-size,58px)!important}.section-head h2,.faq-intro h2{font-size:var(--site-section-title-size,42px)!important}.pricing-card h3,.market-card h3,.content-box h3{font-size:var(--site-card-title-size,24px)!important}
.hosting-offer-card{min-height:0;padding:26px;text-align:center;align-items:stretch}.hosting-offer-card .plan-ribbon{z-index:4}.hosting-offer-card .plan-brand{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-.055em;color:#f0f4f7;margin:1px 0 10px;text-shadow:0 8px 30px rgba(255,255,255,.04)}.hosting-offer-card h3{margin:0 0 7px}.hosting-offer-card .plan-description{margin:0 auto 13px;max-width:330px}.hosting-offer-card .old-price{font-size:14px;color:#81909d;text-decoration:line-through;text-decoration-thickness:1px;margin-top:4px}.hosting-offer-card .price{justify-content:center;margin:5px 0 12px}.hosting-offer-card .price strong{font-size:46px}.hosting-offer-card .price span{font-size:12px;padding-bottom:6px;color:#aeb8c1}.offer-badge{width:max-content;max-width:100%;margin:2px auto 10px;padding:7px 12px;border-radius:999px;border:1px solid rgba(44,214,147,.48);background:rgba(44,214,147,.08);color:#49e6a2;font-size:10px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.offer-text{max-width:360px;margin:0 auto 7px;color:#aeb8c1;font-size:12px;line-height:1.5}.renewal-line{font-size:11px;color:#7f8d99;margin-bottom:12px}.renewal-line b{color:#c9d1d8}.plan-specs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:5px 0 18px}.plan-specs span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#111a22;color:#b9c4cd;font-size:10px}.plan-specs i{color:var(--accent-readable)}.hosting-offer-card ul{text-align:left;margin-top:0}.hosting-offer-card .btn{margin-top:auto}
@media(max-width:720px){.premium-carousel,.slide-inner{height:var(--site-slide-height,520px)!important;min-height:var(--site-slide-height,520px)!important;max-height:var(--site-slide-height,520px)!important}.slide-copy{padding:36px 0 56px}.slide-copy h1{font-size:min(var(--site-slide-title-size,54px),42px)!important}.slide-copy p{font-size:14px}.page-hero h1,.product-detail-copy h1{font-size:min(var(--site-page-title-size,58px),42px)!important}.section-head h2,.faq-intro h2{font-size:min(var(--site-section-title-size,42px),34px)!important}.pricing-card h3,.market-card h3,.content-box h3{font-size:min(var(--site-card-title-size,24px),26px)!important}}

/* =========================================================
   WHWEB V21 — Social Footer + Floating WhatsApp
   ========================================================= */
.footer-socials{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:18px}.footer-socials a{width:38px;height:38px;border-radius:11px;display:grid!important;place-items:center;border:1px solid rgba(255,255,255,.09);background:#0b131b;color:#dce5ec!important;font-size:17px;transition:.18s ease}.footer-socials a:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 12%,#0b131b);color:var(--accent-readable)!important;transform:translateY(-2px)}
@keyframes whWhatsappPulse{0%,100%{transform:translateY(-2px) scale(1);box-shadow:0 12px 30px rgba(15,150,76,.32),0 0 0 0 rgba(32,199,103,.30)}50%{transform:translateY(-2px) scale(1.08);box-shadow:0 16px 36px rgba(15,150,76,.42),0 0 0 9px rgba(32,199,103,0)}}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:90;width:46px;min-width:46px;height:46px;padding:0;border-radius:12px;display:grid;place-items:center;background:#20c767;color:#fff!important;border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 30px rgba(15,150,76,.30);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.floating-whatsapp i{font-size:21px;line-height:1}.floating-whatsapp:hover,.floating-whatsapp:focus-visible{background:#23d86f;animation:whWhatsappPulse .85s ease-in-out infinite;outline:none}
@media(max-width:680px){.floating-whatsapp{right:13px;bottom:13px;width:44px;min-width:44px;height:44px;border-radius:11px}.footer-socials{margin-top:14px}}

/* =========================================================
   WHWEB V26 — Adaptive reCAPTCHA + Branding
   ========================================================= */
.recaptcha-shell{margin:16px 0;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:28px}.recaptcha-shell>small{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;line-height:1.4}.recaptcha-shell>small i{color:var(--accent-readable)}.recaptcha-shell .g-recaptcha{max-width:100%;overflow:hidden;border-radius:8px}.recaptcha-v3{min-height:auto;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.08));border-radius:11px;background:color-mix(in srgb,var(--accent) 4%,transparent)}.recaptcha-config-warning{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,183,77,.3);background:rgba(255,183,77,.06);color:#ffd59b;font-size:10px;line-height:1.45}.recaptcha-config-warning i{color:var(--accent-readable);font-size:15px}.auth-logo-site{width:auto!important;min-width:58px;max-width:220px;height:auto!important;min-height:58px;padding:7px 12px!important}.auth-logo-site img{display:block;max-width:190px;max-height:52px;object-fit:contain}.auth-logo-site .brand-word{font-size:22px}.auth-logo-site .brand-symbol{font-size:34px;width:auto;height:auto}.login-premium-card .recaptcha-shell{margin:15px auto 18px}.register-premium-card>.recaptcha-shell{margin:22px auto 0;padding-top:2px}
@media(max-width:380px){.recaptcha-shell .g-recaptcha{transform:scale(.9);transform-origin:center top;margin-bottom:-7px}}

/* EXTENSÕES DO SITE */
/* WHWEB V23 — global responsive safety layer */
html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}.container-xl{width:min(100% - 28px,var(--site-container,1208px));margin-inline:auto}.site-header,.site-main,.site-footer{min-width:0}.pricing-grid,.market-grid,.faq-grid,.content-grid{min-width:0}.pricing-card,.market-card,.site-card{min-width:0;max-width:100%}@media(max-width:992px){.container-xl{width:min(100% - 24px,var(--site-container,1208px))}.site-nav{overflow-x:auto;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}}@media(max-width:768px){.container-xl{width:min(100% - 20px,var(--site-container,1208px))}.hero-slide,.home-slideshow{min-height:320px!important}.hero-slide h1{font-size:clamp(28px,8vw,var(--site-slide-title-size,54px))!important}.section-title,h1{overflow-wrap:anywhere}.pricing-grid,.market-grid{grid-template-columns:1fr!important}.pricing-card,.market-card{width:100%!important}.site-footer .footer-grid{grid-template-columns:1fr!important}}
/* WHWEB V23 payment states */
.payment-unavailable{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:16px;background:rgba(var(--accent-rgb),.06)}.payment-unavailable>i{font-size:22px;color:var(--accent-readable)}.payment-unavailable p{margin:5px 0 0;color:var(--muted)}


/* WHWEB V27 Performance */
body>main>section:not(.hero-premium-full){content-visibility:auto;contain-intrinsic-size:500px}
.market-card img,.product-card img{content-visibility:auto}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V28 Marketplace Product Experience */
.product-gallery-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px}.product-gallery-thumb{padding:0;border:1px solid rgba(255,255,255,.1);background:#09121a;border-radius:12px;overflow:hidden;aspect-ratio:1.35;cursor:pointer;transition:.2s}.product-gallery-thumb:hover{border-color:var(--accent-readable);transform:translateY(-2px)}.product-gallery-thumb img{width:100%;height:100%;object-fit:cover}.product-spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.product-spec-grid>div{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.product-spec-grid small,.product-spec-grid b{display:block}.product-spec-grid small{color:#8293a2;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.product-spec-grid b{margin-top:6px;font-size:14px}.product-buy-box{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:14px 0}.product-buy-box label{display:grid;gap:6px;color:#aab7c3;font-size:12px}.product-buy-box input{width:96px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#08131d;color:#fff;padding:0 12px}.product-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(2,5,8,.92);display:none;place-items:center;padding:28px}.product-lightbox.open{display:grid}.product-lightbox img{max-width:min(1200px,94vw);max-height:88vh;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.7)}.lightbox-close{position:fixed;right:28px;top:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#111c25;color:#fff;font-size:20px}.institutional-hero{overflow:hidden}.institutional-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center}.institutional-orbit{height:220px;position:relative;border:1px solid rgba(255,255,255,.07);border-radius:28px;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%)}.institutional-orbit span{position:absolute;width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#0d1821;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-readable);font-size:24px;box-shadow:0 12px 34px rgba(0,0,0,.35)}.institutional-orbit span:nth-child(1){left:42px;top:38px}.institutional-orbit span:nth-child(2){right:46px;top:70px}.institutional-orbit span:nth-child(3){left:130px;bottom:26px}.institutional-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.institutional-content{padding:34px}.institutional-side{display:grid;gap:14px}.institutional-side>div{padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0a131b}.institutional-side i{display:block;color:var(--accent-readable);font-size:24px;margin-bottom:12px}.institutional-side b,.institutional-side small{display:block}.institutional-side small{color:#8ca0b1;margin-top:6px;line-height:1.6}
@media(max-width:900px){.institutional-hero-grid,.institutional-grid{grid-template-columns:1fr}.institutional-orbit{display:none}.product-gallery-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.product-spec-grid{grid-template-columns:1fr}.product-gallery-strip{grid-template-columns:repeat(2,1fr)}.product-buy-box{display:grid}.product-buy-box label,.product-buy-box input,.product-buy-box .btn{width:100%}}

.cart-shell{display:grid;gap:18px}.cart-lines{display:grid;gap:12px}.cart-line{display:grid;grid-template-columns:92px minmax(0,1fr) 90px 120px auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);background:#09131c;border-radius:18px}.cart-line img{width:92px;height:72px;object-fit:cover;border-radius:12px}.cart-line-copy{display:grid;gap:4px}.cart-line-copy small{color:#8ea1b1}.cart-line label{font-size:11px;color:#94a5b4}.cart-line input{width:78px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#061019;color:#fff;padding:0 10px}.cart-line>strong{font-size:18px}.cart-summary{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid rgba(255,255,255,.08);background:#0a151f;border-radius:18px}.cart-summary small,.cart-summary strong{display:block}.cart-summary strong{font-size:30px;margin-top:5px}.cart-empty{text-align:center;padding:50px}.cart-empty i{font-size:48px;color:var(--accent-readable)}.cart-note{text-align:right}@media(max-width:800px){.cart-line{grid-template-columns:70px 1fr}.cart-line img{width:70px;height:60px}.cart-line label,.cart-line>strong,.cart-line>.btn{grid-column:2}.cart-summary{display:grid;gap:14px}.cart-note{text-align:left}}

/* V29 — Page Covers & Contact Social Hub */
.page-cover-hero{position:relative;height:var(--site-page-cover-height,400px);min-height:var(--site-page-cover-height,400px);max-height:var(--site-page-cover-height,400px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 76% 20%,rgba(var(--accent-rgb),.22),transparent 34%),linear-gradient(135deg,#071019,#04070a 70%)}
.page-cover-hero.has-cover{background-size:cover;background-position:center}
.page-cover-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.94) 0%,rgba(4,7,10,.72) 48%,rgba(4,7,10,.34) 100%),linear-gradient(0deg,rgba(4,7,10,.88),transparent 56%);pointer-events:none}
.page-cover-hero .container-xl{position:relative;z-index:1;padding-top:84px;padding-bottom:48px;width:100%}
.page-cover-hero h1{max-width:900px;margin:.35rem 0 .75rem;font-size:clamp(2.2rem,var(--site-page-title-size),4.6rem);line-height:1.02}
.page-cover-hero .cover-lead{max-width:780px;color:rgba(247,249,251,.78);font-size:1.05rem;line-height:1.7}
.page-cover-hero .cover-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.page-cover-hero .cover-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(9,16,23,.62);backdrop-filter:blur(10px);font-size:.82rem;color:#dce7f1}
.page-intro-rich{margin:0 0 26px;padding:20px 22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(15,24,33,.86),rgba(8,14,20,.86));color:rgba(247,249,251,.78)}
.contact-premium-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.contact-social-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.10),rgba(10,17,24,.9) 44%)}
.contact-social-head h2{margin:0 0 6px;font-size:clamp(1.35rem,2vw,2rem)}.contact-social-head p{margin:0;color:rgba(247,249,251,.7)}
.contact-social-links{display:flex;gap:10px;flex-wrap:wrap}.contact-social-links a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0a131c;color:#fff;text-decoration:none;transition:.2s ease}.contact-social-links a:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 10px 28px rgba(var(--accent-rgb),.13)}.contact-social-links i{font-size:1.2rem;color:var(--accent-readable)}
.contact-form-premium{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(12,20,28,.96),rgba(7,12,18,.96));box-shadow:0 22px 70px rgba(0,0,0,.22)}
.contact-form-premium .contact-form-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.contact-form-premium .contact-form-head span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-size:1.25rem}
.contact-form-premium textarea{min-height:150px}.contact-form-premium .btn{min-height:48px}
.page-cover-preview img,.upload-preview.cover-preview img{aspect-ratio:16/5;object-fit:cover;width:100%;max-height:220px;border-radius:14px}
@media(max-width:768px){.page-cover-hero{height:var(--site-page-cover-height,400px);min-height:var(--site-page-cover-height,400px);max-height:var(--site-page-cover-height,400px)}.page-cover-hero .container-xl{padding-top:58px;padding-bottom:34px}.page-cover-hero h1{font-size:clamp(2rem,10vw,3.2rem)}.contact-social-head{align-items:flex-start}.contact-social-links{width:100%}.contact-social-links a{flex:1 1 140px;justify-content:center}.contact-form-premium{padding:18px}}


/* WHWEB V31 — Page Cover 400 Studio */
.dev-hero,.portfolio-hero{position:relative;overflow:hidden}
.dev-services-section,.portfolio-section{padding:72px 0 84px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.035),transparent 30%),var(--site-bg)}
.dev-section-head,.portfolio-head{max-width:780px;margin:0 auto 34px;text-align:center}.dev-section-head h2,.portfolio-head h2{font-size:clamp(28px,4vw,var(--site-section-title-size));margin:8px 0 12px}.dev-section-head p,.portfolio-head p{color:#93a4b7;font-size:15px;line-height:1.75}
.dev-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dev-service-card{position:relative;min-height:270px;padding:26px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(15,26,38,.96),rgba(8,15,24,.98));box-shadow:0 18px 48px rgba(0,0,0,.2);overflow:hidden;transition:.25s ease}.dev-service-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.45);box-shadow:0 24px 60px rgba(0,0,0,.32)}.dev-service-number{position:absolute;right:18px;top:12px;font-size:46px;font-weight:700;color:rgba(255,255,255,.035)}.dev-service-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.24);color:var(--accent-readable);font-size:23px;margin-bottom:24px}.dev-service-card h3{font-size:var(--site-card-title-size);margin:0 0 10px}.dev-service-card p{color:#91a3b6;line-height:1.7;margin:0}.dev-service-line{position:absolute;left:26px;bottom:22px;width:42px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.dev-cta{margin-top:24px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:22px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:24px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.11),rgba(255,255,255,.025))}.dev-cta h2{font-size:clamp(24px,3vw,36px);margin:6px 0 0;max-width:760px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,#0d1824,#09111a);box-shadow:0 18px 50px rgba(0,0,0,.24);transition:.25s ease}.portfolio-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.42);box-shadow:0 26px 66px rgba(0,0,0,.34)}.portfolio-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#080e15}.portfolio-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.portfolio-card:hover .portfolio-media img{transform:scale(1.045)}.portfolio-placeholder{height:100%;display:grid;place-items:center;font-size:46px;color:rgba(255,255,255,.16);background:radial-gradient(circle at 50% 30%,rgba(var(--accent-rgb),.14),transparent 48%)}.portfolio-version{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:rgba(5,8,12,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:700;color:#fff}.portfolio-body{padding:22px}.portfolio-system{display:inline-block;margin-bottom:8px;color:var(--accent-readable);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.portfolio-body h3{font-size:var(--site-card-title-size);margin:0 0 16px}.portfolio-meta{display:flex;flex-wrap:wrap;gap:10px}.portfolio-meta span{display:inline-flex;align-items:center;gap:6px;color:#91a3b6;font-size:12px}.portfolio-meta i{color:var(--accent-readable)}.portfolio-pagination{display:flex;justify-content:center;gap:8px;margin-top:34px}.portfolio-pagination a{min-width:40px;height:40px;padding:0 12px;display:grid;place-items:center;border-radius:12px;text-decoration:none;color:#b7c4d1;background:#0c1621;border:1px solid rgba(255,255,255,.08);font-size:13px}.portfolio-pagination a:hover,.portfolio-pagination a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.portfolio-empty{text-align:center;padding:48px}.portfolio-empty>i{font-size:42px;color:var(--accent-readable)}
@media(max-width:980px){.dev-services-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.dev-services-section,.portfolio-section{padding:48px 0 58px}.dev-services-grid,.portfolio-grid{grid-template-columns:1fr}.dev-service-card{min-height:240px;padding:22px}.dev-cta{padding:24px}.portfolio-body{padding:18px}}

/* WHWEB V32 - Contact Experience Studio */

/* ===== Contact Experience Studio V32 ===== */
.contact-v32-section{position:relative;padding:72px 0 84px;overflow:hidden}
.contact-v32-section::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:80px;background:radial-gradient(circle,rgba(var(--accent-rgb),.16),rgba(var(--accent-rgb),0) 70%);pointer-events:none}
.contact-v32-shell{position:relative;z-index:1}
.contact-v32-socialbar{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr);gap:14px;margin-bottom:22px}
.contact-v32-social-intro,.contact-v32-social-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(14,24,34,.96),rgba(8,15,22,.96));border-radius:22px;min-height:116px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.contact-v32-social-intro{padding:24px 26px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 20%,rgba(var(--accent-rgb),.14),transparent 42%),linear-gradient(145deg,rgba(14,24,34,.98),rgba(8,15,22,.98))}
.contact-v32-social-intro .section-kicker{margin-bottom:8px}.contact-v32-social-intro h2{margin:0 0 7px;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.08}.contact-v32-social-intro p{margin:0;color:rgba(247,249,251,.66);font-size:.93rem}
.contact-v32-social-card{position:relative;padding:20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--site-text,#f7f9fb);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:linear-gradient(145deg,rgba(13,22,31,.98),rgba(8,14,20,.98))}
.contact-v32-social-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 22px 60px rgba(0,0,0,.28),0 0 0 1px rgba(var(--accent-rgb),.08)}
.contact-v32-social-icon{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-size:1.18rem;box-shadow:0 10px 26px rgba(var(--accent-rgb),.2)}
.contact-v32-social-card small{display:block;color:rgba(247,249,251,.5);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px}.contact-v32-social-card b{display:block;font-size:.98rem}.contact-v32-social-card .bi-arrow-up-right{margin-left:auto;color:rgba(247,249,251,.42)}
.contact-v32-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.55fr);gap:22px;align-items:stretch}
.contact-v32-info,.contact-v32-form-card{border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(180deg,rgba(12,21,30,.98),rgba(7,13,19,.98));box-shadow:0 24px 80px rgba(0,0,0,.22)}
.contact-v32-info{padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.contact-v32-info::after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-95px;bottom:-95px;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),transparent 70%)}
.contact-v32-status{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border:1px solid rgba(45,222,152,.18);background:rgba(45,222,152,.07);border-radius:999px;color:#77efba;font-size:.78rem;font-weight:700;margin-bottom:22px}
.contact-v32-status i{font-size:.65rem}.contact-v32-info h2{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.02;margin:0 0 12px}.contact-v32-info>p{color:rgba(247,249,251,.68);line-height:1.7;margin:0 0 28px}
.contact-v32-route-list{display:grid;gap:11px;margin-bottom:28px}.contact-v32-route{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.contact-v32-route>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent-readable);font-size:1.05rem}.contact-v32-route small{display:block;color:rgba(247,249,251,.48);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.contact-v32-route b,.contact-v32-route a{color:var(--site-text,#f7f9fb);font-size:.94rem;text-decoration:none;overflow-wrap:anywhere}
.contact-v32-process{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}.contact-v32-process>small{display:block;color:var(--accent-readable);font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}.contact-v32-step{display:flex;gap:12px;align-items:flex-start;margin-top:12px}.contact-v32-step>span{flex:0 0 28px;width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);color:var(--accent-readable);font-weight:800;font-size:.76rem}.contact-v32-step b{display:block;font-size:.9rem;margin-bottom:2px}.contact-v32-step small{color:rgba(247,249,251,.48);line-height:1.45}
.contact-v32-form-card{padding:32px 34px;position:relative;overflow:hidden}.contact-v32-form-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent)}
.contact-v32-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.contact-v32-form-head .contact-v32-title-icon{flex:0 0 54px;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-size:1.3rem;box-shadow:0 12px 30px rgba(var(--accent-rgb),.22)}.contact-v32-form-head-copy{display:flex;gap:16px;align-items:flex-start}.contact-v32-form-head h2{margin:2px 0 6px;font-size:clamp(1.65rem,2.5vw,2.3rem)}.contact-v32-form-head p{margin:0;color:rgba(247,249,251,.58);line-height:1.55}.contact-v32-secure{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:.75rem;color:rgba(247,249,251,.62);white-space:nowrap}
.contact-v32-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.contact-v32-field{display:grid;gap:7px}.contact-v32-field.full{grid-column:1/-1}.contact-v32-field label{font-size:.78rem;font-weight:700;color:rgba(247,249,251,.78);letter-spacing:.01em}.contact-v32-field input,.contact-v32-field textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#08111a;color:var(--site-text,#f7f9fb);outline:none;padding:0 15px;min-height:52px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.contact-v32-field textarea{min-height:168px;padding:15px;resize:vertical}.contact-v32-field input::placeholder,.contact-v32-field textarea::placeholder{color:rgba(247,249,251,.31)}.contact-v32-field input:focus,.contact-v32-field textarea:focus{border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.09);background:#0a141e}
.contact-v32-recaptcha{grid-column:1/-1;padding-top:2px}.contact-v32-submit-row{grid-column:1/-1;display:flex;align-items:center;gap:14px;justify-content:space-between;padding-top:2px}.contact-v32-submit-row small{max-width:420px;color:rgba(247,249,251,.44);line-height:1.5}.contact-v32-submit{min-height:52px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;white-space:nowrap}
.contact-v32-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.contact-v32-trust-item{display:flex;align-items:center;gap:13px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(10,18,25,.76)}.contact-v32-trust-item>span{flex:0 0 39px;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent)}.contact-v32-trust-item b{display:block;font-size:.88rem}.contact-v32-trust-item small{display:block;color:rgba(247,249,251,.45);margin-top:2px;font-size:.73rem}
@media(max-width:1050px){.contact-v32-socialbar{grid-template-columns:1fr 1fr}.contact-v32-social-intro{grid-column:1/-1}.contact-v32-grid{grid-template-columns:1fr}.contact-v32-info{min-height:auto}.contact-v32-process{margin-top:8px}.contact-v32-trust{grid-template-columns:1fr 1fr}.contact-v32-trust-item:last-child{grid-column:1/-1}}
@media(max-width:700px){.contact-v32-section{padding:42px 0 58px}.contact-v32-socialbar{grid-template-columns:1fr;gap:10px}.contact-v32-social-intro{grid-column:auto;padding:20px}.contact-v32-social-card{min-height:82px;padding:15px 16px}.contact-v32-social-icon{width:42px;height:42px;flex-basis:42px}.contact-v32-grid{gap:14px}.contact-v32-info,.contact-v32-form-card{border-radius:20px}.contact-v32-info{padding:22px 19px}.contact-v32-form-card{padding:24px 18px}.contact-v32-form-head{display:block}.contact-v32-form-head-copy{gap:12px}.contact-v32-form-head .contact-v32-title-icon{width:48px;height:48px;flex-basis:48px}.contact-v32-secure{margin-top:14px}.contact-v32-form-grid{grid-template-columns:1fr;gap:14px}.contact-v32-field.full,.contact-v32-recaptcha,.contact-v32-submit-row{grid-column:auto}.contact-v32-submit-row{display:grid}.contact-v32-submit{width:100%}.contact-v32-trust{grid-template-columns:1fr;gap:10px}.contact-v32-trust-item:last-child{grid-column:auto}}
@media(max-width:430px){.contact-v32-social-intro h2{font-size:1.45rem}.contact-v32-info h2{font-size:1.9rem}.contact-v32-form-head h2{font-size:1.55rem}.contact-v32-route{grid-template-columns:38px 1fr;padding:11px}.contact-v32-route>span{width:38px;height:38px}.contact-v32-submit-row small{font-size:.72rem}}

/* CLIENT CENTER — ESCOPO ISOLADO */
/* ==========================================================
   WHWEB V16 — CLIENT HORIZON PORTAL
   Painel do cliente redesenhado do zero.
   Fonte base 13px, leitura clara e cards horizontais/full-width.
   ========================================================== */
:root{
  --client-bg:#07111b;--client-bg-2:#091521;--client-surface:#0d1a28;--client-surface-2:#102033;
  --client-text:#edf4fb;--client-muted:#91a5b8;--client-border:#21394f;
  --client-font-size:13px;--client-menu-font-size:13px;--client-menu-weight:400;
  --client-font:Arial,Helvetica,sans-serif;
  --client-radius:16px;--client-sidebar:250px;--client-success:#32d79a;--client-warning:#ffc45f;--client-danger:#ff6478;
}
body.client-embedded{background:var(--client-bg)!important;color:var(--client-text);font-family:var(--client-font,Arial,Helvetica,sans-serif);font-size:var(--client-font-size);line-height:1.55}body.client-embedded .client-portal-section{padding:18px 0 38px;background:radial-gradient(circle at 80% 0,rgba(var(--accent-rgb),.06),transparent 28%),var(--client-bg)}body.client-embedded .client-portal-shell{display:grid;grid-template-columns:var(--client-sidebar) minmax(0,1fr);min-height:760px;border:1px solid var(--client-border);border-radius:18px;overflow:hidden;background:var(--client-bg-2);box-shadow:0 22px 60px rgba(0,0,0,.22)}
body.client-embedded .client-sidebar.embedded{position:relative;display:flex;flex-direction:column;padding:14px 12px;background:linear-gradient(180deg,#08131f,#07101a);border-right:1px solid var(--client-border)}body.client-embedded .client-profile-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--client-border);border-radius:13px;background:#0b1926}body.client-embedded .client-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-weight:700;font-size:16px}body.client-embedded .client-profile-card div:last-child{min-width:0}body.client-embedded .client-profile-card small, body.client-embedded .client-profile-card b, body.client-embedded .client-profile-card span{display:block}body.client-embedded .client-profile-card small{font-size:10px;color:#7190a8}body.client-embedded .client-profile-card b{font-size:13px;font-weight:600;margin:2px 0}body.client-embedded .client-profile-card span{font-size:11px;color:var(--client-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.client-embedded .side-group{padding:0 10px;margin:18px 0 7px;color:#627f99;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:500}body.client-embedded .side-link{min-height:44px;display:flex;align-items:center;gap:10px;margin:2px 0;padding:0 11px;border:1px solid transparent;border-radius:11px;color:#bdcad6;font-size:var(--client-menu-font-size);font-weight:var(--client-menu-weight);transition:.18s}body.client-embedded .side-link>i{width:20px;text-align:center;color:#7f9bb4;font-size:15px}body.client-embedded .side-link span{flex:1}body.client-embedded .side-link em{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:9px;font-style:normal;font-weight:600}body.client-embedded .side-link:hover{background:#0c1c2b;border-color:#1c344a;color:#fff}body.client-embedded .side-link.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.14),rgba(var(--accent-rgb),.02));border-color:rgba(var(--accent-rgb),.34);box-shadow:inset 3px 0 0 var(--accent);color:#fff}body.client-embedded .side-link.active>i{color:var(--accent-readable)}body.client-embedded .client-sidebar-foot{margin-top:auto;padding-top:14px}body.client-embedded .support-card{padding:13px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:12px;background:rgba(var(--accent-rgb),.05)}body.client-embedded .support-card>i{color:var(--accent-readable);font-size:18px}body.client-embedded .support-card b, body.client-embedded .support-card small, body.client-embedded .support-card a{display:block}body.client-embedded .support-card b{font-size:13px;font-weight:600;margin:6px 0 3px}body.client-embedded .support-card small{color:var(--client-muted);font-size:11px}body.client-embedded .support-card a{margin-top:9px;color:var(--accent-readable);font-size:12px}
body.client-embedded .client-workspace.embedded{min-width:0;background:linear-gradient(180deg,#08131f,#07111b)}body.client-embedded .client-topbar{position:sticky;top:0;z-index:40;min-height:68px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--client-border);background:rgba(7,17,27,.95);backdrop-filter:blur(15px)}body.client-embedded .client-sidebar-toggle{display:none;width:40px;height:40px;border:1px solid var(--client-border);border-radius:10px;background:#0a1723;color:#c9d5df}body.client-embedded .client-topbar small, body.client-embedded .client-topbar b{display:block}body.client-embedded .client-topbar small{font-size:9px;color:#64839f;letter-spacing:.12em}body.client-embedded .client-topbar b{font-size:13px;font-weight:600}body.client-embedded .topbar-spacer{flex:1}body.client-embedded .top-action{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--client-border);border-radius:10px;background:#0a1723;color:#9cb0c1}body.client-embedded .top-action span{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:9px}body.client-embedded .client-topbar>.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-weight:700}body.client-embedded .client-content{padding:22px;min-width:0}

body.client-embedded .client-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}body.client-embedded .client-page-head h1{margin:0;font-size:25px;font-weight:600;letter-spacing:-.025em}body.client-embedded .client-page-head p{margin:5px 0 0;color:var(--client-muted);font-size:13px}body.client-embedded .eyebrow{display:block;color:var(--accent-readable);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}body.client-embedded .box{width:100%;padding:18px 20px;border:1px solid var(--client-border);border-radius:var(--client-radius);background:linear-gradient(90deg,var(--client-surface),#0a1723);box-shadow:0 14px 34px rgba(0,0,0,.14)}body.client-embedded .box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}body.client-embedded .box-head h3{margin:0;font-size:16px;font-weight:600}body.client-embedded .box-head p{font-size:12px;color:var(--client-muted)}

body.client-embedded .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid var(--accent);border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:12px;font-weight:600}body.client-embedded .btn.ghost{border-color:var(--client-border);background:#0a1723;color:#d1dce6}body.client-embedded .status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;border:1px solid #314a60;background:#0b1a27;color:#9db0c1;font-size:10px;font-weight:600;text-transform:uppercase}body.client-embedded .status.success, body.client-embedded .status.ok{border-color:rgba(50,215,154,.27);background:rgba(50,215,154,.08);color:#6fe5b7}body.client-embedded .status.warning{border-color:rgba(255,196,95,.28);background:rgba(255,196,95,.08);color:#ffd078}body.client-embedded .status.danger{border-color:rgba(255,100,120,.28);background:rgba(255,100,120,.08);color:#ff8a99}

/* OVERVIEW */
body.client-embedded .client-hero.nexus{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin-bottom:14px;border:1px solid var(--client-border);border-radius:17px;background:radial-gradient(circle at 84% 45%,rgba(var(--accent-rgb),.13),transparent 28%),linear-gradient(120deg,#0e1c2a,#091622)}body.client-embedded .client-hero h1{margin:6px 0 8px;font-size:30px;font-weight:650;letter-spacing:-.04em}body.client-embedded .client-hero p{margin:0;color:var(--client-muted);font-size:13px;max-width:760px}body.client-embedded .hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}body.client-embedded .stat-grid, body.client-embedded .client-shortcuts{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 14px}body.client-embedded .stat-card, body.client-embedded .client-shortcuts>a{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--client-border);border-radius:13px;background:linear-gradient(90deg,var(--client-surface),#0a1723)}body.client-embedded .stat-head{display:contents}body.client-embedded .stat-head>span, body.client-embedded .client-shortcuts>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent-readable);font-size:17px}body.client-embedded .client-shortcuts>a>i{color:#6f8aa1;font-size:14px}body.client-embedded .stat-head>span{grid-column:1;grid-row:1/3}body.client-embedded .stat-head em{grid-column:3;grid-row:2;font-size:11px;color:var(--client-success);font-style:normal;text-align:right}body.client-embedded .stat-card>b{grid-column:3;grid-row:1;font-size:22px;font-weight:650;text-align:right}body.client-embedded .stat-card>strong{grid-column:2;grid-row:1;font-size:13px;font-weight:600}body.client-embedded .stat-card>small{grid-column:2;grid-row:2;margin:0;font-size:11px;color:var(--client-muted)}body.client-embedded .client-shortcuts>a div b, body.client-embedded .client-shortcuts>a div small{display:block}body.client-embedded .client-shortcuts>a div b{font-size:13px;font-weight:600}body.client-embedded .client-shortcuts>a div small{font-size:11px;color:var(--client-muted)}
body.client-embedded .dashboard-grid, body.client-embedded .dashboard-grid.lower, body.client-embedded .support-layout, body.client-embedded .profile-premium-grid, body.client-embedded .hosting-client-grid, body.client-embedded .product-order-list, body.client-embedded .payment-list, body.client-embedded .ticket-client-list, body.client-embedded .notification-page-list{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;grid-template-columns:none!important}body.client-embedded .dashboard-grid>*, body.client-embedded .support-layout>*, body.client-embedded .profile-premium-grid>*, body.client-embedded .hosting-client-grid>*, body.client-embedded .product-order-list>*, body.client-embedded .payment-list>*, body.client-embedded .ticket-client-list>*, body.client-embedded .notification-page-list>*{width:100%!important;max-width:none!important;min-width:0!important}

body.client-embedded .client-hero-orb{width:112px;height:112px;flex:0 0 112px;display:grid;place-items:center;align-content:center;border:1px solid rgba(var(--accent-rgb),.28);border-radius:28px;background:radial-gradient(circle at 35% 25%,rgba(var(--accent-rgb),.22),transparent 32%),#091722;box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 0 40px rgba(var(--accent-rgb),.04)}body.client-embedded .client-hero-orb span{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--accent-readable)}body.client-embedded .client-hero-orb small{margin-top:5px;font-size:9px;letter-spacing:.16em;color:#8098ad}body.client-embedded .client-shortcuts>a>span i{font-size:17px}

/* HORIZONTAL FULL WIDTH DATA CARDS */
body.client-embedded .payment-card, body.client-embedded .product-order-card, body.client-embedded .hosting-client-card, body.client-embedded .ticket-client-card, body.client-embedded .notification-page-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:17px 19px;border:1px solid var(--client-border);border-radius:14px;background:linear-gradient(90deg,var(--client-surface),#0a1723)}body.client-embedded .payment-main{display:flex;align-items:center;gap:12px}body.client-embedded .payment-icon, body.client-embedded .product-order-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent-readable);font-size:17px}body.client-embedded .payment-main h3, body.client-embedded .product-order-card h3{margin:2px 0;font-size:14px;font-weight:600}body.client-embedded .payment-main small, body.client-embedded .payment-main em, body.client-embedded .product-order-card small, body.client-embedded .product-order-card em{display:block;color:var(--client-muted);font-size:11px;font-style:normal}body.client-embedded .payment-card>strong, body.client-embedded .product-order-card>strong{font-size:17px;font-weight:650}body.client-embedded .payment-actions{display:flex;gap:7px;justify-content:flex-end;align-items:center}body.client-embedded .payment-actions form{margin:0}body.client-embedded .payment-actions .btn{min-height:36px;padding:7px 10px}body.client-embedded .payment-status{display:flex;gap:6px;flex-wrap:wrap}body.client-embedded .hosting-client-card{display:block}body.client-embedded .hosting-info.expanded{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}body.client-embedded .hosting-info.expanded>div{padding:12px;border:1px solid var(--client-border);border-radius:10px;background:#07131f}body.client-embedded .hosting-info small, body.client-embedded .hosting-info b{display:block}body.client-embedded .hosting-info small{font-size:10px;color:#708ba2;text-transform:uppercase}body.client-embedded .hosting-info b{font-size:13px;font-weight:500;margin-top:3px;overflow-wrap:anywhere}body.client-embedded .hosting-access-row{display:flex;gap:8px;align-items:center;margin-top:12px}body.client-embedded .sync-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid var(--client-border);color:#9bb0c1;font-size:11px}body.client-embedded .sync-chip.ok{border-color:rgba(50,215,154,.25);color:#6fe4b5}body.client-embedded .sync-chip.pending{border-color:rgba(255,196,95,.25);color:#ffd078}body.client-embedded .secret-toggle{border:0;background:transparent;color:var(--accent-readable);font-size:11px}body.client-embedded .password-request{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}body.client-embedded .password-request summary{cursor:pointer;font-size:12px;color:#d0dbe5}body.client-embedded .password-request form{margin-top:10px;display:flex;gap:9px;align-items:end}body.client-embedded .password-request form .field{flex:1;margin:0}body.client-embedded .ticket-client-card{display:block}body.client-embedded .ticket-client-card>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}body.client-embedded .ticket-client-card>p{color:#b8c7d4}body.client-embedded .admin-reply{margin-top:10px;padding:12px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:10px;background:rgba(var(--accent-rgb),.04)}body.client-embedded .admin-reply small{color:var(--accent-readable)}

/* FORMS */
body.client-embedded .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.client-embedded .field{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;min-width:0}body.client-embedded .field-wide{grid-column:1/-1}body.client-embedded .field label{font-size:13px;font-weight:500;color:#c5d2dd}body.client-embedded .field small{font-size:11px;color:#738ba1}body.client-embedded .field input, body.client-embedded .field select, body.client-embedded .field textarea{width:100%;min-height:48px;border:1px solid #29445d;border-radius:11px;outline:0;background:#081521;color:#f0f5fa;padding:11px 13px;font-size:13px}body.client-embedded .field textarea{min-height:140px;resize:vertical}body.client-embedded .field input:focus, body.client-embedded .field select:focus, body.client-embedded .field textarea:focus{border-color:var(--accent-readable);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}body.client-embedded .box-divider{border:0;border-top:1px solid rgba(255,255,255,.07);margin:22px 0}body.client-embedded .client-security-card>i{font-size:28px;color:var(--client-success)}body.client-embedded .security-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}body.client-embedded .security-list span{font-size:12px;color:#b9c8d5}body.client-embedded .security-list i{color:var(--client-success);margin-right:5px}

/* TABLES */
body.client-embedded .table-wrap{width:100%;overflow:auto;border:1px solid var(--client-border);border-radius:12px;background:#07131f}body.client-embedded table{width:100%;min-width:680px;border-collapse:collapse}body.client-embedded thead th{padding:12px 13px;background:#102136;color:#88a0b6;border-bottom:1px solid #2b4761;font-size:11px;font-weight:600;text-transform:uppercase}body.client-embedded tbody td{padding:13px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;color:#c8d4df}

/* NOTIFICATIONS */
body.client-embedded .notification-page-card{grid-template-columns:42px 1fr}body.client-embedded .notification-page-card>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable)}body.client-embedded .notification-title{display:flex;align-items:center;justify-content:space-between;gap:10px}body.client-embedded .notification-title b{font-size:13px;font-weight:600}body.client-embedded .notification-title em{font-size:10px;color:var(--accent-readable);font-style:normal}body.client-embedded .notification-page-card p{margin:4px 0;color:#aebdca;font-size:12px}body.client-embedded .notification-page-card small{color:#6e879e;font-size:10px}body.client-embedded .notification-page-card.unread{border-color:rgba(var(--accent-rgb),.34);box-shadow:inset 3px 0 0 var(--accent)}

/* FLASH/TOAST */
body.client-embedded .toast{position:fixed;right:18px;top:86px;z-index:9999;max-width:390px;padding:13px 15px;border:1px solid var(--client-border);border-radius:12px;background:#0d1b29;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,.35);font-size:13px}body.client-embedded .toast.success{border-color:rgba(50,215,154,.3)}body.client-embedded .toast.error{border-color:rgba(255,100,120,.3)}

@media (max-width:1100px){body.client-embedded .client-portal-shell{grid-template-columns:1fr}body.client-embedded .client-sidebar.embedded{position:fixed;left:-290px;top:0;bottom:0;width:270px;z-index:500;transition:.22s;box-shadow:26px 0 80px rgba(0,0,0,.42)}body.client-sidebar-open .client-sidebar.embedded{left:0}body.client-embedded .client-sidebar-toggle{display:grid}body.client-embedded .hosting-info.expanded{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){body.client-embedded .client-portal-section{padding:10px 0 30px}body.client-embedded .client-portal-shell{border-radius:14px}body.client-embedded .client-content{padding:14px}body.client-embedded .client-page-head{align-items:flex-start;flex-direction:column}body.client-embedded .client-hero.nexus{align-items:flex-start;flex-direction:column}body.client-embedded .client-hero h1{font-size:25px}body.client-embedded .payment-card, body.client-embedded .product-order-card{grid-template-columns:1fr}body.client-embedded .payment-actions{justify-content:flex-start}body.client-embedded .hosting-info.expanded, body.client-embedded .form-grid{grid-template-columns:1fr}body.client-embedded .field-wide{grid-column:auto}body.client-embedded .password-request form{flex-direction:column;align-items:stretch}body.client-embedded .client-topbar{padding:0 12px}}

/* V16 CLIENT COMPLETE COMPONENT NORMALIZATION */
body.client-embedded .client-cards-list, body.client-embedded .download-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}body.client-embedded .client-cards-list>*, body.client-embedded .download-grid>*{width:100%!important;max-width:none!important}body.client-embedded .download-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px}body.client-embedded .download-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.07);color:var(--accent-readable);font-size:17px}body.client-embedded .download-card b, body.client-embedded .download-card small{display:block}body.client-embedded .download-card b{font-size:13px;font-weight:600}body.client-embedded .download-card small{color:var(--client-muted);font-size:11px}body.client-embedded .pix-card{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px;margin-bottom:12px;border:1px solid rgba(var(--accent-rgb),.26);border-radius:14px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.06),var(--client-surface))}body.client-embedded .pix-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.1);color:var(--accent-readable);font-size:18px}body.client-embedded .pix-card small, body.client-embedded .pix-card b, body.client-embedded .pix-card em{display:block}body.client-embedded .pix-card small{font-size:10px;color:#7e96aa}body.client-embedded .pix-card b{font-size:13px;font-weight:600}body.client-embedded .pix-card em{font-size:11px;color:var(--client-muted);font-style:normal}body.client-embedded .hosting-client-head{display:flex;align-items:center;gap:11px}body.client-embedded .hosting-client-head>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(var(--accent-rgb),.2);background:rgba(var(--accent-rgb),.07);color:var(--accent-readable);font-size:17px}body.client-embedded .hosting-client-head>div{min-width:0}body.client-embedded .hosting-client-head small, body.client-embedded .hosting-client-head h3{display:block}body.client-embedded .hosting-client-head small{font-size:10px;color:var(--client-muted)}body.client-embedded .hosting-client-head h3{margin:2px 0 0;font-size:15px;font-weight:600}body.client-embedded .hosting-client-head>em{margin-left:auto;font-style:normal}body.client-embedded .payment-finished{color:var(--client-muted);font-size:11px}body.client-embedded .client-security-card{display:block}body.client-embedded .client-security-card h3{font-size:15px;font-weight:600}body.client-embedded .client-security-card p{color:var(--client-muted);font-size:12px}body.client-embedded .client-menu-normal .side-link{font-weight:400}body.client-embedded .client-portal-shell, body.client-embedded .client-content, body.client-embedded .client-workspace{min-width:0;overflow:visible}body.client-embedded .client-content{overflow-x:hidden}body.client-embedded .client-profile-card, body.client-embedded .side-link, body.client-embedded .client-topbar, body.client-embedded .box, body.client-embedded .payment-card, body.client-embedded .hosting-client-card, body.client-embedded .product-order-card, body.client-embedded .ticket-client-card{font-size:var(--client-font-size)}
@media (max-width:760px){body.client-embedded .download-card, body.client-embedded .pix-card{grid-template-columns:1fr}body.client-embedded .download-card>span, body.client-embedded .pix-card>span{margin-bottom:2px}body.client-embedded .hosting-client-head{align-items:flex-start;flex-wrap:wrap}body.client-embedded .hosting-client-head>em{margin-left:0}body.client-embedded .hosting-access-row{align-items:stretch;flex-direction:column}}

/* V18 fixed typography */
body.client-embedded .client-embedded, body.client-embedded .client-embedded button, body.client-embedded .client-embedded input, body.client-embedded .client-embedded select, body.client-embedded .client-embedded textarea{font-family:var(--client-font,Arial,Helvetica,sans-serif)!important;font-weight:var(--client-font-weight,400)}

/* ==========================================================
   WHWEB V23 — ECLIPSE CLIENT EXPERIENCE
   New responsive homepage and cleaner Client Center hierarchy.
   ========================================================== */
body.client-v23{--client-sidebar:268px;background:#050b12!important}body.client-embedded .client-v23 .client-portal-section{background:radial-gradient(circle at 78% -10%,rgba(var(--accent-rgb),.09),transparent 32%),#050b12}body.client-embedded .client-v23 .client-portal-shell{border-radius:20px;border-color:#1d3347;box-shadow:0 28px 80px rgba(0,0,0,.32)}body.client-embedded .client-v23 .client-sidebar.embedded{background:linear-gradient(180deg,#07111b 0%,#060d15 100%)}body.client-embedded .client-v23 .client-topbar{min-height:72px;background:rgba(5,11,18,.94)}body.client-embedded .client-v23 .client-content{padding:24px}body.client-embedded .client-v23-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:14px;margin-bottom:14px}body.client-embedded .client-v23-welcome, body.client-embedded .client-v23-account{border:1px solid var(--client-border);border-radius:18px;background:linear-gradient(135deg,#0d1b29,#08141f);box-shadow:0 18px 45px rgba(0,0,0,.18)}body.client-embedded .client-v23-welcome{padding:24px;background:radial-gradient(circle at 90% 10%,rgba(var(--accent-rgb),.14),transparent 30%),linear-gradient(135deg,#0d1b29,#08141f)}body.client-embedded .client-v23-welcome h1{margin:6px 0 8px;font-size:30px;line-height:1.05;font-weight:650;letter-spacing:-.035em}body.client-embedded .client-v23-welcome p{margin:0;max-width:720px;color:var(--client-muted);font-size:13px}body.client-embedded .client-v23-account{display:flex;align-items:center;gap:14px;padding:20px}body.client-embedded .client-v23-account-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(50,215,154,.09);border:1px solid rgba(50,215,154,.24);color:#6fe5b7;font-size:22px}body.client-embedded .client-v23-account small, body.client-embedded .client-v23-account strong, body.client-embedded .client-v23-account span{display:block}body.client-embedded .client-v23-account small{font-size:9px;letter-spacing:.12em;color:#6f899f}body.client-embedded .client-v23-account strong{margin:3px 0;font-size:17px}body.client-embedded .client-v23-account span{font-size:11px;color:var(--client-muted)}body.client-embedded .client-v23-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}body.client-embedded .client-v23-kpis article{display:grid;grid-template-columns:46px minmax(0,1fr) 30px;align-items:center;gap:12px;padding:15px;border:1px solid var(--client-border);border-radius:15px;background:linear-gradient(145deg,#0d1b29,#091621)}body.client-embedded .client-v23-kpis article>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;font-size:17px}body.client-embedded .client-v23-kpis .tone-orange{color:var(--accent-readable);background:rgba(var(--accent-rgb),.09)}body.client-embedded .client-v23-kpis .tone-blue{color:#62b6ff;background:rgba(45,143,255,.09)}body.client-embedded .client-v23-kpis .tone-purple{color:#b98bff;background:rgba(137,87,255,.1)}body.client-embedded .client-v23-kpis .tone-green{color:#6fe5b7;background:rgba(50,215,154,.09)}body.client-embedded .client-v23-kpis small, body.client-embedded .client-v23-kpis strong, body.client-embedded .client-v23-kpis p{display:block}body.client-embedded .client-v23-kpis small{font-size:9px;letter-spacing:.1em;color:#6f899f}body.client-embedded .client-v23-kpis strong{font-size:22px;line-height:1.15;margin:2px 0}body.client-embedded .client-v23-kpis p{margin:0;color:var(--client-muted);font-size:10px}body.client-embedded .client-v23-kpis article>a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--client-border);border-radius:9px;color:#8097aa}body.client-embedded .client-v23-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:14px;margin-bottom:14px}body.client-embedded .client-text-link{font-size:11px;color:var(--accent-readable)}body.client-embedded .client-v23-order-list{display:flex;flex-direction:column;gap:8px}body.client-embedded .client-v23-order-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}body.client-embedded .client-v23-order-row:last-child{border-bottom:0}body.client-embedded .client-v23-order-row .order-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable)}body.client-embedded .client-v23-order-row b, body.client-embedded .client-v23-order-row small{display:block}body.client-embedded .client-v23-order-row b{font-size:12px}body.client-embedded .client-v23-order-row small{font-size:10px;color:var(--client-muted)}body.client-embedded .client-v23-order-row strong{font-size:12px}body.client-embedded .client-v23-summary-list{display:flex;flex-direction:column;gap:9px}body.client-embedded .client-v23-summary-list>div{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--client-border);border-radius:11px;background:#081521}body.client-embedded .client-v23-summary-list>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.07);color:var(--accent-readable)}body.client-embedded .client-v23-summary-list small, body.client-embedded .client-v23-summary-list b{display:block}body.client-embedded .client-v23-summary-list small{font-size:10px;color:var(--client-muted)}body.client-embedded .client-v23-summary-list b{font-size:14px;margin-top:1px}body.client-embedded .client-v23-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}body.client-embedded .client-v23-shortcuts>a{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px;border:1px solid var(--client-border);border-radius:12px;background:#081521;color:#dce7ef}body.client-embedded .client-v23-shortcuts>a:hover{border-color:rgba(var(--accent-rgb),.35);background:#0b1926}body.client-embedded .client-v23-shortcuts>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable);font-size:16px}body.client-embedded .client-v23-shortcuts b, body.client-embedded .client-v23-shortcuts small{display:block}body.client-embedded .client-v23-shortcuts b{font-size:12px}body.client-embedded .client-v23-shortcuts small{font-size:10px;color:var(--client-muted)}body.client-embedded .client-v23-shortcuts>a>i{color:#6f879a}
@media (max-width:1180px){body.client-embedded .client-v23-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.client-embedded .client-v23-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}body.client-embedded .client-v23-dashboard-grid{grid-template-columns:1fr}body.client-embedded .client-v23-hero{grid-template-columns:1fr}}
@media (max-width:760px){body.client-embedded .client-v23 .client-content{padding:14px}body.client-embedded .client-v23-kpis, body.client-embedded .client-v23-shortcuts{grid-template-columns:1fr}body.client-embedded .client-v23-welcome{padding:18px}body.client-embedded .client-v23-welcome h1{font-size:25px}body.client-embedded .client-v23-order-row{grid-template-columns:38px minmax(0,1fr) auto}body.client-embedded .client-v23-order-row>.status{grid-column:2/4;justify-self:start}body.client-embedded .client-v23-account{padding:16px}body.client-embedded .client-v23 .box{padding:15px}}
@media (max-width:480px){body.client-embedded .client-v23-kpis article{grid-template-columns:42px minmax(0,1fr) 28px}body.client-embedded .client-v23-shortcuts>a{grid-template-columns:38px minmax(0,1fr) 14px}body.client-embedded .client-v23-shortcuts>a>span{width:36px;height:36px}body.client-embedded .client-v23-welcome h1{font-size:22px}}
/* WHWEB V23 — PIX Payment Hub */
body.client-embedded .pix-payment-hub{margin-bottom:18px;padding:22px}body.client-embedded .pix-payment-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}body.client-embedded .pix-payment-head>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.12);color:var(--accent-readable);font-size:22px}body.client-embedded .pix-payment-head h3{margin:2px 0 6px}body.client-embedded .pix-payment-head p{margin:0;color:var(--client-muted);line-height:1.55}body.client-embedded .pix-payment-grid{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:stretch}body.client-embedded .pix-qr-panel, body.client-embedded .pix-data-panel{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;background:rgba(255,255,255,.025)}body.client-embedded .pix-qr-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}body.client-embedded .pix-qr-panel img{width:190px;height:190px;object-fit:contain;background:#fff;padding:10px;border-radius:14px}body.client-embedded .pix-qr-panel small{margin-top:10px;color:var(--client-muted)}body.client-embedded .pix-data-panel{display:grid;gap:12px}body.client-embedded .pix-data-panel>div{padding:12px 14px;border:1px solid rgba(255,255,255,.06);border-radius:12px}body.client-embedded .pix-data-panel small{display:block;color:var(--client-muted);font-size:11px;margin-bottom:4px}body.client-embedded .pix-key-row b{word-break:break-all}body.client-embedded .pix-key-row .btn{margin-top:10px}body.client-embedded .pix-proof-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}body.client-embedded .pix-proof-actions .whatsapp{background:#17b85a;border-color:#17b85a;color:#fff}body.client-embedded .ticket-attachment{display:inline-flex;align-items:center;gap:8px;margin:8px 0 12px;color:var(--accent-readable);text-decoration:none}body.client-embedded .payment-disabled-note{padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:var(--client-muted);background:rgba(255,255,255,.025)}
@media (max-width:780px){body.client-embedded .pix-payment-grid{grid-template-columns:1fr}body.client-embedded .pix-proof-actions .btn{width:100%;justify-content:center}}


/* WHWEB V27 Client Performance */
body.client-embedded .client-page .box, body.client-embedded .client-dashboard .box, body.client-embedded .ticket-client-card{content-visibility:auto;contain-intrinsic-size:260px 700px}

/* ==========================================================
   WHWEB V33 — CLIENT COMMAND DASHBOARD
   Dashboard premium + hospedagem técnica em layout vertical.
   ========================================================== */
body.client-v33{--v33-panel:#0b1824;--v33-panel-2:#0d1d2a;--v33-line:#20384d;--v33-soft:#7890a4;--v33-shadow:0 22px 55px rgba(0,0,0,.22)}
body.client-embedded .client-v33 .client-portal-section{padding:18px 0 42px;background:radial-gradient(circle at 82% 2%,rgba(var(--accent-rgb),.075),transparent 27%),radial-gradient(circle at 17% 60%,rgba(55,135,255,.035),transparent 25%),#050b12}
body.client-embedded .client-v33 .client-portal-shell{min-height:820px;border-color:#20374a;border-radius:22px;background:#07111a;box-shadow:0 30px 85px rgba(0,0,0,.34)}
body.client-embedded .client-v33 .client-sidebar.embedded{background:linear-gradient(180deg,#07121c,#050c13);border-right-color:#1b3143}
body.client-embedded .client-v33 .client-topbar{min-height:74px;background:rgba(5,12,19,.94);border-color:#1c3244}
body.client-embedded .client-v33 .client-content{padding:24px 26px 30px}
body.client-embedded .client-v33 .client-profile-card{background:linear-gradient(145deg,#0b1b29,#08151f);border-color:#203b50;box-shadow:0 12px 28px rgba(0,0,0,.14)}
body.client-embedded .client-v33 .support-card{background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-rgb),.025))}
body.client-embedded .client-v33 .box{background:linear-gradient(145deg,#0d1c29,#08151f);border-color:#20394d;box-shadow:0 18px 44px rgba(0,0,0,.16)}

/* Hero */
body.client-embedded .client-v33-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:14px;margin-bottom:14px}
body.client-embedded .client-v33-hero-copy, body.client-embedded .client-v33-account-card{position:relative;overflow:hidden;border:1px solid var(--v33-line);border-radius:20px;background:linear-gradient(145deg,#0d1d2a,#08141e);box-shadow:var(--v33-shadow)}
body.client-embedded .client-v33-hero-copy{padding:28px;background:radial-gradient(circle at 89% 18%,rgba(var(--accent-rgb),.18),transparent 28%),linear-gradient(135deg,#0d1e2d 0%,#091722 70%)}
body.client-embedded .client-v33-hero-copy:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(var(--accent-rgb),.14);border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 28px rgba(var(--accent-rgb),.018),0 0 0 56px rgba(var(--accent-rgb),.012);pointer-events:none}
body.client-embedded .client-v33-kicker{display:flex;align-items:center;gap:8px;color:#8da4b8;font-size:9px;letter-spacing:.15em;font-weight:600;text-transform:uppercase}
body.client-embedded .client-v33-kicker>span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.11)}
body.client-embedded .client-v33-kicker em{padding:3px 7px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:999px;background:rgba(var(--accent-rgb),.07);color:var(--accent-readable);font-size:8px;font-style:normal;letter-spacing:.1em}
body.client-embedded .client-v33-hero-copy h1{max-width:720px;margin:10px 0 8px;font-size:33px;line-height:1.06;font-weight:650;letter-spacing:-.04em;color:#f4f8fb}
body.client-embedded .client-v33-hero-copy h1 span{color:#a5b8c8;font-weight:500}
body.client-embedded .client-v33-hero-copy p{max-width:720px;margin:0;color:#91a7b9;font-size:13px;line-height:1.65}
body.client-embedded .client-v33-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}
body.client-embedded .client-v33-account-card{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:radial-gradient(circle at 80% 0,rgba(48,213,157,.08),transparent 34%),linear-gradient(145deg,#0c1b28,#08151f)}
body.client-embedded .client-v33-account-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.client-embedded .client-v33-account-avatar{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:19px;font-weight:800;box-shadow:0 12px 28px rgba(var(--accent-rgb),.17)}
body.client-embedded .client-v33-account-card>div:nth-child(2){padding:22px 0 18px}
body.client-embedded .client-v33-account-card small, body.client-embedded .client-v33-account-card strong, body.client-embedded .client-v33-account-card span{display:block}
body.client-embedded .client-v33-account-card>div:nth-child(2) small{font-size:9px;letter-spacing:.13em;color:#6f899e}
body.client-embedded .client-v33-account-card>div:nth-child(2) strong{margin:5px 0 3px;font-size:18px;line-height:1.2;color:#f2f6f9}
body.client-embedded .client-v33-account-card>div:nth-child(2) span{font-size:11px;color:#8399ab;overflow-wrap:anywhere}
body.client-embedded .client-v33-account-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid rgba(255,255,255,.065)}
body.client-embedded .client-v33-account-foot>span{display:flex;align-items:center;gap:6px;color:#73dcb2;font-size:10px}
body.client-embedded .client-v33-account-foot a{color:var(--accent-readable);font-size:10px}

/* Stats */
body.client-embedded .client-v33-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:11px}
body.client-embedded .client-v33-stat{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:11px;min-height:96px;padding:14px;border:1px solid var(--v33-line);border-radius:16px;background:linear-gradient(145deg,#0c1a27,#08151f);color:#eef4f8;box-shadow:0 14px 32px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease,background .18s ease}
body.client-embedded .client-v33-stat:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.35);background:#0d1d2a;color:#fff}
body.client-embedded .client-v33-stat>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;font-size:18px;border:1px solid rgba(255,255,255,.05)}
body.client-embedded .client-v33-stat>div small, body.client-embedded .client-v33-stat>div strong, body.client-embedded .client-v33-stat>div p{display:block}
body.client-embedded .client-v33-stat>div small{font-size:8px;letter-spacing:.12em;color:#728ca1}
body.client-embedded .client-v33-stat>div strong{margin:2px 0 0;font-size:22px;line-height:1.15}
body.client-embedded .client-v33-stat>div p{margin:1px 0 0;font-size:9px;color:#8298aa}
body.client-embedded .client-v33-stat>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid #223b4f;border-radius:9px;color:#7e95a8;font-size:11px}
body.client-embedded .client-v33-stat.tone-orange>span{background:rgba(var(--accent-rgb),.09);color:var(--accent-readable)}body.client-embedded .client-v33-stat.tone-blue>span{background:rgba(64,155,255,.09);color:#68b9ff}body.client-embedded .client-v33-stat.tone-purple>span{background:rgba(151,98,255,.1);color:#be9aff}body.client-embedded .client-v33-stat.tone-green>span{background:rgba(48,213,157,.09);color:#75e6bb}

/* Attention strip */
body.client-embedded .client-v33-attention{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px;padding:9px;border:1px solid #1e3547;border-radius:15px;background:#07131d}
body.client-embedded .client-v33-attention>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-right:1px solid rgba(255,255,255,.06)}
body.client-embedded .client-v33-attention>div:last-child{border-right:0}
body.client-embedded .client-v33-attention>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0d1e2b;color:var(--accent-readable)}
body.client-embedded .client-v33-attention small, body.client-embedded .client-v33-attention b{display:block}body.client-embedded .client-v33-attention small{font-size:8px;letter-spacing:.11em;color:#688298}body.client-embedded .client-v33-attention b{font-size:11px;font-weight:600;color:#dce6ee;margin-top:2px}body.client-embedded .client-v33-attention a{font-size:9px;color:var(--accent-readable);white-space:nowrap}

/* Main dashboard */
body.client-embedded .client-v33-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.65fr);gap:14px;margin-bottom:14px}
body.client-embedded .client-v33-panel{padding:19px 20px}body.client-embedded .client-v33-panel .box-head{align-items:flex-start}body.client-embedded .client-v33-panel .box-head p{margin:3px 0 0}body.client-embedded .client-v33-panel .client-text-link{display:flex;align-items:center;gap:5px;white-space:nowrap}
body.client-embedded .client-v33-order-list{display:flex;flex-direction:column}
body.client-embedded .client-v33-order-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 14px;align-items:center;gap:10px;min-height:62px;padding:10px 4px;border-bottom:1px solid rgba(255,255,255,.055);color:#e9f1f7}
body.client-embedded .client-v33-order-row:last-child{border-bottom:0}body.client-embedded .client-v33-order-row:hover{color:#fff}body.client-embedded .client-v33-order-row .order-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable);border:1px solid rgba(var(--accent-rgb),.12)}
body.client-embedded .client-v33-order-row b, body.client-embedded .client-v33-order-row small{display:block}body.client-embedded .client-v33-order-row b{font-size:12px}body.client-embedded .client-v33-order-row small{margin-top:2px;color:#7890a4;font-size:9px}body.client-embedded .client-v33-order-row>strong{font-size:11px;white-space:nowrap}body.client-embedded .client-v33-order-row>.status{white-space:nowrap}body.client-embedded .client-v33-order-row>i{color:#637c91;font-size:10px}
body.client-embedded .client-v33-summary-list{display:flex;flex-direction:column;gap:8px}
body.client-embedded .client-v33-summary-list>a{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:11px;border:1px solid #1e3649;border-radius:12px;background:#081722;color:#dfe8ef}
body.client-embedded .client-v33-summary-list>a:hover{border-color:rgba(var(--accent-rgb),.32);background:#0a1a27;color:#fff}body.client-embedded .client-v33-summary-list>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.075);color:var(--accent-readable)}body.client-embedded .client-v33-summary-list small, body.client-embedded .client-v33-summary-list b{display:block}body.client-embedded .client-v33-summary-list small{font-size:9px;color:#7890a4}body.client-embedded .client-v33-summary-list b{margin-top:2px;font-size:13px}body.client-embedded .client-v33-summary-list>a>i{color:#657f94;font-size:10px}
body.client-embedded .client-v33-empty{display:flex;align-items:center;gap:12px;padding:18px 4px;color:#8398aa}body.client-embedded .client-v33-empty>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#0a1a27;color:var(--accent-readable)}body.client-embedded .client-v33-empty b, body.client-embedded .client-v33-empty span{display:block}body.client-embedded .client-v33-empty b{font-size:12px;color:#dce6ed}body.client-embedded .client-v33-empty span{font-size:10px;margin-top:2px}

/* Shortcuts */
body.client-embedded .client-v33-shortcuts-box{padding:19px 20px}body.client-embedded .client-v33-shortcuts-box .box-head{align-items:flex-start}
body.client-embedded .client-v33-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
body.client-embedded .client-v33-shortcuts>a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:76px;padding:12px;border:1px solid #1f374a;border-radius:13px;background:linear-gradient(145deg,#091824,#07141e);color:#e0e9f0;transition:.18s ease}
body.client-embedded .client-v33-shortcuts>a:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.34);background:#0b1c29;color:#fff}
body.client-embedded .client-v33-shortcuts>a>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.12);color:var(--accent-readable);font-size:16px}body.client-embedded .client-v33-shortcuts b, body.client-embedded .client-v33-shortcuts small{display:block}body.client-embedded .client-v33-shortcuts b{font-size:11px}body.client-embedded .client-v33-shortcuts small{margin-top:2px;font-size:9px;line-height:1.35;color:#778fa2}body.client-embedded .client-v33-shortcuts>a>i{color:#617b90;font-size:10px}

/* Hosting V33 — vertical data rows */
body.client-embedded .client-v33-page-head{align-items:center;margin-bottom:17px}body.client-embedded .client-v33-hosting-list{gap:14px!important}body.client-embedded .client-v33-hosting-card{padding:0!important;overflow:hidden;border-radius:18px!important;background:linear-gradient(145deg,#0c1b28,#07141e)!important}
body.client-embedded .client-v33-hosting-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #20384b;background:radial-gradient(circle at 86% 20%,rgba(var(--accent-rgb),.09),transparent 26%),linear-gradient(135deg,#0e1f2e,#091722)}
body.client-embedded .client-v33-hosting-identity{display:flex;align-items:center;gap:13px;min-width:0}body.client-embedded .client-v33-hosting-identity>span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:14px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05));border:1px solid rgba(var(--accent-rgb),.24);color:var(--accent-readable);font-size:19px}body.client-embedded .client-v33-hosting-identity small{display:block;font-size:8px;letter-spacing:.12em;color:#718a9f;text-transform:uppercase}body.client-embedded .client-v33-hosting-identity h2{margin:2px 0 3px;font-size:18px;line-height:1.2;font-weight:650}body.client-embedded .client-v33-hosting-identity p{display:flex;align-items:center;gap:5px;margin:0;color:#849bad;font-size:10px;overflow-wrap:anywhere}body.client-embedded .client-v33-hosting-status{text-align:right;flex:0 0 auto}body.client-embedded .client-v33-hosting-status small{display:block;margin-bottom:5px;font-size:8px;letter-spacing:.11em;color:#6d8599}
body.client-embedded .client-v33-hosting-stack{display:flex;flex-direction:column;padding:8px 22px 10px}
body.client-embedded .client-v33-hosting-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.055)}body.client-embedded .client-v33-hosting-row:last-child{border-bottom:0}body.client-embedded .client-v33-hosting-row-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#0b1b28;border:1px solid #20394d;color:#7591a7;font-size:14px}body.client-embedded .client-v33-hosting-row>div small, body.client-embedded .client-v33-hosting-row>div b{display:block}body.client-embedded .client-v33-hosting-row>div small{font-size:8px;letter-spacing:.12em;color:#6f879b}body.client-embedded .client-v33-hosting-row>div b{margin-top:3px;font-size:12px;font-weight:600;color:#e8f0f5;overflow-wrap:anywhere}body.client-embedded .client-v33-secret-toggle{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(var(--accent-rgb),.22)!important;border-radius:9px!important;background:rgba(var(--accent-rgb),.06)!important;color:var(--accent-readable)!important;font-size:9px!important}body.client-embedded .client-v33-hosting-actions{padding:15px 22px 18px;border-top:1px solid #20384b;background:#08151f}body.client-embedded .client-v33-hosting-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap}body.client-embedded .client-v33-password-request{margin-top:14px!important;padding-top:13px!important}body.client-embedded .client-v33-password-request summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;color:#cbd8e1!important}body.client-embedded .client-v33-password-request summary>span{display:flex;align-items:center;gap:7px}body.client-embedded .client-v33-password-request[open] summary>i{transform:rotate(180deg)}body.client-embedded .client-v33-password-request summary>i{transition:.18s}body.client-embedded .client-v33-password-request form{padding:13px;margin-top:10px!important;border:1px solid #20394d;border-radius:12px;background:#07131d}body.client-embedded .client-v33-empty-hosting{display:flex;align-items:center;gap:14px!important;padding:22px!important}body.client-embedded .client-v33-empty-hosting>i{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable);font-size:20px}body.client-embedded .client-v33-empty-hosting>div{flex:1}body.client-embedded .client-v33-empty-hosting h3{margin:0;font-size:15px}body.client-embedded .client-v33-empty-hosting p{margin:3px 0 0;font-size:11px;color:#8298aa}

@media (max-width:1200px){
  body.client-embedded .client-v33-hero, body.client-embedded .client-v33-main-grid{grid-template-columns:1fr}
  body.client-embedded .client-v33-account-card{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}body.client-embedded .client-v33-account-card>div:nth-child(2){padding:0}body.client-embedded .client-v33-account-foot{grid-column:1/-1;margin-top:14px}
  body.client-embedded .client-v33-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.client-embedded .client-v33-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  body.client-embedded .client-v33-attention{grid-template-columns:1fr}body.client-embedded .client-v33-attention>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}body.client-embedded .client-v33-attention>div:last-child{border-bottom:0}
}
@media (max-width:760px){
  body.client-embedded .client-v33 .client-content{padding:14px}body.client-embedded .client-v33 .client-portal-shell{border-radius:15px}
  body.client-embedded .client-v33-hero-copy{padding:19px}body.client-embedded .client-v33-hero-copy h1{font-size:27px}body.client-embedded .client-v33-account-card{padding:16px}
  body.client-embedded .client-v33-stats{grid-template-columns:1fr}body.client-embedded .client-v33-shortcuts{grid-template-columns:1fr}
  body.client-embedded .client-v33-order-row{grid-template-columns:38px minmax(0,1fr) auto 14px}body.client-embedded .client-v33-order-row>.status{grid-column:2/4;justify-self:start}body.client-embedded .client-v33-order-row>strong{grid-column:3;grid-row:1}body.client-embedded .client-v33-order-row>i{grid-column:4;grid-row:1}
  body.client-embedded .client-v33-page-head{align-items:flex-start}body.client-embedded .client-v33-page-head .btn{width:100%}
  body.client-embedded .client-v33-hosting-head{align-items:flex-start;flex-direction:column;padding:17px}body.client-embedded .client-v33-hosting-status{text-align:left}body.client-embedded .client-v33-hosting-stack{padding:7px 16px}body.client-embedded .client-v33-hosting-actions{padding:14px 16px 17px}body.client-embedded .client-v33-hosting-buttons{align-items:stretch;flex-direction:column}body.client-embedded .client-v33-hosting-buttons .btn, body.client-embedded .client-v33-hosting-buttons .sync-chip{width:100%;justify-content:center}body.client-embedded .client-v33-password-request form{display:grid!important;grid-template-columns:1fr}body.client-embedded .client-v33-password-request form .btn{width:100%}
  body.client-embedded .client-v33-empty-hosting{align-items:flex-start;flex-direction:column}body.client-embedded .client-v33-empty-hosting .btn{width:100%}
}
@media (max-width:480px){
  body.client-embedded .client-v33-hero-copy h1{font-size:24px}body.client-embedded .client-v33-hero-actions{flex-direction:column}body.client-embedded .client-v33-hero-actions .btn{width:100%}body.client-embedded .client-v33-account-card{display:flex;align-items:stretch}body.client-embedded .client-v33-account-top{width:100%}body.client-embedded .client-v33-account-card>div:nth-child(2){padding:15px 0 12px}body.client-embedded .client-v33-account-foot{margin-top:0}
  body.client-embedded .client-v33-stat{grid-template-columns:44px minmax(0,1fr) 28px}body.client-embedded .client-v33-attention>div{grid-template-columns:34px minmax(0,1fr)}body.client-embedded .client-v33-attention>div>a{grid-column:2;margin-top:-4px}
  body.client-embedded .client-v33-hosting-row{grid-template-columns:38px minmax(0,1fr)}body.client-embedded .client-v33-hosting-row>.client-v33-secret-toggle{grid-column:2;justify-self:start;margin-top:-3px}body.client-embedded .client-v33-hosting-identity{align-items:flex-start}body.client-embedded .client-v33-hosting-identity h2{font-size:16px}
}
/* V33 polish */
body.client-embedded .client-v33-account-card .status{display:inline-flex}
body.client-embedded .client-v33-stat, body.client-embedded .client-v33-order-row, body.client-embedded .client-v33-summary-list>a, body.client-embedded .client-v33-shortcuts>a{text-decoration:none}
@media (max-width:480px){body.client-embedded .client-v33-account-card{flex-direction:column}}

/* ==========================================================
   WHWEB V34 — CLIENT EXECUTIVE WORKSPACE
   Novo dashboard premium + Hosting Control Center.
   ========================================================== */
body.client-v34{
  --v34-panel:#0b1824;
  --v34-panel-2:#0e2030;
  --v34-panel-3:#07121c;
  --v34-line:#1f384c;
  --v34-line-soft:rgba(255,255,255,.065);
  --v34-muted:#7f96a9;
  --v34-text:#edf4f8;
  --v34-shadow:0 24px 65px rgba(0,0,0,.28);
}
body.client-embedded .client-v34 .client-portal-section{background:radial-gradient(circle at 84% 1%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 24%),radial-gradient(circle at 10% 82%,rgba(32,126,214,.035),transparent 24%),#050b11}
body.client-embedded .client-v34 .client-portal-shell{border-color:#20394c;box-shadow:0 34px 95px rgba(0,0,0,.38)}
body.client-embedded .client-v34 .client-workspace.embedded{background:linear-gradient(180deg,#07121c,#061019)}
body.client-embedded .client-v34 .client-content{padding:26px 28px 32px}
body.client-embedded .client-v34 .box{border-color:var(--v34-line);background:linear-gradient(145deg,#0d1c29,#08151f);box-shadow:0 18px 48px rgba(0,0,0,.16)}

/* Dashboard / command hero */
body.client-embedded .client-v34-command{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}
body.client-embedded .client-v34-command-main, body.client-embedded .client-v34-profile-card{position:relative;overflow:hidden;border:1px solid var(--v34-line);border-radius:22px;box-shadow:var(--v34-shadow)}
body.client-embedded .client-v34-command-main{padding:30px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 27%),linear-gradient(135deg,#102231 0%,#091722 74%)}
body.client-embedded .client-v34-command-main:after{content:"";position:absolute;right:-85px;bottom:-138px;width:270px;height:270px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;box-shadow:0 0 0 32px color-mix(in srgb,var(--accent) 2.5%,transparent),0 0 0 64px color-mix(in srgb,var(--accent) 1.5%,transparent);pointer-events:none}
body.client-embedded .client-v34-command-topline{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#8da4b6;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
body.client-embedded .client-v34-command-topline span{display:flex;align-items:center;gap:7px}body.client-embedded .client-v34-command-topline span i{color:var(--accent-readable)}
body.client-embedded .client-v34-command-topline em{padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:color-mix(in srgb,var(--accent) 70%,white);font-size:8px;font-style:normal;letter-spacing:.1em}
body.client-embedded .client-v34-command-main h1{position:relative;z-index:1;margin:13px 0 8px;font-size:36px;line-height:1.04;font-weight:650;letter-spacing:-.045em;color:#f5f8fb}body.client-embedded .client-v34-command-main h1 span{color:var(--accent-readable)}
body.client-embedded .client-v34-command-main>p{position:relative;z-index:1;max-width:760px;margin:0;color:#94aabd;font-size:13px;line-height:1.7}
body.client-embedded .client-v34-command-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
body.client-embedded .client-v34-command-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:24px;border:1px solid rgba(255,255,255,.07);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.055)}
body.client-embedded .client-v34-command-strip>div{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;padding:12px 14px;background:rgba(6,17,26,.86)}
body.client-embedded .client-v34-command-strip>div>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,#0a1824);border:1px solid color-mix(in srgb,var(--accent) 16%,#20394c);color:var(--accent-readable)}
body.client-embedded .client-v34-command-strip small, body.client-embedded .client-v34-command-strip b{display:block}body.client-embedded .client-v34-command-strip small{font-size:8px;letter-spacing:.1em;color:#6f879a}body.client-embedded .client-v34-command-strip b{margin-top:2px;font-size:12px;color:#eaf1f6}

body.client-embedded .client-v34-profile-card{display:flex;flex-direction:column;padding:20px;background:radial-gradient(circle at 90% 0,rgba(56,205,157,.08),transparent 35%),linear-gradient(145deg,#0d1c29,#08151f)}
body.client-embedded .client-v34-profile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#718a9f;font-size:8px;letter-spacing:.11em}
body.client-embedded .client-v34-profile-person{display:flex;align-items:center;gap:13px;padding:21px 0 18px;border-bottom:1px solid var(--v34-line-soft)}
body.client-embedded .client-v34-profile-avatar{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent);color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:20px;font-weight:800}
body.client-embedded .client-v34-profile-person strong, body.client-embedded .client-v34-profile-person small{display:block}body.client-embedded .client-v34-profile-person strong{font-size:16px;line-height:1.2}body.client-embedded .client-v34-profile-person small{margin-top:4px;color:#7d95a8;font-size:10px;overflow-wrap:anywhere}
body.client-embedded .client-v34-profile-security{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 0}body.client-embedded .client-v34-profile-security>span{padding:11px;border:1px solid var(--v34-line-soft);border-radius:12px;background:#081620}body.client-embedded .client-v34-profile-security i{display:block;margin-bottom:7px;color:#58d6a7;font-size:16px}body.client-embedded .client-v34-profile-security b, body.client-embedded .client-v34-profile-security small{display:block}body.client-embedded .client-v34-profile-security b{font-size:10px}body.client-embedded .client-v34-profile-security small{margin-top:2px;color:#6f889c;font-size:9px}
body.client-embedded .client-v34-profile-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:11px 12px;border:1px solid #223d52;border-radius:12px;background:#091824;color:#dfe8ef;text-decoration:none}body.client-embedded .client-v34-profile-link span{display:flex;align-items:center;gap:8px}body.client-embedded .client-v34-profile-link:hover{border-color:color-mix(in srgb,var(--accent) 42%,#223d52);color:#fff}

/* KPI cards */
body.client-embedded .client-v34-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
body.client-embedded .client-v34-metric{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:12px;min-height:104px;padding:15px 16px;border:1px solid var(--v34-line);border-radius:17px;background:linear-gradient(145deg,#0d1c29,#08151f);box-shadow:0 15px 38px rgba(0,0,0,.14);color:#edf3f7;text-decoration:none;overflow:hidden;transition:.2s ease}
body.client-embedded .client-v34-metric:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.72}body.client-embedded .client-v34-metric:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,#20394c);color:#fff}
body.client-embedded .client-v34-metric .metric-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,#091824);border:1px solid color-mix(in srgb,var(--accent) 17%,#20394c);color:var(--accent-readable);font-size:18px}body.client-embedded .client-v34-metric small, body.client-embedded .client-v34-metric strong, body.client-embedded .client-v34-metric p{display:block}body.client-embedded .client-v34-metric small{font-size:8px;letter-spacing:.11em;color:#718a9d}body.client-embedded .client-v34-metric strong{margin:1px 0;font-size:25px;line-height:1.1}body.client-embedded .client-v34-metric p{margin:0;color:#7e94a6;font-size:9px}body.client-embedded .client-v34-metric .metric-go{width:30px;height:30px;display:grid;place-items:center;border:1px solid #213a4e;border-radius:9px;color:#6f8799;font-size:10px}

/* Dashboard content */
body.client-embedded .client-v34-focus-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;margin-bottom:16px}body.client-embedded .client-v34-service-focus, body.client-embedded .client-v34-account-center, body.client-embedded .client-v34-recent-orders, body.client-embedded .client-v34-quick-access{padding:20px 21px}
body.client-embedded .client-v34-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--v34-line-soft)}body.client-embedded .client-v34-card-title h3{margin:1px 0 3px;font-size:17px}body.client-embedded .client-v34-card-title p{margin:0;color:#7f96a8;font-size:10px}body.client-embedded .client-v34-card-title>a{display:flex;align-items:center;gap:6px;color:#a9bdcc;font-size:10px;white-space:nowrap;text-decoration:none}body.client-embedded .client-v34-card-title>a:hover{color:var(--accent-readable)}
body.client-embedded .client-v34-service-hero{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;border:1px solid #213b50;border-radius:15px;background:radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),#081722}body.client-embedded .client-v34-service-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--accent) 9%,#0b1925);border:1px solid color-mix(in srgb,var(--accent) 22%,#233c50);color:var(--accent-readable);font-size:20px}body.client-embedded .client-v34-service-hero small, body.client-embedded .client-v34-service-hero h2, body.client-embedded .client-v34-service-hero p{display:block}body.client-embedded .client-v34-service-hero small{font-size:8px;letter-spacing:.11em;color:#6f889c}body.client-embedded .client-v34-service-hero h2{margin:2px 0 3px;font-size:17px}body.client-embedded .client-v34-service-hero p{margin:0;color:#8399aa;font-size:10px;overflow-wrap:anywhere}
body.client-embedded .client-v34-service-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}body.client-embedded .client-v34-service-data>div{padding:11px 12px;border:1px solid var(--v34-line-soft);border-radius:11px;background:#08151f}body.client-embedded .client-v34-service-data small, body.client-embedded .client-v34-service-data b{display:block}body.client-embedded .client-v34-service-data small{font-size:8px;letter-spacing:.09em;color:#6e879a}body.client-embedded .client-v34-service-data b{margin-top:3px;font-size:10px;color:#dae5ec;overflow-wrap:anywhere}
body.client-embedded .client-v34-empty-focus{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px;border:1px dashed #274359;border-radius:14px;background:#08151f}body.client-embedded .client-v34-empty-focus>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,#091824);color:var(--accent-readable)}body.client-embedded .client-v34-empty-focus b{display:block;font-size:12px}body.client-embedded .client-v34-empty-focus p{margin:3px 0 0;color:#7b93a6;font-size:10px}
body.client-embedded .client-v34-account-center>a{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--v34-line-soft);color:#dce6ed;text-decoration:none}body.client-embedded .client-v34-account-center>a:last-child{border-bottom:0}body.client-embedded .client-v34-account-center>a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#081722;border:1px solid #20394d;color:var(--accent-readable)}body.client-embedded .client-v34-account-center small, body.client-embedded .client-v34-account-center b{display:block}body.client-embedded .client-v34-account-center small{font-size:8px;letter-spacing:.09em;color:#6f879a}body.client-embedded .client-v34-account-center b{margin-top:2px;font-size:10px}body.client-embedded .client-v34-account-center>a>i{color:#637d91;font-size:10px}

body.client-embedded .client-v34-bottom-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:16px}body.client-embedded .client-v34-order-list{display:flex;flex-direction:column}body.client-embedded .client-v34-order{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 14px;align-items:center;gap:10px;min-height:64px;padding:10px 2px;border-bottom:1px solid var(--v34-line-soft);color:#e5edf3;text-decoration:none}body.client-embedded .client-v34-order:last-child{border-bottom:0}body.client-embedded .client-v34-order:hover{color:#fff}body.client-embedded .client-v34-order-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,#091823);border:1px solid color-mix(in srgb,var(--accent) 14%,#213a4d);color:var(--accent-readable)}body.client-embedded .client-v34-order b, body.client-embedded .client-v34-order small{display:block}body.client-embedded .client-v34-order b{font-size:11px}body.client-embedded .client-v34-order small{margin-top:2px;color:#70899d;font-size:9px}body.client-embedded .client-v34-order>strong{font-size:10px;white-space:nowrap}body.client-embedded .client-v34-order>i{font-size:9px;color:#617a8e}body.client-embedded .client-v34-empty-orders{display:flex;align-items:center;gap:11px;padding:17px 2px}body.client-embedded .client-v34-empty-orders>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#081722;color:var(--accent-readable)}body.client-embedded .client-v34-empty-orders b{font-size:11px}body.client-embedded .client-v34-empty-orders p{margin:2px 0 0;color:#71899b;font-size:9px}
body.client-embedded .client-v34-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}body.client-embedded .client-v34-quick-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;gap:8px;min-height:56px;padding:9px;border:1px solid #20384c;border-radius:11px;background:#081620;color:#dce6ed;text-decoration:none;transition:.18s}body.client-embedded .client-v34-quick-grid>a:hover{border-color:color-mix(in srgb,var(--accent) 36%,#20384c);background:#0a1925;color:#fff}body.client-embedded .client-v34-quick-grid>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,#0a1722);color:var(--accent-readable)}body.client-embedded .client-v34-quick-grid b{font-size:9px}body.client-embedded .client-v34-quick-grid>a>i{font-size:8px;color:#637d90}

/* Hosting Control Center */
body.client-embedded .client-v34-hosting-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:24px 25px;border:1px solid var(--v34-line);border-radius:20px;background:radial-gradient(circle at 88% 24%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 25%),linear-gradient(135deg,#102130,#091722);box-shadow:var(--v34-shadow)}
body.client-embedded .client-v34-hosting-hero h1{margin:2px 0 5px;font-size:29px;letter-spacing:-.035em}body.client-embedded .client-v34-hosting-hero p{max-width:720px;margin:0;color:#8ca2b4;font-size:11px;line-height:1.6}body.client-embedded .client-v34-hosting-hero-side{display:flex;align-items:center;gap:10px}body.client-embedded .client-v34-hosting-hero-side>span{min-width:108px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(5,15,23,.72);text-align:center}body.client-embedded .client-v34-hosting-hero-side small, body.client-embedded .client-v34-hosting-hero-side b{display:block}body.client-embedded .client-v34-hosting-hero-side small{font-size:7px;letter-spacing:.1em;color:#70899b}body.client-embedded .client-v34-hosting-hero-side b{margin-top:2px;font-size:21px;color:#f2f6f9}
body.client-embedded .client-v34-hosting-list{display:flex;flex-direction:column;gap:16px}body.client-embedded .client-v34-hosting-card{padding:0!important;overflow:hidden;border-radius:20px!important;background:linear-gradient(145deg,#0c1b28,#07141e)!important}
body.client-embedded .client-v34-hosting-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 23px;border-bottom:1px solid #20394d;background:radial-gradient(circle at 90% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24%),linear-gradient(135deg,#0f2030,#091722)}
body.client-embedded .client-v34-hosting-brand{display:flex;align-items:center;gap:13px;min-width:0}body.client-embedded .client-v34-hosting-brand>span{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,#0b1926);border:1px solid color-mix(in srgb,var(--accent) 24%,#20394d);color:var(--accent-readable);font-size:20px}body.client-embedded .client-v34-hosting-brand small{display:block;font-size:8px;letter-spacing:.11em;color:#6f879a;text-transform:uppercase}body.client-embedded .client-v34-hosting-brand h2{margin:2px 0 3px;font-size:18px;line-height:1.2}body.client-embedded .client-v34-hosting-brand p{display:flex;align-items:center;gap:5px;margin:0;color:#849bad;font-size:10px;overflow-wrap:anywhere}body.client-embedded .client-v34-hosting-state{text-align:right}body.client-embedded .client-v34-hosting-state small{display:block;margin-bottom:5px;color:#6d8598;font-size:8px;letter-spacing:.1em}
body.client-embedded .client-v34-hosting-section{padding:19px 23px 4px}body.client-embedded .client-v34-dns-section{padding-top:14px}body.client-embedded .client-v34-hosting-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px}body.client-embedded .client-v34-hosting-section-head>span{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,#091722);border:1px solid color-mix(in srgb,var(--accent) 13%,#20394d);color:var(--accent-readable)}body.client-embedded .client-v34-hosting-section-head small, body.client-embedded .client-v34-hosting-section-head h3, body.client-embedded .client-v34-hosting-section-head p{display:block}body.client-embedded .client-v34-hosting-section-head small{font-size:7px;letter-spacing:.11em;color:#6c869a}body.client-embedded .client-v34-hosting-section-head h3{margin:1px 0 2px;font-size:14px}body.client-embedded .client-v34-hosting-section-head p{margin:0;color:#758da0;font-size:9px}
body.client-embedded .client-v34-hosting-rows{border:1px solid #1f394d;border-radius:14px;overflow:hidden;background:#07141e}body.client-embedded .client-v34-hosting-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:65px;padding:10px 13px;border-bottom:1px solid rgba(255,255,255,.055)}body.client-embedded .client-v34-hosting-row:last-child{border-bottom:0}body.client-embedded .client-v34-hosting-row .row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0b1b28;border:1px solid #20394d;color:#7d96aa}body.client-embedded .client-v34-hosting-row small, body.client-embedded .client-v34-hosting-row b{display:block}body.client-embedded .client-v34-hosting-row small{font-size:8px;letter-spacing:.1em;color:#6f879b}body.client-embedded .client-v34-hosting-row b{margin-top:3px;color:#e8f0f5;font-size:11px;font-weight:600;overflow-wrap:anywhere}body.client-embedded .client-v34-row-actions{display:flex;gap:6px;align-items:center}body.client-embedded .client-v34-copy{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:6px 9px;border:1px solid #244157;border-radius:9px;background:#0a1a27;color:#8299aa;font:inherit;font-size:8px;cursor:pointer;transition:.16s}body.client-embedded .client-v34-copy:hover{border-color:color-mix(in srgb,var(--accent) 35%,#244157);color:var(--accent-readable)}body.client-embedded .client-v34-reveal{border-color:color-mix(in srgb,var(--accent) 18%,#244157);color:color-mix(in srgb,var(--accent) 66%,#fff)}
body.client-embedded .client-v34-hosting-footer{margin-top:19px;padding:16px 23px 19px;border-top:1px solid #20394d;background:#07131d}body.client-embedded .client-v34-hosting-primary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}body.client-embedded .client-v34-sync{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 10px;border:1px solid rgba(52,210,157,.22);border-radius:11px;background:rgba(52,210,157,.055);color:#67dcae}body.client-embedded .client-v34-sync.pending{border-color:rgba(255,196,95,.24);background:rgba(255,196,95,.055);color:#ffd078}body.client-embedded .client-v34-sync>i{font-size:14px}body.client-embedded .client-v34-sync small, body.client-embedded .client-v34-sync b{display:block}body.client-embedded .client-v34-sync small{font-size:7px;letter-spacing:.08em;opacity:.75}body.client-embedded .client-v34-sync b{font-size:9px;text-transform:uppercase}body.client-embedded .client-v34-password-request{margin-top:14px!important;padding-top:13px!important}body.client-embedded .client-v34-password-request summary{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd8e1!important;cursor:pointer}body.client-embedded .client-v34-password-request summary>span{display:flex;align-items:center;gap:7px}body.client-embedded .client-v34-password-request summary>span i{color:var(--accent-readable)}body.client-embedded .client-v34-password-request[open] summary>i{transform:rotate(180deg)}body.client-embedded .client-v34-password-request summary>i{transition:.18s}body.client-embedded .client-v34-password-request form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:end;margin-top:12px!important;padding:13px;border:1px solid #20394d;border-radius:12px;background:#07131d}body.client-embedded .client-v34-password-request form>small{grid-column:1/-1;color:#718a9d;font-size:9px}
body.client-embedded .client-v34-empty-hosting{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:22px!important}body.client-embedded .client-v34-empty-hosting>span{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,#091722);border:1px solid color-mix(in srgb,var(--accent) 16%,#20394d);color:var(--accent-readable);font-size:20px}body.client-embedded .client-v34-empty-hosting small{font-size:8px;letter-spacing:.1em;color:#6f879b}body.client-embedded .client-v34-empty-hosting h3{margin:2px 0 3px;font-size:15px}body.client-embedded .client-v34-empty-hosting p{margin:0;color:#7b93a6;font-size:10px}

@media (max-width:1220px){
  body.client-embedded .client-v34-command, body.client-embedded .client-v34-focus-grid, body.client-embedded .client-v34-bottom-grid{grid-template-columns:1fr}
  body.client-embedded .client-v34-profile-card{display:grid;grid-template-columns:1fr auto;column-gap:18px}body.client-embedded .client-v34-profile-person{grid-column:1}body.client-embedded .client-v34-profile-security{grid-column:2;grid-row:1/3;align-self:center}body.client-embedded .client-v34-profile-link{grid-column:1/-1}body.client-embedded .client-v34-profile-head{grid-column:1}
  body.client-embedded .client-v34-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  body.client-embedded .client-v34 .client-content{padding:16px}
  body.client-embedded .client-v34-command-main{padding:22px}body.client-embedded .client-v34-command-main h1{font-size:30px}body.client-embedded .client-v34-command-strip{grid-template-columns:1fr}body.client-embedded .client-v34-command-strip>div{min-height:58px}
  body.client-embedded .client-v34-profile-card{display:flex}body.client-embedded .client-v34-profile-security{grid-template-columns:1fr 1fr}
  body.client-embedded .client-v34-metrics{grid-template-columns:1fr}
  body.client-embedded .client-v34-service-data{grid-template-columns:1fr}
  body.client-embedded .client-v34-hosting-hero{align-items:flex-start;flex-direction:column;padding:19px}body.client-embedded .client-v34-hosting-hero-side{width:100%;justify-content:space-between}body.client-embedded .client-v34-hosting-card-head{align-items:flex-start;flex-direction:column;padding:18px}body.client-embedded .client-v34-hosting-state{text-align:left}body.client-embedded .client-v34-hosting-section{padding:16px 17px 3px}body.client-embedded .client-v34-hosting-footer{padding:14px 17px 17px}body.client-embedded .client-v34-hosting-primary-actions{align-items:stretch;flex-direction:column}body.client-embedded .client-v34-hosting-primary-actions .btn, body.client-embedded .client-v34-sync{width:100%;justify-content:center}body.client-embedded .client-v34-password-request form{grid-template-columns:1fr}body.client-embedded .client-v34-password-request form .btn{width:100%}body.client-embedded .client-v34-empty-hosting{grid-template-columns:52px minmax(0,1fr)}body.client-embedded .client-v34-empty-hosting .btn{grid-column:1/-1;width:100%}
}
@media (max-width:560px){
  body.client-embedded .client-v34-command-main h1{font-size:26px}body.client-embedded .client-v34-command-actions{flex-direction:column}body.client-embedded .client-v34-command-actions .btn{width:100%}
  body.client-embedded .client-v34-profile-security{grid-template-columns:1fr}body.client-embedded .client-v34-metric{grid-template-columns:44px minmax(0,1fr) 30px}
  body.client-embedded .client-v34-service-hero{grid-template-columns:50px minmax(0,1fr)}body.client-embedded .client-v34-service-hero>.status{grid-column:2;justify-self:start}body.client-embedded .client-v34-empty-focus{grid-template-columns:44px minmax(0,1fr)}body.client-embedded .client-v34-empty-focus .btn{grid-column:1/-1;width:100%}
  body.client-embedded .client-v34-order{grid-template-columns:38px minmax(0,1fr) auto 12px}body.client-embedded .client-v34-order>.status{grid-column:2/4;justify-self:start}body.client-embedded .client-v34-order>strong{grid-column:3;grid-row:1}body.client-embedded .client-v34-order>i{grid-column:4;grid-row:1}
  body.client-embedded .client-v34-quick-grid{grid-template-columns:1fr}
  body.client-embedded .client-v34-hosting-hero-side{align-items:stretch;flex-direction:column}body.client-embedded .client-v34-hosting-hero-side>span{width:100%}body.client-embedded .client-v34-hosting-hero-side .btn{width:100%}body.client-embedded .client-v34-hosting-row{grid-template-columns:36px minmax(0,1fr);padding:10px}body.client-embedded .client-v34-hosting-row>.client-v34-copy, body.client-embedded .client-v34-hosting-row>.client-v34-row-actions{grid-column:2;justify-self:start}body.client-embedded .client-v34-hosting-brand{align-items:flex-start}body.client-embedded .client-v34-hosting-brand h2{font-size:16px}
}

/* ==========================================================
   WHWEB V35 — CLIENT LAYOUT REFINEMENT
   Ajuste solicitado: padding geral do conteúdo do painel em 0
   e CTA "Contratar novo plano" mais compacto na hospedagem.
   ========================================================== */
body.client-embedded .client-v35 .client-portal-section{padding:0!important}
body.client-embedded .client-v35 .client-portal-section>.container-xl{--bs-gutter-x:0;padding-left:0!important;padding-right:0!important}
body.client-embedded .client-v35 .client-content{padding:0!important}
body.client-embedded .client-v35 .client-v34-hosting-hero-side .btn{
  width:auto!important;
  min-width:0!important;
  max-width:max-content;
  min-height:34px!important;
  padding:6px 11px!important;
  border-radius:9px!important;
  gap:6px!important;
  font-size:10px!important;
  line-height:1.2;
  white-space:nowrap;
  flex:0 0 auto;
  align-self:center;
}
body.client-embedded .client-v35 .client-v34-hosting-hero-side .btn i{font-size:11px}
@media (max-width:560px){
  body.client-embedded .client-v35 .client-v34-hosting-hero-side{align-items:flex-start}
  body.client-embedded .client-v35 .client-v34-hosting-hero-side .btn{width:auto!important;align-self:flex-start}
}

/* ==========================================================
   WHWEB V36 — CLIENT DASHBOARD SPACING FIX
   Remove o padding vertical global aplicado por app.css em
   <section> dentro da visão geral do Client Center.
   ========================================================== */
body.client-embedded .client-v36 .client-content > .client-v34-command, body.client-embedded .client-v36 .client-content > .client-v34-metrics{
  padding-top:0!important;
  padding-bottom:0!important;
}
body.client-embedded .client-v36 .client-content > .client-v34-command{
  margin-top:0!important;
  margin-bottom:12px!important;
}
body.client-embedded .client-v36 .client-content > .client-v34-metrics{
  margin-top:0!important;
  margin-bottom:12px!important;
}
/* Mantém os blocos seguintes próximos, sem alterar o padding interno dos cards. */
body.client-embedded .client-v36 .client-v34-focus-grid{margin-top:0!important;margin-bottom:12px!important}
body.client-embedded .client-v36 .client-v34-bottom-grid{margin-top:0!important}

@media (max-width:760px){
  body.client-embedded .client-v36 .client-content > .client-v34-command, body.client-embedded .client-v36 .client-content > .client-v34-metrics{
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* WHWEB V38 — Marketplace Cart Experience. Keep using this stable site.css file in future updates. */
.header-cart{position:relative;width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.08));background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 94%,#fff 2%),color-mix(in srgb,var(--site-bg,#05080c) 90%,#fff 2%));color:#eef5fb;transition:.22s}.header-cart:hover{color:var(--accent-readable);border-color:color-mix(in srgb,var(--accent) 55%,transparent);transform:translateY(-1px)}.header-cart>i{font-size:18px}.header-cart-badge{position:absolute;right:-7px;top:-7px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;border:2px solid var(--site-bg,#05080c);background:#24313d;color:#b8c5d0;font-size:9px;font-weight:800;line-height:1}.header-cart-badge.has-items{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-contrast);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 28%,transparent)}
.product-detail-grid{align-items:start}.product-detail-visual-column{display:grid;gap:14px;min-width:0}.product-image-description{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));border-radius:var(--radius,18px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 96%,#fff 2%),color-mix(in srgb,var(--site-bg,#05080c) 94%,#fff 1%));box-shadow:0 18px 55px rgba(0,0,0,.16)}.product-image-description-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.product-image-description-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent-readable);font-size:17px}.product-image-description-head small,.product-image-description-head h2{display:block}.product-image-description-head small{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-readable);font-weight:800}.product-image-description-head h2{font-size:19px!important;margin:3px 0 0;letter-spacing:-.02em}.product-image-description .rich-content{font-size:13px;line-height:1.72;color:#b8c5d0}.product-image-description .rich-content>:last-child{margin-bottom:0}
.cart-line{grid-template-columns:92px minmax(0,1fr) 90px 120px minmax(210px,auto)!important}.cart-line-placeholder{width:92px;height:72px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#071019;color:var(--accent-readable);font-size:24px}.cart-line-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.cart-line-actions .btn{white-space:nowrap}.cart-remove{min-height:42px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;border:1px solid rgba(255,95,95,.22);background:rgba(255,75,75,.055);color:#ff9b9b;font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.cart-remove:hover{border-color:rgba(255,95,95,.48);background:rgba(255,75,75,.12);color:#ffd0d0}.cart-summary>div:first-child span{display:block;margin-top:4px;color:#7f94a6;font-size:10px}.cart-summary-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media(max-width:1100px){.cart-line{grid-template-columns:82px minmax(0,1fr) 82px 110px!important}.cart-line-actions{grid-column:2/-1;justify-content:flex-start}.cart-line img,.cart-line-placeholder{width:82px;height:68px}}
@media(max-width:800px){.header-cart{width:40px;height:40px;flex-basis:40px}.cart-line{grid-template-columns:70px minmax(0,1fr)!important;gap:11px!important}.cart-line img,.cart-line-placeholder{width:70px;height:60px}.cart-line label,.cart-line>strong,.cart-line-actions{grid-column:2!important}.cart-line-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.cart-line-actions .btn{width:100%}.cart-remove span{display:none}.cart-remove{width:42px;padding:0}.cart-summary-actions{display:grid;width:100%;justify-content:stretch}.cart-summary-actions .btn{width:100%}.product-image-description{padding:18px}}
@media(max-width:540px){.nav-actions{gap:7px}.account-chip{padding:5px 7px}.header-cart-badge{right:-5px;top:-5px}.product-image-description-head h2{font-size:17px!important}}


/* WHWEB core site.css — arquivo estável. V43 mantém assets consolidados sem arquivos por versão. */


/* WHWEB V42 — MuOnline dropdown + subpages (arquivo estável site.css) */
.nav-dropdown{position:relative;display:flex;align-items:stretch}
.nav-dropdown-trigger{display:flex;align-items:center;position:relative}
.nav-dropdown-trigger>a{padding-right:4px}
.nav-dropdown-toggle{border:0;background:transparent;color:#8e9aa6;width:24px;height:34px;display:grid;place-items:center;padding:0;transition:.2s;cursor:pointer}
.nav-dropdown-toggle i{font-size:10px;transition:transform .22s ease}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle{color:#fff}
.nav-dropdown:hover .nav-dropdown-toggle i,.nav-dropdown.open .nav-dropdown-toggle i{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:calc(100% - 8px);left:50%;transform:translate(-50%,10px);width:220px;padding:8px;background:rgba(8,14,20,.98);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1050}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown-menu a{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 11px!important;border-radius:10px;color:#c3ccd4!important;font-size:12px!important}
.nav-dropdown-menu a::after{display:none!important}
.nav-dropdown-menu a i{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.11);color:var(--accent-readable);font-size:12px}
.nav-dropdown-menu a:hover{background:rgba(255,255,255,.055);color:#fff!important}
.muonline-subpage-section{padding-top:28px}
.muonline-subnav{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.muonline-subnav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:#0a1117;color:#aeb9c4;font-size:12px;transition:.2s}
.muonline-subnav a i{color:var(--accent-readable)}
.muonline-subnav a:hover,.muonline-subnav a.active{color:#fff;border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 9%,#0a1117)}
.muonline-subpage-placeholder{text-align:center;display:flex;flex-direction:column;align-items:center;min-height:330px;justify-content:center}
.muonline-subpage-placeholder h2{margin:8px 0 10px}.muonline-subpage-placeholder p{max-width:700px;margin:0 auto 12px;color:var(--muted)}
.muonline-subpage-placeholder small{color:#71808d}.muonline-subpage-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 22%,#111820),#0c131b);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);margin-bottom:16px}.muonline-subpage-icon i{font-size:26px;color:var(--accent-readable)}
@media(max-width:1080px){.nav-dropdown{display:block;width:100%}.nav-dropdown-trigger{width:100%;display:grid;grid-template-columns:1fr 42px;align-items:center}.wh-nav.open .nav-links .nav-dropdown-trigger>a{width:100%;padding:12px 0}.nav-dropdown-toggle{width:42px;height:42px;border-radius:10px}.nav-dropdown-menu{position:static;transform:none!important;width:100%;margin:0;padding:0 0 6px 16px;background:transparent;border:0;box-shadow:none;border-radius:0;display:none;opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown:hover .nav-dropdown-menu{display:none}.nav-dropdown.open .nav-dropdown-menu{display:block}.nav-dropdown-menu a{padding:9px 10px!important}.muonline-subnav{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.muonline-subnav{grid-template-columns:1fr}.muonline-subnav a{justify-content:flex-start}.muonline-subpage-section{padding-top:18px}}

/* WHWEB V42 — MuOnline Server Catalog (mantido no único site.css) */
.nav-dropdown-trigger>a[data-muonline-trigger]{cursor:pointer}
.mu-catalog-hero{position:relative;height:var(--site-page-cover-height);min-height:400px;display:flex;align-items:center;overflow:hidden;background:
  radial-gradient(circle at 82% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 35%),
  linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,#000),var(--site-bg));background-size:cover;background-position:center}
.mu-catalog-hero.has-cover{background-size:cover;background-position:center}
.mu-catalog-overlay{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--site-bg) 94%,transparent) 0%,color-mix(in srgb,var(--site-bg) 74%,transparent) 55%,color-mix(in srgb,var(--site-bg) 38%,transparent) 100%)}
.mu-catalog-hero-inner{position:relative;z-index:1;padding-top:66px;padding-bottom:66px}
.mu-catalog-hero h1{max-width:820px;margin:10px 0 14px;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em}
.mu-catalog-lead{max-width:760px;color:#aeb9c4;font-size:15px;line-height:1.75}.mu-catalog-lead p:last-child{margin-bottom:0}
.mu-catalog-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.mu-catalog-trust span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));border-radius:999px;background:rgba(5,10,15,.52);font-size:12px;color:#c8d2da}.mu-catalog-trust i{color:var(--accent-readable)}
.mu-catalog-section{padding:54px 0 72px}.mu-catalog-toolbar{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:24px}.mu-catalog-toolbar h2{margin:6px 0 8px;font-size:clamp(26px,3.4vw,42px);letter-spacing:-.035em}.mu-catalog-toolbar p{max-width:680px;margin:0;color:#8798a6;font-size:12px}
.mu-tier-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mu-tier-filters button{min-height:40px;padding:9px 15px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:color-mix(in srgb,var(--surface) 94%,#000);color:#93a2ae;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.mu-tier-filters button:hover,.mu-tier-filters button.active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 26%,#111820),color-mix(in srgb,var(--accent-2) 15%,#0d141b));color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 12%,transparent)}
.mu-server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mu-server-card{display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.08));border-radius:18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 94%,#fff 1%));box-shadow:0 18px 45px rgba(0,0,0,.17);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mu-server-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));box-shadow:0 24px 60px rgba(0,0,0,.28)}.mu-server-card.featured{border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.09))}.mu-server-card[hidden]{display:none!important}
.mu-server-media{position:relative;aspect-ratio:16/9;background:#071019;overflow:hidden}.mu-server-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.mu-server-card:hover .mu-server-media img{transform:scale(1.035)}.mu-server-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--accent-readable);font-size:42px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 58%)}
.mu-tier-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:5px 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 15%,#091018);color:color-mix(in srgb,var(--accent) 76%,#fff);font-size:12px;font-weight:800;letter-spacing:.07em}.mu-server-media>.mu-tier-badge{position:absolute;left:12px;top:12px}.mu-tier-badge.premium{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 44%,#19111b),color-mix(in srgb,var(--accent-2) 42%,#111621));color:#fff}.mu-tier-badge.standard{background:color-mix(in srgb,var(--accent) 12%,#0b1219)}.mu-highlight-badge{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:rgba(5,8,12,.76);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#e9eef3}
.mu-server-body{display:flex;flex:1;flex-direction:column;padding:17px}.mu-server-code{font-size:12px;letter-spacing:.14em;color:var(--accent-readable);font-weight:800}.mu-server-body h3{margin:7px 0 7px;font-size:18px;line-height:1.2;letter-spacing:-.025em}.mu-server-body>p{margin:0 0 12px;color:#8fa0ad;font-size:12px;line-height:1.58;min-height:48px}.mu-server-perks{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:6px}.mu-server-perks li{display:flex;align-items:flex-start;gap:7px;color:#c4ced6;font-size:12px;line-height:1.45}.mu-server-perks i{color:var(--accent-readable);font-size:12px;margin-top:1px}.mu-server-commerce{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.065);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mu-server-price{min-width:0}.mu-server-price small,.mu-server-price strong,.mu-server-price span{display:block}.mu-server-price small,.mu-server-type small{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#6f8291}.mu-server-price strong{margin-top:2px;font-size:24px;color:var(--accent-readable);letter-spacing:-.03em}.mu-server-price span{margin-top:2px;font-size:12px;color:#93a3af}.mu-server-type{text-align:right;flex:0 0 auto}.mu-server-type small{color:var(--accent-readable)}.mu-server-type strong{display:block;min-width:82px;max-width:125px;margin-top:4px;padding:7px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.08));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--surface)),color-mix(in srgb,var(--accent-2) 8%,var(--site-bg)));color:var(--site-text);font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mu-server-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mu-server-actions .btn{min-width:0;padding-inline:10px;font-size:12px}.mu-catalog-empty{text-align:center;padding:55px}.mu-catalog-empty>i{display:block;font-size:38px;color:var(--accent-readable);margin-bottom:12px}
.mu-detail-hero{position:relative;min-height:400px;height:var(--site-page-cover-height);display:flex;align-items:flex-end;padding:48px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 70%,var(--site-bg)),var(--site-bg));background-size:cover;background-position:center;overflow:hidden}.mu-detail-hero.has-cover{background-image:linear-gradient(90deg,color-mix(in srgb,var(--site-bg) 94%,transparent) 0%,color-mix(in srgb,var(--site-bg) 72%,transparent) 58%,color-mix(in srgb,var(--site-bg) 40%,transparent) 100%),var(--mu-detail-cover);background-size:cover;background-position:center}.mu-detail-hero>.container-xl{position:relative;z-index:1}.mu-back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:24px;color:#d2dae0;font-size:12px}.mu-back-link:hover{color:#fff}.mu-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.mu-detail-meta{display:flex;align-items:center;gap:10px;color:#d0d8de;font-size:12px}.mu-detail-heading h1{margin:11px 0 8px;font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.045em}.mu-detail-heading p{margin:0;color:#a3b0ba;font-size:15px}.mu-detail-heading>.btn{flex:0 0 auto}
.mu-detail-section{padding:24px 0 74px}.mu-detail-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.82fr);gap:26px;align-items:start}.mu-detail-main{min-width:0}.mu-demo-frame{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.09));background:#05090d;box-shadow:0 26px 60px rgba(0,0,0,.24)}.mu-demo-frame iframe,.mu-demo-frame>img{width:100%;height:100%;display:block;border:0;object-fit:cover}.mu-demo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(3,6,9,.15),rgba(3,6,9,.68));color:#fff}.mu-demo-overlay>span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 30%,transparent);font-size:28px;color:var(--accent-contrast)}.mu-demo-overlay b{margin-top:14px;font-size:15px}.mu-demo-overlay small{margin-top:4px;color:#c2ccd4;font-size:12px}.mu-demo-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:#8293a0}.mu-demo-empty i{font-size:40px;color:var(--accent-readable)}
.mu-about-card{margin-top:22px;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:color-mix(in srgb,var(--surface) 94%,#000)}.mu-about-card h2{margin:7px 0 12px;font-size:25px}.mu-about-card .rich-content{font-size:12px;line-height:1.75;color:#b7c3cc}.mu-resource-section,.mu-gallery-section{margin-top:30px}.mu-resource-title{margin-bottom:14px}.mu-resource-title h2{margin:5px 0 0;font-size:24px;line-height:1.25}.mu-accordion-list{display:grid;gap:10px}.mu-accordion{border:1px solid rgba(255,255,255,.08);border-radius:15px;background:color-mix(in srgb,var(--surface) 93%,#000);overflow:hidden}.mu-accordion summary{list-style:none;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:12px 15px;cursor:pointer}.mu-accordion summary::-webkit-details-marker{display:none}.mu-accordion summary b{font-size:14px}.mu-accordion summary em{font-style:normal;font-size:12px;color:#8293a0;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px 7px}.mu-accordion summary>i:last-child{font-size:10px;color:#7f909c;transition:.18s}.mu-accordion[open] summary>i:last-child{transform:rotate(180deg)}.mu-accordion-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.07));background:color-mix(in srgb,var(--accent) 8%,#0b1219);color:var(--accent-readable)}.mu-accordion-body{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 15px 15px 67px}.mu-accordion-body span{display:flex;align-items:flex-start;gap:4px;min-height:36px;padding:9px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.065);background:rgba(0,0,0,.18);font-size:12px;color:#c6d0d8;line-height:1.45}.mu-accordion-body i{color:var(--accent-readable);font-size:16px;line-height:.9}
.mu-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mu-gallery-grid button{padding:0;border:1px solid rgba(255,255,255,.08);border-radius:13px;overflow:hidden;background:#05090d;aspect-ratio:16/10;cursor:pointer}.mu-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.mu-gallery-grid button:hover img{transform:scale(1.04)}
.mu-detail-sidebar{position:sticky;top:88px}.mu-purchase-panel{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 92%,#fff 1%));box-shadow:0 24px 60px rgba(0,0,0,.23)}.mu-purchase-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mu-purchase-grid>div{min-height:112px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(0,0,0,.22)}.mu-purchase-grid i{display:block;color:var(--accent-readable);font-size:17px;margin-bottom:11px}.mu-purchase-grid small,.mu-purchase-grid strong{display:block}.mu-purchase-grid small{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#738593}.mu-purchase-grid strong{margin-top:4px;font-size:15px;line-height:1.25}.mu-install-row{display:flex;align-items:center;gap:10px;margin-top:10px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(0,0,0,.22)}.mu-install-row>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 8%,#0b1219);color:var(--accent-readable)}.mu-install-row small,.mu-install-row strong{display:block}.mu-install-row small{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#718492}.mu-install-row strong{font-size:13px;margin-top:2px}.mu-purchase-panel h3{margin:22px 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.06em}.mu-package-info{display:grid;gap:8px;margin-bottom:15px}.mu-package-info>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(0,0,0,.16);font-size:12px}.mu-package-info span{color:#8798a5}.mu-package-info b{text-align:right;color:#fff}.mu-purchase-panel>.btn+.btn{margin-top:8px}
@media(max-width:1180px){.mu-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}}
@media(max-width:900px){.mu-catalog-hero{min-height:360px}.mu-catalog-toolbar,.mu-detail-heading{align-items:flex-start;flex-direction:column}.mu-tier-filters{justify-content:flex-start}.mu-detail-layout{grid-template-columns:1fr}.mu-detail-sidebar{position:static}.mu-purchase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-accordion-body{padding-left:15px}.mu-detail-heading>.btn{width:100%}}
@media(max-width:640px){.mu-catalog-section{padding-top:34px}.mu-server-grid{grid-template-columns:1fr}.mu-server-body>p{min-height:0}.mu-server-actions{grid-template-columns:1fr 1fr}.mu-catalog-trust{display:grid;grid-template-columns:1fr}.mu-catalog-trust span{border-radius:11px}.mu-purchase-grid{grid-template-columns:1fr 1fr}.mu-accordion-body{grid-template-columns:1fr}.mu-gallery-grid{grid-template-columns:1fr 1fr}.mu-detail-heading h1{font-size:36px}}
@media(max-width:420px){.mu-server-actions{grid-template-columns:1fr}.mu-purchase-grid{grid-template-columns:1fr}.mu-gallery-grid{grid-template-columns:1fr}.mu-tier-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.mu-tier-filters button:first-child{grid-column:1/-1}.mu-accordion summary{grid-template-columns:38px minmax(0,1fr) auto 14px;padding-inline:11px}}


/* WHWEB V43 — MuOnline Server Showcase: 3 cards, capa 400px e tipo do servidor ao lado do valor. */
@media(max-width:1050px){.mu-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mu-catalog-hero{height:var(--site-page-cover-height);min-height:400px}.mu-server-grid{grid-template-columns:1fr}.mu-server-commerce{align-items:flex-end}.mu-server-type strong{min-width:74px}}

/* WHWEB V44 — detalhe MuOnline com capa individual e tipografia mínima de 12px. */

/* WHWEB V45 — detalhe MuOnline compacto: sem subtítulos em pílula, galeria no topo e sem padding global entre blocos. */
.mu-detail-main .section-kicker{display:none!important}
.mu-detail-section{padding:16px 0 56px}
.mu-detail-layout{gap:22px}
.mu-detail-main>.mu-gallery-section,
.mu-detail-main>.mu-resource-section{padding:0}
.mu-gallery-section-top{margin-top:14px!important}
.mu-about-card{margin-top:16px;padding:22px}
.mu-about-card h2{margin:0 0 10px;font-size:24px;line-height:1.2}
.mu-resource-section{margin-top:18px!important}
.mu-gallery-section{margin-top:14px}
.mu-resource-title{margin-bottom:10px}
.mu-resource-title h2{margin:0;font-size:22px;line-height:1.25;font-weight:700}
.mu-gallery-grid{gap:8px}
@media(max-width:640px){
  .mu-detail-section{padding:12px 0 42px}
  .mu-detail-layout{gap:16px}
  .mu-about-card{margin-top:14px;padding:18px}
  .mu-resource-section{margin-top:16px!important}
  .mu-gallery-section-top{margin-top:12px!important}
  .mu-resource-title h2{font-size:20px}
}

/* WHWEB V46 — ordem fixa do detalhe MuOnline conforme layout aprovado. */
.mu-detail-main{display:flex;flex-direction:column;gap:16px}
.mu-detail-main>.mu-demo-frame{order:1}
.mu-detail-main>.mu-gallery-section{order:2;margin:0!important;padding:0!important}
.mu-detail-main>.mu-about-card{order:3;margin:0!important}
.mu-detail-main>.mu-resource-section{order:4;margin:0!important;padding:0!important}
.mu-detail-main>.mu-gallery-section .mu-resource-title,
.mu-detail-main>.mu-resource-section .mu-resource-title{margin:0 0 10px}
.mu-detail-main>.mu-about-card h2{margin-top:0}
@media(max-width:900px){.mu-detail-main{gap:14px}}
@media(max-width:640px){.mu-detail-main{gap:12px}}


/* WHWEB V47 — mídia principal do servidor: YouTube ou imagem por upload. */
.mu-demo-frame .mu-demo-media-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.mu-demo-frame iframe{width:100%;height:100%;display:block;border:0}.mu-demo-empty small{display:block;margin-top:6px;color:var(--muted);font-size:12px}

/* WHWEB V50 — MuOnline Website Catalog */
.mu-website-catalog-hero{background-image:radial-gradient(circle at 78% 34%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--site-bg) 97%,#fff 1%),color-mix(in srgb,var(--surface) 90%,var(--accent) 4%))}
.mu-website-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mu-website-card{display:flex;flex-direction:column;min-width:0;border:1px solid color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.08));border-radius:18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,#fff 1%),color-mix(in srgb,var(--site-bg) 96%,#fff 1%));box-shadow:0 18px 48px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mu-website-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08));box-shadow:0 26px 62px rgba(0,0,0,.3)}.mu-website-card.featured{border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.1))}.mu-website-card[hidden]{display:none!important}
.mu-website-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#071019}.mu-website-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.mu-website-card:hover .mu-website-media>img{transform:scale(1.035)}
.mu-website-browserbar{position:absolute;left:0;right:0;top:0;height:34px;padding:0 12px;display:flex;align-items:center;gap:6px;background:rgba(5,9,13,.82);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);z-index:2}.mu-website-browserbar i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.mu-website-browserbar i:nth-child(2){opacity:.65}.mu-website-browserbar i:nth-child(3){opacity:.35}.mu-website-browserbar span{margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9dafbd;font-size:12px}
.mu-website-sale-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 16%,#091018);color:color-mix(in srgb,var(--accent) 76%,#fff);font-size:12px;font-weight:800;letter-spacing:.07em}.mu-website-media>.mu-website-sale-badge{position:absolute;left:12px;bottom:12px;z-index:2}.mu-website-sale-badge.monthly{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 32%,#0a1420),color-mix(in srgb,var(--accent-2) 22%,#0b1219));color:#fff}.mu-website-sale-badge.lifetime{background:rgba(5,10,15,.78);color:var(--accent-readable)}
.mu-website-body{display:flex;flex:1;flex-direction:column;padding:17px}.mu-website-body h3{margin:7px 0;font-size:19px;line-height:1.2;letter-spacing:-.025em}.mu-website-body>p{margin:0 0 12px;color:#8fa0ad;font-size:12px;line-height:1.58;min-height:46px}
.mu-website-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 13px}.mu-website-meta-row>span{padding:9px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(4,9,14,.34)}.mu-website-meta-row small,.mu-website-meta-row b{display:block}.mu-website-meta-row small{font-size:12px;color:#718493;text-transform:uppercase;letter-spacing:.08em}.mu-website-meta-row b{margin-top:3px;font-size:12px;color:var(--site-text)}
.mu-website-commerce{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.065);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.mu-website-commerce>div:first-child small,.mu-website-commerce>div:first-child strong,.mu-website-commerce>div:first-child span{display:block}.mu-website-commerce>div:first-child small{font-size:12px;color:#6f8291;text-transform:uppercase;letter-spacing:.1em}.mu-website-commerce>div:first-child strong{margin-top:2px;font-size:24px;color:var(--accent-readable);letter-spacing:-.03em}.mu-website-commerce>div:first-child span{margin-top:2px;font-size:12px;color:#93a3af}
.mu-website-detail-hero .mu-detail-meta .mu-website-sale-badge{position:static}.mu-website-demo-frame{background:linear-gradient(180deg,#060b10,#08131e)}
@media(max-width:1050px){.mu-website-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.mu-website-grid{grid-template-columns:1fr}.mu-website-body>p{min-height:0}.mu-website-meta-row{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.mu-website-meta-row{grid-template-columns:1fr}.mu-website-commerce{align-items:flex-end}}

/* WHWEB V51 — MuOnline Website Detail Premium Fix */
.mu-website-pro-hero{position:relative;overflow:hidden;padding:34px 0;background:
  radial-gradient(circle at 82% 40%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%),
  linear-gradient(135deg,color-mix(in srgb,var(--site-bg) 98%,#fff 1%),color-mix(in srgb,var(--surface) 94%,var(--accent) 3%));border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.05))}
.mu-website-pro-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 92%)}
.mu-website-pro-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:36px;align-items:center;min-height:330px}
.mu-website-pro-copy{min-width:0}.mu-website-pro-copy .mu-back-link{margin:0 0 20px;color:#9aabb7}.mu-website-pro-copy .mu-back-link:hover{color:#fff}
.mu-website-pro-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#9aaab6;font-size:12px}.mu-website-pro-kicker>span:last-child{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.mu-website-pro-copy h1{max-width:760px;margin:14px 0 10px;font-size:clamp(36px,4.8vw,58px);line-height:1.02;letter-spacing:-.045em;color:var(--site-text)}
.mu-website-pro-copy>p{max-width:700px;margin:0;color:#a6b4bf;font-size:15px;line-height:1.65}
.mu-website-pro-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.mu-website-pro-highlights span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.075);background:rgba(5,10,15,.52);color:#c8d2da;font-size:12px}.mu-website-pro-highlights i{color:var(--accent-readable)}
.mu-website-pro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.mu-website-pro-actions .btn{min-height:44px}
.mu-website-pro-cover{position:relative;overflow:hidden;min-height:255px;aspect-ratio:16/10;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.08));border-radius:20px;background:#071019;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.mu-website-pro-cover::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.mu-website-pro-coverbar{position:absolute;left:0;right:0;top:0;z-index:2;height:36px;display:flex;align-items:center;gap:6px;padding:0 13px;background:rgba(4,8,12,.9);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(10px)}.mu-website-pro-coverbar i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.mu-website-pro-coverbar i:nth-child(2){opacity:.62}.mu-website-pro-coverbar i:nth-child(3){opacity:.32}.mu-website-pro-coverbar span{margin-left:7px;color:#8ea0ad;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mu-website-pro-cover>img{width:100%;height:100%;display:block;object-fit:cover}.mu-website-pro-cover-empty{height:100%;min-height:255px;display:grid;place-items:center;align-content:center;gap:10px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 48%);color:#8798a5}.mu-website-pro-cover-empty i{font-size:44px;color:var(--accent-readable)}.mu-website-pro-cover-empty span{font-size:12px;letter-spacing:.14em}
.mu-website-pro-section{padding:24px 0 64px}.mu-website-pro-layout{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(320px,.78fr);gap:24px;align-items:start}.mu-website-pro-main{display:flex;flex-direction:column;gap:18px;min-width:0}
.mu-website-preview-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));border-radius:20px;background:color-mix(in srgb,var(--surface) 95%,#000);box-shadow:0 22px 58px rgba(0,0,0,.22)}
.mu-website-preview-top{height:46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#08111a;color:#7f919f;font-size:12px}.mu-website-preview-top>div{display:flex;gap:6px}.mu-website-preview-top i{display:block;width:8px;height:8px;border-radius:50%;background:var(--accent)}.mu-website-preview-top i:nth-child(2){opacity:.62}.mu-website-preview-top i:nth-child(3){opacity:.3}.mu-website-preview-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-website-preview-top b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4ced6;font-size:12px;font-weight:600}
.mu-website-preview-media{position:relative;aspect-ratio:16/9;background:#04080c}.mu-website-preview-media iframe,.mu-website-preview-media>img{width:100%;height:100%;display:block;border:0;object-fit:cover}.mu-website-preview-media .mu-demo-empty{min-height:100%;padding:40px 20px}
.mu-website-gallery-block,.mu-website-about-card,.mu-website-includes{padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 97%,#fff 1%))}
.mu-website-section-head{margin-bottom:13px}.mu-website-section-head>span{display:block;margin-bottom:6px;color:var(--accent-readable);font-size:12px;font-weight:800;letter-spacing:.12em}.mu-website-section-head h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.025em}.mu-website-section-head p{margin:7px 0 0;color:#81929f;font-size:12px;line-height:1.5}
.mu-website-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mu-website-gallery-grid button{padding:0;overflow:hidden;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#071019;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.mu-website-gallery-grid button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.08))}.mu-website-gallery-grid img{width:100%;height:100%;display:block;object-fit:cover}
.mu-website-about-card .rich-content{color:#b6c2cb;font-size:13px;line-height:1.75}.mu-website-about-card .rich-content>*:last-child{margin-bottom:0}
.mu-website-includes .mu-accordion-list{gap:9px}.mu-website-includes .mu-accordion{border-color:rgba(255,255,255,.075);background:rgba(4,9,14,.35)}.mu-website-includes .mu-accordion-body span{min-height:38px;font-size:12px}.mu-website-includes .mu-accordion-body i{font-size:13px;color:var(--accent-readable)}
.mu-website-pro-sidebar{position:sticky;top:96px}.mu-website-buy-card{padding:20px;border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.08));border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 97%,#fff 1%),color-mix(in srgb,var(--site-bg) 94%,#fff 1%));box-shadow:0 24px 65px rgba(0,0,0,.26)}
.mu-website-buy-heading>span{display:block;color:var(--accent-readable);font-size:12px;font-weight:800;letter-spacing:.12em}.mu-website-buy-heading h3{margin:6px 0 6px;font-size:22px;line-height:1.15}.mu-website-buy-heading p{margin:0;color:#8597a4;font-size:12px;line-height:1.55}
.mu-website-price-line{margin-top:16px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.07));border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,rgba(0,0,0,.22))}.mu-website-price-line small,.mu-website-price-line strong{display:block}.mu-website-price-line small{text-transform:uppercase;letter-spacing:.1em;color:#8495a2;font-size:12px}.mu-website-price-line strong{margin-top:3px;color:var(--accent-readable);font-size:28px;letter-spacing:-.03em}
.mu-website-commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.mu-website-commercial-grid>div{min-height:104px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.18)}.mu-website-commercial-grid i{display:block;margin-bottom:9px;color:var(--accent-readable);font-size:16px}.mu-website-commercial-grid small,.mu-website-commercial-grid b{display:block}.mu-website-commercial-grid small{color:#7d8f9c;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mu-website-commercial-grid b{margin-top:3px;color:#f2f5f7;font-size:13px;line-height:1.3}
.mu-website-package-title{margin:18px 0 9px;color:#eef3f6;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mu-website-package-info{margin-bottom:14px}.mu-website-package-info>div{padding:10px 11px;background:rgba(0,0,0,.17)}.mu-website-buy-card>.btn+.btn{margin-top:8px}
@media(max-width:1050px){.mu-website-pro-hero-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.mu-website-pro-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.82fr)}}
@media(max-width:900px){.mu-website-pro-hero{padding:28px 0}.mu-website-pro-hero-grid{grid-template-columns:1fr;min-height:0}.mu-website-pro-cover{max-width:760px;width:100%}.mu-website-pro-layout{grid-template-columns:1fr}.mu-website-pro-sidebar{position:static}.mu-website-pro-copy h1{font-size:clamp(34px,8vw,50px)}}
@media(max-width:640px){.mu-website-pro-hero{padding:22px 0}.mu-website-pro-hero-grid{gap:20px}.mu-website-pro-copy .mu-back-link{margin-bottom:14px}.mu-website-pro-copy>p{font-size:13px}.mu-website-pro-highlights{margin-top:15px}.mu-website-pro-actions{display:grid;grid-template-columns:1fr;margin-top:16px}.mu-website-pro-actions .btn{width:100%}.mu-website-pro-section{padding:14px 0 42px}.mu-website-pro-main{gap:12px}.mu-website-gallery-block,.mu-website-about-card,.mu-website-includes{padding:15px}.mu-website-gallery-grid{grid-template-columns:1fr 1fr}.mu-website-section-head h2{font-size:21px}.mu-website-preview-top{grid-template-columns:auto 1fr}.mu-website-preview-top b{display:none}.mu-website-commercial-grid{grid-template-columns:1fr 1fr}.mu-website-buy-card{padding:16px}}
@media(max-width:430px){.mu-website-gallery-grid{grid-template-columns:1fr}.mu-website-commercial-grid{grid-template-columns:1fr}.mu-website-pro-highlights{display:grid;grid-template-columns:1fr}.mu-website-pro-highlights span{justify-content:flex-start}}

/* V52 — MuOnline Launcher Catalog */
.mu-launcher-catalog-hero{background-color:color-mix(in srgb,var(--site-bg) 94%,var(--accent) 6%)}
.mu-launcher-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mu-launcher-card .mu-launcher-media{position:relative;background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 38%),#071019}
.mu-launcher-card .mu-launcher-media>img{filter:saturate(.96) contrast(1.03)}
.mu-launcher-appbar{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(4,9,14,.82);backdrop-filter:blur(12px);color:#c9d4dc;font-size:12px}
.mu-launcher-appbar>span{display:flex;gap:5px}.mu-launcher-appbar i{font-size:7px;color:var(--accent-readable)}.mu-launcher-appbar i:nth-child(2){opacity:.58}.mu-launcher-appbar i:nth-child(3){opacity:.28}.mu-launcher-appbar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.mu-launcher-pro-hero{background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 98%,#fff 1%),var(--site-bg))}
.mu-launcher-pro-cover{border-color:color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08))}.mu-launcher-pro-cover::before{content:"";position:absolute;z-index:1;inset:36px 0 0;pointer-events:none;background:linear-gradient(135deg,transparent 65%,color-mix(in srgb,var(--accent) 8%,transparent))}
.mu-launcher-preview-card{border-color:color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.08))}.mu-launcher-preview-card .mu-website-preview-top{background:linear-gradient(90deg,#08111a,color-mix(in srgb,var(--accent) 7%,#08111a))}
.mu-launcher-buy-card{border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.08))}.mu-launcher-buy-card .mu-website-price-line{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,rgba(0,0,0,.18)),rgba(0,0,0,.14))}
@media(max-width:1050px){.mu-launcher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mu-launcher-grid{grid-template-columns:1fr}.mu-launcher-appbar{left:8px;right:8px;bottom:8px}}


/* V53 — MuOnline License Store */
.mu-license-hero{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.mu-license-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),linear-gradient(90deg,rgba(2,5,8,.94),rgba(2,5,8,.68));pointer-events:none}
.mu-license-hero>.container-xl{position:relative;z-index:1}
.mu-license-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:54px;align-items:center;min-height:400px}
.mu-license-hero h1{max-width:760px}.mu-license-hero .cover-lead{max-width:720px}
.mu-license-hero-trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.mu-license-hero-trust span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(7,13,18,.72);font-size:12px;color:var(--text)}.mu-license-hero-trust i{color:var(--accent-readable)}
.mu-license-vault{position:relative;min-height:260px;border:1px solid color-mix(in srgb,var(--accent) 32%,#18222c);border-radius:28px;background:linear-gradient(145deg,rgba(12,20,28,.96),rgba(5,8,12,.9));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 0 80px color-mix(in srgb,var(--accent) 5%,transparent)}
.mu-license-vault-ring{position:absolute;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.015),0 0 0 36px rgba(255,255,255,.01)}
.mu-license-vault-key{position:relative;z-index:1;width:82px;height:82px;border-radius:24px;background:linear-gradient(145deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:var(--accent-contrast);font-size:36px;box-shadow:0 16px 45px color-mix(in srgb,var(--accent) 30%,transparent)}
.mu-license-vault small,.mu-license-vault strong{position:relative;z-index:1}.mu-license-vault small{margin-top:26px;color:var(--accent-readable);letter-spacing:.16em;font-size:12px}.mu-license-vault strong{font-size:12px;margin-top:6px;color:var(--text)}
.mu-license-store{padding:46px 0 72px}.mu-license-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}.mu-license-stats article{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 88%,#000));box-shadow:0 14px 35px rgba(0,0,0,.16)}.mu-license-stats article>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent-readable);font-size:20px}.mu-license-stats small{display:block;font-size:12px;letter-spacing:.12em;color:var(--muted)}.mu-license-stats b{display:block;font-size:21px;line-height:1.1;margin:3px 0}.mu-license-stats em{font-style:normal;font-size:12px;color:var(--muted)}
.mu-license-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}.mu-license-toolbar h2{margin:.35rem 0 .45rem;font-size:clamp(27px,3vw,40px)}.mu-license-toolbar p{margin:0;color:var(--muted);max-width:700px}.mu-license-filters{display:flex;gap:8px;flex-wrap:wrap}.mu-license-filters a{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:var(--panel);font-size:12px;font-weight:700}.mu-license-filters a.active,.mu-license-filters a:hover{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent-readable)}
.mu-license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mu-license-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#000),#060a0e);transition:.25s ease;box-shadow:0 18px 42px rgba(0,0,0,.18)}.mu-license-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 22px 55px rgba(0,0,0,.28)}.mu-license-card.featured{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 22px 55px rgba(0,0,0,.28)}
.mu-license-card-top{position:absolute;z-index:3;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px;align-items:center}.mu-license-kind,.mu-license-featured{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mu-license-kind{padding:8px 10px;background:rgba(4,8,12,.86);border:1px solid rgba(255,255,255,.1);color:var(--text)}.mu-license-kind i{color:var(--accent-readable)}.mu-license-featured{padding:7px 9px;background:var(--accent);color:var(--accent-contrast)}
.mu-license-card-visual{height:210px;position:relative;background:linear-gradient(145deg,#091018,#05080c);overflow:hidden}.mu-license-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,6,9,.82))}.mu-license-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.mu-license-card-glyph{width:100%;height:100%;display:grid;place-items:center;font-size:72px;color:var(--accent-readable);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 32%),linear-gradient(145deg,#09111a,#05080c)}.mu-license-card-seal{position:absolute;z-index:2;right:16px;bottom:14px;display:flex;gap:10px;align-items:center;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:14px;background:rgba(4,8,12,.88);backdrop-filter:blur(8px)}.mu-license-card-seal>i{color:var(--accent-readable);font-size:20px}.mu-license-card-seal small{display:block;font-size:12px;color:var(--muted);letter-spacing:.1em}.mu-license-card-seal b{font-size:12px}
.mu-license-card-body{padding:20px}.mu-license-product{display:block;color:var(--accent-readable);letter-spacing:.12em;font-size:12px;font-weight:800;text-transform:uppercase}.mu-license-card-body h3{margin:8px 0 8px;font-size:21px}.mu-license-card-body>p{min-height:54px;margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.mu-license-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.mu-license-meta span{padding:10px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.015)}.mu-license-meta small{display:block;font-size:12px;letter-spacing:.09em;color:var(--muted)}.mu-license-meta b{font-size:12px}.mu-license-card ul{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 18px}.mu-license-card li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.mu-license-card li i{color:var(--accent-readable)}.mu-license-price{display:flex;justify-content:space-between;gap:14px;align-items:end;border-top:1px solid var(--line);padding-top:16px}.mu-license-price small{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted)}.mu-license-price strong{display:block;color:var(--accent-readable);font-size:24px}.mu-license-price span{display:block;font-size:12px;color:var(--muted)}.mu-license-validity{align-self:center!important;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent-readable)!important;font-weight:800}.mu-license-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.mu-license-empty{text-align:center}.mu-license-empty>i{font-size:38px;color:var(--accent-readable)}
.mu-license-detail-hero{padding:46px 0 54px;background:radial-gradient(circle at 82% 30%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 32%),linear-gradient(145deg,#071019,#030609);background-size:cover;background-position:center;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.mu-license-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:30px}.mu-license-back:hover{color:var(--accent-readable)}.mu-license-detail-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:36px;align-items:end}.mu-license-detail-head h1{font-size:clamp(38px,5vw,66px);line-height:1;margin:16px 0 14px;max-width:800px}.mu-license-detail-head p{max-width:700px;color:var(--muted);font-size:15px}.mu-license-detail-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.mu-license-detail-badges span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(4,8,12,.72);font-size:12px}.mu-license-detail-badges i{color:var(--accent-readable)}.mu-license-detail-price{padding:20px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:20px;background:rgba(5,9,13,.9);box-shadow:0 20px 50px rgba(0,0,0,.25)}.mu-license-detail-price small{font-size:12px;color:var(--muted);letter-spacing:.12em}.mu-license-detail-price strong{display:block;color:var(--accent-readable);font-size:34px;margin:6px 0}.mu-license-detail-price span{display:block;color:var(--muted);font-size:12px;margin-bottom:14px}.mu-license-detail-price .btn{width:100%}
.mu-license-detail-section{padding:34px 0 76px}.mu-license-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.mu-license-detail-grid main{display:grid;gap:16px}.mu-license-detail-card,.mu-license-summary{border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 88%,#000));box-shadow:0 16px 40px rgba(0,0,0,.14)}.mu-license-detail-card{padding:24px}.mu-license-overview{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start}.mu-license-overview-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-readable);font-size:28px}.mu-license-overview h2{margin:5px 0 10px;font-size:25px}.mu-license-info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mu-license-info-strip article{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.mu-license-info-strip i{font-size:20px;color:var(--accent-readable)}.mu-license-info-strip small{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted)}.mu-license-info-strip b{font-size:12px}.mu-license-section-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.mu-license-section-title>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent-readable)}.mu-license-section-title small{font-size:12px;letter-spacing:.11em;color:var(--accent-readable)}.mu-license-section-title h2{font-size:21px;margin:2px 0 0}.mu-license-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mu-license-feature-list>div{display:flex;gap:9px;align-items:center;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.012);font-size:12px}.mu-license-feature-list i{color:var(--accent-readable)}.mu-license-requirements{display:grid;gap:8px}.mu-license-requirements p{margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px}.mu-license-requirements i{color:var(--accent-readable)}
.mu-license-summary{position:sticky;top:92px;padding:20px}.mu-license-summary-head{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.mu-license-summary-head>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--accent-contrast);background:var(--accent);font-size:19px}.mu-license-summary-head small{display:block;font-size:12px;letter-spacing:.1em;color:var(--muted)}.mu-license-summary-head b{font-size:15px}.mu-license-summary-lines{display:grid;gap:7px;padding:16px 0}.mu-license-summary-lines>div{display:flex;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;font-size:12px}.mu-license-summary-lines span{color:var(--muted)}.mu-license-summary-lines b{text-align:right}.mu-license-summary .btn+.btn{margin-top:8px}
@media(max-width:1000px){.mu-license-hero-grid,.mu-license-detail-head,.mu-license-detail-grid{grid-template-columns:1fr}.mu-license-vault{min-height:220px}.mu-license-summary{position:static}.mu-license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-license-toolbar{align-items:flex-start;flex-direction:column}.mu-license-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.mu-license-hero-grid{gap:26px;min-height:auto;padding-top:36px;padding-bottom:36px}.mu-license-vault{display:none}.mu-license-store{padding-top:28px}.mu-license-stats{grid-template-columns:1fr}.mu-license-grid{grid-template-columns:1fr}.mu-license-card-visual{height:190px}.mu-license-detail-head{gap:20px}.mu-license-detail-price{max-width:none}.mu-license-info-strip,.mu-license-feature-list{grid-template-columns:1fr}.mu-license-overview{grid-template-columns:1fr}.mu-license-actions{grid-template-columns:1fr}.mu-license-toolbar h2{font-size:28px}}

/* =========================================================
   WHWEB V54 — MuOnline Utility Download Center
   ========================================================= */
.mu-utility-hero{border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}
.mu-utility-catalog{padding:42px 0 72px!important;background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%)}
.mu-utility-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.mu-utility-toolbar h2{margin:5px 0 8px;font-size:clamp(28px,3vw,42px)}.mu-utility-toolbar p{margin:0;color:#92a2b1}.mu-utility-stats{display:flex;gap:10px}.mu-utility-stats article{min-width:112px;padding:14px 16px;border:1px solid #1a2834;border-radius:15px;background:#091018;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.mu-utility-stats i{grid-row:1/3;color:var(--accent-readable);font-size:19px}.mu-utility-stats b{font-size:18px}.mu-utility-stats small{font-size:11px;color:#8395a6;text-transform:uppercase;letter-spacing:.08em}
.mu-utility-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.mu-utility-filters button{border:1px solid #1e2b36;background:#091018;color:#a9b8c5;border-radius:999px;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer;transition:.2s}.mu-utility-filters button:hover,.mu-utility-filters button.active{color:#111;background:var(--accent);border-color:var(--accent-readable);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 18%,transparent)}
.mu-utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mu-utility-card{border:1px solid #182833;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#09121a,#070c11);box-shadow:0 14px 40px rgba(0,0,0,.18);transition:.25s}.mu-utility-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 62%,#22313c);box-shadow:0 18px 54px color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.35))}.mu-utility-card[hidden]{display:none!important}.mu-utility-card-media{height:210px;position:relative;background:#05090d;overflow:hidden}.mu-utility-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.mu-utility-card:hover .mu-utility-card-media img{transform:scale(1.035)}.mu-utility-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#09131d,#101c27)}.mu-utility-placeholder i{font-size:54px;color:var(--accent-readable);opacity:.75}.mu-utility-access{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;padding:7px 10px}.mu-utility-card-media>.mu-utility-access{position:absolute;top:14px;left:14px}.mu-utility-access.free{background:#0f2a20;color:#53efae;border:1px solid #1d5c46}.mu-utility-access.paid{background:color-mix(in srgb,var(--accent) 16%,color-mix(in srgb,var(--accent) 8%,#090e13));color:var(--accent-readable);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.mu-utility-featured{position:absolute;right:14px;top:14px;border-radius:999px;padding:7px 10px;background:rgba(7,12,17,.85);border:1px solid #263642;font-size:10px}.mu-utility-featured i{color:var(--accent-readable)}.mu-utility-card-body{padding:20px}.mu-utility-card-body>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8193a3}.mu-utility-card h3{font-size:21px;margin:7px 0 8px}.mu-utility-card p{font-size:13px;color:#9baab7;line-height:1.55;min-height:61px}.mu-utility-meta{display:flex;gap:13px;flex-wrap:wrap;padding:13px 0;border-top:1px solid #14212a;border-bottom:1px solid #14212a}.mu-utility-meta span{font-size:11px;color:#98a8b5}.mu-utility-meta i{color:var(--accent-readable);margin-right:5px}.mu-utility-price{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding:15px 0}.mu-utility-price strong{font-size:19px;color:#f7f9fb}.mu-utility-price small{font-size:10px;color:#7f91a0;text-align:right}.mu-utility-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mu-utility-actions .btn{justify-content:center}
.mu-utility-detail-hero{min-height:340px;padding:72px 0 54px!important;display:flex;align-items:flex-end;background:linear-gradient(90deg,#05080c 20%,rgba(5,8,12,.83)),linear-gradient(135deg,#0a141d,#05080c);background-size:cover;background-position:center;border-bottom:1px solid #1e2a34}.mu-utility-detail-hero.has-cover{position:relative}.mu-utility-detail-hero.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.95),rgba(5,8,12,.62) 58%,rgba(5,8,12,.8))}.mu-utility-detail-hero .container-xl{position:relative;z-index:1}.mu-utility-detail-copy{max-width:750px}.mu-utility-detail-copy h1{font-size:clamp(38px,5vw,66px);margin:14px 0 10px}.mu-utility-detail-copy p{font-size:16px;color:#a8b7c3;max-width:650px}.mu-back-link{display:inline-flex;align-items:center;gap:7px;color:#aab8c4;font-size:12px;margin-bottom:24px}.mu-utility-detail-section{padding:34px 0 72px!important}.mu-utility-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.mu-utility-detail-grid main{display:grid;gap:16px}.mu-utility-detail-media{height:420px;border-radius:20px;overflow:hidden;border:1px solid #1b2b37;background:#050a0f}.mu-utility-detail-media img{width:100%;height:100%;object-fit:cover}.mu-utility-description h2,.mu-utility-detail-grid .content-box h2{font-size:24px;margin:4px 0 12px}.mu-utility-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mu-utility-feature-list>div{padding:12px 13px;border:1px solid #172630;border-radius:12px;background:#071018;display:flex;gap:9px;align-items:center;font-size:12px}.mu-utility-feature-list i{color:var(--accent-readable)}.mu-utility-requirements p{margin:0 0 7px;color:#aebbc5;font-size:12px}.mu-utility-requirements i{color:var(--accent-readable)}.mu-utility-summary{position:sticky;top:88px;padding:20px;border-radius:20px;background:#091018;border:1px solid color-mix(in srgb,var(--accent) 35%,#1c2a35);box-shadow:0 20px 50px rgba(0,0,0,.22)}.mu-utility-summary-head{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #17242e}.mu-utility-summary-head>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 10%,#071018);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.mu-utility-summary-head small{display:block;font-size:9px;letter-spacing:.13em;color:#7990a1}.mu-utility-summary-lines{display:grid;gap:8px;padding:15px 0}.mu-utility-summary-lines>div{display:flex;justify-content:space-between;gap:16px;padding:11px;border-radius:11px;background:#060b10;border:1px solid #14212b;font-size:11px}.mu-utility-summary-lines span{color:#8da0af}.mu-utility-summary-lines b{text-align:right}.mu-utility-detail-price{margin:4px 0 13px;padding:15px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,#070b0f);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.mu-utility-detail-price small{display:block;font-size:10px;color:#8799a7;text-transform:uppercase}.mu-utility-detail-price strong{font-size:26px;color:var(--accent-readable)}.mu-utility-no-account{display:block;margin-top:10px;text-align:center;color:#788a99;font-size:10px}
body.utility-modal-open{overflow:hidden}.utility-download-modal{position:fixed;inset:0;z-index:9999;padding:24px;display:grid;place-items:center;background:rgba(0,0,0,.76);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.22s}.utility-download-modal.open{opacity:1;visibility:visible}.utility-download-dialog{width:min(620px,100%);max-height:92vh;overflow:auto;position:relative;text-align:center;padding:30px;border-radius:24px;background:linear-gradient(180deg,#0b141d,#060b10);border:1px solid color-mix(in srgb,var(--accent) 38%,#23313b);box-shadow:0 30px 90px rgba(0,0,0,.55)}.utility-modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:10px;border:1px solid #25343f;background:#0b131a;color:#fff;cursor:pointer}.utility-download-icon{width:58px;height:58px;margin:0 auto 15px;border-radius:17px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,#091018);color:var(--accent-readable);font-size:25px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.utility-download-dialog h2{font-size:25px;margin:7px 0}.utility-download-dialog>p{color:#95a6b4;margin:0}.utility-countdown-ring{--download-progress:0%;width:112px;height:112px;border-radius:50%;margin:20px auto;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#0a1219 58%,transparent 59%),conic-gradient(var(--accent) var(--download-progress),#17242d 0);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 14%,transparent);transition:box-shadow .25s ease}.utility-countdown-ring.complete{box-shadow:0 0 42px color-mix(in srgb,var(--accent) 34%,transparent)}.utility-countdown-ring strong{font-size:32px;line-height:1}.utility-countdown-ring small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8fa0ad}.utility-ad-slot{min-height:90px;margin:16px 0 20px;padding:12px;border-radius:14px;background:#05090d;border:1px solid #172630;display:grid;place-items:center}.utility-ad-slot img{max-width:100%;max-height:220px;border-radius:9px}.utility-ad-video{width:100%;aspect-ratio:16/9}.utility-ad-video iframe{width:100%;height:100%;border:0;border-radius:10px}.utility-ad-empty{display:flex;align-items:center;gap:9px;color:#8295a4;font-size:12px}.utility-ad-empty i{color:#52dca3}.utility-download-release{width:100%;justify-content:center}.utility-download-release.disabled{opacity:.45;pointer-events:none;filter:grayscale(.5)}.utility-download-note{display:block;margin-top:9px;color:#758695;font-size:10px}
@media(max-width:980px){.mu-utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mu-utility-detail-grid{grid-template-columns:1fr}.mu-utility-summary{position:static}.mu-utility-toolbar{align-items:flex-start;flex-direction:column}.mu-utility-detail-media{height:360px}}
@media(max-width:640px){.mu-utility-catalog{padding:28px 0 50px!important}.mu-utility-grid{grid-template-columns:1fr}.mu-utility-card-media{height:200px}.mu-utility-stats{width:100%}.mu-utility-stats article{flex:1;min-width:0}.mu-utility-actions{grid-template-columns:1fr}.mu-utility-detail-hero{min-height:290px;padding:48px 0 38px!important}.mu-utility-detail-copy h1{font-size:38px}.mu-utility-detail-media{height:250px}.mu-utility-feature-list{grid-template-columns:1fr}.utility-download-modal{padding:12px}.utility-download-dialog{padding:24px 16px 20px}}

/* =========================================================
   WHWEB V55 — CLIENT MUONLINE PRIVATE WORKSPACE
   Menu condicional + áreas privadas de Servidores, Websites,
   Launchers e Utilitários. Mantido no site.css estável.
   ========================================================= */
body.client-embedded .client-mu-side-group{margin:16px 0 8px;padding:9px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:14px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.055),rgba(7,17,27,.15))}
body.client-embedded .client-mu-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 8px 8px;color:#f1f6fa;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:650}
body.client-embedded .client-mu-side-head span{display:flex;align-items:center;gap:7px}body.client-embedded .client-mu-side-head i{color:var(--accent-readable)}body.client-embedded .client-mu-side-head em{min-width:23px;height:20px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.24);color:var(--accent-readable);font-size:9px;font-style:normal}
body.client-embedded .client-mu-side-link{min-height:40px;margin:3px 0;padding-left:10px;background:rgba(5,13,20,.2)}body.client-embedded .client-mu-side-link>em{background:#102231;color:#9db4c6;border:1px solid #20394d}
body.client-embedded .client-mu-side-link.active>em{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.3);color:var(--accent-readable)}
body.client-embedded .client-mu-stage{--mu-line:#1b3345;--mu-surface:#0a1824;--mu-surface-2:#07131d;display:flex;flex-direction:column;gap:14px;padding:0;margin:0}
body.client-embedded .client-mu-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;min-height:250px;padding:28px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.15),transparent 32%),linear-gradient(135deg,#0d1c29 0%,#07131d 58%,#081018 100%);box-shadow:0 24px 65px rgba(0,0,0,.22)}
body.client-embedded .client-mu-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 90%)}
body.client-embedded .client-mu-hero-copy{align-self:center;max-width:720px}body.client-embedded .client-mu-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-readable);font-size:10px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}body.client-embedded .client-mu-kicker i{font-size:13px}
body.client-embedded .client-mu-hero h1{margin:10px 0 9px;font-size:37px;line-height:1.05;letter-spacing:-.04em;font-weight:650;color:#f6f9fb}body.client-embedded .client-mu-hero h1 span{color:var(--accent-readable)}body.client-embedded .client-mu-hero p{max-width:690px;margin:0;color:#91a8ba;font-size:13px;line-height:1.7}
body.client-embedded .client-mu-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
body.client-embedded .client-mu-hero-icon{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(145deg,rgba(8,23,34,.82),rgba(5,14,22,.68));box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.03)}
body.client-embedded .client-mu-hero-icon>span{width:74px;height:74px;display:grid;place-items:center;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.28);background:linear-gradient(145deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.04));color:var(--accent-readable);font-size:31px;box-shadow:0 18px 40px rgba(var(--accent-rgb),.08)}body.client-embedded .client-mu-hero-icon small{margin-top:15px;color:#64839a;font-size:9px;letter-spacing:.16em;font-weight:650}body.client-embedded .client-mu-hero-icon b{margin-top:4px;color:#eaf1f6;font-size:13px;font-weight:650;text-align:center}
body.client-embedded .client-mu-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}body.client-embedded .client-mu-metrics>div{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;min-height:82px;padding:13px 15px;border:1px solid var(--mu-line);border-radius:15px;background:linear-gradient(145deg,#0b1a27,#08151f)}body.client-embedded .client-mu-metrics>div>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14);color:var(--accent-readable);font-size:16px}body.client-embedded .client-mu-metrics small{align-self:end;color:#708ba0;font-size:9px;letter-spacing:.11em}body.client-embedded .client-mu-metrics b{align-self:start;color:#edf4f8;font-size:15px;font-weight:650}
body.client-embedded .client-mu-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:8px 2px 2px}body.client-embedded .client-mu-section-head>div>span{color:var(--accent-readable);font-size:9px;letter-spacing:.15em;font-weight:700}body.client-embedded .client-mu-section-head h2{margin:3px 0 2px;color:#f3f7fa;font-size:21px;font-weight:650}body.client-embedded .client-mu-section-head p{margin:0;color:#748da1;font-size:11px}body.client-embedded .client-mu-secure{display:flex;align-items:center;gap:6px;color:#72d7b0;font-size:10px;white-space:nowrap}
body.client-embedded .client-mu-product-list{display:flex;flex-direction:column;gap:12px}body.client-embedded .client-mu-product-card{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:230px;border:1px solid var(--mu-line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#0a1925,#07131d);box-shadow:0 14px 34px rgba(0,0,0,.14);transition:transform .18s ease,border-color .18s ease}body.client-embedded .client-mu-product-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.34)}
body.client-embedded .client-mu-product-media{position:relative;min-height:230px;overflow:hidden;background:radial-gradient(circle at 55% 42%,rgba(var(--accent-rgb),.15),transparent 32%),#061019}body.client-embedded .client-mu-product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,8,12,.82))}body.client-embedded .client-mu-product-media img{width:100%;height:100%;object-fit:cover;display:block}body.client-embedded .client-mu-product-media>span{width:100%;height:100%;min-height:230px;display:grid;place-items:center;color:var(--accent-readable);font-size:48px}body.client-embedded .client-mu-product-media em{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(48,213,157,.24);border-radius:999px;background:rgba(7,26,22,.9);color:#69ddb0;font-size:9px;font-style:normal;font-weight:650;letter-spacing:.07em;backdrop-filter:blur(8px)}
body.client-embedded .client-mu-product-body{display:flex;flex-direction:column;min-width:0;padding:20px}body.client-embedded .client-mu-product-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.065)}body.client-embedded .client-mu-product-title small{display:block;color:#68869e;font-size:9px;letter-spacing:.08em}body.client-embedded .client-mu-product-title h3{margin:4px 0 5px;color:#f1f6f9;font-size:19px;line-height:1.2;font-weight:650}body.client-embedded .client-mu-product-title p{max-width:640px;margin:0;color:#8ba0b1;font-size:11px;line-height:1.55}body.client-embedded .client-mu-product-title>strong{flex:0 0 auto;color:var(--accent-readable);font-size:18px;font-weight:700;white-space:nowrap}
body.client-embedded .client-mu-product-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0}body.client-embedded .client-mu-product-facts>span{min-width:0;padding:10px 11px;border:1px solid #193044;border-radius:11px;background:#07141e}body.client-embedded .client-mu-product-facts small,body.client-embedded .client-mu-product-facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.client-embedded .client-mu-product-facts small{color:#638198;font-size:8px;letter-spacing:.11em}body.client-embedded .client-mu-product-facts b{margin-top:3px;color:#dfe8ef;font-size:11px;font-weight:600}
body.client-embedded .client-mu-product-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}body.client-embedded .client-mu-product-actions .btn{min-height:38px;padding:0 13px;font-size:11px}body.client-embedded .client-mu-order-status,body.client-embedded .client-mu-await{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:10px}body.client-embedded .client-mu-order-status{color:#69d9ad}body.client-embedded .client-mu-await{color:#e8b460}
body.client-embedded .client-mu-empty{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;border:1px dashed #284052;border-radius:18px;background:linear-gradient(145deg,rgba(10,25,37,.86),rgba(7,18,27,.75))}body.client-embedded .client-mu-empty>span{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.16);color:var(--accent-readable);font-size:24px}body.client-embedded .client-mu-empty small{color:var(--accent-readable);font-size:9px;letter-spacing:.13em}body.client-embedded .client-mu-empty h3{margin:3px 0 4px;color:#eef4f8;font-size:16px;font-weight:650}body.client-embedded .client-mu-empty p{max-width:690px;margin:0;color:#7f96a8;font-size:11px;line-height:1.55}
@media (max-width:900px){body.client-embedded .client-mu-hero{grid-template-columns:1fr}body.client-embedded .client-mu-hero-icon{min-height:150px;flex-direction:row;gap:16px}body.client-embedded .client-mu-hero-icon small,body.client-embedded .client-mu-hero-icon b{margin:0}body.client-embedded .client-mu-product-card{grid-template-columns:180px minmax(0,1fr)}body.client-embedded .client-mu-product-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){body.client-embedded .client-mu-hero{padding:20px;border-radius:16px}body.client-embedded .client-mu-hero h1{font-size:30px}body.client-embedded .client-mu-metrics{grid-template-columns:1fr}body.client-embedded .client-mu-section-head{align-items:flex-start;flex-direction:column}body.client-embedded .client-mu-secure{white-space:normal}body.client-embedded .client-mu-product-card{grid-template-columns:1fr}body.client-embedded .client-mu-product-media,body.client-embedded .client-mu-product-media>span{min-height:190px;height:190px}body.client-embedded .client-mu-product-title{flex-direction:column}body.client-embedded .client-mu-product-title>strong{font-size:17px}body.client-embedded .client-mu-product-facts{grid-template-columns:1fr 1fr}body.client-embedded .client-mu-order-status,body.client-embedded .client-mu-await{width:100%;margin-left:0}body.client-embedded .client-mu-empty{grid-template-columns:1fr;text-align:center}body.client-embedded .client-mu-empty>span{margin:auto}body.client-embedded .client-mu-empty .btn{width:100%}}


/* =========================================================
   WHWEB V56 — MUONLINE UTILITY DETAIL GALLERY
   ========================================================= */
.mu-utility-gallery{margin:0}
.mu-utility-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.mu-utility-gallery-head h2{margin:0;font-size:24px;line-height:1.25}
.mu-utility-gallery-head span{font-size:12px;color:#8294a2}
.mu-utility-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mu-utility-gallery-grid button{padding:0;border:1px solid #1a2a35;border-radius:14px;overflow:hidden;background:#050a0f;aspect-ratio:16/10;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
.mu-utility-gallery-grid button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,#1a2a35)}
.mu-utility-gallery-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.mu-utility-gallery-grid button:hover img{transform:scale(1.035)}
@media(max-width:720px){.mu-utility-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.mu-utility-gallery-grid{grid-template-columns:1fr}}



/* WHWEB V60 — Marketplace Detail Pro. Mantém o arquivo site.css estável entre versões. */
.product-v59-detail{padding:58px 0 72px!important;background:
  radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 32%),
  linear-gradient(180deg,color-mix(in srgb,var(--site-bg,#05080c) 98%,#fff 1%),var(--site-bg,#05080c));
}
.product-v59-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:34px;align-items:start}
.product-v59-left{gap:16px}
.product-v59-stage{position:relative;min-width:0}
.product-v59-stage .product-detail-media{min-height:500px;height:500px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08));background:
  radial-gradient(circle at 72% 42%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 36%),
  linear-gradient(145deg,#07111a,#05090d 72%);box-shadow:0 28px 80px rgba(0,0,0,.36);position:relative}
.product-v59-stage .product-detail-media:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.product-v59-stage .product-detail-media img{width:100%;height:100%;max-height:none;object-fit:cover}
.product-v59-media-badge{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);background:rgba(5,9,13,.82);backdrop-filter:blur(8px);color:#eaf1f7;font-size:11px;font-weight:800;letter-spacing:.08em;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.product-v59-media-badge i{color:var(--accent-readable)}
.product-v59-gallery{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 95%,#fff 1%),color-mix(in srgb,var(--site-bg,#05080c) 96%,#fff 1%));box-shadow:0 18px 55px rgba(0,0,0,.16)}
.product-v59-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}
.product-v59-section-head small{display:block;color:var(--accent-readable);font-size:11px;font-weight:800;letter-spacing:.13em}
.product-v59-section-head h2{font-size:22px!important;line-height:1.15;margin:3px 0 0;letter-spacing:-.03em}
.product-v59-section-head>span{font-size:12px;color:#8fa0ad}
.product-v59-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.product-v59-gallery-grid .product-gallery-thumb{aspect-ratio:16/10;border-radius:13px;border-color:rgba(255,255,255,.09);background:#061018;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.product-v59-gallery-grid .product-gallery-thumb:hover{border-color:color-mix(in srgb,var(--accent) 68%,transparent);box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 11%,rgba(0,0,0,.25))}
.product-v59-description{padding:24px;border-radius:20px}
.product-v59-description .product-image-description-head small{font-size:11px}
.product-v59-description .product-image-description-head h2{font-size:21px!important}
.product-v59-description .rich-content{font-size:13px;line-height:1.75}
.product-v59-panel{position:sticky;top:92px;padding:28px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.08));background:
  linear-gradient(180deg,color-mix(in srgb,var(--surface,#0b1219) 97%,#fff 2%),color-mix(in srgb,var(--site-bg,#05080c) 96%,#fff 1%));box-shadow:0 28px 78px rgba(0,0,0,.32);overflow:hidden}
.product-v59-panel:before{content:"";position:absolute;right:-90px;top:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 66%);pointer-events:none}
.product-v59-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.product-v59-kicker .section-kicker{margin:0}
.product-v59-status{display:inline-flex;align-items:center;gap:6px;color:#87e9c0;font-size:11px;font-weight:700}
.product-v59-status i{font-size:10px}
.product-v59-panel h1{position:relative;font-size:clamp(30px,3vw,42px)!important;line-height:1.08;letter-spacing:-.035em;margin:16px 0 12px;max-width:100%}
.product-v59-panel>p{position:relative;font-size:14px;line-height:1.7;color:#9eacb8;margin:0 0 22px}
.product-v59-spec-list{display:grid;gap:10px;margin:0 0 22px}
.product-v59-spec{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:13px 14px;border-radius:15px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));transition:.2s}
.product-v59-spec:hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent);transform:translateX(2px)}
.product-v59-spec>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent-readable);font-size:17px}
.product-v59-spec small,.product-v59-spec b{display:block}
.product-v59-spec small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8092a0}
.product-v59-spec b{margin-top:4px;font-size:14px;color:#f2f6f9;line-height:1.35}
.product-v59-price{margin:0 0 16px;padding:18px;border-radius:17px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#080d12),#080d12 68%)}
.product-v59-price small{font-size:11px;color:#8fa0ad;letter-spacing:.09em}
.product-v59-price strong{font-size:32px;line-height:1.08;margin:5px 0 5px;color:#f7f9fb;letter-spacing:-.025em}
.product-v59-price span{display:block;color:#7f919f;font-size:11px}
.product-v59-buy{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;align-items:end;margin:0 0 10px}
.product-v59-buy label{display:grid;gap:7px}
.product-v59-buy label>span{font-size:11px;color:#8fa0ad;font-weight:700}
.product-v59-buy input{width:100%;height:50px;border-radius:13px}
.product-v59-buy .btn{width:100%;height:50px;justify-content:center}
.product-v59-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:0}
.product-v59-actions .btn{width:100%;min-height:46px;justify-content:center;font-size:12px}
.product-v59-trust{margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.065);gap:8px;font-size:12px}
.product-v59-trust>span{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start;padding:9px 0;color:#a8b4be}
.product-v59-trust>span>i{width:28px;height:28px;display:grid;place-items:center;margin:0;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-readable)}
.product-v59-trust b,.product-v59-trust small{display:block}
.product-v59-trust b{font-size:12px;color:#e9eef2;margin-bottom:2px}
.product-v59-trust small{font-size:11px;color:#748795;line-height:1.45}
@media(max-width:1080px){.product-v59-grid{grid-template-columns:minmax(0,1fr) 340px;gap:22px}.product-v59-stage .product-detail-media{min-height:420px;height:420px}.product-v59-panel{padding:22px}.product-v59-actions{grid-template-columns:1fr}}
@media(max-width:900px){.product-v59-detail{padding-top:34px!important}.product-v59-grid{grid-template-columns:1fr}.product-v59-panel{position:relative;top:auto;order:-1}.product-v59-stage .product-detail-media{height:auto;min-height:360px;aspect-ratio:16/10}.product-v59-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.product-v59-detail{padding:24px 0 46px!important}.product-v59-panel{padding:19px;border-radius:18px}.product-v59-panel h1{font-size:30px!important;line-height:1.12;margin-top:14px}.product-v59-kicker{align-items:flex-start}.product-v59-status{font-size:10px}.product-v59-stage .product-detail-media{min-height:260px;border-radius:18px}.product-v59-media-badge{left:12px;top:12px;font-size:9px;padding:7px 9px}.product-v59-gallery{padding:14px;border-radius:17px}.product-v59-gallery-grid{grid-template-columns:repeat(2,1fr)}.product-v59-section-head{align-items:flex-start}.product-v59-section-head h2{font-size:19px!important}.product-v59-section-head>span{display:none}.product-v59-description{padding:18px}.product-v59-buy{grid-template-columns:1fr}.product-v59-buy input{width:100%}.product-v59-actions{grid-template-columns:1fr}.product-v59-price strong{font-size:29px}}


/* WHWEB V61 — Marketplace Typography Balance */
.product-v59-panel.product-detail-copy h1{font-size:clamp(30px,3vw,42px)!important;line-height:1.08!important;letter-spacing:-.035em!important}
.product-v59-panel .product-v59-price strong{font-size:32px!important;line-height:1.08!important;letter-spacing:-.025em!important}
.product-v59-panel .product-v59-price small,.product-v59-panel .product-v59-price span{font-size:11px!important}
.product-v59-panel .product-v59-spec b{font-size:14px!important}
@media(max-width:640px){.product-v59-panel.product-detail-copy h1{font-size:30px!important}.product-v59-panel .product-v59-price strong{font-size:29px!important}}


/* V62 Portfolio Project Detail Studio */
.portfolio-detail-btn{margin-top:18px;min-height:44px;padding:0 15px;border-radius:13px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none;color:#f6f9fc;background:rgba(255,255,255,.025);font-size:13px;font-weight:700;transition:.22s ease}.portfolio-detail-btn i{color:var(--accent-readable);font-size:16px}.portfolio-detail-btn:hover{border-color:color-mix(in srgb,var(--accent) 58%,transparent);background:color-mix(in srgb,var(--accent) 8%,#081019);transform:translateY(-1px)}
.portfolio-detail-hero{position:relative;overflow:hidden;padding:56px 0 48px;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 31%),linear-gradient(180deg,#080d13,#05080c);border-bottom:1px solid rgba(255,255,255,.06)}.portfolio-detail-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}.portfolio-back{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:#9db0c2;text-decoration:none;font-size:13px;margin-bottom:28px}.portfolio-back:hover{color:#fff}.portfolio-detail-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:34px;align-items:end}.portfolio-detail-copy{max-width:850px}.portfolio-detail-copy h1{font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 14px;color:#fff}.portfolio-detail-copy>p{max-width:720px;color:#9fb0c1;line-height:1.7;margin:0}.portfolio-detail-specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.portfolio-detail-specs>div{min-width:170px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(7,13,19,.72);display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.portfolio-detail-specs>div>span{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent-readable)}.portfolio-detail-specs small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#71869a}.portfolio-detail-specs b{font-size:13px;color:#f3f7fa}.portfolio-detail-badge{justify-self:end;width:220px;aspect-ratio:1;border-radius:30px;border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(255,255,255,.08));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#0b1219),#081019);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.portfolio-detail-badge i{font-size:42px;color:var(--accent-readable);margin-bottom:14px}.portfolio-detail-badge span{font-size:14px;font-weight:700;color:#fff}.portfolio-detail-badge small{font-size:11px;color:#7f93a6;margin-top:6px}
.portfolio-detail-section{padding:38px 0 82px;background:linear-gradient(180deg,#05080c,#060a0f)}.portfolio-detail-main-media{overflow:hidden;min-height:460px;max-height:680px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.08));background:#081019;box-shadow:0 28px 70px rgba(0,0,0,.3)}.portfolio-detail-main-media img{display:block;width:100%;height:100%;min-height:460px;max-height:680px;object-fit:cover}.portfolio-detail-placeholder{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#8195a8;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%)}.portfolio-detail-placeholder i{font-size:58px;color:var(--accent-readable)}.portfolio-detail-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:34px 0 16px}.portfolio-detail-gallery-head h2{font-size:26px;margin:5px 0 0}.portfolio-detail-gallery-head>span{font-size:12px;color:#8094a7;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.07)}.portfolio-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.portfolio-detail-gallery button{padding:0;border:0;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#09111a;cursor:zoom-in;border:1px solid rgba(255,255,255,.07);transition:.22s ease}.portfolio-detail-gallery button:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 46%,transparent);box-shadow:0 18px 46px rgba(0,0,0,.24)}.portfolio-detail-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}.portfolio-detail-gallery button:hover img{transform:scale(1.035)}.portfolio-detail-description{margin-top:34px;padding:28px;border-radius:22px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,#0b141e,#081019)}.portfolio-detail-description-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.portfolio-detail-description-head h2{margin:4px 0 0;font-size:28px}.portfolio-detail-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);font-size:20px}.portfolio-detail-description .rich-content{color:#bac6d1;line-height:1.8;font-size:14px}.portfolio-detail-footer{margin-top:18px;padding:20px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:#09111a;display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-detail-footer div{display:flex;flex-direction:column;gap:3px}.portfolio-detail-footer small{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#71869a}.portfolio-detail-footer strong{font-size:15px;color:#f4f7fa}
@media(max-width:900px){.portfolio-detail-hero-grid{grid-template-columns:1fr}.portfolio-detail-badge{display:none}.portfolio-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-detail-main-media,.portfolio-detail-main-media img{min-height:330px}.portfolio-detail-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.portfolio-detail-hero{padding:38px 0 34px}.portfolio-detail-copy h1{font-size:36px}.portfolio-detail-specs{display:grid;grid-template-columns:1fr}.portfolio-detail-specs>div{min-width:0}.portfolio-detail-section{padding:24px 0 56px}.portfolio-detail-main-media,.portfolio-detail-main-media img,.portfolio-detail-placeholder{min-height:240px}.portfolio-detail-main-media{border-radius:18px}.portfolio-detail-gallery{grid-template-columns:1fr}.portfolio-detail-description{padding:20px}.portfolio-detail-description-head h2{font-size:23px}.portfolio-detail-footer .btn{width:100%}}

/* =========================================================
   WHWEB V65 — MUONLINE UTILITY DETAIL STUDIO
   Mantido no site.css estável.
   ========================================================= */
.utility-v65-hero{position:relative;min-height:350px;padding:64px 0 48px!important;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 27%),linear-gradient(135deg,#081018,#04070a 72%);border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,#17232d);background-size:cover;background-position:center}
.utility-v65-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.utility-v65-hero.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.96) 8%,rgba(4,7,10,.79) 54%,rgba(4,7,10,.72)),linear-gradient(0deg,#04070a 0,transparent 38%)}
.utility-v65-hero-inner{position:relative;z-index:2}.utility-v65-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#9eb0bf;font-size:12px}.utility-v65-back:hover{color:#fff}.utility-v65-hero-copy{max-width:820px}.utility-v65-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.utility-v65-badges>span:not(.mu-utility-access){display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 24%,#22313d);background:rgba(7,13,18,.72);color:#b9c7d1;font-size:11px}.utility-v65-badges i{color:var(--accent-readable)}
.utility-v65-hero h1{margin:17px 0 10px;font-size:clamp(34px,4.1vw,56px);line-height:1.02;letter-spacing:-.035em;color:#f7f9fb}.utility-v65-hero-copy>p{max-width:680px;margin:0;color:#aebdca;font-size:15px;line-height:1.65}.utility-v65-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.utility-v65-hero-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:rgba(7,13,18,.74);border:1px solid rgba(255,255,255,.07);font-size:11px;color:#b5c3ce}.utility-v65-hero-meta i{color:var(--accent-readable)}
.utility-v65-section{padding:30px 0 72px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 98%,#000),var(--site-bg))}.utility-v65-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.utility-v65-main{display:grid;gap:16px}.utility-v65-showcase,.utility-v65-about,.utility-v65-gallery,.utility-v65-purchase{border:1px solid color-mix(in srgb,var(--accent) 19%,#1a2934);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#000),color-mix(in srgb,var(--accent) 2%,var(--surface)));box-shadow:0 20px 45px rgba(0,0,0,.18)}
.utility-v65-showcase{overflow:hidden;border-radius:20px}.utility-v65-showcase-top{height:46px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(4,8,12,.6)}.utility-v65-showcase-top span{display:flex;align-items:center;gap:8px;color:#9fb1bf;font-size:10px;letter-spacing:.1em}.utility-v65-showcase-top i{color:var(--accent-readable)}.utility-v65-showcase-top em{font-style:normal;font-size:10px;color:#748895}
.utility-v65-main-image{height:410px;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 36%),#050a0e;display:grid;place-items:center;overflow:hidden}.utility-v65-main-image img{width:100%;height:100%;object-fit:contain;padding:12px}.utility-v65-main-image .mu-utility-placeholder{height:100%;width:100%;display:grid;place-items:center;align-content:center;gap:12px}.utility-v65-main-image .mu-utility-placeholder i{font-size:50px;color:var(--accent-readable)}.utility-v65-main-image .mu-utility-placeholder b{font-size:16px}
.utility-v65-showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-top:1px solid rgba(255,255,255,.06)}.utility-v65-showcase-foot small{display:block;color:var(--accent-readable);font-size:9px;letter-spacing:.13em}.utility-v65-showcase-foot strong{display:block;margin-top:3px;font-size:14px}.utility-v65-showcase-foot>span{display:inline-flex;align-items:center;gap:7px;color:#83dcae;font-size:11px}
.utility-v65-about{border-radius:18px;padding:22px}.utility-v65-section-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.utility-v65-section-title>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 10%,#071018);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.utility-v65-section-title small{display:block;color:var(--accent-readable);font-size:9px;letter-spacing:.13em}.utility-v65-section-title h2{margin:3px 0 0;font-size:22px}.utility-v65-rich{color:#aebbc5;font-size:13px;line-height:1.72}.utility-v65-rich p:last-child{margin-bottom:0}
.utility-v65-gallery{border-radius:18px;padding:20px}.utility-v65-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:14px}.utility-v65-gallery-head small{display:block;color:var(--accent-readable);font-size:9px;letter-spacing:.13em}.utility-v65-gallery-head h2{margin:4px 0 0;font-size:21px}.utility-v65-gallery-head>span{font-size:11px;color:#8194a2}.utility-v65-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.utility-v65-gallery-grid button{position:relative;aspect-ratio:16/10;padding:0;border:1px solid #1a2a35;border-radius:13px;overflow:hidden;background:#05090d;cursor:pointer}.utility-v65-gallery-grid button:after{content:"\F52A";font-family:"bootstrap-icons";position:absolute;right:9px;bottom:9px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(4,8,12,.78);color:#fff;border:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(4px);transition:.2s}.utility-v65-gallery-grid button:hover:after{opacity:1;transform:none}.utility-v65-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:.24s}.utility-v65-gallery-grid button:hover img{transform:scale(1.035)}
.utility-v65-aside{position:relative}.utility-v65-purchase{position:sticky;top:88px;border-radius:20px;padding:19px}.utility-v65-purchase-head{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.utility-v65-purchase-head>span{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:var(--accent-readable);font-size:19px;background:color-mix(in srgb,var(--accent) 10%,#071018);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.utility-v65-purchase-head small{display:block;color:#7e93a2;font-size:9px;letter-spacing:.12em}.utility-v65-purchase-head h3{margin:3px 0 0;font-size:16px}.utility-v65-spec-list{display:grid;gap:8px;padding:16px 0}.utility-v65-spec-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:10px 11px;border-radius:11px;border:1px solid #172630;background:rgba(4,9,13,.62)}.utility-v65-spec-list span{display:flex;align-items:center;gap:8px;color:#8da0af;font-size:11px}.utility-v65-spec-list i{color:var(--accent-readable)}.utility-v65-spec-list b{max-width:50%;text-align:right;font-size:11px;color:#f2f5f7}.utility-v65-price{padding:15px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,#060a0e),#070b0f);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);margin-bottom:11px}.utility-v65-price small{display:block;color:#8799a7;font-size:9px;letter-spacing:.12em}.utility-v65-price strong{display:block;margin-top:4px;color:var(--accent-readable);font-size:27px;line-height:1}.utility-v65-price span{display:block;margin-top:6px;color:#80929f;font-size:10px}.utility-v65-price.free strong{color:#64dfad}.utility-v65-primary,.utility-v65-secondary{width:100%;justify-content:center}.utility-v65-secondary{margin-top:8px}.utility-v65-note{display:flex;gap:8px;align-items:flex-start;margin:10px 2px 0;color:#8293a0;font-size:10px;line-height:1.45}.utility-v65-note i{color:var(--accent-readable);margin-top:1px}.utility-v65-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.utility-v65-trust>span{padding:10px;border-radius:11px;background:rgba(4,9,13,.58);border:1px solid #17242d}.utility-v65-trust i{display:block;color:var(--accent-readable);margin-bottom:7px}.utility-v65-trust b{display:block;font-size:10px}.utility-v65-trust small{display:block;margin-top:2px;color:#748795;font-size:9px}
@media(max-width:1000px){.utility-v65-layout{grid-template-columns:1fr}.utility-v65-purchase{position:static}.utility-v65-aside{order:-1}.utility-v65-main-image{height:360px}.utility-v65-purchase{display:grid;grid-template-columns:1fr 1fr;gap:12px}.utility-v65-purchase-head,.utility-v65-spec-list,.utility-v65-trust{grid-column:1/-1}.utility-v65-price{margin:0}.utility-v65-primary{align-self:stretch}}
@media(max-width:680px){.utility-v65-hero{min-height:300px;padding:46px 0 34px!important}.utility-v65-hero h1{font-size:36px}.utility-v65-layout{gap:14px}.utility-v65-section{padding:18px 0 50px!important}.utility-v65-main-image{height:260px}.utility-v65-showcase-top em{display:none}.utility-v65-showcase-foot{align-items:flex-start;flex-direction:column}.utility-v65-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-v65-purchase{display:block}.utility-v65-primary{margin-top:0}.utility-v65-trust{grid-template-columns:1fr 1fr}.utility-v65-gallery-head{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.utility-v65-gallery-grid{grid-template-columns:1fr}.utility-v65-hero-meta{gap:6px}.utility-v65-hero-meta span{width:100%}.utility-v65-about,.utility-v65-gallery,.utility-v65-purchase{padding:16px}}


/* =========================================================
   WHWEB V66 — MAINTENANCE EXPERIENCE
   Template premium de manutenção. Mantido no site.css estável.
   ========================================================= */
.wh-maintenance-page{min-height:100vh;margin:0;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 34%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 30%),var(--site-bg);color:var(--site-text);font-family:var(--site-font,Arial,Helvetica,sans-serif);overflow-x:hidden}
.wh-maintenance-page:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.wh-maintenance-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:34px}
.wh-maintenance-card{width:min(1120px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.09));border-radius:28px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 96%,var(--accent) 2%));box-shadow:0 48px 140px rgba(0,0,0,.48)}
.wh-maintenance-brand{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(0,0,0,.12)}
.wh-maintenance-brand .brand{margin:0}.wh-maintenance-brand .brand img{max-height:48px}.wh-maintenance-brand .brand-symbol{font-size:42px}.wh-maintenance-live{display:inline-flex;align-items:center;gap:8px;color:#9fb0bc;font-size:12px;font-weight:700;letter-spacing:.1em}.wh-maintenance-live>i{width:9px;height:9px;border-radius:50%;background:#30d98b;box-shadow:0 0 0 5px rgba(48,217,139,.10),0 0 22px rgba(48,217,139,.32)}
.wh-maintenance-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:560px}
.wh-maintenance-copy{display:flex;flex-direction:column;justify-content:center;padding:62px 58px 58px;border-right:1px solid rgba(255,255,255,.07)}
.wh-maintenance-badge{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.06));border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.16));color:var(--accent-readable);font-size:12px;font-weight:800;letter-spacing:.11em}
.wh-maintenance-copy h1{max-width:720px;margin:22px 0 16px;font-size:clamp(42px,5.4vw,70px);line-height:.98;letter-spacing:-.055em;font-weight:700}.wh-maintenance-copy>p{max-width:690px;margin:0;color:#9eb0bc;font-size:15px;line-height:1.78}
.wh-maintenance-progress{height:8px;margin:34px 0 24px;overflow:hidden;border-radius:999px;background:#071018;border:1px solid rgba(255,255,255,.07)}.wh-maintenance-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 28px color-mix(in srgb,var(--accent) 50%,transparent);animation:whMaintenancePulse 2.4s ease-in-out infinite alternate}
@keyframes whMaintenancePulse{from{opacity:.68;transform:scaleX(.92);transform-origin:left}to{opacity:1;transform:scaleX(1);transform-origin:left}}
.wh-maintenance-return{display:flex;align-items:center;gap:13px}.wh-maintenance-return>i{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.07));border-radius:13px;background:color-mix(in srgb,var(--accent) 8%,rgba(0,0,0,.20));color:var(--accent-readable);font-size:17px}.wh-maintenance-return small,.wh-maintenance-return b{display:block}.wh-maintenance-return small{margin-bottom:3px;color:#738794;font-size:10px;letter-spacing:.14em}.wh-maintenance-return b{font-size:13px;color:#eef3f6}
.wh-maintenance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.wh-maintenance-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:13px;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#111!important;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 18%,transparent);transition:.2s ease}.wh-maintenance-btn:hover{transform:translateY(-2px)}.wh-maintenance-btn.ghost{background:#09141d;color:#dce7ee!important;border-color:#29404e;box-shadow:none}
.wh-maintenance-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 38px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 50%)}
.wh-maintenance-orbit{position:relative;width:240px;height:240px;display:grid;place-items:center;margin-bottom:42px}.wh-maintenance-core{position:relative;z-index:3;width:94px;height:94px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 50%,rgba(255,255,255,.05));border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,#09131b),#061019);box-shadow:0 0 70px color-mix(in srgb,var(--accent) 20%,transparent)}.wh-maintenance-core i{color:var(--accent-readable);font-size:34px}.wh-maintenance-orbit>.orbit-a,.wh-maintenance-orbit>.orbit-b{position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.05));animation:whOrbit 14s linear infinite}.wh-maintenance-orbit>.orbit-a{width:180px;height:180px}.wh-maintenance-orbit>.orbit-b{width:236px;height:236px;border-style:dashed;opacity:.55;animation-duration:24s;animation-direction:reverse}.wh-maintenance-orbit>.orbit-a:after,.wh-maintenance-orbit>.orbit-b:after{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}@keyframes whOrbit{to{transform:rotate(360deg)}}
.wh-maintenance-feature-grid{width:100%;display:grid;gap:10px}.wh-maintenance-feature-grid article{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(4,10,15,.48)}.wh-maintenance-feature-grid article>i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-readable)}.wh-maintenance-feature-grid small,.wh-maintenance-feature-grid b{display:block}.wh-maintenance-feature-grid small{color:#728593;font-size:9px;letter-spacing:.12em}.wh-maintenance-feature-grid b{margin-top:3px;color:#dbe5ec;font-size:12px}
.wh-maintenance-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 28px;border-top:1px solid rgba(255,255,255,.07);color:#6f8290;font-size:11px}
@media(max-width:880px){.wh-maintenance-shell{padding:18px}.wh-maintenance-grid{grid-template-columns:1fr}.wh-maintenance-copy{padding:42px 34px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.wh-maintenance-panel{padding:38px 32px}.wh-maintenance-orbit{width:190px;height:190px}.wh-maintenance-orbit>.orbit-a{width:145px;height:145px}.wh-maintenance-orbit>.orbit-b{width:188px;height:188px}.wh-maintenance-core{width:80px;height:80px}.wh-maintenance-copy h1{font-size:clamp(38px,10vw,56px)}}
@media(max-width:560px){.wh-maintenance-shell{padding:0}.wh-maintenance-card{min-height:100vh;border-radius:0;border-left:0;border-right:0}.wh-maintenance-brand{min-height:78px;padding:18px 20px;align-items:flex-start;flex-direction:column}.wh-maintenance-copy{padding:34px 20px}.wh-maintenance-copy>p{font-size:14px}.wh-maintenance-panel{padding:30px 20px}.wh-maintenance-footer{padding:16px 20px;align-items:flex-start;flex-direction:column}.wh-maintenance-actions{display:grid;grid-template-columns:1fr;width:100%}.wh-maintenance-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wh-maintenance-progress span,.wh-maintenance-orbit>.orbit-a,.wh-maintenance-orbit>.orbit-b{animation:none}}

/* ==========================================================
   WHWEB V67 — CLIENT CENTER EXECUTIVE REFRESH
   Visão geral reconstruída + hospedagem compacta e sem gaps.
   ========================================================== */
body.client-embedded.client-v67{
  --client67-bg:#061019;
  --client67-surface:#0a1824;
  --client67-surface-2:#0d1d2a;
  --client67-line:#1e384b;
  --client67-line-soft:rgba(255,255,255,.065);
  --client67-muted:#8198aa;
  --client67-text:#edf4f8;
  background:#050b11!important;
}
body.client-embedded.client-v67 .client-portal-section{padding:0!important;background:radial-gradient(circle at 76% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 28%),#050b11!important}
body.client-embedded.client-v67 .client-portal-section>.container-xl{--bs-gutter-x:0!important;padding-left:0!important;padding-right:0!important}
body.client-embedded.client-v67 .client-portal-shell{min-height:calc(100vh - 78px);border-color:#1d3447;border-radius:18px;background:#061019;box-shadow:0 26px 76px rgba(0,0,0,.34)}
body.client-embedded.client-v67 .client-sidebar.embedded{padding:14px 12px;background:linear-gradient(180deg,#07131e,#050d15);border-right-color:#1c3447}
body.client-embedded.client-v67 .client-profile-card{border-color:#1e394d;background:linear-gradient(145deg,#0b1a27,#08141e);box-shadow:0 12px 30px rgba(0,0,0,.12)}
body.client-embedded.client-v67 .side-link{min-height:43px;border-radius:11px}
body.client-embedded.client-v67 .side-link.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,transparent),rgba(255,255,255,.015));border-color:color-mix(in srgb,var(--accent) 42%,#1c3447);box-shadow:inset 3px 0 0 var(--accent),0 8px 22px rgba(0,0,0,.1)}
body.client-embedded.client-v67 .client-workspace.embedded{background:linear-gradient(180deg,#07131e,#061019)}
body.client-embedded.client-v67 .client-topbar{min-height:68px;padding:0 16px;border-bottom-color:#1d3548;background:rgba(6,16,25,.96);box-shadow:0 10px 34px rgba(0,0,0,.12)}
body.client-embedded.client-v67 .client-content{padding:0!important;overflow-x:hidden}
body.client-embedded.client-v67 .client-content>.flash{margin:14px 16px 0}

/* Dashboard */
body.client-embedded.client-v67 .client-v67-dashboard{display:grid;gap:12px;padding:16px}
body.client-embedded.client-v67 .client-v67-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:12px}
body.client-embedded.client-v67 .client-v67-hero-main,
body.client-embedded.client-v67 .client-v67-account-card,
body.client-embedded.client-v67 .client-v67-card,
body.client-embedded.client-v67 .client-v67-stat-grid>a{border:1px solid var(--client67-line);background:linear-gradient(145deg,#0d1c29,#08151f);box-shadow:0 16px 42px rgba(0,0,0,.15)}
body.client-embedded.client-v67 .client-v67-hero-main{position:relative;overflow:hidden;min-height:260px;padding:28px;border-radius:20px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 30%),linear-gradient(135deg,#102231,#091722)}
body.client-embedded.client-v67 .client-v67-hero-main:after{content:"";position:absolute;right:-88px;bottom:-140px;width:280px;height:280px;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;box-shadow:0 0 0 34px color-mix(in srgb,var(--accent) 2.5%,transparent),0 0 0 68px color-mix(in srgb,var(--accent) 1.3%,transparent);pointer-events:none}
body.client-embedded.client-v67 .client-v67-kicker{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:#8ca4b6;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
body.client-embedded.client-v67 .client-v67-kicker span{display:flex;align-items:center;gap:7px}body.client-embedded.client-v67 .client-v67-kicker i{color:var(--accent-readable)}
body.client-embedded.client-v67 .client-v67-kicker em{padding:4px 8px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:#ffc18d;font-size:8px;font-style:normal}
body.client-embedded.client-v67 .client-v67-hero-main h1{position:relative;z-index:1;margin:15px 0 8px;color:#f5f8fb;font-size:34px;line-height:1.05;letter-spacing:-.04em;font-weight:650}body.client-embedded.client-v67 .client-v67-hero-main h1 span{color:var(--accent-readable)}
body.client-embedded.client-v67 .client-v67-hero-main>p{position:relative;z-index:1;max-width:700px;margin:0;color:#94aabd;font-size:12px;line-height:1.65}
body.client-embedded.client-v67 .client-v67-hero-actions{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}
body.client-embedded.client-v67 .client-v67-hero-actions .btn{min-height:39px;padding:8px 13px;border-radius:10px;font-size:11px}
body.client-embedded.client-v67 .client-v67-account-card{display:flex;flex-direction:column;padding:18px;border-radius:20px;background:radial-gradient(circle at 92% 0,rgba(54,210,157,.07),transparent 38%),linear-gradient(145deg,#0d1c29,#08151f)}
body.client-embedded.client-v67 .client-v67-account-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#728a9e;font-size:8px;letter-spacing:.1em}.client-v67-account-top em{padding:5px 8px;border:1px solid rgba(52,210,157,.28);border-radius:999px;background:rgba(52,210,157,.07);color:#64ddb0;font-style:normal;font-weight:800}
body.client-embedded.client-v67 .client-v67-account-person{display:flex;align-items:center;gap:12px;padding:18px 0 15px;border-bottom:1px solid var(--client67-line-soft)}
body.client-embedded.client-v67 .client-v67-account-person>span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:18px;font-weight:800;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 15%,transparent)}
body.client-embedded.client-v67 .client-v67-account-person b,body.client-embedded.client-v67 .client-v67-account-person small{display:block}.client-v67-account-person b{font-size:14px}.client-v67-account-person small{margin-top:3px;color:#8198aa;font-size:10px;overflow-wrap:anywhere}
body.client-embedded.client-v67 .client-v67-account-badges{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px 0}
body.client-embedded.client-v67 .client-v67-account-badges>span{padding:10px;border:1px solid #1c3548;border-radius:11px;background:#07141e}.client-v67-account-badges i{display:block;margin-bottom:6px;color:#52d9a5;font-size:15px}.client-v67-account-badges b,.client-v67-account-badges small{display:block}.client-v67-account-badges b{font-size:10px}.client-v67-account-badges small{margin-top:2px;color:#6f879a;font-size:8px}
body.client-embedded.client-v67 .client-v67-account-card>a{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding:10px 11px;border:1px solid #24445a;border-radius:10px;background:#081722;color:#d7e2ea;font-size:10px}.client-v67-account-card>a span{display:flex;align-items:center;gap:7px}.client-v67-account-card>a:hover{border-color:color-mix(in srgb,var(--accent) 42%,#24445a);color:var(--accent-readable)}
body.client-embedded.client-v67 .client-v67-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.client-embedded.client-v67 .client-v67-stat-grid>a{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:92px;padding:13px;border-radius:15px;color:var(--client67-text);text-decoration:none;transition:.18s}
body.client-embedded.client-v67 .client-v67-stat-grid>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,#1e384b);background:linear-gradient(145deg,#102130,#091722)}
body.client-embedded.client-v67 .client-v67-stat-grid>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;font-size:16px}.client-v67-stat-grid .tone-orange{color:var(--accent-readable);background:rgba(var(--accent-rgb),.09)}.client-v67-stat-grid .tone-blue{color:#5eb7ff;background:rgba(49,145,255,.09)}.client-v67-stat-grid .tone-purple{color:#b18aff;background:rgba(138,88,255,.1)}.client-v67-stat-grid .tone-green{color:#60deb0;background:rgba(49,211,154,.09)}
body.client-embedded.client-v67 .client-v67-stat-grid small,body.client-embedded.client-v67 .client-v67-stat-grid strong,body.client-embedded.client-v67 .client-v67-stat-grid p{display:block}.client-v67-stat-grid small{color:#71899c;font-size:8px;letter-spacing:.09em}.client-v67-stat-grid strong{margin:1px 0;font-size:20px;line-height:1.1}.client-v67-stat-grid p{margin:0;color:#7d94a6;font-size:9px}.client-v67-stat-grid>a>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid #234157;border-radius:8px;color:#7590a4;font-size:10px}
body.client-embedded.client-v67 .client-v67-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:12px}
body.client-embedded.client-v67 .client-v67-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.9fr);gap:12px}
body.client-embedded.client-v67 .client-v67-card{min-width:0;padding:17px;border-radius:17px}
body.client-embedded.client-v67 .client-v67-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid var(--client67-line-soft)}
body.client-embedded.client-v67 .client-v67-card>header .eyebrow{display:block;margin-bottom:2px;color:var(--accent-readable);font-size:8px;font-weight:850;letter-spacing:.12em}.client-v67-card>header h2{margin:0;font-size:16px;letter-spacing:-.02em}.client-v67-card>header p{margin:3px 0 0;color:#8097a9;font-size:9px}.client-v67-card>header>a{display:flex;align-items:center;gap:6px;color:#8ba3b5;font-size:9px}.client-v67-card>header>a:hover{color:var(--accent-readable)}
body.client-embedded.client-v67 .client-v67-hosting-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.client-v67-hosting-row>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 20%,#1e384b);border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,#081722);color:var(--accent-readable);font-size:18px}.client-v67-hosting-row small,.client-v67-hosting-row b,.client-v67-hosting-row p{display:block}.client-v67-hosting-row small{color:#748da0;font-size:8px;letter-spacing:.08em}.client-v67-hosting-row b{margin:2px 0;font-size:14px}.client-v67-hosting-row p{margin:0;color:#7f96a7;font-size:9px}.client-v67-hosting-row p i{margin-right:4px;color:#6c879c}.client-v67-hosting-row>em{font-style:normal}
body.client-embedded.client-v67 .client-v67-hosting-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.client-v67-hosting-facts>span{padding:10px 11px;border:1px solid #1c3548;border-radius:10px;background:#07141e}.client-v67-hosting-facts small,.client-v67-hosting-facts b{display:block}.client-v67-hosting-facts small{color:#6d879b;font-size:7px;letter-spacing:.09em}.client-v67-hosting-facts b{margin-top:3px;color:#dce7ee;font-size:9px;overflow-wrap:anywhere}
body.client-embedded.client-v67 .client-v67-attention>a{display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--client67-line-soft);color:#dce6ed}.client-v67-attention>a:last-child{border-bottom:0}.client-v67-attention>a>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #203d52;border-radius:10px;background:#07141e;color:var(--accent-readable)}.client-v67-attention small,.client-v67-attention b{display:block}.client-v67-attention small{color:#6f8799;font-size:7px;letter-spacing:.08em}.client-v67-attention b{margin-top:2px;font-size:10px}.client-v67-attention>a>i{color:#668398;font-size:10px}
body.client-embedded.client-v67 .client-v67-order-list{display:flex;flex-direction:column}.client-v67-order-list>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto auto 12px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--client67-line-soft);color:#dce6ed}.client-v67-order-list>a:last-child{border-bottom:0}.client-v67-order-list>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.07);color:var(--accent-readable)}.client-v67-order-list b,.client-v67-order-list small{display:block}.client-v67-order-list b{font-size:10px}.client-v67-order-list small{margin-top:2px;color:#70889b;font-size:8px}.client-v67-order-list strong{font-size:10px}.client-v67-order-list em{font-style:normal}.client-v67-order-list>a>i{color:#668398;font-size:10px}
body.client-embedded.client-v67 .client-v67-shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:12px}.client-v67-shortcut-grid>a{display:grid;grid-template-columns:36px minmax(0,1fr) 12px;align-items:center;gap:9px;min-height:54px;padding:8px 10px;border:1px solid #1c3548;border-radius:11px;background:#07141e;color:#d8e4eb}.client-v67-shortcut-grid>a:hover{border-color:color-mix(in srgb,var(--accent) 38%,#1c3548);background:#0a1925}.client-v67-shortcut-grid>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--accent-rgb),.07);color:var(--accent-readable)}.client-v67-shortcut-grid b{font-size:9px}.client-v67-shortcut-grid>a>i{color:#69869a;font-size:9px}
body.client-embedded.client-v67 .client-v67-empty{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0}.client-v67-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.07);color:var(--accent-readable)}.client-v67-empty b,.client-v67-empty p{display:block}.client-v67-empty b{font-size:11px}.client-v67-empty p{margin:3px 0 0;color:#7b93a5;font-size:9px}.client-v67-empty .btn.compact{min-height:34px;padding:7px 10px;font-size:9px}.client-v67-empty.minimal{grid-template-columns:40px minmax(0,1fr)}

/* Hosting page: compact professional layout */
body.client-embedded.client-v67 .client-v34-hosting-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:16px 16px 12px!important;padding:18px 20px!important;border:1px solid var(--client67-line)!important;border-radius:17px!important;background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 38%),linear-gradient(145deg,#0d1c29,#08151f)!important;box-shadow:0 16px 42px rgba(0,0,0,.15)!important}
body.client-embedded.client-v67 .client-v34-hosting-hero h1{margin:2px 0 4px!important;font-size:25px!important;letter-spacing:-.035em!important}.client-v34-hosting-hero p{max-width:680px!important;font-size:10px!important;line-height:1.55!important}.client-v34-hosting-hero .eyebrow{font-size:8px!important}
body.client-embedded.client-v67 .client-v34-hosting-hero-side{display:flex!important;align-items:center!important;gap:8px!important;flex-direction:row!important;width:auto!important}.client-v34-hosting-hero-side>span{min-width:92px!important;padding:8px 10px!important;border-radius:10px!important}.client-v34-hosting-hero-side>span small{font-size:7px!important}.client-v34-hosting-hero-side>span b{font-size:18px!important}
body.client-embedded.client-v67 .client-v34-hosting-hero-side .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:36px!important;height:36px!important;padding:7px 11px!important;border-radius:10px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;align-self:auto!important;flex:0 0 auto!important}.client-v34-hosting-hero-side .btn i{font-size:10px!important}
body.client-embedded.client-v67 .client-v34-hosting-list{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 16px 16px!important}
body.client-embedded.client-v67 .client-v34-hosting-card{border-radius:17px!important;border-color:var(--client67-line)!important;background:linear-gradient(145deg,#0d1c29,#08151f)!important;box-shadow:0 16px 42px rgba(0,0,0,.14)!important}
body.client-embedded.client-v67 .client-v34-hosting-card-head{padding:16px 18px!important}.client-v34-hosting-brand>span{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:12px!important}.client-v34-hosting-brand h2{font-size:16px!important}.client-v34-hosting-brand p{font-size:9px!important}.client-v34-hosting-state small{font-size:7px!important}
body.client-embedded.client-v67 .client-v34-hosting-section{padding:14px 18px 3px!important}.client-v34-hosting-section-head{margin-bottom:8px!important}.client-v34-hosting-section-head>span{width:36px!important;height:36px!important;flex-basis:36px!important}.client-v34-hosting-section-head h3{font-size:13px!important}.client-v34-hosting-section-head p{font-size:8px!important}.client-v34-hosting-section-head small{font-size:7px!important}
body.client-embedded.client-v67 .client-v34-hosting-row{min-height:56px!important;padding:8px 11px!important}.client-v34-hosting-row .row-icon{width:32px!important;height:32px!important}.client-v34-hosting-row small{font-size:7px!important}.client-v34-hosting-row b{font-size:10px!important}.client-v34-copy{min-height:29px!important;padding:5px 8px!important;font-size:8px!important}
body.client-embedded.client-v67 .client-v34-hosting-footer{margin-top:14px!important;padding:13px 18px 16px!important}.client-v34-hosting-primary-actions .btn{min-height:36px!important;padding:7px 11px!important;font-size:9px!important}.client-v34-sync{min-height:36px!important}.client-v34-password-request{margin-top:10px!important;padding-top:10px!important}
body.client-embedded.client-v67 .client-v34-empty-hosting{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin:0!important;padding:16px 18px!important}.client-v34-empty-hosting>span{width:46px!important;height:46px!important}.client-v34-empty-hosting h3{font-size:13px!important}.client-v34-empty-hosting p{font-size:9px!important}.client-v34-empty-hosting .btn{width:auto!important;min-height:34px!important;padding:7px 10px!important;font-size:9px!important}

@media(max-width:1100px){
  body.client-embedded.client-v67 .client-v67-hero,body.client-embedded.client-v67 .client-v67-main-grid,body.client-embedded.client-v67 .client-v67-bottom-grid{grid-template-columns:1fr}
  body.client-embedded.client-v67 .client-v67-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.client-embedded.client-v67 .client-v67-account-card{min-height:0}
}
@media(max-width:760px){
  body.client-embedded.client-v67 .client-v67-dashboard{padding:12px;gap:10px}
  body.client-embedded.client-v67 .client-v67-hero-main{min-height:0;padding:20px}.client-v67-hero-main h1{font-size:28px!important}
  body.client-embedded.client-v67 .client-v67-stat-grid{grid-template-columns:1fr}
  body.client-embedded.client-v67 .client-v67-shortcut-grid{grid-template-columns:1fr}
  body.client-embedded.client-v67 .client-v67-hosting-facts{grid-template-columns:1fr}
  body.client-embedded.client-v67 .client-v67-order-list>a{grid-template-columns:36px minmax(0,1fr) auto 12px}.client-v67-order-list>a>em{grid-column:2/4;justify-self:start}.client-v67-order-list>a>strong{grid-column:3;grid-row:1}.client-v67-order-list>a>i{grid-column:4;grid-row:1}
  body.client-embedded.client-v67 .client-v34-hosting-hero{align-items:flex-start!important;flex-direction:column!important;margin:12px!important;padding:16px!important}.client-v34-hosting-hero-side{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.client-v34-hosting-list{margin:0 12px 12px!important}
  body.client-embedded.client-v67 .client-v34-empty-hosting{grid-template-columns:44px minmax(0,1fr)!important}.client-v34-empty-hosting .btn{grid-column:1/-1!important;justify-self:start!important}
}
@media(max-width:480px){
  body.client-embedded.client-v67 .client-v67-account-badges{grid-template-columns:1fr}
  body.client-embedded.client-v67 .client-v67-hero-actions{flex-direction:column}.client-v67-hero-actions .btn{width:100%}
  body.client-embedded.client-v67 .client-v67-hosting-row{grid-template-columns:42px minmax(0,1fr)}.client-v67-hosting-row>em{grid-column:2;justify-self:start}
  body.client-embedded.client-v67 .client-v34-hosting-hero-side{align-items:flex-start!important;flex-direction:column!important}.client-v34-hosting-hero-side .btn{width:auto!important;align-self:flex-start!important}
}

/* WHWEB V68 — Communication & Download Ads Suite */


/* V69 — sticky glass navigation, premium contact page and client notification controls */
.site-header{position:sticky!important;top:0!important;z-index:1200!important;background:rgba(4,7,10,.76)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important;backdrop-filter:blur(18px) saturate(145%)!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.07))!important;box-shadow:0 10px 32px rgba(0,0,0,.12);transition:background .2s ease,box-shadow .2s ease}.site-header.is-scrolled{background:rgba(4,7,10,.88)!important;box-shadow:0 14px 38px rgba(0,0,0,.3)}.wh-nav{min-height:68px!important;gap:20px}.nav-links{gap:21px}.nav-links a{padding:24px 0!important}.logo img{height:39px}.brand-symbol{width:44px;height:38px;font-size:35px}.brand-word{font-size:24px}.nav-actions .btn{min-height:40px;padding-top:9px;padding-bottom:9px}.header-cart{min-height:40px!important;min-width:40px!important}.account-chip{min-height:42px}
@media(max-width:720px){.wh-nav{min-height:62px!important}.wh-nav.open{padding:8px 0}.brand-symbol{width:39px;height:34px;font-size:31px}.brand-word{font-size:21px}.nav-links a{padding:10px 0!important}}

.contact-v69-hero{position:relative;min-height:238px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.06));background:radial-gradient(circle at 78% 30%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 34%),linear-gradient(120deg,#071018,#05080c 65%,color-mix(in srgb,var(--accent) 8%,#090e13));background-size:cover;background-position:center}.contact-v69-hero.has-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.95),rgba(4,7,10,.76) 55%,rgba(4,7,10,.87))}.contact-v69-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 4%,transparent));pointer-events:none}.contact-v69-hero-inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:44px;padding-bottom:42px}.contact-v69-hero-inner>div:first-child{max-width:720px}.contact-v69-hero h1{margin:10px 0 8px;font-size:clamp(36px,4.7vw,58px);line-height:.98;letter-spacing:-.045em}.contact-v69-lead{color:#aab8c4;font-size:14px;line-height:1.65}.contact-v69-lead p{margin:0}.contact-v69-hero-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:390px}.contact-v69-hero-badges span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(6,11,16,.58);color:#c6d0d8;font-size:11px;white-space:nowrap}.contact-v69-hero-badges i{color:var(--accent-readable)}
.contact-v69-section{padding:24px 0 64px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 95%,#fff 1%),var(--site-bg))}.contact-v69-shell{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.contact-v69-side,.contact-v69-form-card{border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(180deg,rgba(12,20,28,.98),rgba(7,12,18,.98));box-shadow:0 22px 65px rgba(0,0,0,.2)}.contact-v69-side{padding:22px}.contact-v69-side-head{padding:2px 2px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.contact-v69-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(62,223,159,.2);background:rgba(62,223,159,.06);color:#72e8b8;font-size:11px}.contact-v69-status i{font-size:7px}.contact-v69-side h2{margin:14px 0 7px;font-size:24px}.contact-v69-side p{margin:0;color:#8496a5;font-size:12px;line-height:1.6}.contact-v69-channels{display:grid;gap:8px;padding:17px 0}.contact-v69-channels>a{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#071018;color:#eef3f6;text-decoration:none;transition:.2s}.contact-v69-channels>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 5%,#071018)}.contact-v69-channels>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,#071018);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent-readable);font-size:17px}.contact-v69-channels small,.contact-v69-channels b,.contact-v69-channels em{display:block}.contact-v69-channels small{font-size:9px;letter-spacing:.1em;color:#708697}.contact-v69-channels b{margin-top:2px;font-size:12px}.contact-v69-channels em{margin-top:2px;color:#7f92a0;font-size:10px;font-style:normal}.contact-v69-channels>a>i{color:#607786}.contact-v69-guarantees{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:17px;border-top:1px solid rgba(255,255,255,.07)}.contact-v69-guarantees>span{padding:10px 8px;border-radius:12px;background:#071018;border:1px solid rgba(255,255,255,.06);text-align:center}.contact-v69-guarantees i{display:block;color:var(--accent-readable);margin-bottom:6px}.contact-v69-guarantees b,.contact-v69-guarantees small{display:block}.contact-v69-guarantees b{font-size:10px}.contact-v69-guarantees small{margin-top:2px;color:#6f8290;font-size:8px}
.contact-v69-form-card{padding:25px 26px;position:relative;overflow:hidden}.contact-v69-form-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent 74%)}.contact-v69-form-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.contact-v69-form-head h2{margin:7px 0 5px;font-size:28px}.contact-v69-form-head p{margin:0;color:#8496a5;font-size:12px}.contact-v69-form-head>span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#8ea0ae;font-size:10px;white-space:nowrap}.contact-v69-form-head>span i{color:#69dfae}.contact-v69-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-v69-field{display:grid;gap:7px}.contact-v69-field.full{grid-column:1/-1}.contact-v69-field label{font-size:11px;color:#b9c6d0}.contact-v69-field>div{position:relative}.contact-v69-field>div>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;color:var(--accent-readable);font-size:13px}.contact-v69-field>div.textarea>i{top:17px;transform:none}.contact-v69-field input,.contact-v69-field textarea{width:100%;min-height:49px;padding:0 14px 0 40px;border:1px solid #1b2c38;border-radius:13px;background:#071018;color:#f2f5f7;outline:none;font-size:12px;transition:.2s}.contact-v69-field textarea{min-height:142px;padding-top:14px;resize:vertical}.contact-v69-field input:focus,.contact-v69-field textarea:focus{border-color:color-mix(in srgb,var(--accent) 70%,#1b2c38);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.contact-v69-recaptcha{grid-column:1/-1}.contact-v69-submit{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:3px}.contact-v69-submit>div{display:flex;gap:8px;align-items:flex-start;max-width:430px;color:#718594}.contact-v69-submit>div i{color:var(--accent-readable);margin-top:1px}.contact-v69-submit small{font-size:10px;line-height:1.5}.contact-v69-submit .btn{min-height:48px;padding-inline:20px}
@media(max-width:980px){.contact-v69-hero-inner{align-items:flex-start;flex-direction:column}.contact-v69-hero-badges{justify-content:flex-start;max-width:none}.contact-v69-shell{grid-template-columns:1fr}.contact-v69-side{order:2}.contact-v69-form-card{order:1}}@media(max-width:650px){.contact-v69-hero{min-height:210px}.contact-v69-hero-inner{padding-top:34px;padding-bottom:32px}.contact-v69-hero h1{font-size:38px}.contact-v69-section{padding:14px 0 46px!important}.contact-v69-side,.contact-v69-form-card{border-radius:17px}.contact-v69-side{padding:17px}.contact-v69-form-card{padding:20px 16px}.contact-v69-form-head{display:block}.contact-v69-form-head>span{margin-top:12px}.contact-v69-form{grid-template-columns:1fr}.contact-v69-field.full,.contact-v69-recaptcha,.contact-v69-submit{grid-column:auto}.contact-v69-submit{align-items:stretch;flex-direction:column}.contact-v69-submit .btn{width:100%}.contact-v69-guarantees{grid-template-columns:1fr 1fr 1fr}.contact-v69-hero-badges span{font-size:10px}}

body.client-embedded .notification-v69-list{gap:10px}body.client-embedded .notification-v69-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:flex-start;padding:15px 16px!important}body.client-embedded .notification-v69-content{min-width:0}body.client-embedded .notification-v69-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}body.client-embedded .notification-v69-foot small{display:flex;align-items:center;gap:5px}body.client-embedded .notification-v69-actions{display:flex;align-items:center;gap:6px}body.client-embedded .notification-v69-actions form{margin:0}body.client-embedded .notification-v69-actions button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid #24394b;border-radius:9px;background:#081521;color:#b8c8d5;font-size:10px;cursor:pointer}body.client-embedded .notification-v69-actions button:hover{border-color:var(--accent-readable);color:#fff}body.client-embedded .notification-v69-actions button.danger:hover{border-color:#ff6177;color:#ff8a9a}body.client-embedded .notification-v69-empty{text-align:center;padding:34px!important}body.client-embedded .notification-v69-empty>i{display:block;margin-bottom:8px;color:#567187;font-size:24px}@media(max-width:620px){body.client-embedded .notification-v69-foot{align-items:flex-start;flex-direction:column}body.client-embedded .notification-v69-actions{width:100%;flex-wrap:wrap}body.client-embedded .notification-v69-actions button span{display:none}}

/* WHWEB V70 — MuOnline Server Delivery Center */
body.client-embedded .client-server-center-v70{display:grid;gap:14px}
body.client-embedded .client-server-v70-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;align-items:center;padding:24px;border:1px solid #20394a;border-radius:22px;background:radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 34%),linear-gradient(135deg,#0c1a27,#09131d 65%,color-mix(in srgb,var(--accent) 8%,#090e13));box-shadow:0 20px 52px rgba(0,0,0,.18)}
body.client-embedded .client-server-v70-hero h1{margin:8px 0 7px;font-size:31px;line-height:1.05;letter-spacing:-.035em}body.client-embedded .client-server-v70-hero h1 span{color:var(--accent-readable)}body.client-embedded .client-server-v70-hero p{max-width:720px;margin:0;color:#8fa5b5;font-size:12px;line-height:1.65}
body.client-embedded .server-v70-hero-stat{min-height:126px;display:grid;align-content:center;justify-items:center;padding:17px;border:1px solid color-mix(in srgb,var(--accent) 34%,#253949);border-radius:18px;background:rgba(5,12,18,.76);text-align:center}body.client-embedded .server-v70-hero-stat small{color:#7390a4;font-size:9px;letter-spacing:.12em}body.client-embedded .server-v70-hero-stat strong{margin:5px 0;color:#fff;font-size:34px}body.client-embedded .server-v70-hero-stat span{color:var(--accent-readable);font-size:11px;font-weight:700}
body.client-embedded .client-server-v70-list{display:grid;gap:14px}body.client-embedded .server-v70-card{overflow:hidden;border:1px solid #203747;border-radius:22px;background:linear-gradient(180deg,#0a1722,#08131c);box-shadow:0 18px 50px rgba(0,0,0,.14)}
body.client-embedded .server-v70-top{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;border-bottom:1px solid rgba(255,255,255,.065)}body.client-embedded .server-v70-media{position:relative;min-height:205px;background:#071018;overflow:hidden}body.client-embedded .server-v70-media img{width:100%;height:100%;min-height:205px;object-fit:cover}body.client-embedded .server-v70-media>span{width:100%;height:205px;display:grid;place-items:center;color:var(--accent-readable);font-size:48px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%)}body.client-embedded .server-v70-media em{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em}body.client-embedded .server-v70-media em.ready{color:#70e8b7;border:1px solid rgba(60,220,155,.28);background:rgba(4,35,26,.88)}body.client-embedded .server-v70-media em.preparing{color:var(--accent-readable);border:1px solid rgba(var(--accent-rgb),.3);background:rgba(45,28,4,.9)}
body.client-embedded .server-v70-summary{padding:20px}.server-v70-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.server-v70-title small{color:#66849a;font-size:9px;letter-spacing:.08em}.server-v70-title h2{margin:5px 0 5px;font-size:22px}.server-v70-title p{margin:0;color:#8298a8;font-size:11px;line-height:1.55}.server-v70-title>strong{color:#fff;font-size:20px;white-space:nowrap}.server-v70-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:17px}.server-v70-facts>span{min-width:0;padding:11px;border:1px solid #1d3343;border-radius:12px;background:#07121b}.server-v70-facts small,.server-v70-facts b{display:block}.server-v70-facts small{color:#607e93;font-size:8px;letter-spacing:.1em}.server-v70-facts b{margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:#e7eef3;font-size:11px;white-space:nowrap}
body.client-embedded .server-v70-private-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.server-v70-private{padding:16px;border:1px solid #1c3343;border-radius:16px;background:#07121b}.server-v70-private>header{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}.server-v70-private>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,#07111a);border:1px solid color-mix(in srgb,var(--accent) 24%,#1c3340);color:var(--accent-readable)}.server-v70-private header small{display:block;color:#607e93;font-size:8px;letter-spacing:.12em}.server-v70-private h3{margin:2px 0 0;font-size:13px}.server-v70-private dl{display:grid;gap:7px;margin:0}.server-v70-private dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:9px;background:#061019;border:1px solid #172b39}.server-v70-private dt{color:#70899a;font-size:10px}.server-v70-private dd{margin:0;color:#e6edf2;font-size:10px;font-weight:700;text-align:right}.server-v70-private code{color:var(--accent-readable);font-size:10px}.server-v70-private em{color:#72899a;font-size:9px;font-style:normal}.server-v70-pre{color:#b7c5ce;font-size:11px;line-height:1.65;white-space:normal}.server-v70-pending{margin:0;color:#6f8798;font-size:10px;line-height:1.6}
.server-v70-downloads,.server-v70-changelog,.server-v70-video{margin:0 14px 14px;padding:16px;border:1px solid #1c3343;border-radius:16px;background:#07121b}.server-v70-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.server-v70-section-head small{display:block;color:var(--accent-readable);font-size:8px;font-weight:800;letter-spacing:.12em}.server-v70-section-head h3{margin:3px 0 0;font-size:14px}.server-v70-section-head>span{display:inline-flex;align-items:center;gap:6px;color:#6fdcaf;font-size:9px}.server-v70-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-v70-download{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;padding:11px;border:1px solid #1d3342;border-radius:12px;background:#061019;color:#dfe8ee;text-decoration:none}.server-v70-download>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,#061019);color:var(--accent-readable);font-size:16px}.server-v70-download b,.server-v70-download small{display:block}.server-v70-download b{font-size:11px}.server-v70-download small{margin-top:3px;color:#668093;font-size:9px}.server-v70-download>span{display:grid;place-items:center;color:#698498}.server-v70-download.active:hover{border-color:var(--accent-readable);transform:translateY(-1px)}.server-v70-download.disabled{pointer-events:none;opacity:.52}
.server-v70-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.server-v70-update-chip{padding:6px 8px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,#1b3240);border-radius:999px!important;background:color-mix(in srgb,var(--accent) 7%,#061019)!important;color:var(--accent-readable)!important;font-weight:800}.server-v70-video-frame{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#030609}.server-v70-video-frame iframe{width:100%;height:100%;border:0}.server-v70-video-empty{min-height:145px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed #263c4b;border-radius:12px;color:#6f8797;text-align:center;font-size:10px}.server-v70-video-empty i{color:#ff4b45;font-size:28px}.server-v70-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.server-v70-footer .btn{min-height:38px;padding:8px 12px;font-size:10px}
@media(max-width:900px){body.client-embedded .client-server-v70-hero{grid-template-columns:1fr}.server-v70-hero-stat{justify-items:start!important;text-align:left!important}.server-v70-top{grid-template-columns:1fr!important}.server-v70-media{min-height:190px!important}.server-v70-media img{max-height:260px}.server-v70-facts{grid-template-columns:1fr 1fr}.server-v70-private-grid,.server-v70-bottom-grid{grid-template-columns:1fr}.server-v70-download-grid{grid-template-columns:1fr}}
@media(max-width:560px){body.client-embedded .client-server-v70-hero{padding:18px}.server-v70-title{flex-direction:column}.server-v70-facts{grid-template-columns:1fr}.server-v70-private-grid{padding:10px}.server-v70-downloads,.server-v70-changelog,.server-v70-video{margin:0 10px 10px;padding:13px}.server-v70-section-head{align-items:flex-start;flex-direction:column}.server-v70-footer{justify-content:stretch;flex-direction:column;padding:0 10px 10px}.server-v70-footer .btn{width:100%}}

/* WHWEB V71 — Checkout Recovery & MuOnline Purchase Flow */
.checkout-v71{padding:38px 0 72px!important;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 32%),linear-gradient(180deg,#05090d,#060b10)}
.checkout-v71-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.checkout-v71-main{min-width:0}.checkout-v71-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:#8da0af;text-decoration:none;font-size:12px}.checkout-v71-back:hover{color:#fff}.checkout-v71-heading{margin-bottom:18px}.checkout-v71-heading h1{margin:8px 0 8px;font-size:clamp(32px,4vw,48px)!important;line-height:1.03;letter-spacing:-.04em}.checkout-v71-heading p{max-width:700px;margin:0;color:#8da0af;font-size:13px;line-height:1.7}
.checkout-v71-product{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #1b2c37;border-radius:20px;background:linear-gradient(145deg,#0c171f,#081018);box-shadow:0 20px 55px rgba(0,0,0,.18)}.checkout-v71-media{height:138px;overflow:hidden;border-radius:15px;border:1px solid color-mix(in srgb,var(--accent) 18%,#20303a);background:#050a0e}.checkout-v71-media img{width:100%;height:100%;object-fit:cover;display:block}.checkout-v71-media>span{width:100%;height:100%;display:grid;place-items:center;color:var(--accent-readable);font-size:38px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%)}.checkout-v71-product-copy>small{display:block;color:var(--accent-readable);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.checkout-v71-product-copy h2{margin:5px 0 11px;font-size:24px}.checkout-v71-tags{display:flex;gap:7px;flex-wrap:wrap}.checkout-v71-tags span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #20313d;border-radius:999px;background:#071018;color:#aebcc6;font-size:10px}.checkout-v71-tags i{color:var(--accent-readable)}
.checkout-v71-security{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.checkout-v71-security>span{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center;padding:13px;border:1px solid #172834;border-radius:14px;background:#08121a}.checkout-v71-security>span>i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 8%,#071018);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.checkout-v71-security b,.checkout-v71-security small{display:block}.checkout-v71-security b{font-size:11px}.checkout-v71-security small{margin-top:2px;color:#728593;font-size:9px;line-height:1.4}
.checkout-v71-summary{position:sticky;top:88px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 31%,#22303a);border-radius:20px;background:linear-gradient(165deg,#0c151d,#080d12);box-shadow:0 24px 65px rgba(0,0,0,.25)}.checkout-v71-summary-head{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.checkout-v71-summary-head>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 9%,#071018);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.checkout-v71-summary-head small{display:block;color:#708696;font-size:8px;letter-spacing:.12em}.checkout-v71-summary-head h2{margin:3px 0 0;font-size:15px;line-height:1.35}.checkout-v71-summary dl{display:grid;gap:0;margin:13px 0 16px}.checkout-v71-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.checkout-v71-summary dt{color:#8194a2;font-size:11px;font-weight:500}.checkout-v71-summary dd{margin:0;color:#eaf0f4;font-size:12px;font-weight:700}.checkout-v71-summary dl>div.total{padding-top:14px;border-bottom:0}.checkout-v71-summary dl>div.total dt{color:#fff;font-size:12px}.checkout-v71-summary dl>div.total dd{color:var(--accent-readable);font-size:23px;letter-spacing:-.02em}.checkout-v71-summary .field{margin-bottom:12px}.checkout-v71-summary .field label{font-size:10px}.checkout-v71-summary select{min-height:46px}.checkout-v71-summary .btn{min-height:46px;font-size:12px}.checkout-v71-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;color:#718491;font-size:9px;line-height:1.5}.checkout-v71-note i{margin-top:1px;color:var(--accent-readable)}.checkout-v71-no-payment{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin:13px 0;padding:12px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:13px;background:rgba(var(--accent-rgb),.055)}.checkout-v71-no-payment>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--accent-rgb),.09);color:var(--accent-readable)}.checkout-v71-no-payment b,.checkout-v71-no-payment small{display:block}.checkout-v71-no-payment b{font-size:11px}.checkout-v71-no-payment small{margin-top:3px;color:#8294a1;font-size:9px;line-height:1.45}
.checkout-v71-state{min-height:560px;display:flex;align-items:center;padding:52px 0!important;background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 32%),linear-gradient(180deg,#05090d,#060b10)}.checkout-v71-message{max-width:760px;margin:0 auto;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:flex-start;padding:28px;border:1px solid #1e303d;border-radius:22px;background:linear-gradient(145deg,#0d1821,#081018);box-shadow:0 25px 70px rgba(0,0,0,.25)}.checkout-v71-message>span{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;color:var(--accent-readable);font-size:23px;background:color-mix(in srgb,var(--accent) 9%,#071018);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.checkout-v71-message small{color:var(--accent-readable);font-size:9px;font-weight:800;letter-spacing:.13em}.checkout-v71-message h1{margin:5px 0 8px;font-size:30px!important;letter-spacing:-.03em}.checkout-v71-message p{margin:0;color:#8da0ae;font-size:12px;line-height:1.65}.checkout-v71-state-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.checkout-v71-state-actions .btn{min-height:42px;font-size:11px}
@media(max-width:900px){.checkout-v71-grid{grid-template-columns:1fr}.checkout-v71-summary{position:relative;top:auto}.checkout-v71-security{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:640px){.checkout-v71{padding:24px 0 48px!important}.checkout-v71-heading h1{font-size:32px!important}.checkout-v71-product{grid-template-columns:1fr}.checkout-v71-media{height:210px}.checkout-v71-product-copy h2{font-size:20px}.checkout-v71-security{grid-template-columns:1fr}.checkout-v71-message{grid-template-columns:1fr;padding:20px}.checkout-v71-message h1{font-size:25px!important}.checkout-v71-state-actions{display:grid;grid-template-columns:1fr}.checkout-v71-state-actions .btn{width:100%}}


/* V72 — checkout licenciado + entrega individual do servidor */
.checkout-v72-form{display:grid;gap:11px}.checkout-v72-license-box{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #233642;border-radius:13px;background:#07111a}.checkout-v72-license-box>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 9%,#071018);border:1px solid color-mix(in srgb,var(--accent) 22%,#21333e);color:var(--accent-readable)}.checkout-v72-license-box small,.checkout-v72-license-box b{display:block}.checkout-v72-license-box small{color:#708899;font-size:8px;letter-spacing:.11em}.checkout-v72-license-box b{margin-top:2px;font-size:12px}.checkout-v72-license-box p{margin:4px 0 0;color:#7f929f;font-size:9px;line-height:1.45}.checkout-v72-license-box.unlicensed{border-style:dashed}.checkout-v72-form input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #263947;border-radius:11px;background:#071018;color:#e9f0f4;outline:0}.checkout-v72-form input:focus{border-color:color-mix(in srgb,var(--accent) 60%,#263947);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.checkout-v72-form .field small{display:block;margin-top:5px;color:#6f8594;font-size:9px}
body.client-embedded .server-v72-customer code{display:inline-block;max-width:100%;padding:3px 6px;border-radius:6px;background:#030a0f;color:var(--accent-readable);overflow-wrap:anywhere;white-space:normal}.server-v72-customer dl>div{align-items:flex-start}.server-v72-customer dd{max-width:62%;overflow-wrap:anywhere}

/* V73 — checkout post-submit recovery + payment focus */
body.client-embedded .client-payment-created{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0 16px 14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 38%,#244050);border-radius:16px;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(145deg,#0d1b27,#08131c);box-shadow:0 18px 48px rgba(0,0,0,.18)}
body.client-embedded .client-payment-created-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;color:var(--accent-readable);font-size:21px;background:color-mix(in srgb,var(--accent) 10%,#071018);border:1px solid color-mix(in srgb,var(--accent) 28%,#21343f)}
body.client-embedded .client-payment-created-copy small{display:block;color:var(--accent-readable);font-size:9px;font-weight:800;letter-spacing:.12em}body.client-embedded .client-payment-created-copy h2{margin:3px 0 5px;font-size:17px;letter-spacing:-.02em}body.client-embedded .client-payment-created-copy p{margin:0;color:#8da1b0;font-size:10px;line-height:1.55}
body.client-embedded .client-payment-created-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.client-payment-created-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #203541;border-radius:999px;color:#a8b8c4;font-size:9px;background:#07111a}.client-payment-created-meta i{color:var(--accent-readable)}
body.client-embedded .client-payment-created-action .btn{min-height:38px;padding:8px 12px;font-size:10px;white-space:nowrap}
body.client-embedded .payment-card.payment-card-new{border-color:color-mix(in srgb,var(--accent) 58%,#28404f)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent),0 16px 38px rgba(0,0,0,.16);animation:v73PaymentFocus 1.1s ease-out}
@keyframes v73PaymentFocus{0%{transform:translateY(8px);opacity:.4;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent)}100%{transform:none;opacity:1}}
@media(max-width:760px){body.client-embedded .client-payment-created{grid-template-columns:48px minmax(0,1fr);margin:0 12px 12px;padding:14px}.client-payment-created-action{grid-column:1/-1}.client-payment-created-action .btn{width:100%}}

/* =========================================================
   WHWEB V77 — MUONLINE DESKTOP DROPDOWN COMPACT
   Dropdown padrão, baixo e discreto. Mantém mobile intacto.
   ========================================================= */
@media (min-width:1081px){
  .nav-links .nav-dropdown{position:relative;display:flex;align-items:center}
  .nav-links .nav-dropdown-trigger{display:flex;align-items:center;height:68px}
  .nav-links .nav-dropdown-trigger>a{padding-right:3px!important;font-weight:400!important}
  .nav-links .nav-dropdown-toggle{width:20px;height:32px;border-radius:6px;color:#87939e}
  .nav-links .nav-dropdown-toggle i{font-size:9px}
  .nav-links .nav-dropdown-menu{
    top:calc(100% - 4px);
    left:0;
    width:188px;
    padding:5px;
    border-radius:10px;
    background:rgba(7,12,17,.985);
    border:1px solid rgba(255,255,255,.085);
    box-shadow:0 14px 34px rgba(0,0,0,.36);
    transform:translateY(6px);
  }
  .nav-links .nav-dropdown:hover .nav-dropdown-menu,
  .nav-links .nav-dropdown.open .nav-dropdown-menu{transform:translateY(0)}
  .nav-links .nav-dropdown-menu a{
    width:100%;
    min-height:34px;
    margin:0;
    padding:6px 7px!important;
    gap:8px;
    border-radius:7px;
    color:#bcc6cf!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.2;
    transition:background .15s ease,color .15s ease;
  }
  .nav-links .nav-dropdown-menu a::after{display:none!important}
  .nav-links .nav-dropdown-menu a i{
    flex:0 0 20px;
    width:20px;
    height:20px;
    border-radius:5px;
    background:rgba(var(--accent-rgb),.075);
    border:1px solid rgba(var(--accent-rgb),.11);
    color:var(--accent-readable);
    font-size:10px;
  }
  .nav-links .nav-dropdown-menu a span{font-weight:400!important}
  .nav-links .nav-dropdown-menu a:hover{
    background:rgba(255,255,255,.045);
    color:#fff!important;
    font-weight:400!important;
    transform:none!important;
  }
  .nav-links .nav-dropdown-menu a:hover i{background:rgba(var(--accent-rgb),.11);border-color:rgba(var(--accent-rgb),.18)}
}

/* =========================================================
   WHWEB V78 — FIXED GLASS NAV + FULL RESPONSIVE PASS
   Cabeçalho acompanha toda a rolagem com transparência leve.
   Revisão pública para desktop, notebook, tablet e celular.
   ========================================================= */
:root{--wh-site-header-height:68px}
html{scroll-padding-top:calc(var(--wh-site-header-height) + 18px)}
body.wh-fixed-header{padding-top:var(--wh-site-header-height)}
body.wh-fixed-header .site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%;
  z-index:1400!important;
  background:rgba(4,7,10,.94)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 7px 26px rgba(0,0,0,.12);
  transition:background-color .24s ease,box-shadow .24s ease,border-color .24s ease,-webkit-backdrop-filter .24s ease,backdrop-filter .24s ease;
}
body.wh-fixed-header .site-header.is-scrolled{
  background:rgba(4,7,10,.82)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  border-bottom-color:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.08))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.3);
}
body.wh-fixed-header .site-header::after{opacity:.32!important}
body.wh-fixed-header .wh-nav{min-height:var(--wh-site-header-height)!important;position:relative}
body.wh-fixed-header .nav-links>a,body.wh-fixed-header .nav-links .nav-dropdown-trigger>a{padding:24px 0!important}
body.wh-fixed-header .mu-detail-sidebar,
body.wh-fixed-header .product-v59-panel{scroll-margin-top:calc(var(--wh-site-header-height) + 18px)}

/* Desktop/notebook: mantém tudo legível sem apertar a navegação. */
@media (min-width:1081px) and (max-width:1240px){
  body.wh-fixed-header .wh-nav{gap:14px}
  body.wh-fixed-header .nav-links{gap:15px}
  body.wh-fixed-header .nav-links a{font-size:12px}
  body.wh-fixed-header .nav-actions{gap:7px}
  body.wh-fixed-header .nav-actions .btn{padding-inline:12px;font-size:12px}
  body.wh-fixed-header .logo img{max-width:165px}
}

/* Tablet/notebook compacto: menu vira painel flutuante sem empurrar o conteúdo. */
@media(max-width:1080px){
  body.wh-fixed-header .wh-nav{flex-wrap:nowrap!important;padding-block:0!important}
  body.wh-fixed-header .wh-nav.open{padding-block:0!important}
  body.wh-fixed-header .wh-nav.open .nav-links{
    position:absolute;
    top:calc(100% - 1px);
    left:0;
    right:0;
    width:auto;
    max-height:calc(100dvh - var(--wh-site-header-height) - 18px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:9px 13px 13px;
    gap:0;
    border:1px solid rgba(255,255,255,.08);
    border-top-color:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.06));
    border-radius:0 0 16px 16px;
    background:rgba(5,9,13,.94);
    -webkit-backdrop-filter:blur(20px) saturate(145%);
    backdrop-filter:blur(20px) saturate(145%);
    box-shadow:0 24px 46px rgba(0,0,0,.42);
  }
  body.wh-fixed-header .wh-nav.open .nav-links>a,
  body.wh-fixed-header .wh-nav.open .nav-dropdown-trigger>a{
    min-height:42px;
    display:flex;
    align-items:center;
    padding:9px 7px!important;
    border-bottom:1px solid rgba(255,255,255,.045);
    font-size:12px;
  }
  body.wh-fixed-header .wh-nav.open .nav-links>a::after,
  body.wh-fixed-header .wh-nav.open .nav-dropdown-trigger>a::after{display:none!important}
  body.wh-fixed-header .nav-dropdown-trigger{min-height:42px}
  body.wh-fixed-header .nav-dropdown-toggle{height:38px;width:38px}
  body.wh-fixed-header .nav-dropdown-menu{padding-left:8px!important}
  body.wh-fixed-header .nav-dropdown-menu a{min-height:36px!important;padding:7px 8px!important}

  .pricing-grid,.market-grid,.dev-services-grid,.portfolio-grid,
  .mu-server-grid,.mu-website-grid,.mu-launcher-grid,.mu-license-grid,.mu-utility-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mu-license-hero-grid,.wh-maintenance-grid{grid-template-columns:1fr!important}
  .mu-license-vault{max-width:560px}
  .prefooter-card{gap:24px}
}

/* Tablet vertical e celulares grandes. */
@media(max-width:760px){
  :root{--wh-site-header-height:62px}
  body.wh-fixed-header .site-header{background:rgba(4,7,10,.92)!important}
  body.wh-fixed-header .site-header.is-scrolled{background:rgba(4,7,10,.80)!important}
  body.wh-fixed-header .wh-nav{gap:8px!important}
  body.wh-fixed-header .wh-nav .logo{min-width:0}
  body.wh-fixed-header .logo img{height:34px!important;max-width:132px!important}
  body.wh-fixed-header .brand-symbol{width:36px!important;height:32px!important;font-size:29px!important}
  body.wh-fixed-header .brand-word{font-size:20px!important}
  body.wh-fixed-header .brand-word small{font-size:6px;margin-top:5px}
  body.wh-fixed-header .mobile-toggle{width:39px;height:39px;border-radius:10px;flex:0 0 39px}
  body.wh-fixed-header .nav-actions{gap:6px;margin-left:0}
  body.wh-fixed-header .header-cart{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important;border-radius:10px}
  body.wh-fixed-header .nav-actions .btn-premium{min-height:38px;padding:8px 10px;font-size:11px;border-radius:10px;white-space:nowrap}
  body.wh-fixed-header .account-chip{min-height:38px;padding:4px 6px;border-radius:10px}
  body.wh-fixed-header .account-avatar{width:30px;height:30px;border-radius:8px}
  body.wh-fixed-header .wh-nav.open .nav-links{left:0;right:0;border-radius:0 0 14px 14px}

  .pricing-grid,.market-grid,.dev-services-grid,.portfolio-grid,
  .mu-server-grid,.mu-website-grid,.mu-launcher-grid,.mu-license-grid,.mu-utility-grid{
    grid-template-columns:1fr!important;
  }
  .service-entry-grid{grid-template-columns:1fr!important}
  .page-cover-hero,.mu-catalog-hero,.mu-detail-hero{min-width:0}
  .mu-catalog-toolbar,.section-head,.mu-detail-heading{gap:14px}
  .mu-tier-filters{width:100%;justify-content:flex-start}
  .mu-tier-filters button{flex:1 1 110px}
  .mu-server-actions,.product-actions{width:100%}
  .mu-server-actions .btn,.product-actions .btn{min-width:0}
  .mu-gallery-grid,.mu-website-gallery-grid,.mu-utility-gallery-grid,.product-v59-gallery-grid,.portfolio-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mu-accordion summary{min-width:0}
  .mu-accordion summary b,.mu-package-info b,.mu-detail-heading h1,.page-cover-hero h1{overflow-wrap:anywhere}
  .contact-v32-form-card,.contact-v32-info,.content-box,.product-v59-panel{max-width:100%;min-width:0}
  .prefooter-card{padding:24px 20px}
  .prefooter-actions{display:grid!important;grid-template-columns:1fr;width:100%}
  .prefooter-actions .btn{width:100%}
  .footer-grid{gap:26px}
}

/* Celulares compactos. */
@media(max-width:520px){
  .container-xl{width:min(100% - 18px,var(--site-container,1208px))!important}
  body.wh-fixed-header .logo img{max-width:116px!important}
  body.wh-fixed-header .brand-word{font-size:18px!important}
  body.wh-fixed-header .brand-symbol{width:32px!important;font-size:27px!important}
  body.wh-fixed-header .mobile-toggle{width:37px;height:37px;flex-basis:37px}
  body.wh-fixed-header .header-cart{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important}
  body.wh-fixed-header .nav-actions .btn-premium{padding-inline:8px;font-size:10px}
  body.wh-fixed-header .nav-actions .btn-premium i{font-size:10px}
  body.wh-fixed-header .header-cart-badge{min-width:18px;height:18px;font-size:8px;right:-4px;top:-5px}
  body.wh-fixed-header .wh-nav.open .nav-links{left:-1px;right:-1px;padding-inline:10px}
  .slide-copy{max-width:100%!important}
  .slide-copy h1{font-size:clamp(31px,10vw,40px)!important;line-height:1.02!important}
  .slide-copy p{font-size:13px!important;line-height:1.55}
  .section-head h2,.faq-intro h2{font-size:clamp(28px,8vw,34px)!important}
  .page-cover-hero h1,.mu-detail-heading h1,.mu-catalog-hero h1{font-size:clamp(31px,10vw,40px)!important}
  .hosting-copy{padding:22px 18px!important}
  .server-art{min-height:280px!important}
  .mu-gallery-grid,.mu-website-gallery-grid,.mu-utility-gallery-grid,.product-v59-gallery-grid,.portfolio-detail-gallery{gap:7px!important}
  .cart-line{padding:12px!important}
  .cart-summary{padding:16px!important}
  .contact-v32-social-card,.contact-v32-trust-item{min-width:0}
  .contact-v32-route b,.contact-v32-route a{overflow-wrap:anywhere}
}

/* Muito estreito: garante que ações do header nunca provoquem rolagem horizontal. */
@media(max-width:390px){
  body.wh-fixed-header .wh-nav{gap:5px!important}
  body.wh-fixed-header .logo{gap:6px}
  body.wh-fixed-header .logo img{max-width:104px!important}
  body.wh-fixed-header .brand-word{font-size:17px!important}
  body.wh-fixed-header .brand-word small{display:none}
  body.wh-fixed-header .nav-actions{gap:4px}
  body.wh-fixed-header .nav-actions .btn-premium{min-width:34px;padding-inline:7px;font-size:9px;gap:4px}
  body.wh-fixed-header .mobile-toggle{width:35px;height:35px;flex-basis:35px}
  body.wh-fixed-header .header-cart{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;flex-basis:34px!important}
  .mu-server-actions{grid-template-columns:1fr!important}
  .mu-tier-filters{grid-template-columns:1fr!important;display:grid!important}
  .mu-tier-filters button{width:100%}
}


/* =========================================================
   WHWEB V79 — MODERN DROPDOWN RESTORE
   Corrige a herança de padding do header fixo da V78 sem
   alterar o efeito glass/sticky nem o menu responsivo mobile.
   ========================================================= */
@media (min-width:1081px){
  body.wh-fixed-header .nav-links .nav-dropdown-menu{width:188px!important;padding:5px!important;border-radius:10px!important}
  body.wh-fixed-header .nav-links .nav-dropdown-menu a{
    min-height:34px!important;
    padding:6px 7px!important;
    margin:0!important;
    gap:8px!important;
    border-radius:7px!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.2!important;
  }
  body.wh-fixed-header .nav-links .nav-dropdown-menu a i{
    width:20px!important;height:20px!important;flex:0 0 20px!important;
    border-radius:5px!important;font-size:10px!important;
  }
  body.wh-fixed-header .nav-links .nav-dropdown-menu a:hover{
    font-weight:400!important;transform:none!important;
  }
}

/* V80 — Meus Websites: central premium de entrega individual */
body.client-embedded .client-web-v80-stage{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;--web80-line:#20394b;--web80-surface:#091721;--web80-surface2:#07121b}
body.client-embedded .client-web-v80-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;padding:26px;border:1px solid var(--web80-line);border-radius:22px;background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 34%),linear-gradient(135deg,#0b1a26,#07131d 66%,color-mix(in srgb,var(--accent) 8%,#090e13));box-shadow:0 20px 54px rgba(0,0,0,.18)}
body.client-embedded .client-web-v80-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--accent-readable);font-size:9px;font-weight:800;letter-spacing:.12em}body.client-embedded .client-web-v80-hero h1{margin:8px 0 8px;color:#f5f8fa;font-size:34px;line-height:1.02;letter-spacing:-.04em}body.client-embedded .client-web-v80-hero h1 span{color:var(--accent-readable)}body.client-embedded .client-web-v80-hero p{max-width:760px;margin:0;color:#8ba2b4;font-size:12px;line-height:1.65}.client-web-v80-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.client-web-v80-actions .btn{min-height:39px;padding:0 14px;font-size:10px}
body.client-embedded .client-web-v80-hero-status{min-height:144px;display:grid;place-items:center;align-content:center;padding:18px;border:1px solid color-mix(in srgb,var(--accent) 30%,#253b4b);border-radius:18px;background:rgba(5,13,20,.78);text-align:center}body.client-embedded .client-web-v80-hero-status>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,#07121b);color:var(--accent-readable);font-size:20px}body.client-embedded .client-web-v80-hero-status small{margin-top:10px;color:#718da1;font-size:8px;letter-spacing:.12em}body.client-embedded .client-web-v80-hero-status strong{margin:2px 0;color:#fff;font-size:34px;line-height:1}body.client-embedded .client-web-v80-hero-status em{color:#7d96a8;font-size:9px;font-style:normal}
body.client-embedded .client-web-v80-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-web-v80-metrics article{min-height:76px;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #1d3445;border-radius:14px;background:linear-gradient(145deg,#0a1924,#07131c)}.client-web-v80-metrics article>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,#07121b);color:var(--accent-readable)}.client-web-v80-metrics small,.client-web-v80-metrics b{display:block}.client-web-v80-metrics small{color:#66839a;font-size:8px;letter-spacing:.1em}.client-web-v80-metrics b{margin-top:3px;color:#f1f5f7;font-size:16px}
body.client-embedded .client-web-v80-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:3px 2px}.client-web-v80-head>div>span{color:var(--accent-readable);font-size:8px;font-weight:800;letter-spacing:.12em}.client-web-v80-head h2{margin:3px 0;color:#f3f7f9;font-size:19px}.client-web-v80-head p{margin:0;color:#7d95a7;font-size:10px}.client-web-v80-secure{display:inline-flex;align-items:center;gap:6px;color:#74dcb4;font-size:9px;white-space:nowrap}
body.client-embedded .client-web-v80-list{display:grid;gap:14px}.client-web-v80-card{overflow:hidden;border:1px solid #20394a;border-radius:22px;background:linear-gradient(180deg,#0a1722,#07121b);box-shadow:0 18px 50px rgba(0,0,0,.14)}.client-web-v80-cover{position:relative;height:230px;overflow:hidden;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 36%),#061019}.client-web-v80-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(4,9,13,.72))}.client-web-v80-cover img{width:100%;height:100%;object-fit:cover;display:block}.client-web-v80-cover>span{width:100%;height:100%;display:grid;place-items:center;color:var(--accent-readable);font-size:60px}.client-web-v80-cover em{position:absolute;z-index:2;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px)}.client-web-v80-cover em.ready{color:#71e2b4;border:1px solid rgba(61,219,157,.26);background:rgba(6,34,27,.9)}.client-web-v80-cover em.preparing{color:var(--accent-readable);border:1px solid rgba(var(--accent-rgb),.28);background:rgba(45,28,4,.9)}
.client-web-v80-main{padding:20px}.client-web-v80-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.065)}.client-web-v80-title small{display:block;color:#668399;font-size:9px;letter-spacing:.08em}.client-web-v80-title h2{margin:5px 0;color:#f3f7f9;font-size:22px;line-height:1.15}.client-web-v80-title p{max-width:760px;margin:0;color:#849aa9;font-size:11px;line-height:1.55}.client-web-v80-title>strong{flex:0 0 auto;color:var(--accent-readable);font-size:19px;white-space:nowrap}.client-web-v80-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0}.client-web-v80-facts>span{min-width:0;padding:11px;border:1px solid #1c3343;border-radius:12px;background:#07121b}.client-web-v80-facts small,.client-web-v80-facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-web-v80-facts small{color:#617f94;font-size:8px;letter-spacing:.1em}.client-web-v80-facts b{margin-top:4px;color:#e6edf2;font-size:11px}
.client-web-v80-license{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid #264051;border-radius:15px;background:#07131c}.client-web-v80-license>div{display:flex;align-items:center;gap:11px}.client-web-v80-license>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,#07121b);color:var(--accent-readable);font-size:18px}.client-web-v80-license small{display:block;color:#638198;font-size:8px;letter-spacing:.1em}.client-web-v80-license h3{margin:2px 0;color:#f2f6f8;font-size:15px}.client-web-v80-license p{margin:0;color:#8299aa;font-size:10px}.client-web-v80-license code{max-width:300px;overflow:hidden;text-overflow:ellipsis;padding:8px 10px;border:1px solid #233a4a;border-radius:9px;background:#050d14;color:var(--accent-readable);font-size:9px;white-space:nowrap}.client-web-v80-license.lifetime{border-color:rgba(61,216,156,.25)}.client-web-v80-license.expired{border-color:rgba(236,93,93,.28)}.client-web-v80-license.warning{border-color:rgba(240,172,77,.3)}
.client-web-v80-private-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.client-web-v80-private{padding:15px;border:1px solid #1c3444;border-radius:15px;background:#07121b}.client-web-v80-private>header{display:flex;align-items:center;gap:10px;padding-bottom:11px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.055)}.client-web-v80-private>header>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid color-mix(in srgb,var(--accent) 24%,#1c3341);background:color-mix(in srgb,var(--accent) 8%,#07121b);color:var(--accent-readable)}.client-web-v80-private header small{display:block;color:#638098;font-size:8px;letter-spacing:.1em}.client-web-v80-private h3{margin:2px 0;font-size:13px}.client-web-v80-private dl{display:grid;gap:7px;margin:0}.client-web-v80-private dl>div{display:grid;grid-template-columns:115px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045)}.client-web-v80-private dl>div:last-child{border-bottom:0}.client-web-v80-private dt{color:#6c879a;font-size:9px}.client-web-v80-private dd{min-width:0;margin:0;color:#dfe8ee;font-size:10px;overflow-wrap:anywhere}.client-web-v80-private a{color:var(--accent-readable);text-decoration:none}.client-web-v80-private code{color:#dce7ee}.client-web-v80-private em{color:#778fa1;font-style:normal}.client-web-v80-details{margin-top:10px;padding:11px;border:1px solid #1b3040;border-radius:10px;background:#050e16;color:#8da3b2;font-size:10px;line-height:1.6;white-space:normal}
.client-web-v80-download{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:15px;border:1px solid #213949;border-radius:15px;background:linear-gradient(135deg,#07131d,#091823)}.client-web-v80-download>div{display:flex;align-items:center;gap:11px}.client-web-v80-download>div>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--accent-rgb),.09);color:var(--accent-readable);font-size:19px}.client-web-v80-download small{display:block;color:#648198;font-size:8px;letter-spacing:.1em}.client-web-v80-download h3{margin:2px 0;font-size:13px}.client-web-v80-download p{margin:0;color:#8298a8;font-size:9px}.client-web-v80-download .btn{min-height:40px;padding:0 14px;font-size:10px}.client-web-v80-wait{display:inline-flex;align-items:center;gap:6px;color:#e7b260;font-size:10px}.client-web-v80-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.client-web-v80-footer .btn{min-height:37px;padding:0 12px;font-size:10px}
@media(max-width:900px){body.client-embedded .client-web-v80-hero{grid-template-columns:1fr}.client-web-v80-hero-status{justify-items:start!important;text-align:left!important}.client-web-v80-private-grid{grid-template-columns:1fr}.client-web-v80-facts{grid-template-columns:1fr 1fr}}
@media(max-width:680px){body.client-embedded .client-web-v80-hero{padding:19px;border-radius:17px}body.client-embedded .client-web-v80-hero h1{font-size:29px}.client-web-v80-metrics{grid-template-columns:1fr!important}.client-web-v80-head{align-items:flex-start;flex-direction:column}.client-web-v80-cover{height:190px}.client-web-v80-main{padding:13px}.client-web-v80-title{flex-direction:column}.client-web-v80-facts{grid-template-columns:1fr}.client-web-v80-license{align-items:flex-start;flex-direction:column}.client-web-v80-license code{max-width:100%;width:100%}.client-web-v80-private dl>div{grid-template-columns:1fr;gap:3px}.client-web-v80-download{align-items:flex-start;flex-direction:column}.client-web-v80-download .btn,.client-web-v80-wait{width:100%;justify-content:center}.client-web-v80-footer{flex-direction:column}.client-web-v80-footer .btn{width:100%}}

/* V81 — Meus Websites legível + bloqueio universal por vencimento */
body.client-embedded.client-v81 .client-web-v80-stage{gap:20px;--web81-text:#eef5f9;--web81-muted:#a9bbc8;--web81-soft:#8098aa}
body.client-embedded.client-v81 .client-web-v80-hero{grid-template-columns:minmax(0,1fr) 250px;gap:24px;padding:34px;border-radius:24px;border-color:#29485d;background:radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 36%),linear-gradient(135deg,#0d2130,#081722 62%,color-mix(in srgb,var(--accent) 8%,#090e13))}
body.client-embedded.client-v81 .client-web-v80-kicker{font-size:11px;letter-spacing:.14em}
body.client-embedded.client-v81 .client-web-v80-hero h1{margin:10px 0 12px;font-size:44px;line-height:1.04;letter-spacing:-.035em}
body.client-embedded.client-v81 .client-web-v80-hero p{max-width:800px;color:var(--web81-muted);font-size:15px;line-height:1.72}
body.client-embedded.client-v81 .client-web-v80-actions{gap:10px;margin-top:20px}
body.client-embedded.client-v81 .client-web-v80-actions .btn{min-height:46px;padding:0 18px;font-size:13px;font-weight:700}
body.client-embedded.client-v81 .client-web-v80-hero-status{min-height:164px;padding:22px;border-radius:20px}
body.client-embedded.client-v81 .client-web-v80-hero-status>span{width:50px;height:50px;font-size:23px}
body.client-embedded.client-v81 .client-web-v80-hero-status small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-hero-status strong{font-size:40px}
body.client-embedded.client-v81 .client-web-v80-hero-status em{font-size:12px}
body.client-embedded.client-v81 .client-web-v80-metrics{gap:12px}
body.client-embedded.client-v81 .client-web-v80-metrics article{min-height:92px;padding:17px;border-radius:16px}
body.client-embedded.client-v81 .client-web-v80-metrics article>span{width:46px;height:46px;flex-basis:46px;font-size:18px}
body.client-embedded.client-v81 .client-web-v80-metrics small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-metrics b{font-size:21px}
body.client-embedded.client-v81 .client-web-v80-head{padding:6px 2px}
body.client-embedded.client-v81 .client-web-v80-head>div>span{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-head h2{margin:5px 0;font-size:25px}
body.client-embedded.client-v81 .client-web-v80-head p{color:var(--web81-muted);font-size:14px;line-height:1.6}
body.client-embedded.client-v81 .client-web-v80-secure{font-size:12px}
body.client-embedded.client-v81 .client-web-v80-list{gap:20px}
body.client-embedded.client-v81 .client-web-v80-card{border-radius:24px;border-color:#29485c;box-shadow:0 22px 64px rgba(0,0,0,.22)}
body.client-embedded.client-v81 .client-web-v80-cover{height:290px}
body.client-embedded.client-v81 .client-web-v80-cover em{left:20px;bottom:20px;padding:10px 13px;font-size:11px}
body.client-embedded.client-v81 .client-web-v80-main{padding:28px}
body.client-embedded.client-v81 .client-web-v80-title{gap:22px;padding-bottom:20px}
body.client-embedded.client-v81 .client-web-v80-title small{color:#8fa8b9;font-size:11px}
body.client-embedded.client-v81 .client-web-v80-title h2{margin:7px 0;font-size:29px;line-height:1.2}
body.client-embedded.client-v81 .client-web-v80-title p{color:var(--web81-muted);font-size:14px;line-height:1.7}
body.client-embedded.client-v81 .client-web-v80-title>strong{font-size:23px}
body.client-embedded.client-v81 .client-web-v80-facts{gap:11px;padding:18px 0}
body.client-embedded.client-v81 .client-web-v80-facts>span{padding:15px;border-radius:14px}
body.client-embedded.client-v81 .client-web-v80-facts small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-facts b{margin-top:6px;font-size:14px;line-height:1.35}
body.client-embedded.client-v81 .client-web-v80-license{padding:18px;border-radius:17px}
body.client-embedded.client-v81 .client-web-v80-license>div>span{width:50px;height:50px;font-size:21px}
body.client-embedded.client-v81 .client-web-v80-license small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-license h3{margin:4px 0;font-size:20px}
body.client-embedded.client-v81 .client-web-v80-license p{color:var(--web81-muted);font-size:13px}
body.client-embedded.client-v81 .client-web-v80-license code{max-width:360px;padding:10px 12px;font-size:12px}
body.client-embedded.client-v81 .client-web-v80-private-grid{gap:14px;margin-top:15px}
body.client-embedded.client-v81 .client-web-v80-private{padding:19px;border-radius:17px}
body.client-embedded.client-v81 .client-web-v80-private>header{gap:12px;padding-bottom:14px;margin-bottom:12px}
body.client-embedded.client-v81 .client-web-v80-private>header>span{width:42px;height:42px;font-size:17px}
body.client-embedded.client-v81 .client-web-v80-private header small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-private h3{font-size:17px}
body.client-embedded.client-v81 .client-web-v80-private dl>div{grid-template-columns:135px minmax(0,1fr);gap:14px;padding:11px 0}
body.client-embedded.client-v81 .client-web-v80-private dt{font-size:12px;font-weight:600}
body.client-embedded.client-v81 .client-web-v80-private dd{color:var(--web81-text);font-size:14px;line-height:1.5}
body.client-embedded.client-v81 .client-web-v80-details{padding:14px;color:#b6c7d2;font-size:13px;line-height:1.72}
body.client-embedded.client-v81 .client-web-v80-download{margin-top:15px;padding:19px;border-radius:17px}
body.client-embedded.client-v81 .client-web-v80-download>div>span{width:50px;height:50px;font-size:22px}
body.client-embedded.client-v81 .client-web-v80-download small{font-size:10px}
body.client-embedded.client-v81 .client-web-v80-download h3{margin:4px 0;font-size:18px}
body.client-embedded.client-v81 .client-web-v80-download p{color:var(--web81-muted);font-size:13px}
body.client-embedded.client-v81 .client-web-v80-download .btn{min-height:44px;padding:0 17px;font-size:12px}
body.client-embedded.client-v81 .client-web-v80-wait{font-size:12px}
body.client-embedded.client-v81 .client-web-v80-footer{gap:10px;margin-top:15px}
body.client-embedded.client-v81 .client-web-v80-footer .btn{min-height:42px;padding:0 15px;font-size:12px}
.client-v81-expired-lock{display:flex;align-items:center;gap:16px;margin-top:14px;padding:20px;border:1px solid rgba(238,92,92,.34);border-radius:18px;background:linear-gradient(135deg,rgba(62,13,18,.52),rgba(14,18,24,.94));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.client-v81-expired-lock>span{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:15px;background:rgba(238,92,92,.12);color:#ff8383;font-size:23px}
.client-v81-expired-lock>div{min-width:0;flex:1}.client-v81-expired-lock small{display:block;color:#ff9c9c;font-size:10px;font-weight:800;letter-spacing:.12em}.client-v81-expired-lock h3{margin:4px 0 5px;color:#fff;font-size:19px}.client-v81-expired-lock p{margin:0;color:#b9c4cd;font-size:13px;line-height:1.65}.client-v81-expired-lock .btn{flex:0 0 auto;min-height:42px;font-size:12px}
.client-v81-key-blocked{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(238,92,92,.26);border-radius:10px;background:rgba(238,92,92,.08);color:#ff9b9b;font-size:12px;font-weight:700}
.client-v81-product-expired,.client-v81-download-expired{border-color:rgba(238,92,92,.25)!important}.client-v81-download-expired{opacity:.82}
.client-mu-product-media em.expired,.client-mu-order-status.expired,.client-mu-await.expired{color:#ff9292!important;border-color:rgba(238,92,92,.25)!important;background:rgba(67,17,21,.75)!important}
@media(max-width:900px){body.client-embedded.client-v81 .client-web-v80-hero{grid-template-columns:1fr;padding:28px}body.client-embedded.client-v81 .client-web-v80-cover{height:240px}.client-v81-expired-lock{align-items:flex-start;flex-wrap:wrap}.client-v81-expired-lock .btn{width:100%;justify-content:center}}
@media(max-width:680px){body.client-embedded.client-v81 .client-web-v80-hero{padding:22px}body.client-embedded.client-v81 .client-web-v80-hero h1{font-size:34px}body.client-embedded.client-v81 .client-web-v80-hero p{font-size:14px}body.client-embedded.client-v81 .client-web-v80-main{padding:18px}body.client-embedded.client-v81 .client-web-v80-title h2{font-size:24px}body.client-embedded.client-v81 .client-web-v80-cover{height:205px}body.client-embedded.client-v81 .client-web-v80-private dl>div{grid-template-columns:1fr;gap:5px}.client-v81-expired-lock{padding:16px}.client-v81-expired-lock>span{width:46px;height:46px;flex-basis:46px}.client-v81-expired-lock h3{font-size:17px}.client-v81-expired-lock p{font-size:12px}}

/* =========================================================
   WHWEB V82 — Client Center SaaS UI/UX Premium Pro
   ========================================================= */
body.client-embedded.client-v82{--client-v82-bg:#050b11;--client-v82-surface:#0a1722;--client-v82-surface2:#0d1d2a;--client-v82-border:#1e394c;--client-v82-text:#edf4f8;--client-v82-muted:#8aa0b3;background:radial-gradient(circle at 76% -8%,rgba(var(--accent-rgb),.08),transparent 30%),var(--client-v82-bg)!important}
body.client-embedded.client-v82 .client-portal-section{padding:24px 0 38px;background:transparent!important}
body.client-embedded.client-v82 .client-portal-shell{min-height:calc(100vh - 92px);border:1px solid #1d3547;border-radius:22px;background:#061019;box-shadow:0 30px 90px rgba(0,0,0,.36);overflow:hidden}
body.client-embedded.client-v82 .client-sidebar.embedded{width:286px;padding:14px 12px;background:linear-gradient(180deg,#07131e 0%,#050c13 100%);border-right:1px solid #1b3447}
.client-v82-brand{min-height:64px;margin:0 0 10px;padding:8px 7px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #172e3f}.client-v82-brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent));color:color-mix(in srgb,var(--accent) 8%,#090e13)!important;font-size:22px;font-weight:900;text-decoration:none;box-shadow:0 9px 24px rgba(var(--accent-rgb),.18)}.client-v82-brand strong,.client-v82-brand small{display:block}.client-v82-brand strong{color:#f4f8fb;font-size:14px;line-height:1.1}.client-v82-brand small{margin-top:4px;color:#71899c;font-size:8px;letter-spacing:.1em}.client-v82-brand>span{display:flex;align-items:center;gap:5px;color:#6edda9;font-size:8px;font-weight:800}.client-v82-brand>span i{width:6px;height:6px;border-radius:50%;background:#29d983;box-shadow:0 0 10px rgba(41,217,131,.5)}
body.client-embedded.client-v82 .client-profile-card{padding:13px;border:1px solid #1c3648;border-radius:14px;background:linear-gradient(145deg,#0b1b28,#07141e);box-shadow:none}.client-v82 .client-profile-card .client-avatar{width:42px;height:42px;font-size:16px}.client-v82 .client-profile-card small{font-size:8px}.client-v82 .client-profile-card b{font-size:12.5px}.client-v82 .client-profile-card span{font-size:9.5px}
body.client-embedded.client-v82 .side-group{margin:16px 8px 7px;padding:0;color:#5e778b;font-size:8.5px;font-weight:800;letter-spacing:.15em}.client-v82 .side-link{min-height:41px;margin:2px 0;padding:0 11px;border:1px solid transparent;border-radius:10px;color:#a9bac8!important;font-size:12.5px;font-weight:500!important;transition:.16s ease}.client-v82 .side-link i{width:20px;color:#829aab;font-size:14px}.client-v82 .side-link:hover{background:#0b1a25;border-color:#20394a;color:#fff!important}.client-v82 .side-link.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.96),rgba(var(--accent-rgb),.91));border-color:var(--accent-readable);color:#fff!important;box-shadow:0 10px 23px rgba(var(--accent-rgb),.16)}.client-v82 .side-link.active i{color:#fff}.client-v82 .side-link em{font-size:8px;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#20384a;color:#dce7ef}.client-v82 .client-mu-side-group{margin:12px 0 0;padding-top:8px;border-top:1px solid #162e3e}.client-v82 .client-mu-side-head{padding:7px 10px}.client-v82 .client-mu-side-head span{font-size:9px;letter-spacing:.12em}.client-v82 .client-mu-side-head em{font-size:8px}
body.client-embedded.client-v82 .client-workspace.embedded{margin-left:286px;background:radial-gradient(circle at 80% 0,rgba(var(--accent-rgb),.045),transparent 26%),#07111a}
body.client-embedded.client-v82 .client-topbar{position:sticky;top:0;z-index:25;min-height:72px;padding:0 20px;background:rgba(6,14,22,.88);backdrop-filter:blur(18px);border-bottom:1px solid #1c3445}.client-v82-context small,.client-v82-context b{display:block}.client-v82-context small{color:#6d8598;font-size:8px;font-weight:800;letter-spacing:.14em}.client-v82-context b{margin-top:3px;color:#eff5f8;font-size:14px}.client-v82-secure{display:inline-flex;align-items:center;gap:6px;margin-left:16px;padding:7px 10px;border:1px solid rgba(49,209,139,.18);border-radius:999px;background:rgba(49,209,139,.055);color:#73d9ab;font-size:9px}.client-v82-secure i{font-size:12px}.client-v82 .top-action{width:39px;height:39px;border-radius:10px;border:1px solid #203a4c;background:#091722}.client-v82 .client-topbar .avatar{width:39px;height:39px;border-radius:11px}
body.client-embedded.client-v82 .client-content{padding:22px 23px 30px;overflow-x:hidden}.client-v82 .box{border-color:#1f394b;border-radius:15px;background:linear-gradient(145deg,#0b1a27,#08151f);box-shadow:0 15px 38px rgba(0,0,0,.13)}.client-v82 .box h2,.client-v82 .box h3{color:#f0f5f8}.client-v82 .box p{color:#8ba0b2;line-height:1.6}.client-v82 .field label{font-size:11px}.client-v82 input,.client-v82 select,.client-v82 textarea{min-height:42px;border-radius:10px;font-size:12.5px}.client-v82 .btn{min-height:40px;border-radius:10px;font-size:11.5px}

body.client-embedded.client-v82 .client-v67-dashboard{display:grid;gap:14px}.client-v82 .client-v67-hero{gap:13px;margin:0}.client-v82 .client-v67-hero-main,.client-v82 .client-v67-account-card,.client-v82 .client-v67-card{border-color:#203b4e;border-radius:17px;background:linear-gradient(145deg,#0c1c29,#08151f);box-shadow:0 16px 40px rgba(0,0,0,.14)}.client-v82 .client-v67-hero-main{min-height:210px;padding:25px;background:radial-gradient(circle at 87% 18%,rgba(var(--accent-rgb),.16),transparent 28%),linear-gradient(145deg,#0e2130,#091721)}.client-v82 .client-v67-kicker span{font-size:9px}.client-v82 .client-v67-hero-main h1{font-size:32px;letter-spacing:-.035em}.client-v82 .client-v67-hero-main p{max-width:720px;font-size:13px;line-height:1.7}.client-v82 .client-v67-account-card{padding:18px}.client-v82 .client-v67-account-top span,.client-v82 .client-v67-account-top em{font-size:9px}.client-v82 .client-v67-account-person b{font-size:14px}.client-v82 .client-v67-account-person small{font-size:10px}.client-v82 .client-v67-account-badges b{font-size:10px}.client-v82 .client-v67-account-badges small{font-size:8.5px}
.client-v82 .client-v67-stat-grid{gap:11px;margin:0}.client-v82 .client-v67-stat-grid>a{min-height:91px;padding:14px;border-color:#203a4c;border-radius:14px;background:#091824}.client-v82 .client-v67-stat-grid>a>span{width:43px;height:43px;border-radius:11px}.client-v82 .client-v67-stat-grid small{font-size:9px}.client-v82 .client-v67-stat-grid strong{font-size:22px}.client-v82 .client-v67-stat-grid p{font-size:9.5px}.client-v82 .client-v67-main-grid,.client-v82 .client-v67-bottom-grid{gap:13px;margin:0}.client-v82 .client-v67-card{padding:17px}.client-v82 .client-v67-card header h2{font-size:16px}.client-v82 .client-v67-card header p{font-size:10.5px}.client-v82 .client-v67-card header a{font-size:9.5px}.client-v82 .client-v67-hosting-row b{font-size:13px}.client-v82 .client-v67-hosting-row p{font-size:10px}.client-v82 .client-v67-hosting-facts small{font-size:8px}.client-v82 .client-v67-hosting-facts b{font-size:10.5px}.client-v82 .client-v67-attention>a small{font-size:8px}.client-v82 .client-v67-attention>a b{font-size:11px}.client-v82 .client-v67-order-list>a b{font-size:11.5px}.client-v82 .client-v67-order-list>a small{font-size:9px}.client-v82 .client-v67-order-list>a strong{font-size:10.5px}.client-v82 .client-v67-shortcut-grid>a{min-height:68px;border-radius:11px}.client-v82 .client-v67-shortcut-grid b{font-size:10.5px}

/* clearer product, website, hosting and account screens */
.client-v82 .payment-card,.client-v82 .hosting-client-card,.client-v82 .product-order-card,.client-v82 .ticket-client-card,.client-v82 .license-card{border-radius:15px!important;border-color:#203b4e!important;background:linear-gradient(145deg,#0b1a27,#08151f)!important}.client-v82 .payment-card b,.client-v82 .hosting-client-card h3,.client-v82 .product-order-card h3{font-size:14px}.client-v82 .payment-card small,.client-v82 .product-order-card small{font-size:10px}.client-v82 table{font-size:12px}.client-v82 table th{font-size:9.5px}
body.client-embedded.client-v82 .client-web-v80-title h2{font-size:29px}.client-v82 .client-web-v80-main{border-radius:18px}.client-v82 .client-web-v80-private,.client-v82 .client-web-v80-license,.client-v82 .client-web-v80-download{border-color:#234255;background:#091824}.client-v82 .client-web-v80-private dt{color:#8da2b3}.client-v82 .client-web-v80-private dd{color:#eef4f7}

@media(max-width:1180px){body.client-embedded.client-v82 .client-sidebar.embedded{width:270px}body.client-embedded.client-v82 .client-workspace.embedded{margin-left:270px}.client-v82-secure{display:none}}
@media(max-width:980px){body.client-embedded.client-v82 .client-portal-section{padding:12px 0 26px}body.client-embedded.client-v82 .client-portal-shell{border-radius:16px;min-height:calc(100vh - 40px)}body.client-embedded.client-v82 .client-sidebar.embedded{position:fixed;z-index:70;left:0;top:0;bottom:0;width:min(310px,88vw);transform:translateX(-105%);transition:.2s ease;box-shadow:25px 0 60px rgba(0,0,0,.4)}body.client-embedded.client-v82.client-sidebar-open .client-sidebar.embedded,body.client-embedded.client-v82 .client-sidebar.embedded.open{transform:none}body.client-embedded.client-v82 .client-workspace.embedded{margin-left:0}.client-v82 .client-sidebar-toggle{display:grid}.client-v82 .client-v67-hero{grid-template-columns:1fr}.client-v82 .client-v67-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-v82 .client-v67-main-grid,.client-v82 .client-v67-bottom-grid{grid-template-columns:1fr}}
@media(max-width:680px){body.client-embedded.client-v82 .client-topbar{min-height:64px;padding:0 12px}.client-v82-context small{display:none}.client-v82-context b{font-size:12px}.client-v82 .top-action:nth-of-type(2){display:none}body.client-embedded.client-v82 .client-content{padding:13px}.client-v82 .client-v67-hero-main{min-height:0;padding:19px}.client-v82 .client-v67-hero-main h1{font-size:26px}.client-v82 .client-v67-hero-main p{font-size:12px}.client-v82 .client-v67-stat-grid{grid-template-columns:1fr}.client-v82 .client-v67-card{padding:14px}.client-v82 .client-v67-shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-v82 .client-v67-hosting-facts{grid-template-columns:1fr}.client-v82 .client-web-v80-title h2{font-size:23px}}
@media(max-width:440px){body.client-embedded.client-v82 .client-content{padding:10px}.client-v82 .client-v67-shortcut-grid{grid-template-columns:1fr}.client-v82 .client-v67-hero-actions{display:grid;grid-template-columns:1fr}.client-v82 .client-v67-hero-actions .btn{width:100%;justify-content:center}.client-v82-brand{grid-template-columns:38px 1fr}.client-v82-brand>span{display:none}}
.utility-ad-slot:empty{display:none}.utility-ad-slot-top{margin-bottom:14px}.utility-ad-slot-bottom{margin-top:14px}

/* ==========================================================
   WHWEB V83 — CLIENT CENTER LAYOUT RECOVERY
   Standalone SaaS workspace, no public header/footer overlap.
   ========================================================== */
body.client-embedded.client-v83.wh-fixed-header{padding-top:0!important;background:#050b11!important;overflow-x:hidden}
body.client-embedded.client-v83 .site-header,
body.client-embedded.client-v83 .site-footer,
body.client-embedded.client-v83 .floating-whatsapp{display:none!important}
body.client-embedded.client-v83>main{display:block;min-height:100dvh;background:#050b11}
body.client-embedded.client-v83 .client-portal-section{min-height:100dvh;padding:0!important;background:radial-gradient(circle at 80% -8%,rgba(var(--accent-rgb),.07),transparent 30%),#050b11!important}
body.client-embedded.client-v83 .client-portal-section>.container-xl{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.client-embedded.client-v83 .client-portal-shell{display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;align-items:stretch;min-height:100dvh!important;border:0!important;border-radius:0!important;background:#061019!important;box-shadow:none!important;overflow:visible!important}
body.client-embedded.client-v83 .client-sidebar.embedded{position:sticky!important;inset:auto!important;top:0!important;left:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:15px 13px;background:linear-gradient(180deg,#07131e 0%,#050c13 100%)!important;border-right:1px solid #1a3446!important;box-shadow:12px 0 36px rgba(0,0,0,.16)}
body.client-embedded.client-v83 .client-workspace.embedded{width:auto!important;min-width:0!important;margin-left:0!important;background:radial-gradient(circle at 84% 0,rgba(var(--accent-rgb),.05),transparent 28%),#07111a!important}
body.client-embedded.client-v83 .client-topbar{top:0!important;z-index:80!important;min-height:74px;padding-inline:24px;background:rgba(6,14,22,.94)!important;border-bottom-color:#1b3547;box-shadow:0 10px 28px rgba(0,0,0,.13)}
body.client-embedded.client-v83 .client-content{width:100%;max-width:1510px;margin:0 auto;padding:24px 26px 38px!important}
body.client-embedded.client-v83 .client-v82-brand{min-height:68px;margin-bottom:12px;padding-inline:8px}
body.client-embedded.client-v83 .client-profile-card{margin-bottom:4px}
body.client-embedded.client-v83 .side-link{min-height:43px;font-size:13px!important}
body.client-embedded.client-v83 .side-link span{min-width:0;white-space:normal;line-height:1.3}
body.client-embedded.client-v83 .client-v67-hero-main,
body.client-embedded.client-v83 .client-v67-account-card,
body.client-embedded.client-v83 .client-v67-card,
body.client-embedded.client-v83 .client-v67-stat-grid>a{box-shadow:0 18px 46px rgba(0,0,0,.11)}
body.client-embedded.client-v83 .client-v67-hero-main h1{font-size:clamp(28px,2.4vw,36px)}
body.client-embedded.client-v83 .client-v67-hero-main p{font-size:13.5px}
body.client-embedded.client-v83 .client-v82-secure{white-space:nowrap}
body.client-embedded.client-v83 .client-sidebar-foot{padding-bottom:4px}

@media(max-width:1180px){
  body.client-embedded.client-v83 .client-portal-shell{grid-template-columns:270px minmax(0,1fr)!important}
  body.client-embedded.client-v83 .client-workspace.embedded{margin-left:0!important}
  body.client-embedded.client-v83 .client-content{padding:20px!important}
}
@media(max-width:980px){
  body.client-embedded.client-v83 .client-portal-shell{display:block!important;min-height:100dvh!important}
  body.client-embedded.client-v83 .client-sidebar.embedded{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(310px,88vw)!important;height:100dvh;z-index:1600!important;transform:translateX(-105%)!important;transition:transform .22s ease;box-shadow:26px 0 70px rgba(0,0,0,.48)}
  body.client-embedded.client-v83.client-sidebar-open .client-sidebar.embedded{transform:translateX(0)!important}
  body.client-embedded.client-v83 .client-workspace.embedded{margin-left:0!important;min-height:100dvh}
  body.client-embedded.client-v83 .client-topbar{padding-inline:14px}
}
@media(max-width:680px){
  body.client-embedded.client-v83 .client-content{padding:14px 12px 28px!important}
  body.client-embedded.client-v83 .client-topbar{min-height:64px}
}

/* ==========================================================
   WHWEB V84 — CLIENT CENTER INTEGRATED INTO THE PUBLIC SITE
   Premium account hub that shares the main WHWEB header/footer.
   ========================================================== */
body.client-embedded.client-v84.wh-fixed-header{
  padding-top:var(--wh-site-header-height)!important;
  background:var(--site-bg,#05080c)!important;
  color:var(--client-text,#edf4fb);
  overflow-x:hidden;
}
body.client-embedded.client-v84 .site-header{display:block!important}
body.client-embedded.client-v84 .site-footer{display:block!important}
body.client-embedded.client-v84 .floating-whatsapp{display:grid!important}
body.client-embedded.client-v84>main{
  display:block!important;
  min-height:auto!important;
  background:
    radial-gradient(circle at 78% 0, color-mix(in srgb,var(--accent) 7%,transparent), transparent 26%),
    linear-gradient(180deg,color-mix(in srgb,var(--site-bg,#05080c) 96%,#0a1621),var(--site-bg,#05080c));
}
body.client-embedded.client-v84 .client-portal-section{
  min-height:0!important;
  padding:30px 0 52px!important;
  background:transparent!important;
}
body.client-embedded.client-v84 .client-portal-section>.container-xl{
  width:min(100% - 28px,var(--site-container,1208px))!important;
  max-width:var(--site-container,1208px)!important;
  margin-inline:auto!important;
  padding:0!important;
}
body.client-embedded.client-v84 .client-portal-shell.client-site-shell{
  display:block!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Account identity + quick indicators */
body.client-embedded.client-v84 .client-sidebar.embedded.client-site-panel-nav{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0 0 16px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.client-site-account-strip{
  display:grid;
  grid-template-columns:minmax(250px,1.25fr) minmax(360px,1fr) auto;
  align-items:center;
  gap:20px;
  padding:20px 22px;
  border:1px solid color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.08));
  border-radius:20px 20px 0 0;
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--accent) 7%,#0a131b),#08121a 48%,#071018),
    #08121a;
  box-shadow:0 20px 50px rgba(0,0,0,.2);
}
.client-site-account-main{display:flex;align-items:center;gap:14px;min-width:0}
.client-site-avatar{
  flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;
  border-radius:15px;background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:18px;font-weight:800;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 17%,transparent)
}
.client-site-account-main>div{min-width:0}
.client-site-account-main small,.client-site-account-main strong,.client-site-account-main span{display:block}
.client-site-account-main small{margin-bottom:2px;color:#6f8aa0;font-size:9px;font-weight:700;letter-spacing:.13em}
.client-site-account-main strong{color:#f6f9fb;font-size:17px;line-height:1.25;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-site-account-main>div>span{margin-top:3px;color:#91a7b8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-site-account-metrics{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));gap:8px}
.client-site-account-metrics>span{
  min-width:0;display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;
  padding:9px 10px;border:1px solid #1a3142;border-radius:12px;background:rgba(6,17,26,.72)
}
.client-site-account-metrics i{grid-row:1/3;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable);font-size:12px}
.client-site-account-metrics b{color:#f0f6fa;font-size:13px;line-height:1.05}
.client-site-account-metrics small{color:#6f899e;font-size:8px;white-space:nowrap}
.client-site-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.client-site-account-actions>a,.client-site-secure{
  min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #1d3546;border-radius:11px;background:#081722;color:#a9bdcc;font-size:10px;font-weight:650;white-space:nowrap
}
.client-site-account-actions>a:hover{border-color:color-mix(in srgb,var(--accent) 38%,#1d3546);color:#fff;background:#0b1b28}
.client-site-secure{border-color:rgba(53,212,151,.18);background:rgba(53,212,151,.055);color:#6fdeb2}

/* Integrated account navigation */
.client-site-nav-bar{
  position:relative;border:1px solid #1a3040;border-top:0;border-radius:0 0 20px 20px;background:rgba(6,15,23,.94);
  box-shadow:0 18px 44px rgba(0,0,0,.12)
}
.client-site-nav-title{display:none}
.client-site-nav-links{
  display:flex;align-items:center;gap:3px;padding:8px;overflow-x:auto;overflow-y:visible;scrollbar-width:none
}
.client-site-nav-links::-webkit-scrollbar{display:none}
body.client-embedded.client-v84 .client-site-nav-links>.side-link,
.client-site-mu-menu>summary{
  flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;gap:8px;margin:0;padding:0 11px;
  border:1px solid transparent;border-radius:10px;background:transparent;color:#9db0bf;font-size:10.5px!important;font-weight:600!important;white-space:nowrap;cursor:pointer;transition:.18s ease
}
body.client-embedded.client-v84 .client-site-nav-links>.side-link>i,
.client-site-mu-menu>summary>i:first-child{width:auto;color:#6f8799;font-size:13px}
body.client-embedded.client-v84 .client-site-nav-links>.side-link:hover,
.client-site-mu-menu>summary:hover{border-color:#1e384a;background:#0a1925;color:#fff}
body.client-embedded.client-v84 .client-site-nav-links>.side-link.active{
  border-color:color-mix(in srgb,var(--accent) 38%,#1d3546);background:color-mix(in srgb,var(--accent) 9%,#091721);color:#fff;box-shadow:none
}
body.client-embedded.client-v84 .client-site-nav-links>.side-link.active>i{color:var(--accent-readable)}
body.client-embedded.client-v84 .client-site-nav-links>.side-link em,
.client-site-mu-menu em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:8px;font-style:normal;font-weight:800}
.client-site-logout{margin-left:auto!important;color:#9ca9b3!important}
.client-site-logout:hover{color:#ff8c94!important;border-color:rgba(255,92,107,.22)!important;background:rgba(255,92,107,.055)!important}
.client-site-mu-menu{position:relative;flex:0 0 auto}
.client-site-mu-menu>summary{list-style:none}
.client-site-mu-menu>summary::-webkit-details-marker{display:none}
.client-site-mu-menu>summary>i:last-child{font-size:9px;transition:transform .18s ease}
.client-site-mu-menu[open]>summary>i:last-child{transform:rotate(180deg)}
.client-site-mu-popover{
  position:absolute;z-index:70;left:0;top:calc(100% + 8px);width:220px;padding:7px;border:1px solid #213c4f;border-radius:13px;
  background:rgba(6,16,25,.98);box-shadow:0 22px 50px rgba(0,0,0,.38);backdrop-filter:blur(16px)
}
body.client-embedded.client-v84 .client-site-mu-popover .side-link{
  width:100%;min-height:39px;display:flex;align-items:center;gap:9px;margin:0;padding:0 10px;border:1px solid transparent;border-radius:9px;color:#9db0bf;font-size:10.5px!important;background:transparent
}
body.client-embedded.client-v84 .client-site-mu-popover .side-link:hover{background:#0b1b28;border-color:#203a4c;color:#fff}
body.client-embedded.client-v84 .client-site-mu-popover .side-link.active{background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.24);color:#fff}
body.client-embedded.client-v84 .client-site-mu-popover .side-link i{width:20px;text-align:center;color:var(--accent-readable)}
body.client-embedded.client-v84 .client-site-mu-popover .side-link span{flex:1}
body.client-embedded.client-v84 .client-site-mu-popover .side-link em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:var(--accent);color:color-mix(in srgb,var(--accent) 8%,#090e13);font-size:8px;font-style:normal}

/* Content is now part of the site, not a standalone application */
body.client-embedded.client-v84 .client-workspace.embedded.client-site-workspace{
  width:100%!important;min-width:0!important;margin:0!important;background:transparent!important
}
body.client-embedded.client-v84 .client-topbar.client-site-pagebar{
  position:relative!important;top:auto!important;z-index:20!important;min-height:48px;display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 4px;
  border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important
}
.client-site-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;color:#6d8597;font-size:10px}
.client-site-breadcrumb a{color:#7e95a7}.client-site-breadcrumb a:hover{color:var(--accent-readable)}
.client-site-breadcrumb i{font-size:8px;color:#42586a}.client-site-breadcrumb strong{color:#dce7ee;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-site-page-actions{margin-left:auto;display:flex;align-items:center;gap:7px}
.client-site-page-actions a{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid #1c3446;border-radius:9px;background:#08141e;color:#8ea5b6;font-size:9.5px;font-weight:600}
.client-site-page-actions a:hover{color:#fff;border-color:rgba(var(--accent-rgb),.3)}
body.client-embedded.client-v84 .client-content{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0
}
body.client-embedded.client-v84 .client-v67-hero-main,
body.client-embedded.client-v84 .client-v67-account-card,
body.client-embedded.client-v84 .client-v67-card,
body.client-embedded.client-v84 .client-v67-stat-grid>a,
body.client-embedded.client-v84 .box{
  border-color:#1b3345!important;background:linear-gradient(145deg,#0b1823,#08131d)!important;box-shadow:0 16px 40px rgba(0,0,0,.13)!important
}
body.client-embedded.client-v84 .client-v67-hero-main{background:linear-gradient(115deg,rgba(var(--accent-rgb),.12),#0b1925 42%,#08131d)!important}
body.client-embedded.client-v84 .client-v67-hero-main h1{font-size:clamp(30px,3vw,42px)!important}
body.client-embedded.client-v84 .client-v67-hero-main p{max-width:650px;font-size:13.5px!important;line-height:1.7}
body.client-embedded.client-v84 .client-page-head{margin-top:2px}
body.client-embedded.client-v84 .client-page-head h1{font-size:clamp(24px,2.4vw,34px)!important;letter-spacing:-.025em}

/* Footer returns as part of the same experience */
body.client-embedded.client-v84 .site-footer{margin-top:0!important;border-top-color:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.08))!important}

@media(max-width:1100px){
  .client-site-account-strip{grid-template-columns:minmax(230px,1fr) minmax(330px,1.2fr)}
  .client-site-account-actions{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #172d3d;padding-top:12px}
  body.client-embedded.client-v84 .client-portal-shell{display:block!important}
  body.client-embedded.client-v84 .client-sidebar.embedded.client-site-panel-nav{position:relative!important;width:100%!important;height:auto!important;transform:none!important;box-shadow:none!important}
}
@media(max-width:820px){
  body.client-embedded.client-v84 .client-portal-section{padding-top:18px!important}
  .client-site-account-strip{grid-template-columns:1fr;gap:14px;padding:17px}
  .client-site-account-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
  .client-site-account-actions{grid-column:auto;padding-top:12px}
  .client-site-nav-title{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:0 12px}
  .client-site-nav-title>span{display:flex;align-items:center;gap:8px;color:#dfe8ee;font-size:11px;font-weight:700}
  .client-site-nav-title>span i{color:var(--accent-readable)}
  .client-site-nav-title button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #20394b;border-radius:9px;background:#091722;color:#a7bac8;font-size:10px}
  .client-site-nav-links{display:none;flex-direction:column;align-items:stretch;gap:4px;padding:0 8px 8px;overflow:visible}
  .client-site-nav-links.is-open{display:flex}
  body.client-embedded.client-v84 .client-site-nav-links>.side-link,
  .client-site-mu-menu>summary{width:100%;min-height:42px;justify-content:flex-start;padding-inline:11px}
  .client-site-logout{margin-left:0!important}
  .client-site-mu-menu{width:100%}
  .client-site-mu-popover{position:static;width:100%;margin-top:4px;padding:5px;box-shadow:none;background:#07131d}
  body.client-embedded.client-v84 .client-topbar.client-site-pagebar{padding:0;min-height:42px;margin-bottom:10px}
  .client-site-page-actions{display:none}
  .client-site-breadcrumb{font-size:9px}
  body.client-embedded.client-v84 .client-v67-dashboard{min-width:0}
}
@media(max-width:600px){
  body.client-embedded.client-v84 .client-portal-section>.container-xl{width:min(100% - 18px,var(--site-container,1208px))!important}
  .client-site-account-strip{padding:14px;border-radius:16px 16px 0 0}
  .client-site-nav-bar{border-radius:0 0 16px 16px}
  .client-site-avatar{width:46px;height:46px;flex-basis:46px;border-radius:13px}
  .client-site-account-main strong{font-size:15px}
  .client-site-account-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .client-site-account-actions{flex-wrap:wrap}
  .client-site-secure{width:100%;justify-content:center}
  .client-site-account-actions>a{flex:1;justify-content:center}
  body.client-embedded.client-v84 .client-content{padding:0!important}
  body.client-embedded.client-v84 .client-v67-hero-main h1{font-size:27px!important}
}
.client-site-mu-menu.active>summary{border-color:color-mix(in srgb,var(--accent) 38%,#1d3546);background:color-mix(in srgb,var(--accent) 9%,#091721);color:#fff}.client-site-mu-menu.active>summary>i:first-child{color:var(--accent-readable)}


/* ==========================================================
   WHWEB V85 — CLIENT CENTER SIDEBAR PRO
   Integrated into the public site with left navigation + right workspace.
   ========================================================== */
body.client-embedded.client-v85 .client-portal-section{
  padding:26px 0 60px!important;
}
body.client-embedded.client-v85 .client-portal-section>.container-xl{
  width:min(100% - 28px,var(--site-container,1208px))!important;
  max-width:var(--site-container,1208px)!important;
}
body.client-embedded.client-v85 .client-portal-shell.client-site-shell{
  display:grid!important;
  grid-template-columns:272px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  min-height:0!important;
}

/* Left client navigation */
body.client-embedded.client-v85 .client-sidebar.embedded.client-site-panel-nav{
  position:sticky!important;
  top:calc(var(--wh-site-header-height,70px) + 18px)!important;
  inset:auto!important;
  transform:none!important;
  width:272px!important;
  height:auto!important;
  max-height:calc(100vh - var(--wh-site-header-height,70px) - 36px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:12px!important;
  margin:0!important;
  border:1px solid #1b3446!important;
  border-radius:20px!important;
  background:
    linear-gradient(165deg,rgba(var(--accent-rgb),.045),transparent 28%),
    linear-gradient(180deg,#0a1721,#07121b)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.24)!important;
  scrollbar-width:thin;
  scrollbar-color:#274255 transparent;
}
body.client-embedded.client-v85 .client-sidebar.embedded.client-site-panel-nav::-webkit-scrollbar{width:5px}
body.client-embedded.client-v85 .client-sidebar.embedded.client-site-panel-nav::-webkit-scrollbar-thumb{background:#274255;border-radius:99px}

/* Account identity lives inside the left column */
body.client-embedded.client-v85 .client-site-account-strip{
  display:block!important;
  padding:10px 8px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.client-embedded.client-v85 .client-site-account-main{
  align-items:center!important;
  gap:12px!important;
  padding:4px 2px 14px!important;
  border-bottom:1px solid #183043!important;
}
body.client-embedded.client-v85 .client-site-avatar{
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  font-size:17px!important;
}
body.client-embedded.client-v85 .client-site-account-main small{
  color:#6f8ca2!important;
  font-size:8.5px!important;
  letter-spacing:.12em!important;
}
body.client-embedded.client-v85 .client-site-account-main strong{
  margin-top:2px!important;
  color:#f4f8fb!important;
  font-size:15px!important;
}
body.client-embedded.client-v85 .client-site-account-main>div>span{
  color:#8ea6b8!important;
  font-size:10px!important;
}
body.client-embedded.client-v85 .client-site-account-metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:13px!important;
}
body.client-embedded.client-v85 .client-site-account-metrics>span{
  min-width:0!important;
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  column-gap:8px!important;
  padding:8px!important;
  border:1px solid #173044!important;
  border-radius:12px!important;
  background:#081620!important;
}
body.client-embedded.client-v85 .client-site-account-metrics i{
  grid-row:1/3!important;
  width:26px!important;
  height:26px!important;
  font-size:11px!important;
}
body.client-embedded.client-v85 .client-site-account-metrics b{font-size:13px!important}
body.client-embedded.client-v85 .client-site-account-metrics small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#6f8ba0!important;
  font-size:7.8px!important;
}
body.client-embedded.client-v85 .client-site-account-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
}
body.client-embedded.client-v85 .client-site-secure{
  grid-column:1/-1!important;
  justify-content:center!important;
}
body.client-embedded.client-v85 .client-site-account-actions>a,
body.client-embedded.client-v85 .client-site-secure{
  min-height:36px!important;
  justify-content:center!important;
  padding:0 9px!important;
  font-size:9px!important;
}

/* Vertical navigation */
body.client-embedded.client-v85 .client-site-nav-bar{
  margin-top:3px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.client-embedded.client-v85 .client-site-nav-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:38px!important;
  padding:0 8px 7px!important;
  border-bottom:1px solid #142b3b!important;
}
body.client-embedded.client-v85 .client-site-nav-title>span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#7691a6!important;
  font-size:8.5px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
body.client-embedded.client-v85 .client-site-nav-title>span i{color:var(--accent-readable)!important}
body.client-embedded.client-v85 .client-site-nav-title button{display:none!important}
body.client-embedded.client-v85 .client-site-nav-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  padding:9px 0 0!important;
  overflow:visible!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link,
body.client-embedded.client-v85 .client-site-mu-menu>summary{
  position:relative!important;
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  color:#93aabd!important;
  background:transparent!important;
  font-size:10.5px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link>i,
body.client-embedded.client-v85 .client-site-mu-menu>summary>i:first-child{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  background:#0b1b27!important;
  color:#7892a6!important;
  font-size:12px!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link:hover,
body.client-embedded.client-v85 .client-site-mu-menu>summary:hover{
  border-color:#1d3b50!important;
  background:#0a1a26!important;
  color:#fff!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link.active,
body.client-embedded.client-v85 .client-site-mu-menu.active>summary{
  border-color:color-mix(in srgb,var(--accent) 32%,#1c3a4e)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 13%,#0b1a25),#091721)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--accent)!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link.active>i,
body.client-embedded.client-v85 .client-site-mu-menu.active>summary>i:first-child{
  background:color-mix(in srgb,var(--accent) 12%,#0b1b27)!important;
  color:var(--accent-readable)!important;
}
body.client-embedded.client-v85 .client-site-nav-links>.side-link span,
body.client-embedded.client-v85 .client-site-mu-menu>summary span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.client-embedded.client-v85 .client-site-nav-links>.side-link em,
body.client-embedded.client-v85 .client-site-mu-menu em{margin-left:auto!important}
body.client-embedded.client-v85 .client-site-logout{
  margin:8px 0 0!important;
  border-top:1px solid #152c3c!important;
  border-radius:10px!important;
}

/* MuOnline becomes an inline accordion inside the sidebar */
body.client-embedded.client-v85 .client-site-mu-menu{
  width:100%!important;
  position:relative!important;
}
body.client-embedded.client-v85 .client-site-mu-menu>summary>i:last-child{
  margin-left:auto!important;
}
body.client-embedded.client-v85 .client-site-mu-popover{
  position:static!important;
  z-index:auto!important;
  width:100%!important;
  margin:4px 0 2px!important;
  padding:4px 0 4px 12px!important;
  border:0!important;
  border-left:1px solid #1c394d!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.client-embedded.client-v85 .client-site-mu-popover .side-link{
  min-height:37px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:9.8px!important;
}
body.client-embedded.client-v85 .client-site-mu-popover .side-link i{
  width:20px!important;
}

/* Right workspace */
body.client-embedded.client-v85 .client-workspace.embedded.client-site-workspace{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.client-embedded.client-v85 .client-topbar.client-site-pagebar{
  min-height:44px!important;
  margin:0 0 12px!important;
  padding:0 2px 10px!important;
  border-bottom:1px solid #162e3f!important;
}
body.client-embedded.client-v85 .client-site-breadcrumb{
  font-size:10px!important;
}
body.client-embedded.client-v85 .client-site-page-actions a{
  min-height:34px!important;
  border-radius:10px!important;
}
body.client-embedded.client-v85 .client-content{
  min-width:0!important;
  width:100%!important;
  padding:0!important;
}
body.client-embedded.client-v85 .client-v67-dashboard{
  width:100%!important;
  min-width:0!important;
}
body.client-embedded.client-v85 .client-v67-hero{
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.78fr)!important;
  gap:14px!important;
}
body.client-embedded.client-v85 .client-v67-hero-main,
body.client-embedded.client-v85 .client-v67-account-card,
body.client-embedded.client-v85 .client-v67-card,
body.client-embedded.client-v85 .client-v67-stat-grid>a,
body.client-embedded.client-v85 .box{
  border-radius:18px!important;
  border-color:#1b3447!important;
}
body.client-embedded.client-v85 .client-v67-hero-main{
  min-height:250px!important;
  padding:28px!important;
}
body.client-embedded.client-v85 .client-v67-hero-main h1{
  font-size:clamp(30px,3vw,40px)!important;
}
body.client-embedded.client-v85 .client-v67-hero-main p{
  max-width:610px!important;
  font-size:13px!important;
}
body.client-embedded.client-v85 .client-v67-stat-grid{
  gap:10px!important;
}
body.client-embedded.client-v85 .client-v67-main-grid,
body.client-embedded.client-v85 .client-v67-bottom-grid{
  gap:14px!important;
}

/* Tablet/mobile: keep site integration, turn the left menu into a compact top account card */
@media(max-width:1024px){
  body.client-embedded.client-v85 .client-portal-shell.client-site-shell{
    display:block!important;
  }
  body.client-embedded.client-v85 .client-sidebar.embedded.client-site-panel-nav{
    position:relative!important;
    top:auto!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 14px!important;
    padding:11px!important;
  }
  body.client-embedded.client-v85 .client-site-account-strip{
    display:grid!important;
    grid-template-columns:minmax(210px,1fr) minmax(280px,1.3fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    padding:7px!important;
  }
  body.client-embedded.client-v85 .client-site-account-main{
    padding:0!important;
    border-bottom:0!important;
  }
  body.client-embedded.client-v85 .client-site-account-metrics{
    margin:0!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  body.client-embedded.client-v85 .client-site-account-actions{
    display:flex!important;
    margin:0!important;
  }
  body.client-embedded.client-v85 .client-site-secure{display:none!important}
  body.client-embedded.client-v85 .client-site-account-actions>a{
    width:36px!important;
    min-width:36px!important;
    padding:0!important;
  }
  body.client-embedded.client-v85 .client-site-account-actions>a span{display:none!important}
  body.client-embedded.client-v85 .client-site-nav-title{
    min-height:44px!important;
    margin-top:8px!important;
    padding:0 7px!important;
    border-top:1px solid #173044!important;
    border-bottom:0!important;
  }
  body.client-embedded.client-v85 .client-site-nav-title button{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:34px!important;
    padding:0 10px!important;
    border:1px solid #1d3a4e!important;
    border-radius:9px!important;
    background:#081722!important;
    color:#a7bac8!important;
    font-size:10px!important;
  }
  body.client-embedded.client-v85 .client-site-nav-links{
    display:none!important;
    padding:4px 0 0!important;
  }
  body.client-embedded.client-v85 .client-site-nav-links.is-open{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.client-embedded.client-v85 .client-site-mu-menu{
    grid-column:1/-1!important;
  }
  body.client-embedded.client-v85 .client-site-logout{
    margin:0!important;
  }
  body.client-embedded.client-v85 .client-v67-hero{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  body.client-embedded.client-v85 .client-portal-section{
    padding:18px 0 40px!important;
  }
  body.client-embedded.client-v85 .client-portal-section>.container-xl{
    width:min(100% - 18px,var(--site-container,1208px))!important;
  }
  body.client-embedded.client-v85 .client-site-account-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  body.client-embedded.client-v85 .client-site-account-main{
    padding:2px 0 10px!important;
    border-bottom:1px solid #173044!important;
  }
  body.client-embedded.client-v85 .client-site-account-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.client-embedded.client-v85 .client-site-account-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  body.client-embedded.client-v85 .client-site-account-actions>a{
    width:auto!important;
  }
  body.client-embedded.client-v85 .client-site-account-actions>a span{display:inline!important}
  body.client-embedded.client-v85 .client-site-nav-links.is-open{
    grid-template-columns:1fr!important;
  }
  body.client-embedded.client-v85 .client-site-mu-menu{
    grid-column:auto!important;
  }
  body.client-embedded.client-v85 .client-topbar.client-site-pagebar{
    min-height:40px!important;
    padding-bottom:8px!important;
  }
  body.client-embedded.client-v85 .client-site-page-actions{display:none!important}
  body.client-embedded.client-v85 .client-v67-hero-main{
    min-height:auto!important;
    padding:22px 18px!important;
  }
  body.client-embedded.client-v85 .client-v67-hero-main h1{
    font-size:28px!important;
  }
}
@media(max-width:520px){
  body.client-embedded.client-v85 .client-sidebar.embedded.client-site-panel-nav{
    border-radius:16px!important;
  }
  body.client-embedded.client-v85 .client-site-account-metrics>span{
    min-height:54px!important;
  }
  body.client-embedded.client-v85 .client-site-breadcrumb span{
    display:none!important;
  }
  body.client-embedded.client-v85 .client-v67-hero-main h1{
    font-size:26px!important;
  }
}

/* ==========================================================
   WHWEB V86 — CLIENT CENTER PREMIUM UX
   Vertical navigation without visible scrollbar, corrected account avatar
   and premium quick-access rail above the Client Center hero.
   ========================================================== */
body.client-embedded.client-v86 .client-sidebar.embedded.client-site-panel-nav{
  width:278px!important;
  max-height:calc(100vh - var(--wh-site-header-height,70px) - 30px)!important;
  padding:13px!important;
  border-color:#1b384c!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 14% 4%,rgba(var(--accent-rgb),.08),transparent 25%),
    linear-gradient(180deg,#0a1823 0%,#07131c 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.018)!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
body.client-embedded.client-v86 .client-sidebar.embedded.client-site-panel-nav::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
body.client-embedded.client-v86 .client-portal-shell.client-site-shell{
  grid-template-columns:278px minmax(0,1fr)!important;
  gap:22px!important;
}
body.client-embedded.client-v86 .client-site-account-strip{
  padding:8px 7px 13px!important;
}
body.client-embedded.client-v86 .client-site-account-main{
  gap:12px!important;
  padding:5px 3px 15px!important;
}
body.client-embedded.client-v86 .client-site-avatar{
  display:grid!important;
  place-items:center!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(var(--accent-rgb),.22)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,var(--accent),var(--accent))!important;
  color:var(--accent-contrast)!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1!important;
  text-align:center!important;
  text-transform:uppercase!important;
  box-shadow:0 10px 26px rgba(var(--accent-rgb),.18)!important;
}
body.client-embedded.client-v86 .client-site-account-main strong{
  font-size:15.5px!important;
  line-height:1.2!important;
}
body.client-embedded.client-v86 .client-site-account-main>div>span{
  max-width:174px!important;
  font-size:9.7px!important;
}
body.client-embedded.client-v86 .client-site-account-metrics>span{
  min-height:56px!important;
  border-color:#193448!important;
  background:linear-gradient(180deg,#091923,#08151e)!important;
}
body.client-embedded.client-v86 .client-site-account-actions>a,
body.client-embedded.client-v86 .client-site-secure{
  border-color:#1d3a4e!important;
  background:#081721!important;
}
body.client-embedded.client-v86 .client-site-nav-title{
  min-height:40px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
body.client-embedded.client-v86 .client-site-nav-links{
  gap:3px!important;
}
body.client-embedded.client-v86 .client-site-nav-links>.side-link,
body.client-embedded.client-v86 .client-site-mu-menu>summary{
  min-height:41px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:10.5px!important;
}
body.client-embedded.client-v86 .client-site-nav-links>.side-link>i,
body.client-embedded.client-v86 .client-site-mu-menu>summary>i:first-child{
  flex-basis:25px!important;
  width:25px!important;
  height:25px!important;
  border-radius:7px!important;
}
body.client-embedded.client-v86 .client-workspace.embedded.client-site-workspace{
  min-width:0!important;
}
body.client-embedded.client-v86 .client-topbar.client-site-pagebar{
  margin-bottom:14px!important;
}

/* Correct and center every account initial used inside the dashboard. */
body.client-embedded.client-v86 .client-v67-account-person>span{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

/* Quick access now lives above WHWEB Client Center. */
body.client-embedded.client-v86 .client-v86-quick-access{
  margin:0 0 14px!important;
  padding:16px!important;
  border:1px solid #1b374b!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 96% 10%,rgba(var(--accent-rgb),.07),transparent 26%),
    linear-gradient(145deg,#0a1823,#08151f)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.16)!important;
}
body.client-embedded.client-v86 .client-v86-quick-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:12px!important;
}
body.client-embedded.client-v86 .client-v86-quick-head .eyebrow{
  display:block!important;
  margin-bottom:2px!important;
  color:var(--accent-readable)!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
body.client-embedded.client-v86 .client-v86-quick-head h2{
  margin:0!important;
  color:#f5f8fb!important;
  font-size:16px!important;
  line-height:1.2!important;
}
body.client-embedded.client-v86 .client-v86-quick-head p{
  margin:3px 0 0!important;
  color:#7992a5!important;
  font-size:9.5px!important;
}
body.client-embedded.client-v86 .client-v86-quick-badge{
  flex:0 0 auto!important;
  min-height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border:1px solid rgba(var(--accent-rgb),.22)!important;
  border-radius:999px!important;
  background:rgba(var(--accent-rgb),.06)!important;
  color:var(--accent-readable)!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid>a{
  min-width:0!important;
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 13px!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border:1px solid #19364a!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#0a1a25,#081620)!important;
  color:#dce8f0!important;
  text-decoration:none!important;
  transition:border-color .18s ease,transform .18s ease,background .18s ease!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid>a:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--accent) 43%,#19364a)!important;
  background:linear-gradient(180deg,#0c1e2a,#091925)!important;
  color:#fff!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid>a>span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--accent) 10%,#0a1b27)!important;
  color:var(--accent-readable)!important;
  font-size:13px!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid>a>div{
  min-width:0!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid b,
body.client-embedded.client-v86 .client-v86-quick-grid small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid b{
  color:#eaf1f6!important;
  font-size:10px!important;
  line-height:1.2!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid small{
  margin-top:3px!important;
  color:#728da1!important;
  font-size:8px!important;
}
body.client-embedded.client-v86 .client-v86-quick-grid>a>i{
  color:#547187!important;
  font-size:9px!important;
}
body.client-embedded.client-v86 .client-v86-bottom-single{
  grid-template-columns:1fr!important;
}

/* Rebalance the central cards after moving shortcuts to the top. */
body.client-embedded.client-v86 .client-v67-hero{
  gap:14px!important;
}
body.client-embedded.client-v86 .client-v67-hero-main{
  min-height:236px!important;
  padding:27px!important;
}
body.client-embedded.client-v86 .client-v67-account-card{
  padding:18px!important;
}
body.client-embedded.client-v86 .client-v67-stat-grid{
  margin-top:12px!important;
}
body.client-embedded.client-v86 .client-v67-main-grid,
body.client-embedded.client-v86 .client-v67-bottom-grid{
  margin-top:12px!important;
}

@media(max-width:1180px){
  body.client-embedded.client-v86 .client-v86-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1024px){
  body.client-embedded.client-v86 .client-portal-shell.client-site-shell{
    display:block!important;
  }
  body.client-embedded.client-v86 .client-sidebar.embedded.client-site-panel-nav{
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.client-embedded.client-v86 .client-site-avatar{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
    border-radius:13px!important;
  }
}
@media(max-width:760px){
  body.client-embedded.client-v86 .client-v86-quick-access{
    padding:13px!important;
    border-radius:16px!important;
  }
  body.client-embedded.client-v86 .client-v86-quick-head{
    align-items:flex-start!important;
  }
  body.client-embedded.client-v86 .client-v86-quick-badge{
    display:none!important;
  }
  body.client-embedded.client-v86 .client-v86-quick-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.client-embedded.client-v86 .client-v67-hero-main{
    padding:21px 18px!important;
  }
}
@media(max-width:520px){
  body.client-embedded.client-v86 .client-v86-quick-grid{
    grid-template-columns:1fr!important;
  }
  body.client-embedded.client-v86 .client-v86-quick-grid>a{
    min-height:58px!important;
  }
}

/* =========================================================
   WHWEB V87 — PRIME CLIENT EXPERIENCE
   Integrated premium account workspace. Cart removed from site.
   ========================================================= */
body.client-embedded.client-v87{
  --v87-bg:#050a0f;
  --v87-panel:#09141d;
  --v87-panel-2:#0b1822;
  --v87-panel-3:#0d1d29;
  --v87-line:#183044;
  --v87-line-soft:rgba(126,164,190,.13);
  --v87-text:#f5f8fb;
  --v87-muted:#7f98aa;
  --v87-muted-2:#587287;
  --v87-orange:var(--accent);
  --v87-radius:20px;
  background:
    radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 25%),
    linear-gradient(180deg,#070c11 0,#050a0f 48%,#060b10 100%)!important;
  color:var(--v87-text)!important;
}
body.client-embedded.client-v87 main{min-height:0}
body.client-embedded.client-v87 .client-v87-portal{padding:26px 0 46px;position:relative;isolation:isolate}
body.client-embedded.client-v87 .client-v87-portal:before{content:"";position:absolute;inset:0 0 auto;height:260px;pointer-events:none;background:linear-gradient(180deg,rgba(var(--accent-rgb),.025),transparent)}
body.client-embedded.client-v87 .client-v87-container{position:relative;z-index:1}
body.client-embedded.client-v87 .client-v87-frame{display:grid;grid-template-columns:282px minmax(0,1fr);gap:18px;align-items:start}

/* Sidebar */
body.client-embedded.client-v87 .client-v87-sidebar{
  position:sticky;top:94px;max-height:none;overflow:visible;
  scrollbar-width:none;-ms-overflow-style:none;
  border:1px solid #183247;border-radius:22px;background:
    radial-gradient(circle at 18% 0,rgba(var(--accent-rgb),.075),transparent 20%),
    linear-gradient(180deg,#0b1924,#07131c 62%,#07121a);
  box-shadow:0 22px 70px rgba(0,0,0,.24);padding:12px;
}
body.client-embedded.client-v87 .client-v87-sidebar::-webkit-scrollbar{display:none;width:0;height:0}
body.client-embedded.client-v87 .client-v87-sidebar-brand{min-height:60px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px 12px;border-bottom:1px solid #142a3a}
body.client-embedded.client-v87 .client-v87-brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent));color:#101316;font-size:22px;font-weight:900;box-shadow:0 10px 28px rgba(var(--accent-rgb),.22)}
body.client-embedded.client-v87 .client-v87-sidebar-brand div{min-width:0}
body.client-embedded.client-v87 .client-v87-sidebar-brand small,body.client-embedded.client-v87 .client-v87-sidebar-brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.client-embedded.client-v87 .client-v87-sidebar-brand small{color:#6f899c;font-size:7.5px;letter-spacing:.14em;font-weight:800}
body.client-embedded.client-v87 .client-v87-sidebar-brand strong{margin-top:3px;font-size:13px;letter-spacing:.06em}
body.client-embedded.client-v87 .client-v87-live{display:inline-flex;align-items:center;gap:4px;color:#58e2a4;font-size:7px;font-weight:800;letter-spacing:.08em}
body.client-embedded.client-v87 .client-v87-live i{width:6px;height:6px;border-radius:50%;background:#31d895;box-shadow:0 0 0 4px rgba(49,216,149,.08)}
body.client-embedded.client-v87 .client-v87-profile-card{margin-top:11px;padding:12px;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:10px;align-items:center;border:1px solid #19364a;border-radius:15px;background:linear-gradient(145deg,#0c1d29,#091821)}
body.client-embedded.client-v87 .client-v87-avatar{width:48px;height:48px;display:grid!important;place-items:center!important;border-radius:14px;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:var(--accent-contrast);font-size:18px;font-weight:900;line-height:1!important;text-align:center!important;text-transform:uppercase;box-shadow:0 10px 24px rgba(var(--accent-rgb),.18)}
body.client-embedded.client-v87 .client-v87-profile-copy{min-width:0}
body.client-embedded.client-v87 .client-v87-profile-copy small,body.client-embedded.client-v87 .client-v87-profile-copy strong,body.client-embedded.client-v87 .client-v87-profile-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.client-embedded.client-v87 .client-v87-profile-copy small{color:#49d998;font-size:7.5px;font-weight:800;letter-spacing:.09em}
body.client-embedded.client-v87 .client-v87-profile-copy strong{margin-top:3px;color:#f4f8fb;font-size:13px}
body.client-embedded.client-v87 .client-v87-profile-copy span{margin-top:3px;color:#7490a4;font-size:8.5px}
body.client-embedded.client-v87 .client-v87-profile-card>a{width:28px;height:28px;display:grid;place-items:center;border:1px solid #1a394f;border-radius:9px;color:#7896ab;background:#081721;text-decoration:none}
body.client-embedded.client-v87 .client-v87-profile-card>a:hover{color:var(--accent-readable);border-color:color-mix(in srgb,var(--accent) 48%,#1a394f)}
body.client-embedded.client-v87 .client-v87-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 12px}
body.client-embedded.client-v87 .client-v87-mini-stats>a{min-width:0;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid #173247;border-radius:11px;background:#081721;color:inherit;text-decoration:none}
body.client-embedded.client-v87 .client-v87-mini-stats>a>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable)}
body.client-embedded.client-v87 .client-v87-mini-stats b,body.client-embedded.client-v87 .client-v87-mini-stats small{display:block}
body.client-embedded.client-v87 .client-v87-mini-stats b{font-size:12px;color:#f3f7fa}.client-v87-mini-stats small{font-size:7.5px;color:#6e8799}
body.client-embedded.client-v87 .client-v87-nav{display:grid;gap:3px}
body.client-embedded.client-v87 .client-v87-nav-label{padding:12px 9px 5px;color:#567186;font-size:7.5px;font-weight:900;letter-spacing:.14em}
body.client-embedded.client-v87 .client-v87-nav>a,body.client-embedded.client-v87 .client-v87-mu>summary,body.client-embedded.client-v87 .client-v87-mu>div>a{position:relative;min-height:39px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 9px;border:1px solid transparent;border-radius:10px;color:#9db0be;text-decoration:none;font-size:10px;font-weight:600;cursor:pointer;list-style:none;transition:.18s}
body.client-embedded.client-v87 .client-v87-nav>a>i:first-child,body.client-embedded.client-v87 .client-v87-mu>summary>i:first-child,body.client-embedded.client-v87 .client-v87-mu>div>a>i:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#0d202d;color:#6f8ea3;font-size:11px}
body.client-embedded.client-v87 .client-v87-nav>a:hover,body.client-embedded.client-v87 .client-v87-mu>summary:hover,body.client-embedded.client-v87 .client-v87-mu>div>a:hover{background:#0b1d29;color:#e8f0f5;border-color:#17364b}
body.client-embedded.client-v87 .client-v87-nav>a.active,body.client-embedded.client-v87 .client-v87-mu.active>summary,body.client-embedded.client-v87 .client-v87-mu>div>a.active{color:#fff;background:linear-gradient(90deg,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.025));border-color:rgba(var(--accent-rgb),.3);box-shadow:inset 3px 0 0 var(--accent)}
body.client-embedded.client-v87 .client-v87-nav>a.active>i:first-child,body.client-embedded.client-v87 .client-v87-mu.active>summary>i:first-child,body.client-embedded.client-v87 .client-v87-mu>div>a.active>i:first-child{background:rgba(var(--accent-rgb),.13);color:var(--accent-readable)}
body.client-embedded.client-v87 .client-v87-nav em,body.client-embedded.client-v87 .client-v87-mu em{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#122b3b;color:#90a9ba;font-style:normal;font-size:7px;font-weight:800}
body.client-embedded.client-v87 .client-v87-mu{margin:0}
body.client-embedded.client-v87 .client-v87-mu>summary::-webkit-details-marker{display:none}
body.client-embedded.client-v87 .client-v87-mu>summary{grid-template-columns:28px minmax(0,1fr) auto 12px}
body.client-embedded.client-v87 .client-v87-mu>summary>i:last-child{font-size:8px;transition:transform .18s}
body.client-embedded.client-v87 .client-v87-mu[open]>summary>i:last-child{transform:rotate(180deg)}
body.client-embedded.client-v87 .client-v87-mu>div{display:grid;gap:2px;margin:3px 0 4px;padding-left:10px;border-left:1px solid #183649}
body.client-embedded.client-v87 .client-v87-mu>div>a{min-height:35px;font-size:9px}
body.client-embedded.client-v87 .client-v87-sidebar-foot{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #142a3a}
body.client-embedded.client-v87 .client-v87-support{display:grid;grid-template-columns:30px 1fr 12px;align-items:center;gap:8px;padding:9px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:11px;background:rgba(var(--accent-rgb),.05);color:#f3f6f8;text-decoration:none}
body.client-embedded.client-v87 .client-v87-support>i:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(var(--accent-rgb),.11);color:var(--accent-readable)}
body.client-embedded.client-v87 .client-v87-support b,body.client-embedded.client-v87 .client-v87-support small{display:block}.client-v87-support b{font-size:9px}.client-v87-support small{margin-top:2px;color:#718da0;font-size:7.5px}
body.client-embedded.client-v87 .client-v87-logout{min-height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:10px;color:#7792a4;text-decoration:none;font-size:9px}.client-v87-logout:hover{background:rgba(255,86,86,.06);color:#ff9a9a}

/* Main workspace */
body.client-embedded.client-v87 .client-v87-main{min-width:0}
body.client-embedded.client-v87 .client-v87-topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:8px 10px 8px 14px;border:1px solid #173246;border-radius:16px;background:rgba(9,22,31,.86);backdrop-filter:blur(14px);box-shadow:0 12px 36px rgba(0,0,0,.13)}
body.client-embedded.client-v87 .client-v87-topbar-left{display:flex;align-items:center;gap:10px;min-width:0}
body.client-embedded.client-v87 .client-v87-menu-toggle{display:none;width:38px;height:38px;border:1px solid #1a394e;border-radius:10px;background:#0a1b26;color:#e3edf4;font-size:18px}
body.client-embedded.client-v87 .client-v87-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;color:#607e92;font-size:8.5px;white-space:nowrap}.client-v87-breadcrumb a{color:#7895a8;text-decoration:none}.client-v87-breadcrumb i{font-size:7px}.client-v87-breadcrumb strong{color:#d7e3eb;overflow:hidden;text-overflow:ellipsis}
body.client-embedded.client-v87 .client-v87-top-actions{display:flex;align-items:center;gap:7px}
body.client-embedded.client-v87 .client-v87-top-actions>a{min-height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #1a394e;border-radius:10px;background:#081721;color:#9cb1bf;text-decoration:none;font-size:9px;font-weight:700}.client-v87-top-actions>a:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 36%,#1a394e)}
body.client-embedded.client-v87 .client-v87-top-actions .client-v87-notify{position:relative;width:38px;padding:0;justify-content:center}.client-v87-notify em{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #09161f;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:7px;font-style:normal;font-weight:900}
body.client-embedded.client-v87 .client-v87-account-mini{padding:4px 9px 4px 5px!important}.client-v87-account-mini>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--accent-2),var(--accent));color:#101316;font-weight:900}.client-v87-account-mini small,.client-v87-account-mini b{display:block;line-height:1.1}.client-v87-account-mini small{color:#658297;font-size:7px}.client-v87-account-mini b{margin-top:2px;color:#e8f0f5;font-size:9px}.client-v87-account-mini>i{font-size:7px}
body.client-embedded.client-v87 .client-v87-content{min-width:0}

/* Welcome / dashboard */
body.client-embedded.client-v87 .client-v87-dashboard{display:grid;gap:13px}
body.client-embedded.client-v87 .client-v87-welcome{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);gap:13px}
body.client-embedded.client-v87 .client-v87-welcome-copy{position:relative;overflow:hidden;min-height:258px;padding:30px;border:1px solid #1a3a50;border-radius:22px;background:
 radial-gradient(circle at 82% 72%,rgba(var(--accent-rgb),.12),transparent 24%),
 linear-gradient(135deg,#0c1c28,#091821 63%,#0b1922)}
body.client-embedded.client-v87 .client-v87-welcome-copy:after{content:"";position:absolute;width:300px;height:300px;right:-130px;bottom:-190px;border:1px solid rgba(var(--accent-rgb),.23);border-radius:50%;box-shadow:0 0 0 40px rgba(var(--accent-rgb),.025),0 0 0 80px rgba(var(--accent-rgb),.018)}
body.client-embedded.client-v87 .client-v87-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;color:#7f9caf;font-size:8px;font-weight:900;letter-spacing:.13em}.client-v87-kicker i{color:var(--accent-readable)}
body.client-embedded.client-v87 .client-v87-welcome h1{position:relative;z-index:1;margin:15px 0 8px;color:#f7fafc;font-size:35px;letter-spacing:-.04em;line-height:1.06}.client-v87-welcome h1 span{color:var(--accent-readable)}
body.client-embedded.client-v87 .client-v87-welcome p{position:relative;z-index:1;max-width:620px;margin:0;color:#87a0b2;font-size:11px;line-height:1.75}
body.client-embedded.client-v87 .client-v87-welcome-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.client-v87-welcome-actions a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid #1b3b50;border-radius:11px;background:#0a1b26;color:#d7e4ec;text-decoration:none;font-size:9px;font-weight:800}.client-v87-welcome-actions a.primary{border-color:rgba(var(--accent-rgb),.36);background:linear-gradient(135deg,var(--accent),var(--accent));color:#101316;box-shadow:0 12px 28px rgba(var(--accent-rgb),.18)}
body.client-embedded.client-v87 .client-v87-trust-line{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:13px;margin-top:19px;color:#638095;font-size:8px}.client-v87-trust-line span{display:flex;align-items:center;gap:5px}.client-v87-trust-line i{color:#44d89a}
body.client-embedded.client-v87 .client-v87-health-card{min-height:258px;padding:18px;border:1px solid #1a3a50;border-radius:22px;background:linear-gradient(155deg,#0b1b26,#081721);box-shadow:0 18px 50px rgba(0,0,0,.15)}
body.client-embedded.client-v87 .client-v87-health-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#648196;font-size:7.5px;font-weight:900;letter-spacing:.09em}.client-v87-health-top em{display:flex;align-items:center;gap:5px;color:#49df9f;font-style:normal;font-size:7px}.client-v87-health-top em i{width:6px;height:6px;border-radius:50%;background:#34d792;box-shadow:0 0 0 4px rgba(52,215,146,.08)}
body.client-embedded.client-v87 .client-v87-health-ring{width:126px;height:126px;margin:18px auto 15px;padding:9px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--health)*1%),#142b3b 0);box-shadow:0 0 0 1px #18384e,0 16px 42px rgba(0,0,0,.18)}.client-v87-health-ring>div{width:100%;height:100%;display:grid;place-content:center;text-align:center;border-radius:50%;background:#091923}.client-v87-health-ring strong,.client-v87-health-ring small{display:block}.client-v87-health-ring strong{font-size:25px;letter-spacing:-.04em}.client-v87-health-ring small{margin-top:2px;color:#6e899d;font-size:7px}
body.client-embedded.client-v87 .client-v87-health-items{display:grid;gap:6px}.client-v87-health-items span{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:8px;background:#0a1b26;color:#829caf;font-size:8px}.client-v87-health-items i{color:#42d698}

body.client-embedded.client-v87 .client-v87-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.client-v87-kpis>a{min-width:0;min-height:88px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:13px;border:1px solid #19384c;border-radius:16px;background:linear-gradient(180deg,#0b1a25,#081720);color:inherit;text-decoration:none;transition:.18s}.client-v87-kpis>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,#19384c);box-shadow:0 14px 34px rgba(0,0,0,.16)}.client-v87-kpis>a>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:15px}.client-v87-kpis .orange{background:rgba(var(--accent-rgb),.1);color:var(--accent-readable)}.client-v87-kpis .blue{background:rgba(31,145,255,.1);color:#4ca8ff}.client-v87-kpis .purple{background:rgba(141,90,255,.1);color:#a57cff}.client-v87-kpis .green{background:rgba(31,204,141,.1);color:#43dca0}.client-v87-kpis small,.client-v87-kpis strong,.client-v87-kpis p{display:block;margin:0}.client-v87-kpis small{color:#698599;font-size:7.5px;letter-spacing:.08em}.client-v87-kpis strong{margin-top:1px;font-size:23px;letter-spacing:-.04em}.client-v87-kpis p{margin-top:1px;color:#6f899d;font-size:7.5px}.client-v87-kpis>a>i{color:#47677d;font-size:9px}

body.client-embedded.client-v87 .client-v87-shortcuts{padding:17px;border:1px solid #19384c;border-radius:18px;background:#091823}.client-v87-shortcuts>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.client-v87-shortcuts>header span{display:block;color:var(--accent-readable);font-size:7.5px;font-weight:900;letter-spacing:.13em}.client-v87-shortcuts>header h2{margin:3px 0 0;font-size:16px}.client-v87-shortcuts>header>small{color:#607b8f;font-size:8px}.client-v87-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.client-v87-shortcut-grid>a{min-width:0;min-height:68px;display:grid;grid-template-columns:34px minmax(0,1fr) 10px;align-items:center;gap:8px;padding:9px;border:1px solid #173449;border-radius:12px;background:#081721;color:inherit;text-decoration:none;transition:.18s}.client-v87-shortcut-grid>a:hover{border-color:rgba(var(--accent-rgb),.34);background:#0b1b26;transform:translateY(-1px)}.client-v87-shortcut-grid>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--accent-rgb),.08);color:var(--accent-readable)}.client-v87-shortcut-grid b,.client-v87-shortcut-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-v87-shortcut-grid b{font-size:8.5px}.client-v87-shortcut-grid small{margin-top:3px;color:#617d90;font-size:7px}.client-v87-shortcut-grid>a>i{font-size:7px;color:#4e6d82}

body.client-embedded.client-v87 .client-v87-bento{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:10px}.client-v87-service-card,.client-v87-account-pulse,.client-v87-recent{border:1px solid #19384c;border-radius:18px;background:linear-gradient(180deg,#0a1924,#081720)}.client-v87-service-card{padding:17px}.client-v87-service-card>header,.client-v87-recent>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.client-v87-service-card>header span,.client-v87-recent>header span,.client-v87-account-pulse>header span{display:block;color:var(--accent-readable);font-size:7.5px;font-weight:900;letter-spacing:.12em}.client-v87-service-card h2,.client-v87-recent h2,.client-v87-account-pulse h2{margin:3px 0 0;font-size:16px}.client-v87-service-card>header>a,.client-v87-recent>header>a{display:flex;align-items:center;gap:6px;color:#7692a5;text-decoration:none;font-size:8px}.client-v87-service-body{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:17px;padding:14px;border:1px solid #17364a;border-radius:13px;background:#081721}.client-v87-service-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:rgba(var(--accent-rgb),.1);color:var(--accent-readable);font-size:15px}.client-v87-service-body small,.client-v87-service-body b,.client-v87-service-body p{display:block;margin:0}.client-v87-service-body small{color:#59768a;font-size:7px}.client-v87-service-body b{margin-top:2px;font-size:11px}.client-v87-service-body p{margin-top:3px;color:#718c9e;font-size:7.5px}.client-v87-service-empty{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center;margin-top:17px;padding:15px;border:1px dashed #204257;border-radius:13px}.client-v87-service-empty>span{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#0c2130;color:var(--accent-readable)}.client-v87-service-empty b,.client-v87-service-empty p{display:block;margin:0}.client-v87-service-empty b{font-size:10px}.client-v87-service-empty p{margin-top:3px;color:#6d879a;font-size:8px}.client-v87-service-empty>a{padding:8px 10px;border-radius:9px;background:var(--accent);color:#111;text-decoration:none;font-size:8px;font-weight:800}.client-v87-service-card>footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.client-v87-service-card>footer span{display:flex;align-items:center;gap:5px;color:#668397;font-size:7.5px}.client-v87-service-card>footer i{color:#42d599}
body.client-embedded.client-v87 .client-v87-account-pulse{padding:17px}.client-v87-account-pulse>header{padding-bottom:10px;border-bottom:1px solid #152f41}.client-v87-account-pulse>a{min-height:53px;display:grid;grid-template-columns:32px minmax(0,1fr) 12px;align-items:center;gap:8px;border-bottom:1px solid #142d3e;color:inherit;text-decoration:none}.client-v87-account-pulse>a:last-child{border-bottom:0}.client-v87-account-pulse>a>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #1a3a50;border-radius:9px;color:var(--accent-readable);background:#091a25}.client-v87-account-pulse small,.client-v87-account-pulse b{display:block}.client-v87-account-pulse small{color:#59778b;font-size:7px}.client-v87-account-pulse b{margin-top:2px;font-size:9px}.client-v87-account-pulse>a>i{color:#45657a;font-size:8px}

body.client-embedded.client-v87 .client-v87-recent{padding:17px}.client-v87-recent>header{align-items:end}.client-v87-recent>header p{margin:4px 0 0;color:#6b8598;font-size:8px}.client-v87-order-head{display:grid;grid-template-columns:105px minmax(0,1fr) 100px 100px 16px;gap:10px;padding:11px 12px 7px;color:#4f6d82;font-size:7px;letter-spacing:.08em}.client-v87-order-list>a{min-height:56px;display:grid;grid-template-columns:105px minmax(0,1fr) 100px 100px 16px;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid #142e40;color:inherit;text-decoration:none}.client-v87-order-list>a:hover{background:#0b1b26}.client-v87-order-id{display:flex;align-items:center;gap:8px}.client-v87-order-id i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#0d2130;color:var(--accent-readable)}.client-v87-order-id b{font-size:9px}.client-v87-order-list>a>span:nth-child(2) b,.client-v87-order-list>a>span:nth-child(2) small{display:block}.client-v87-order-list>a>span:nth-child(2) b{font-size:9px}.client-v87-order-list>a>span:nth-child(2) small{margin-top:3px;color:#5f7b8f;font-size:7.5px}.client-v87-order-list>a>strong{font-size:9px}.client-v87-order-list>a>i{font-size:7px;color:#45657a}.client-v87-empty{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:18px;border-top:1px solid #142e40}.client-v87-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#0d2130;color:var(--accent-readable)}.client-v87-empty b,.client-v87-empty p{display:block;margin:0}.client-v87-empty b{font-size:10px}.client-v87-empty p{margin-top:4px;color:#6e899b;font-size:8px}.client-v87-empty>a{padding:9px 11px;border:1px solid #1c3c52;border-radius:9px;color:#b8c9d4;text-decoration:none;font-size:8px}

/* Rest of client pages inherit the premium workspace rather than the old panel frame. */
body.client-embedded.client-v87 .client-v87-content>.client-page-head,body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero,body.client-embedded.client-v87 .client-v87-content>.client-mu-stage>header,body.client-embedded.client-v87 .client-v87-content>.client-web-v80-stage>header{border-radius:18px!important;border-color:#19384c!important;background:linear-gradient(145deg,#0b1b26,#081720)!important;box-shadow:0 16px 44px rgba(0,0,0,.12)!important}
body.client-embedded.client-v87 .client-v87-content .box{border-color:#19384c!important;background:linear-gradient(180deg,#0a1924,#081720)!important;border-radius:16px!important;box-shadow:none!important}
body.client-embedded.client-v87 .client-v87-content .btn:not(.btn-premium),body.client-embedded.client-v87 .client-v87-content button.btn:not(.btn-premium){border-radius:10px}
body.client-embedded.client-v87 .client-v87-content input,body.client-embedded.client-v87 .client-v87-content select,body.client-embedded.client-v87 .client-v87-content textarea{border-color:#1d3d52;background:#071620;color:#e8f0f5}
body.client-embedded.client-v87 .client-v87-content input:focus,body.client-embedded.client-v87 .client-v87-content select:focus,body.client-embedded.client-v87 .client-v87-content textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,#1d3d52);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06)}

/* No cart control in V87. Legacy cart CSS remains inert for upgrade compatibility. */
body.client-embedded.client-v87 .header-cart,.site-header .header-cart{display:none!important}
.product-v87-direct-buy button{min-width:180px}

@media(max-width:1200px){
  body.client-embedded.client-v87 .client-v87-frame{grid-template-columns:252px minmax(0,1fr)}
  body.client-embedded.client-v87 .client-v87-shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.client-embedded.client-v87 .client-v87-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1024px){
  body.client-embedded.client-v87 .client-v87-portal{padding-top:16px}
  body.client-embedded.client-v87 .client-v87-frame{display:block}
  body.client-embedded.client-v87 .client-v87-sidebar{position:fixed!important;z-index:1350!important;left:12px;top:82px;width:min(292px,calc(100vw - 24px));max-height:calc(100dvh - 96px);transform:translateX(calc(-100% - 24px));transition:transform .24s ease;box-shadow:0 28px 90px rgba(0,0,0,.55)}
  body.client-embedded.client-v87.client-v87-sidebar-open .client-v87-sidebar{transform:translateX(0)}
  body.client-embedded.client-v87.client-v87-sidebar-open:after{content:"";position:fixed;z-index:1340;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px)}
  body.client-embedded.client-v87 .client-v87-menu-toggle{display:grid;place-items:center}
  body.client-embedded.client-v87 .client-v87-topbar{position:sticky;top:78px;z-index:30}
  body.client-embedded.client-v87 .client-v87-welcome{grid-template-columns:1fr}
  body.client-embedded.client-v87 .client-v87-health-card{min-height:auto;display:grid;grid-template-columns:1fr 126px 1fr;align-items:center;gap:14px}.client-v87-health-ring{margin:5px auto!important}.client-v87-health-items{align-content:center}
  body.client-embedded.client-v87 .client-v87-bento{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-v87-portal{padding:10px 0 32px}
  body.client-embedded.client-v87 .client-v87-topbar{top:68px;min-height:52px;margin-bottom:10px;padding:6px 7px}
  body.client-embedded.client-v87 .client-v87-breadcrumb span,body.client-embedded.client-v87 .client-v87-breadcrumb i:nth-of-type(2){display:none}
  body.client-embedded.client-v87 .client-v87-top-actions>a:first-child,body.client-embedded.client-v87 .client-v87-account-mini>div,body.client-embedded.client-v87 .client-v87-account-mini>i{display:none}
  body.client-embedded.client-v87 .client-v87-account-mini{width:38px;padding:4px!important;justify-content:center}
  body.client-embedded.client-v87 .client-v87-welcome-copy{min-height:auto;padding:22px 18px}.client-v87-welcome h1{font-size:29px!important}.client-v87-welcome p{font-size:10px!important}
  body.client-embedded.client-v87 .client-v87-health-card{grid-template-columns:1fr;min-height:auto}.client-v87-health-top{grid-column:1}.client-v87-health-ring{width:112px;height:112px}.client-v87-health-items{grid-template-columns:repeat(3,1fr)}.client-v87-health-items span{justify-content:center;text-align:center}
  body.client-embedded.client-v87 .client-v87-kpis{grid-template-columns:1fr 1fr}.client-v87-kpis>a{min-height:78px;grid-template-columns:36px 1fr 12px}.client-v87-kpis>a>span{width:36px;height:36px}
  body.client-embedded.client-v87 .client-v87-shortcuts{padding:13px}.client-v87-shortcuts>header>small{display:none}.client-v87-shortcut-grid{grid-template-columns:1fr 1fr!important}
  body.client-embedded.client-v87 .client-v87-order-head{display:none}.client-v87-order-list>a{grid-template-columns:82px minmax(0,1fr) auto 16px}.client-v87-order-list>a>strong{grid-column:2}.client-v87-order-list>a>em{grid-column:3;grid-row:1/3}.client-v87-order-list>a>i{grid-column:4;grid-row:1/3}.client-v87-empty{grid-template-columns:40px 1fr}.client-v87-empty>a{grid-column:2}
  body.client-embedded.client-v87 .client-v87-service-empty{grid-template-columns:42px 1fr}.client-v87-service-empty>a{grid-column:2;width:max-content}
}
@media(max-width:520px){
  body.client-embedded.client-v87 .client-v87-welcome-actions{display:grid;grid-template-columns:1fr}.client-v87-welcome-actions a{width:100%}
  body.client-embedded.client-v87 .client-v87-trust-line{display:grid;gap:6px}
  body.client-embedded.client-v87 .client-v87-kpis{grid-template-columns:1fr}
  body.client-embedded.client-v87 .client-v87-shortcut-grid{grid-template-columns:1fr!important}
  body.client-embedded.client-v87 .client-v87-health-items{grid-template-columns:1fr}.client-v87-health-items span{justify-content:flex-start}
  body.client-embedded.client-v87 .client-v87-service-body{grid-template-columns:38px 1fr}.client-v87-service-body>em{grid-column:2;width:max-content}.client-v87-service-icon{width:38px;height:38px}
  body.client-embedded.client-v87 .client-v87-recent{padding:13px}.client-v87-recent>header>a{display:none}.client-v87-order-list>a{grid-template-columns:72px minmax(0,1fr) 12px;gap:7px}.client-v87-order-list>a>strong{grid-column:2}.client-v87-order-list>a>em{grid-column:2;width:max-content;grid-row:auto}.client-v87-order-list>a>i{grid-column:3;grid-row:1/4}.client-v87-order-id i{display:none}.client-v87-order-id{gap:0}
}

/* =========================================================
   WHWEB V87 — UI DENSITY + READABILITY HOTFIX
   Keeps Prime Client design, removes inherited public section spacing,
   and raises the client UI typography to a professional readable scale.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-portal{padding:18px 0 34px}
body.client-embedded.client-v87 .client-v87-frame{gap:16px}
body.client-embedded.client-v87 .client-v87-dashboard{gap:14px}
/* The public site has section{padding:78px 0}; these two layout sections must not inherit it. */
body.client-embedded.client-v87 .client-v87-welcome,
body.client-embedded.client-v87 .client-v87-kpis{padding:0!important;margin:0!important}

/* Sidebar readability */
body.client-embedded.client-v87 .client-v87-sidebar-brand small{font-size:9px}
body.client-embedded.client-v87 .client-v87-sidebar-brand strong{font-size:14px}
body.client-embedded.client-v87 .client-v87-live{font-size:8.5px}
body.client-embedded.client-v87 .client-v87-profile-copy small{font-size:9px}
body.client-embedded.client-v87 .client-v87-profile-copy strong{font-size:14px}
body.client-embedded.client-v87 .client-v87-profile-copy span{font-size:10.5px}
body.client-embedded.client-v87 .client-v87-mini-stats b{font-size:14px}
body.client-embedded.client-v87 .client-v87-mini-stats small{font-size:9.5px}
body.client-embedded.client-v87 .client-v87-nav-label{padding-top:13px;font-size:9px;letter-spacing:.12em}
body.client-embedded.client-v87 .client-v87-nav>a,
body.client-embedded.client-v87 .client-v87-mu>summary,
body.client-embedded.client-v87 .client-v87-mu>div>a{min-height:42px;font-size:12px;line-height:1.25}
body.client-embedded.client-v87 .client-v87-nav>a>i:first-child,
body.client-embedded.client-v87 .client-v87-mu>summary>i:first-child,
body.client-embedded.client-v87 .client-v87-mu>div>a>i:first-child{font-size:13px}
body.client-embedded.client-v87 .client-v87-nav em,
body.client-embedded.client-v87 .client-v87-mu em{font-size:9px}
body.client-embedded.client-v87 .client-v87-mu>div>a{font-size:11.5px}
body.client-embedded.client-v87 .client-v87-support b{font-size:11px}
body.client-embedded.client-v87 .client-v87-support small{font-size:9.5px}
body.client-embedded.client-v87 .client-v87-logout{font-size:11.5px}

/* Workspace / topbar */
body.client-embedded.client-v87 .client-v87-topbar{min-height:56px;margin-bottom:12px}
body.client-embedded.client-v87 .client-v87-breadcrumb{font-size:10.5px}
body.client-embedded.client-v87 .client-v87-breadcrumb i{font-size:9px}
body.client-embedded.client-v87 .client-v87-top-actions>a{font-size:10.5px}
body.client-embedded.client-v87 .client-v87-notify em{font-size:8.5px}
body.client-embedded.client-v87 .client-v87-account-mini small{font-size:8.5px}
body.client-embedded.client-v87 .client-v87-account-mini b{font-size:10.5px}

/* Welcome card: compact and readable */
body.client-embedded.client-v87 .client-v87-welcome-copy{min-height:232px;padding:25px 28px}
body.client-embedded.client-v87 .client-v87-kicker{font-size:9.5px;letter-spacing:.11em}
body.client-embedded.client-v87 .client-v87-welcome h1{margin:12px 0 8px;font-size:36px}
body.client-embedded.client-v87 .client-v87-welcome p{font-size:13px;line-height:1.6}
body.client-embedded.client-v87 .client-v87-welcome-actions{margin-top:15px}
body.client-embedded.client-v87 .client-v87-welcome-actions a{min-height:42px;font-size:11px;padding:0 15px}
body.client-embedded.client-v87 .client-v87-trust-line{margin-top:14px;font-size:10px}
body.client-embedded.client-v87 .client-v87-health-card{min-height:232px;padding:16px}
body.client-embedded.client-v87 .client-v87-health-top{font-size:9px}
body.client-embedded.client-v87 .client-v87-health-top em{font-size:8.5px}
body.client-embedded.client-v87 .client-v87-health-ring{width:116px;height:116px;margin:12px auto 11px;padding:8px}
body.client-embedded.client-v87 .client-v87-health-ring strong{font-size:26px}
body.client-embedded.client-v87 .client-v87-health-ring small{font-size:9px}
body.client-embedded.client-v87 .client-v87-health-items{gap:5px}
body.client-embedded.client-v87 .client-v87-health-items span{padding:7px 9px;font-size:10px}

/* KPI cards */
body.client-embedded.client-v87 .client-v87-kpis{gap:10px}
body.client-embedded.client-v87 .client-v87-kpis>a{min-height:84px;padding:12px 13px}
body.client-embedded.client-v87 .client-v87-kpis small{font-size:9px}
body.client-embedded.client-v87 .client-v87-kpis strong{font-size:24px}
body.client-embedded.client-v87 .client-v87-kpis p{font-size:9.5px}
body.client-embedded.client-v87 .client-v87-kpis>a>i{font-size:11px}

/* Smart access */
body.client-embedded.client-v87 .client-v87-shortcuts{padding:16px}
body.client-embedded.client-v87 .client-v87-shortcuts>header{margin-bottom:10px}
body.client-embedded.client-v87 .client-v87-shortcuts>header span{font-size:9px}
body.client-embedded.client-v87 .client-v87-shortcuts>header h2{font-size:18px}
body.client-embedded.client-v87 .client-v87-shortcuts>header>small{font-size:10px}
body.client-embedded.client-v87 .client-v87-shortcut-grid>a{min-height:70px;padding:10px}
body.client-embedded.client-v87 .client-v87-shortcut-grid b{font-size:11px}
body.client-embedded.client-v87 .client-v87-shortcut-grid small{font-size:9px}
body.client-embedded.client-v87 .client-v87-shortcut-grid>a>i{font-size:9px}

/* Lower dashboard cards */
body.client-embedded.client-v87 .client-v87-service-card,
body.client-embedded.client-v87 .client-v87-account-pulse,
body.client-embedded.client-v87 .client-v87-recent{font-size:12px}
body.client-embedded.client-v87 .client-v87-service-card>header span,
body.client-embedded.client-v87 .client-v87-recent>header span,
body.client-embedded.client-v87 .client-v87-account-pulse>header span{font-size:9px}
body.client-embedded.client-v87 .client-v87-service-card h2,
body.client-embedded.client-v87 .client-v87-recent h2,
body.client-embedded.client-v87 .client-v87-account-pulse h2{font-size:18px}
body.client-embedded.client-v87 .client-v87-service-card>header>a,
body.client-embedded.client-v87 .client-v87-recent>header>a{font-size:10.5px}
body.client-embedded.client-v87 .client-v87-service-body{margin-top:13px}
body.client-embedded.client-v87 .client-v87-service-body small{font-size:9px}
body.client-embedded.client-v87 .client-v87-service-body b{font-size:13px}
body.client-embedded.client-v87 .client-v87-service-body p{font-size:10px}
body.client-embedded.client-v87 .client-v87-service-empty{margin-top:13px}
body.client-embedded.client-v87 .client-v87-service-empty b{font-size:12px}
body.client-embedded.client-v87 .client-v87-service-empty p{font-size:10px}
body.client-embedded.client-v87 .client-v87-service-empty>a{font-size:10px}
body.client-embedded.client-v87 .client-v87-service-card>footer span{font-size:9.5px}
body.client-embedded.client-v87 .client-v87-account-pulse small{font-size:9px}
body.client-embedded.client-v87 .client-v87-account-pulse b{font-size:11px}
body.client-embedded.client-v87 .client-v87-account-pulse>a>i{font-size:10px}
body.client-embedded.client-v87 .client-v87-recent>header p{font-size:10px}
body.client-embedded.client-v87 .client-v87-order-head{font-size:9px}
body.client-embedded.client-v87 .client-v87-order-id b{font-size:11px}
body.client-embedded.client-v87 .client-v87-order-list>a>span:nth-child(2) b{font-size:11px}
body.client-embedded.client-v87 .client-v87-order-list>a>span:nth-child(2) small{font-size:9.5px}
body.client-embedded.client-v87 .client-v87-order-list>a>strong{font-size:11px}
body.client-embedded.client-v87 .client-v87-order-list>a>i{font-size:9px}
body.client-embedded.client-v87 .client-v87-empty b{font-size:12px}
body.client-embedded.client-v87 .client-v87-empty p{font-size:10px}
body.client-embedded.client-v87 .client-v87-empty>a{font-size:10px}

/* Other client pages: improve base legibility without touching icon glyph sizes. */
body.client-embedded.client-v87 .client-v87-content .client-page-head p,
body.client-embedded.client-v87 .client-v87-content .box p,
body.client-embedded.client-v87 .client-v87-content .box li,
body.client-embedded.client-v87 .client-v87-content .box td,
body.client-embedded.client-v87 .client-v87-content .box th{font-size:max(11px,1em);line-height:1.55}
body.client-embedded.client-v87 .client-v87-content .field label{font-size:11px}
body.client-embedded.client-v87 .client-v87-content input,
body.client-embedded.client-v87 .client-v87-content select,
body.client-embedded.client-v87 .client-v87-content textarea{font-size:12px}

@media(max-width:1024px){
  body.client-embedded.client-v87 .client-v87-portal{padding-top:14px}
  body.client-embedded.client-v87 .client-v87-dashboard{gap:12px}
}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-v87-welcome-copy{padding:20px 18px}
  body.client-embedded.client-v87 .client-v87-welcome h1{font-size:30px!important}
  body.client-embedded.client-v87 .client-v87-welcome p{font-size:12px!important;line-height:1.55}
  body.client-embedded.client-v87 .client-v87-kicker{font-size:8.5px}
  body.client-embedded.client-v87 .client-v87-health-items span{font-size:9.5px}
  body.client-embedded.client-v87 .client-v87-kpis small{font-size:8.5px}
  body.client-embedded.client-v87 .client-v87-kpis p{font-size:9px}
  body.client-embedded.client-v87 .client-v87-shortcut-grid b{font-size:10.5px}
  body.client-embedded.client-v87 .client-v87-shortcut-grid small{font-size:8.75px}
}


/* =========================================================
   V87 HOTFIX UI3 — FULL CLIENT SIDEBAR MENU
   Todas as opções ficam sempre disponíveis no desktop.
   O menu usa a rolagem natural da página, sem área interna cortada.
   ========================================================= */
@media (min-width:1101px){
  body.client-embedded.client-v87 .client-v87-sidebar{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    scrollbar-width:none!important;
  }
  body.client-embedded.client-v87 .client-v87-nav{gap:3px}
  body.client-embedded.client-v87 .client-v87-nav-label{padding-top:12px}
  body.client-embedded.client-v87 .client-v87-sidebar-foot{margin-top:10px}
}

/* =========================================================
   V87 HOTFIX UI4 — PAGAMENTOS / PIX REFERENCE MATCH
   Layout alinhado ao modelo enviado: título limpo, cartão PIX amplo,
   QR à esquerda, dados à direita e ação principal via Ticket.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-payments-head{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
body.client-embedded.client-v87 .client-v87-payments-head h1{
  margin:0 0 5px!important;
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  font-weight:760!important;
  color:#f5f8fb!important;
}
body.client-embedded.client-v87 .client-v87-payments-head p{
  margin:0!important;
  color:#62bcea!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body.client-embedded.client-v87 .pix-payment-hub.pix-payment-reference{
  margin:0 0 16px!important;
  padding:22px 22px 20px!important;
  border:1px solid #0f5879!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#031925 0%,#02141e 100%)!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  margin:0 0 18px!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head>span{
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  background:rgba(var(--accent-rgb),.10)!important;
  border:1px solid rgba(var(--accent-rgb),.08)!important;
  color:var(--accent-readable)!important;
  font-size:24px!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head small{
  display:block!important;
  margin:0 0 4px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.15!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head p{
  margin:0!important;
  max-width:none!important;
  color:#4ec1f7!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-payment-grid{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-qr-panel,
body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel{
  border:1px solid #104761!important;
  border-radius:16px!important;
  background:#031b27!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-qr-panel{
  min-height:292px!important;
  padding:20px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-qr-panel img{
  width:190px!important;
  height:190px!important;
  object-fit:contain!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#fff!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-qr-panel small{
  margin-top:13px!important;
  color:#69c7f3!important;
  font-size:11px!important;
  line-height:1.55!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel{
  padding:16px!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel>.pix-data-row{
  min-width:0!important;
  padding:15px 13px!important;
  border:1px solid #0b3b50!important;
  border-radius:13px!important;
  background:#031a25!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel small{
  display:block!important;
  margin:0 0 6px!important;
  color:#64c1ef!important;
  font-size:11px!important;
  line-height:1.2!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel b{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-key-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-key-copy{
  min-width:0!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-key-copy b{
  display:block!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-key-row .btn{
  margin:0!important;
  min-height:42px!important;
  padding:0 15px!important;
  border:1px solid #0e6088!important;
  border-radius:11px!important;
  background:#041a26!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-key-row .btn:hover{
  border-color:var(--accent-readable)!important;
  color:var(--accent-readable)!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-proof-actions{
  margin-top:15px!important;
  display:flex!important;
  gap:10px!important;
}
body.client-embedded.client-v87 .pix-payment-reference .pix-proof-actions .btn{
  min-height:43px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  background:var(--accent)!important;
  border-color:var(--accent-readable)!important;
  color:var(--accent-contrast)!important;
  font-size:12px!important;
  font-weight:800!important;
}
@media(max-width:900px){
  body.client-embedded.client-v87 .pix-payment-reference .pix-payment-grid{grid-template-columns:220px minmax(0,1fr)!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-key-row{grid-template-columns:1fr!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-key-row .btn{justify-self:start!important}
}
@media(max-width:720px){
  body.client-embedded.client-v87 .client-v87-payments-head h1{font-size:29px!important}
  body.client-embedded.client-v87 .client-v87-payments-head p{font-size:12px!important}
  body.client-embedded.client-v87 .pix-payment-hub.pix-payment-reference{padding:18px 14px!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head{grid-template-columns:42px minmax(0,1fr)!important;gap:11px!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head>span{width:42px!important;height:42px!important;font-size:21px!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-payment-head h3{font-size:23px!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-payment-grid{grid-template-columns:1fr!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-qr-panel{min-height:auto!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-data-panel{padding:12px!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-key-row .btn{width:100%!important;justify-content:center!important}
  body.client-embedded.client-v87 .pix-payment-reference .pix-proof-actions .btn{width:100%!important;justify-content:center!important}
}

/* =========================================================
   V87 HOTFIX UI5 — PAGAMENTOS PIX / MATCH EXATO DA REFERÊNCIA
   Proporções recalibradas a partir da imagem enviada pelo cliente.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-payments-page{
  width:100%!important;
  max-width:920px!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.client-embedded.client-v87 .client-v87-payments-page *{box-sizing:border-box}
body.client-embedded.client-v87 .client-v87-payments-head{
  width:100%!important;
  margin:0 0 15px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-head h1{
  margin:0 0 7px!important;
  color:#f7f9fb!important;
  font-size:34px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:750!important;
}
body.client-embedded.client-v87 .client-v87-payments-head p{
  margin:0!important;
  color:#52bff2!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-hub.pix-payment-reference{
  width:100%!important;
  margin:0 0 16px!important;
  padding:22px 22px 21px!important;
  border:1px solid #0b5677!important;
  border-radius:17px!important;
  background:#001722!important;
  box-shadow:0 16px 42px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  column-gap:13px!important;
  align-items:start!important;
  margin:0 0 19px!important;
  padding:0!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head>span{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:0!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--accent) 8%,#090e13)!important;
  color:var(--accent-readable)!important;
  font-size:25px!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head small{
  display:block!important;
  margin:2px 0 4px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head h3{
  margin:0 0 6px!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head p{
  margin:0!important;
  max-width:760px!important;
  color:#50c0f1!important;
  font-size:12.5px!important;
  line-height:1.45!important;
  font-weight:400!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-grid{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel{
  height:292px!important;
  min-height:292px!important;
  border:1px solid #0a4058!important;
  border-radius:16px!important;
  background:#021c28!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel{
  padding:20px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel img{
  display:block!important;
  width:190px!important;
  height:190px!important;
  max-width:190px!important;
  max-height:190px!important;
  margin:0!important;
  padding:10px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel small{
  display:block!important;
  margin:13px 0 0!important;
  color:#69c8f1!important;
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel{
  padding:16px!important;
  display:grid!important;
  grid-template-rows:68px 68px minmax(98px,1fr)!important;
  gap:12px!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel>.pix-data-row{
  min-width:0!important;
  margin:0!important;
  padding:13px!important;
  border:1px solid #09394d!important;
  border-radius:13px!important;
  background:#021a25!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel small{
  display:block!important;
  margin:0 0 6px!important;
  color:#64c5f1!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:400!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel b{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:16px!important;
  align-items:center!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-copy{
  min-width:0!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-copy b{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  font-size:14px!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn{
  width:126px!important;
  min-width:126px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid #07567a!important;
  border-radius:11px!important;
  background:#031925!important;
  color:#fff!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn i{font-size:13px!important;color:#fff!important}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn:hover{
  border-color:var(--accent-readable)!important;
  color:var(--accent-readable)!important;
  transform:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-proof-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:15px 0 0!important;
  padding:0!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-proof-actions .btn{
  width:auto!important;
  min-width:145px!important;
  min-height:42px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid var(--accent)!important;
  border-radius:10px!important;
  background:var(--accent)!important;
  color:var(--accent-contrast)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-proof-actions .btn i{color:var(--accent-contrast)!important;font-size:13px!important}
body.client-embedded.client-v87 .client-v87-payments-page .client-v87-payment-history{
  width:100%!important;
  margin-top:14px!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .client-payment-created{
  margin:0 0 14px!important;
}
@media(max-width:980px){
  body.client-embedded.client-v87 .client-v87-payments-page{max-width:none!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-grid{grid-template-columns:220px minmax(0,1fr)!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel img{width:176px!important;height:176px!important}
}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-v87-payments-head h1{font-size:30px!important}
  body.client-embedded.client-v87 .client-v87-payments-head p{font-size:12px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-hub.pix-payment-reference{padding:17px 14px!important;border-radius:15px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head{grid-template-columns:44px minmax(0,1fr)!important;gap:11px!important;margin-bottom:15px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head>span{width:44px!important;height:44px!important;font-size:22px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head h3{font-size:24px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head p{font-size:12px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel,
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel{height:auto!important;min-height:0!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel{padding:18px 14px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel{padding:12px!important;grid-template-rows:auto!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel>.pix-data-row{min-height:68px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row{grid-template-columns:1fr!important;row-gap:11px!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn{width:100%!important;min-width:0!important}
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-proof-actions .btn{width:100%!important}
}

/* =========================================================
   V87 HOTFIX UI6 — PAGAMENTOS / COR DO MENU + CHAVE/BOTÃO
   Referência final enviada pelo cliente.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-payments-page{
  --pay-text:var(--client-menu-text,#9db0be);
  --pay-title:var(--client-menu-text,#9db0be);
}
body.client-embedded.client-v87 .client-v87-payments-head h1,
body.client-embedded.client-v87 .client-v87-payments-head p,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head small,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head h3,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head p,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-qr-panel small,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel small,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-data-panel b{
  color:var(--pay-text)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-payment-head h3,
body.client-embedded.client-v87 .client-v87-payments-head h1{
  color:var(--pay-title)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  column-gap:18px!important;
  align-items:center!important;
  justify-content:stretch!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-copy{
  width:100%!important;
  min-width:0!important;
  justify-self:stretch!important;
  text-align:left!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-copy small,
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-copy b{
  width:100%!important;
  text-align:left!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn{
  width:126px!important;
  min-width:126px!important;
  justify-self:end!important;
  align-self:center!important;
  color:var(--pay-text)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn i{
  color:var(--pay-text)!important;
}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row{
    grid-template-columns:1fr!important;
    row-gap:12px!important;
  }
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row .btn{
    width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
  }
}


/* =========================================================
   V87 HOTFIX UI7 — PIX KEY INLINE LOCK
   Chave à esquerda + botão à direita na mesma linha.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row{
  display:block!important;
  min-width:0!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-row>small{
  display:block!important;
  width:100%!important;
  margin:0 0 7px!important;
  text-align:left!important;
  color:var(--pay-text)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline>b{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  color:var(--pay-text)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline>.btn{
  flex:0 0 126px!important;
  width:126px!important;
  min-width:126px!important;
  min-height:42px!important;
  margin:0!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  color:var(--pay-text)!important;
}
body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline>.btn i{
  color:var(--pay-text)!important;
}
@media(max-width:560px){
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline{
    gap:10px!important;
  }
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline>.btn{
    flex-basis:112px!important;
    width:112px!important;
    min-width:112px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
  body.client-embedded.client-v87 .client-v87-payments-page .pix-payment-reference .pix-key-inline>b{
    font-size:12px!important;
  }
}

/* =========================================================
   V87 UPDATE UI8 — MUONLINE LAUNCHER DELIVERY CENTER
   Entrega individual: painel, licença, versão e 2 downloads.
   ========================================================= */
body.client-embedded.client-v87 .client-launcher-delivery{
  margin-top:18px;
  padding:18px;
  border:1px solid rgba(114,176,224,.18);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(8,27,40,.96),rgba(7,20,31,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.client-embedded.client-v87 .client-launcher-delivery>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:14px;
  margin-bottom:14px;
  border-bottom:1px solid rgba(114,176,224,.12);
}
body.client-embedded.client-v87 .client-launcher-delivery>header small,
body.client-embedded.client-v87 .client-launcher-info>small{
  display:block;
  color:var(--accent-readable);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body.client-embedded.client-v87 .client-launcher-delivery>header h4{
  margin:4px 0 0;
  color:var(--client-text);
  font-size:17px;
  font-weight:700;
}
body.client-embedded.client-v87 .client-launcher-delivery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.client-embedded.client-v87 .client-launcher-delivery-grid article{
  min-width:0;
  min-height:78px;
  padding:13px 14px;
  border:1px solid rgba(114,176,224,.13);
  border-radius:13px;
  background:rgba(3,17,27,.56);
}
body.client-embedded.client-v87 .client-launcher-delivery-grid article:first-child{
  grid-column:1/-1;
}
body.client-embedded.client-v87 .client-launcher-delivery-grid small{
  display:block;
  margin-bottom:6px;
  color:var(--client-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
}
body.client-embedded.client-v87 .client-launcher-delivery-grid strong,
body.client-embedded.client-v87 .client-launcher-delivery-grid strong a,
body.client-embedded.client-v87 .client-launcher-delivery-grid code{
  color:var(--client-text);
  font-size:13px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
body.client-embedded.client-v87 .client-launcher-delivery-grid article>span{
  display:block;
  margin-top:5px;
  color:var(--client-muted);
  font-size:11px;
}
body.client-embedded.client-v87 .client-launcher-info{
  margin-top:10px;
  padding:14px 15px;
  border:1px solid rgba(114,176,224,.13);
  border-radius:13px;
  background:rgba(3,17,27,.56);
}
body.client-embedded.client-v87 .client-launcher-info p{
  margin:7px 0 0;
  color:var(--client-text);
  font-size:13px;
  line-height:1.6;
}
body.client-embedded.client-v87 .client-launcher-downloads{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
body.client-embedded.client-v87 .client-launcher-download{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 34px;
  align-items:center;
  gap:10px;
  min-height:76px;
  padding:12px;
  border:1px solid rgba(114,176,224,.14);
  border-radius:13px;
  background:rgba(3,17,27,.62);
  color:var(--client-text);
  text-decoration:none;
  transition:.18s ease;
}
body.client-embedded.client-v87 .client-launcher-download>i:first-child{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:11px;
  background:rgba(var(--accent-rgb),.12);
  color:var(--accent-readable);
  font-size:19px;
}
body.client-embedded.client-v87 .client-launcher-download span{min-width:0}
body.client-embedded.client-v87 .client-launcher-download b{
  display:block;
  color:var(--client-text);
  font-size:13px;
}
body.client-embedded.client-v87 .client-launcher-download small{
  display:block;
  margin-top:3px;
  color:var(--client-muted);
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.client-embedded.client-v87 .client-launcher-download>i:last-child{color:var(--client-muted)}
body.client-embedded.client-v87 .client-launcher-download.active:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--accent-rgb),.48);
  background:rgba(var(--accent-rgb),.055);
}
body.client-embedded.client-v87 .client-launcher-download.disabled{
  opacity:.52;
  pointer-events:none;
}
body.client-embedded.client-v87 .client-launcher-wait{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:14px;
  border:1px dashed rgba(114,176,224,.19);
  border-radius:13px;
  background:rgba(3,17,27,.45);
}
body.client-embedded.client-v87 .client-launcher-wait i{color:var(--accent-readable);font-size:20px}
body.client-embedded.client-v87 .client-launcher-wait p{margin:0;color:var(--client-muted);font-size:12px;line-height:1.55}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-launcher-delivery-grid,
  body.client-embedded.client-v87 .client-launcher-downloads{grid-template-columns:1fr}
  body.client-embedded.client-v87 .client-launcher-delivery-grid article:first-child{grid-column:auto}
}

/* =========================================================
   V88 — LAUNCHER CLIENT CENTER PRO
   Central premium de Launchers na Área do Cliente.
   ========================================================= */
body.client-embedded.client-v88 .launcher-v88-page{
  --launcher-line:color-mix(in srgb,var(--client-menu-text) 18%,transparent);
  --launcher-soft:color-mix(in srgb,var(--client-surface) 88%,#000 12%);
  --launcher-deep:color-mix(in srgb,var(--client-bg) 92%,#000 8%);
  display:grid;
  gap:18px;
  width:100%;
  min-width:0;
  color:var(--client-text);
}
body.client-embedded.client-v88 .launcher-v88-page section,
body.client-embedded.client-v88 .launcher-v88-page article,
body.client-embedded.client-v88 .launcher-v88-page header,
body.client-embedded.client-v88 .launcher-v88-page footer{padding-top:0;padding-bottom:0}
body.client-embedded.client-v88 .launcher-v88-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) 270px;
  align-items:center;
  gap:28px;
  min-height:270px;
  padding:30px!important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--launcher-line));
  border-radius:22px;
  background:
    radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%),
    linear-gradient(135deg,color-mix(in srgb,var(--client-surface) 92%,#000 8%),color-mix(in srgb,var(--client-bg) 94%,#000 6%));
  box-shadow:0 18px 48px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03);
}
body.client-embedded.client-v88 .launcher-v88-hero::before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-125px;
  bottom:-210px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 44px color-mix(in srgb,var(--accent) 6%,transparent),0 0 0 88px color-mix(in srgb,var(--accent) 3%,transparent);
  pointer-events:none;
}
body.client-embedded.client-v88 .launcher-v88-hero-copy,
body.client-embedded.client-v88 .launcher-v88-hero-panel{position:relative;z-index:1;min-width:0}
body.client-embedded.client-v88 .launcher-v88-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:var(--accent-readable);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
body.client-embedded.client-v88 .launcher-v88-hero h1{
  margin:0;
  color:var(--client-text);
  font-size:clamp(32px,3.2vw,46px);
  line-height:1.04;
  font-weight:750;
  letter-spacing:-.04em;
}
body.client-embedded.client-v88 .launcher-v88-hero h1 span{color:var(--accent-readable)}
body.client-embedded.client-v88 .launcher-v88-hero-copy>p{
  max-width:720px;
  margin:13px 0 0;
  color:var(--client-muted);
  font-size:14px;
  line-height:1.65;
}
body.client-embedded.client-v88 .launcher-v88-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
body.client-embedded.client-v88 .launcher-v88-hero-actions .btn{min-height:43px;padding:0 16px;border-radius:11px;font-size:12px;font-weight:750}
body.client-embedded.client-v88 .launcher-v88-hero-panel{
  display:flex;
  align-items:center;
  gap:15px;
  min-height:126px;
  padding:18px!important;
  border:1px solid var(--launcher-line);
  border-radius:18px;
  background:rgba(3,14,22,.58);
  backdrop-filter:blur(8px);
}
body.client-embedded.client-v88 .launcher-v88-orb{
  display:grid;
  place-items:center;
  flex:0 0 70px;
  width:70px;
  height:70px;
  border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);
  border-radius:20px;
  background:color-mix(in srgb,var(--accent) 10%,transparent);
  box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--accent) 4%,transparent);
}
body.client-embedded.client-v88 .launcher-v88-orb span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent);color:var(--accent-contrast);font-size:22px}
body.client-embedded.client-v88 .launcher-v88-hero-panel small{display:block;color:var(--client-muted);font-size:10px;font-weight:800;letter-spacing:.1em}
body.client-embedded.client-v88 .launcher-v88-hero-panel strong{display:block;margin-top:4px;color:var(--client-text);font-size:18px;line-height:1.2}
body.client-embedded.client-v88 .launcher-v88-hero-panel em{display:flex;align-items:center;gap:7px;margin-top:10px;color:#56e7b0;font-size:11px;font-style:normal;font-weight:700}
body.client-embedded.client-v88 .launcher-v88-hero-panel em i{width:7px;height:7px;border-radius:50%;background:#3ee5a0;box-shadow:0 0 0 4px rgba(62,229,160,.09)}

body.client-embedded.client-v88 .launcher-v88-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
body.client-embedded.client-v88 .launcher-v88-metrics>article{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:104px;
  padding:15px!important;
  border:1px solid var(--launcher-line);
  border-radius:16px;
  background:linear-gradient(160deg,color-mix(in srgb,var(--client-surface) 92%,#000 8%),color-mix(in srgb,var(--client-bg) 88%,#000 12%));
}
body.client-embedded.client-v88 .launcher-v88-metrics>article>span{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
  background:color-mix(in srgb,var(--accent) 10%,transparent);
  color:var(--accent-readable);
  font-size:18px;
}
body.client-embedded.client-v88 .launcher-v88-metrics div{min-width:0}
body.client-embedded.client-v88 .launcher-v88-metrics small{display:block;color:var(--client-muted);font-size:9px;font-weight:800;letter-spacing:.08em}
body.client-embedded.client-v88 .launcher-v88-metrics strong{display:block;margin-top:2px;color:var(--client-text);font-size:20px;line-height:1.2}
body.client-embedded.client-v88 .launcher-v88-metrics p{margin:3px 0 0;color:var(--client-muted);font-size:10px;line-height:1.35}

body.client-embedded.client-v88 .launcher-v88-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:4px 2px 0;
}
body.client-embedded.client-v88 .launcher-v88-section-title>div>span{color:var(--accent-readable);font-size:10px;font-weight:850;letter-spacing:.12em}
body.client-embedded.client-v88 .launcher-v88-section-title h2{margin:3px 0 0;color:var(--client-text);font-size:23px;line-height:1.15;font-weight:750}
body.client-embedded.client-v88 .launcher-v88-section-title p{margin:6px 0 0;color:var(--client-muted);font-size:12px}
body.client-embedded.client-v88 .launcher-v88-secure{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--launcher-line);border-radius:10px;background:color-mix(in srgb,var(--client-surface) 80%,transparent);color:var(--client-muted);font-size:10px;font-weight:700;white-space:nowrap}
body.client-embedded.client-v88 .launcher-v88-secure i{color:#4fe1ae}
body.client-embedded.client-v88 .launcher-v88-list{display:grid;gap:16px;min-width:0}

body.client-embedded.client-v88 .launcher-v88-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--launcher-line);
  border-radius:20px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--client-surface) 96%,#000 4%),color-mix(in srgb,var(--client-bg) 96%,#000 4%));
  box-shadow:0 16px 40px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.02);
}
body.client-embedded.client-v88 .launcher-v88-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:.9}
body.client-embedded.client-v88 .launcher-v88-card.is-pending::before{opacity:.45}
body.client-embedded.client-v88 .launcher-v88-card.is-expired::before{background:#e36b6b}
body.client-embedded.client-v88 .launcher-v88-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:20px 20px 18px 22px!important;
  border-bottom:1px solid var(--launcher-line);
}
body.client-embedded.client-v88 .launcher-v88-product{display:flex;align-items:center;gap:16px;min-width:0}
body.client-embedded.client-v88 .launcher-v88-product-media{
  position:relative;
  overflow:hidden;
  flex:0 0 142px;
  width:142px;
  height:92px;
  border:1px solid var(--launcher-line);
  border-radius:15px;
  background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),#08131d;
}
body.client-embedded.client-v88 .launcher-v88-product-media img{width:100%;height:100%;object-fit:cover;display:block}
body.client-embedded.client-v88 .launcher-v88-product-media>span{display:grid;place-items:center;width:100%;height:100%;color:var(--accent-readable);font-size:30px}
body.client-embedded.client-v88 .launcher-v88-product-media em{position:absolute;left:7px;bottom:7px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 14px);padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:rgba(3,9,14,.84);color:#dfeaf2;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.07em;white-space:nowrap}
body.client-embedded.client-v88 .launcher-v88-product-media em i{color:var(--accent-readable)}
body.client-embedded.client-v88 .launcher-v88-product-copy{min-width:0}
body.client-embedded.client-v88 .launcher-v88-product-copy>small{display:block;color:var(--client-muted);font-size:10px;font-weight:750;letter-spacing:.07em}
body.client-embedded.client-v88 .launcher-v88-product-copy h3{margin:4px 0 0;color:var(--client-text);font-size:22px;line-height:1.15;font-weight:750;letter-spacing:-.02em}
body.client-embedded.client-v88 .launcher-v88-product-copy>p{max-width:660px;margin:6px 0 0;color:var(--client-muted);font-size:12px;line-height:1.5}
body.client-embedded.client-v88 .launcher-v88-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
body.client-embedded.client-v88 .launcher-v88-tags span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--launcher-line);border-radius:8px;background:rgba(2,13,20,.45);color:var(--client-menu-text);font-size:10px;font-weight:650}
body.client-embedded.client-v88 .launcher-v88-tags i{color:var(--accent-readable)}
body.client-embedded.client-v88 .launcher-v88-price{flex:0 0 150px;text-align:right}
body.client-embedded.client-v88 .launcher-v88-price>small{display:block;color:var(--client-muted);font-size:9px;font-weight:800;letter-spacing:.08em}
body.client-embedded.client-v88 .launcher-v88-price>strong{display:block;margin:3px 0 8px;color:var(--client-text);font-size:20px}
body.client-embedded.client-v88 .launcher-v88-price .status{display:inline-flex}

body.client-embedded.client-v88 .launcher-v88-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  padding:0 20px 0 22px!important;
  background:var(--launcher-line);
  border-bottom:1px solid var(--launcher-line);
}
body.client-embedded.client-v88 .launcher-v88-facts>article{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:78px;
  padding:12px 14px!important;
  background:var(--launcher-deep);
}
body.client-embedded.client-v88 .launcher-v88-facts>article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent-readable);font-size:15px}
body.client-embedded.client-v88 .launcher-v88-facts small{display:block;color:var(--client-muted);font-size:9px;font-weight:800;letter-spacing:.07em}
body.client-embedded.client-v88 .launcher-v88-facts strong{display:block;margin-top:3px;color:var(--client-text);font-size:12px;line-height:1.35;overflow-wrap:anywhere}

body.client-embedded.client-v88 .launcher-v88-state{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:16px 20px 0 22px;
  padding:15px!important;
  border:1px solid var(--launcher-line);
  border-radius:14px;
  background:rgba(4,17,26,.6);
}
body.client-embedded.client-v88 .launcher-v88-state>span{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-readable);font-size:21px}
body.client-embedded.client-v88 .launcher-v88-state small{display:block;color:var(--accent-readable);font-size:9px;font-weight:850;letter-spacing:.1em}
body.client-embedded.client-v88 .launcher-v88-state h4{margin:3px 0 0;color:var(--client-text);font-size:16px}
body.client-embedded.client-v88 .launcher-v88-state p{margin:5px 0 0;color:var(--client-muted);font-size:11px;line-height:1.5}
body.client-embedded.client-v88 .launcher-v88-state.pending>em{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--launcher-line);border-radius:9px;color:var(--client-menu-text);font-size:10px;font-style:normal;font-weight:700;white-space:nowrap}
body.client-embedded.client-v88 .launcher-v88-state.pending>em i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
body.client-embedded.client-v88 .launcher-v88-state.expired>span{background:rgba(227,107,107,.1);color:#ee8585}

body.client-embedded.client-v88 .launcher-v88-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);
  gap:12px;
  margin:16px 20px 0 22px;
}
body.client-embedded.client-v88 .launcher-v88-access-card,
body.client-embedded.client-v88 .launcher-v88-license-card,
body.client-embedded.client-v88 .launcher-v88-info,
body.client-embedded.client-v88 .launcher-v88-download-center{
  min-width:0;
  border:1px solid var(--launcher-line);
  border-radius:15px;
  background:rgba(3,15,24,.62);
}
body.client-embedded.client-v88 .launcher-v88-access-card>header,
body.client-embedded.client-v88 .launcher-v88-license-card>header,
body.client-embedded.client-v88 .launcher-v88-info>header{
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 14px!important;
  border-bottom:1px solid var(--launcher-line);
}
body.client-embedded.client-v88 .launcher-v88-access-card>header>span,
body.client-embedded.client-v88 .launcher-v88-license-card>header>span,
body.client-embedded.client-v88 .launcher-v88-info>header>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-readable);font-size:17px}
body.client-embedded.client-v88 .launcher-v88-access-card header div,
body.client-embedded.client-v88 .launcher-v88-license-card header div,
body.client-embedded.client-v88 .launcher-v88-info header div{min-width:0}
body.client-embedded.client-v88 .launcher-v88-access-card header small,
body.client-embedded.client-v88 .launcher-v88-license-card header small,
body.client-embedded.client-v88 .launcher-v88-info header small{display:block;color:var(--client-muted);font-size:9px;font-weight:850;letter-spacing:.08em}
body.client-embedded.client-v88 .launcher-v88-access-card header h4,
body.client-embedded.client-v88 .launcher-v88-license-card header h4,
body.client-embedded.client-v88 .launcher-v88-info header h4{margin:2px 0 0;color:var(--client-text);font-size:15px}
body.client-embedded.client-v88 .launcher-v88-open-panel{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--launcher-line));border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--client-text);font-size:10px;font-weight:700;text-decoration:none}
body.client-embedded.client-v88 .launcher-v88-open-panel i{color:var(--accent-readable)}
body.client-embedded.client-v88 .launcher-v88-access-list{display:grid;padding:4px 14px 12px}
body.client-embedded.client-v88 .launcher-v88-access-list>div{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:11px 0;
  border-bottom:1px solid color-mix(in srgb,var(--launcher-line) 72%,transparent);
}
body.client-embedded.client-v88 .launcher-v88-access-list>div:last-child{border-bottom:0}
body.client-embedded.client-v88 .launcher-v88-access-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(9,30,44,.72);color:var(--accent-readable);font-size:14px}
body.client-embedded.client-v88 .launcher-v88-access-list>div>div{min-width:0}
body.client-embedded.client-v88 .launcher-v88-access-list small{display:block;color:var(--client-muted);font-size:9px;font-weight:800;letter-spacing:.07em}
body.client-embedded.client-v88 .launcher-v88-access-list strong{display:block;margin-top:3px;color:var(--client-text);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
body.client-embedded.client-v88 .launcher-v88-access-list button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  padding:0 9px;
  border:1px solid var(--launcher-line);
  border-radius:8px;
  background:rgba(5,20,31,.7);
  color:var(--client-menu-text);
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
body.client-embedded.client-v88 .launcher-v88-access-list button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--launcher-line));color:var(--client-text)}
body.client-embedded.client-v88 .launcher-v88-access-list button i{color:var(--accent-readable)}
body.client-embedded.client-v88 .launcher-v88-row-actions{display:flex;gap:5px}

body.client-embedded.client-v88 .launcher-v88-license-card{display:flex;flex-direction:column}
body.client-embedded.client-v88 .launcher-v88-license-ring{
  display:grid;
  place-items:center;
  width:126px;
  height:126px;
  margin:18px auto 12px;
  border-radius:50%;
  background:conic-gradient(var(--accent) 0 82%,color-mix(in srgb,var(--client-menu-text) 12%,transparent) 82% 100%);
  box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 5%,transparent);
}
body.client-embedded.client-v88 .launcher-v88-license-ring>div{display:grid;place-items:center;width:106px;height:106px;border-radius:50%;background:var(--launcher-deep);text-align:center}
body.client-embedded.client-v88 .launcher-v88-license-ring strong{display:block;color:var(--client-text);font-size:28px;line-height:1}
body.client-embedded.client-v88 .launcher-v88-license-ring small{display:block;margin-top:5px;color:var(--client-muted);font-size:9px}
body.client-embedded.client-v88 .launcher-v88-license-card dl{display:grid;gap:0;margin:auto 14px 14px}
body.client-embedded.client-v88 .launcher-v88-license-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--launcher-line)}
body.client-embedded.client-v88 .launcher-v88-license-card dt{color:var(--client-muted);font-size:10px;font-weight:600}
body.client-embedded.client-v88 .launcher-v88-license-card dd{margin:0;color:var(--client-text);font-size:10px;font-weight:750;text-align:right}

body.client-embedded.client-v88 .launcher-v88-info{margin:12px 20px 0 22px}
body.client-embedded.client-v88 .launcher-v88-info>div{padding:13px 14px;color:var(--client-menu-text);font-size:12px;line-height:1.65}

body.client-embedded.client-v88 .launcher-v88-download-center{margin:12px 20px 0 22px;overflow:hidden}
body.client-embedded.client-v88 .launcher-v88-download-center>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px!important;border-bottom:1px solid var(--launcher-line)}
body.client-embedded.client-v88 .launcher-v88-download-center header small{display:block;color:var(--accent-readable);font-size:9px;font-weight:850;letter-spacing:.09em}
body.client-embedded.client-v88 .launcher-v88-download-center header h4{margin:2px 0 0;color:var(--client-text);font-size:15px}
body.client-embedded.client-v88 .launcher-v88-download-center header p{margin:4px 0 0;color:var(--client-muted);font-size:10px}
body.client-embedded.client-v88 .launcher-v88-download-center>header>span{display:inline-flex;align-items:center;gap:6px;color:#55dfae;font-size:9px;font-weight:700;white-space:nowrap}
body.client-embedded.client-v88 .launcher-v88-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
body.client-embedded.client-v88 .launcher-v88-download{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 34px;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:86px;
  padding:12px;
  border:1px solid var(--launcher-line);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(7,27,40,.82),rgba(4,18,28,.72));
  color:var(--client-text);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
body.client-embedded.client-v88 .launcher-v88-download.active:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 55%,var(--launcher-line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,rgba(7,27,40,.82)),rgba(4,18,28,.82))}
body.client-embedded.client-v88 .launcher-v88-download.disabled{opacity:.5;pointer-events:none}
body.client-embedded.client-v88 .launcher-v88-download-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-readable);font-size:20px}
body.client-embedded.client-v88 .launcher-v88-download-icon.update{background:rgba(89,130,246,.11);color:#82a5ff}
body.client-embedded.client-v88 .launcher-v88-download>div{min-width:0}
body.client-embedded.client-v88 .launcher-v88-download small{display:block;color:var(--client-muted);font-size:8px;font-weight:850;letter-spacing:.08em}
body.client-embedded.client-v88 .launcher-v88-download h5{margin:3px 0 0;color:var(--client-text);font-size:13px;font-weight:750}
body.client-embedded.client-v88 .launcher-v88-download p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--client-muted);font-size:9px}
body.client-embedded.client-v88 .launcher-v88-download>em{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--client-muted);font-size:13px;font-style:normal}
body.client-embedded.client-v88 .launcher-v88-download.active:hover>em{color:var(--accent-readable)}

body.client-embedded.client-v88 .launcher-v88-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:13px 20px 15px 22px!important;
  border-top:1px solid var(--launcher-line);
  background:rgba(1,10,16,.25);
}
body.client-embedded.client-v88 .launcher-v88-card-footer>span{display:inline-flex;align-items:center;gap:6px;color:var(--client-muted);font-size:9px}
body.client-embedded.client-v88 .launcher-v88-card-footer>span i{color:#54dcaa}
body.client-embedded.client-v88 .launcher-v88-card-footer>div{display:flex;flex-wrap:wrap;gap:7px}
body.client-embedded.client-v88 .launcher-v88-card-footer .btn{min-height:34px;padding:0 10px;border-radius:8px;font-size:9px}

body.client-embedded.client-v88 .launcher-v88-empty{
  display:grid;
  grid-template-columns:68px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:20px!important;
  border:1px dashed color-mix(in srgb,var(--accent) 28%,var(--launcher-line));
  border-radius:18px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--client-surface) 90%,#000 10%),color-mix(in srgb,var(--client-bg) 94%,#000 6%));
}
body.client-embedded.client-v88 .launcher-v88-empty>span{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent-readable);font-size:28px}
body.client-embedded.client-v88 .launcher-v88-empty small{color:var(--accent-readable);font-size:9px;font-weight:850;letter-spacing:.1em}
body.client-embedded.client-v88 .launcher-v88-empty h3{margin:3px 0 0;color:var(--client-text);font-size:17px}
body.client-embedded.client-v88 .launcher-v88-empty p{margin:5px 0 0;color:var(--client-muted);font-size:11px;line-height:1.5}

@media(max-width:1180px){
  body.client-embedded.client-v88 .launcher-v88-hero{grid-template-columns:minmax(0,1fr) 235px;padding:24px!important}
  body.client-embedded.client-v88 .launcher-v88-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.client-embedded.client-v88 .launcher-v88-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.client-embedded.client-v88 .launcher-v88-control-grid{grid-template-columns:minmax(0,1.25fr) minmax(245px,.75fr)}
}
@media(max-width:900px){
  body.client-embedded.client-v88 .launcher-v88-hero{grid-template-columns:1fr;min-height:0}
  body.client-embedded.client-v88 .launcher-v88-hero-panel{max-width:340px}
  body.client-embedded.client-v88 .launcher-v88-card-top{align-items:flex-start}
  body.client-embedded.client-v88 .launcher-v88-product-media{flex-basis:118px;width:118px;height:82px}
  body.client-embedded.client-v88 .launcher-v88-control-grid{grid-template-columns:1fr}
  body.client-embedded.client-v88 .launcher-v88-license-card{min-height:auto}
  body.client-embedded.client-v88 .launcher-v88-license-card{display:grid;grid-template-columns:minmax(0,1fr) 150px}
  body.client-embedded.client-v88 .launcher-v88-license-card>header{grid-column:1/-1}
  body.client-embedded.client-v88 .launcher-v88-license-ring{grid-column:2;grid-row:2;margin:14px auto}
  body.client-embedded.client-v88 .launcher-v88-license-card dl{grid-column:1;grid-row:2;margin:8px 14px 14px}
}
@media(max-width:680px){
  body.client-embedded.client-v88 .launcher-v88-page{gap:14px}
  body.client-embedded.client-v88 .launcher-v88-hero{padding:20px!important;border-radius:17px}
  body.client-embedded.client-v88 .launcher-v88-hero h1{font-size:32px}
  body.client-embedded.client-v88 .launcher-v88-hero-copy>p{font-size:13px}
  body.client-embedded.client-v88 .launcher-v88-hero-actions{display:grid;grid-template-columns:1fr}
  body.client-embedded.client-v88 .launcher-v88-hero-actions .btn{width:100%}
  body.client-embedded.client-v88 .launcher-v88-hero-panel{max-width:none;width:100%}
  body.client-embedded.client-v88 .launcher-v88-metrics{grid-template-columns:1fr 1fr;gap:8px}
  body.client-embedded.client-v88 .launcher-v88-metrics>article{min-height:94px;padding:12px!important;align-items:flex-start}
  body.client-embedded.client-v88 .launcher-v88-metrics>article>span{flex-basis:36px;width:36px;height:36px}
  body.client-embedded.client-v88 .launcher-v88-metrics p{display:none}
  body.client-embedded.client-v88 .launcher-v88-section-title{align-items:flex-start;flex-direction:column}
  body.client-embedded.client-v88 .launcher-v88-card{border-radius:17px}
  body.client-embedded.client-v88 .launcher-v88-card-top{display:grid;gap:14px;padding:16px!important}
  body.client-embedded.client-v88 .launcher-v88-product{align-items:flex-start}
  body.client-embedded.client-v88 .launcher-v88-product-media{flex:0 0 92px;width:92px;height:76px;border-radius:12px}
  body.client-embedded.client-v88 .launcher-v88-product-copy h3{font-size:18px}
  body.client-embedded.client-v88 .launcher-v88-price{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;flex-basis:auto;padding-top:10px;border-top:1px solid var(--launcher-line)}
  body.client-embedded.client-v88 .launcher-v88-price>small{display:none}
  body.client-embedded.client-v88 .launcher-v88-price>strong{margin:0;font-size:16px}
  body.client-embedded.client-v88 .launcher-v88-facts{grid-template-columns:1fr;padding:0 16px!important;background:transparent}
  body.client-embedded.client-v88 .launcher-v88-facts>article{min-height:62px;padding:10px 0!important;border-bottom:1px solid var(--launcher-line)}
  body.client-embedded.client-v88 .launcher-v88-facts>article:last-child{border-bottom:0}
  body.client-embedded.client-v88 .launcher-v88-state,
  body.client-embedded.client-v88 .launcher-v88-control-grid,
  body.client-embedded.client-v88 .launcher-v88-info,
  body.client-embedded.client-v88 .launcher-v88-download-center{margin-left:16px;margin-right:16px}
  body.client-embedded.client-v88 .launcher-v88-state{grid-template-columns:46px minmax(0,1fr);padding:13px!important}
  body.client-embedded.client-v88 .launcher-v88-state>.btn,
  body.client-embedded.client-v88 .launcher-v88-state>em{grid-column:1/-1;width:100%;justify-content:center}
  body.client-embedded.client-v88 .launcher-v88-access-card>header{align-items:flex-start;flex-wrap:wrap}
  body.client-embedded.client-v88 .launcher-v88-open-panel{margin-left:49px}
  body.client-embedded.client-v88 .launcher-v88-access-list>div{grid-template-columns:34px minmax(0,1fr);align-items:start}
  body.client-embedded.client-v88 .launcher-v88-access-list>div>button,
  body.client-embedded.client-v88 .launcher-v88-access-list>div>.launcher-v88-row-actions{grid-column:2;justify-content:flex-start}
  body.client-embedded.client-v88 .launcher-v88-license-card{display:block}
  body.client-embedded.client-v88 .launcher-v88-license-ring{margin:16px auto}
  body.client-embedded.client-v88 .launcher-v88-license-card dl{margin:0 14px 14px}
  body.client-embedded.client-v88 .launcher-v88-download-center>header{align-items:flex-start;flex-direction:column}
  body.client-embedded.client-v88 .launcher-v88-download-grid{grid-template-columns:1fr}
  body.client-embedded.client-v88 .launcher-v88-card-footer{align-items:flex-start;flex-direction:column;padding:13px 16px 15px!important}
  body.client-embedded.client-v88 .launcher-v88-card-footer>div{width:100%}
  body.client-embedded.client-v88 .launcher-v88-card-footer .btn{flex:1}
  body.client-embedded.client-v88 .launcher-v88-empty{grid-template-columns:54px minmax(0,1fr);padding:16px!important}
  body.client-embedded.client-v88 .launcher-v88-empty>span{width:52px;height:52px;border-radius:14px;font-size:22px}
  body.client-embedded.client-v88 .launcher-v88-empty>.btn{grid-column:1/-1;width:100%}
}
@media(max-width:430px){
  body.client-embedded.client-v88 .launcher-v88-metrics{grid-template-columns:1fr}
  body.client-embedded.client-v88 .launcher-v88-product{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px}
  body.client-embedded.client-v88 .launcher-v88-product-media{width:78px;height:70px}
  body.client-embedded.client-v88 .launcher-v88-tags{grid-column:1/-1}
  body.client-embedded.client-v88 .launcher-v88-download{grid-template-columns:42px minmax(0,1fr) 30px;padding:10px}
  body.client-embedded.client-v88 .launcher-v88-download-icon{width:42px;height:42px}
}


/* =========================================================
   V89 — LAUNCHER CENTER REFERENCE MATCH
   Compactação e composição visual alinhadas à referência aprovada.
   ========================================================= */
body.client-embedded.client-v89 .launcher-v88-page{
  padding:0!important;
  margin:0!important;
  gap:12px!important;
}
body.client-embedded.client-v89 .launcher-v88-hero{
  grid-template-columns:minmax(0,1.18fr) 170px 270px!important;
  gap:20px!important;
  min-height:268px!important;
  padding:28px 30px!important;
}
body.client-embedded.client-v89 .launcher-v89-hero-mark{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-width:0;
}
body.client-embedded.client-v89 .launcher-v89-hero-mark span{
  display:block;
  font-family:Arial Black,Arial,sans-serif;
  font-size:92px;
  line-height:.8;
  font-weight:900;
  letter-spacing:-.16em;
  transform:skewX(-8deg);
  padding-right:14px;
  background:linear-gradient(180deg,#fff36a 0%,#ffc400 28%,var(--accent) 66%,var(--accent) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 24px rgba(var(--accent-rgb),.16);
  filter:drop-shadow(0 0 1px var(--accent));
}
body.client-embedded.client-v89 .launcher-v88-section-title{
  margin:0!important;
  padding:0 5px!important;
}
body.client-embedded.client-v89 .launcher-v88-section-title h2{margin-top:2px!important}
body.client-embedded.client-v89 .launcher-v88-list{gap:12px!important}
body.client-embedded.client-v89 .launcher-v88-card{margin:0!important}
body.client-embedded.client-v89 .launcher-v88-card-top{padding:18px 20px!important}
body.client-embedded.client-v89 .launcher-v88-control-grid{margin-top:0!important}
body.client-embedded.client-v89 .launcher-v88-state{margin-top:0!important}
body.client-embedded.client-v89 .launcher-v88-info{margin-top:12px!important}
body.client-embedded.client-v89 .launcher-v88-download-center{margin-top:12px!important}
body.client-embedded.client-v89 .launcher-v88-card-footer{margin-top:12px!important}
@media(max-width:1180px){
  body.client-embedded.client-v89 .launcher-v88-hero{grid-template-columns:minmax(0,1fr) 120px 235px!important;gap:14px!important;padding:24px!important}
  body.client-embedded.client-v89 .launcher-v89-hero-mark span{font-size:72px}
}
@media(max-width:900px){
  body.client-embedded.client-v89 .launcher-v88-hero{grid-template-columns:1fr 220px!important}
  body.client-embedded.client-v89 .launcher-v89-hero-mark{display:none}
}
@media(max-width:680px){
  body.client-embedded.client-v89 .launcher-v88-page{gap:10px!important}
  body.client-embedded.client-v89 .launcher-v88-hero{grid-template-columns:1fr!important;padding:20px!important}
}


/* =========================================================
   V91 — LAUNCHER HERO CLEAN REFERENCE
   Remove o monograma central e mantém o topo aprovado: conteúdo à esquerda
   e Central do Launcher à direita.
   ========================================================= */
body.client-embedded.client-v91 .launcher-v88-hero{
  grid-template-columns:minmax(0,1fr) 270px!important;
  gap:22px!important;
  align-items:center!important;
}
body.client-embedded.client-v91 .launcher-v89-hero-mark{display:none!important}
body.client-embedded.client-v91 .launcher-v88-hero-copy{max-width:680px}
body.client-embedded.client-v91 .launcher-v88-hero-panel{justify-self:end;width:100%;max-width:270px}
@media(max-width:1180px){
  body.client-embedded.client-v91 .launcher-v88-hero{grid-template-columns:minmax(0,1fr) 235px!important;gap:16px!important}
  body.client-embedded.client-v91 .launcher-v88-hero-panel{max-width:235px}
}
@media(max-width:900px){
  body.client-embedded.client-v91 .launcher-v88-hero{grid-template-columns:minmax(0,1fr) 220px!important}
  body.client-embedded.client-v91 .launcher-v88-hero-panel{max-width:220px}
}
@media(max-width:680px){
  body.client-embedded.client-v91 .launcher-v88-hero{grid-template-columns:1fr!important}
  body.client-embedded.client-v91 .launcher-v88-hero-copy{max-width:none}
  body.client-embedded.client-v91 .launcher-v88-hero-panel{justify-self:stretch;max-width:none}
}

/* =========================================================
   WHWEB V94 — Institutional Premium Pages
   Sobre • Termos de Uso • Política de Privacidade
   ========================================================= */
.institutional-premium-page{position:relative;background:linear-gradient(180deg,#05080c 0%,#060a0f 44%,#05080c 100%);color:var(--site-text,#f7f9fb)}
.institutional-premium-page section{padding:0}
.institutional-premium-hero{position:relative;min-height:310px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 36%),linear-gradient(135deg,#07121b 0%,#05090d 70%);background-size:cover;background-position:center}
.institutional-premium-hero.has-cover{background-size:cover;background-position:center}
.institutional-premium-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.96) 0%,rgba(4,8,12,.88) 48%,rgba(4,8,12,.54) 100%),linear-gradient(0deg,rgba(4,8,12,.9),rgba(4,8,12,.18) 72%);pointer-events:none}
.institutional-premium-hero-inner{position:relative;z-index:1;width:100%;padding-top:104px;padding-bottom:42px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:center}
.institutional-premium-about .institutional-premium-hero-inner{grid-template-columns:minmax(0,1fr);gap:0}
.institutional-premium-icon{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#081019),#071019);box-shadow:0 18px 46px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);color:var(--accent-readable)}

.institutional-premium-icon.has-logo{padding:10px;background:linear-gradient(145deg,rgba(10,19,28,.96),rgba(5,12,18,.98))}
.institutional-premium-icon.has-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--accent) 28%,transparent))}
.institutional-premium-icon-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--accent-readable);background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 55%)}
.institutional-premium-copy{min-width:0;max-width:800px}
.institutional-premium-copy .section-kicker{font-size:10px;letter-spacing:.16em;color:var(--accent-readable);font-weight:800}
.institutional-premium-copy h1{margin:7px 0 10px;font-size:clamp(36px,4.2vw,54px)!important;line-height:1.05;letter-spacing:-.035em;font-weight:700;color:var(--site-text,#f7f9fb)}
.institutional-premium-copy p{margin:0;max-width:760px;color:color-mix(in srgb,var(--site-text,#f7f9fb) 72%,transparent);font-size:14px;line-height:1.75}
.institutional-premium-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin-top:18px;max-width:none}
.institutional-premium-trust span{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(8,16,23,.68);backdrop-filter:blur(10px);color:#c9d6e0;font-size:11px;white-space:nowrap}
.institutional-premium-trust i{color:var(--accent-readable)}
.institutional-premium-body{padding:34px 0 24px!important}
.institutional-premium-content{max-width:1040px;margin:0 auto;padding:34px 38px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(13,24,33,.95),rgba(7,14,20,.98));box-shadow:0 22px 60px rgba(0,0,0,.22);color:#c8d3dc;font-size:14px!important;line-height:1.85}
.institutional-premium-content p,.institutional-premium-content li,.institutional-premium-content td,.institutional-premium-content th,.institutional-premium-content blockquote,.institutional-premium-content a,.institutional-premium-content span,.institutional-premium-content strong,.institutional-premium-content b{font-size:14px!important;line-height:1.85}
.institutional-premium-content p{margin:0 0 15px;color:#c8d3dc}
.institutional-premium-content p:last-child{margin-bottom:0}
.institutional-premium-content h2{position:relative;margin:30px 0 12px;padding-top:2px;font-size:22px!important;line-height:1.28;letter-spacing:-.015em;color:#f4f8fb;font-weight:700}
.institutional-premium-content h2:first-child{margin-top:0}
.institutional-premium-content h3{margin:24px 0 10px;font-size:18px!important;line-height:1.35;color:#eef5fa;font-weight:700}
.institutional-premium-content h4{margin:20px 0 9px;font-size:16px!important;color:#edf4f8;font-weight:700}
.institutional-premium-content ul,.institutional-premium-content ol{margin:10px 0 18px;padding-left:22px;color:#c8d3dc}
.institutional-premium-content li{margin:6px 0;padding-left:3px}
.institutional-premium-content strong,.institutional-premium-content b{color:#f1f6fa}
.institutional-premium-content a{color:var(--accent-readable);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}
.institutional-premium-content a:hover{border-color:var(--accent-readable)}
.institutional-premium-content hr{margin:26px 0;border:0;border-top:1px solid rgba(255,255,255,.08)}
.institutional-premium-content blockquote{margin:20px 0;padding:15px 18px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:rgba(255,255,255,.025);color:#d3dde5}
.institutional-premium-content table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px}
.institutional-premium-content th,.institutional-premium-content td{padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left}
.institutional-premium-content tr:last-child td{border-bottom:0}
.institutional-premium-content th{background:rgba(255,255,255,.035);color:#eff5f9}
.institutional-connect-section{padding:10px 0 56px!important}
.institutional-connect-card{max-width:1040px;margin:0 auto;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:26px;align-items:center;border:1px solid color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.08));border-radius:22px;background:radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 34%),linear-gradient(135deg,#0b151e,#070d13);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.institutional-connect-copy .section-kicker{font-size:10px;letter-spacing:.14em;color:var(--accent-readable);font-weight:800}
.institutional-connect-copy h2{margin:6px 0 8px;font-size:27px!important;line-height:1.18;color:#f5f9fc;letter-spacing:-.02em}
.institutional-connect-copy p{margin:0;max-width:600px;color:#9fb0be;font-size:14px;line-height:1.7}
.institutional-connect-actions{display:grid;gap:12px;justify-items:end}
.institutional-socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.institutional-socials a{height:39px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#071018;color:#c9d6df;text-decoration:none;font-size:12px;transition:.18s ease}
.institutional-socials a i{font-size:15px;color:var(--accent-readable)}
.institutional-socials a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 48%,transparent);color:#fff;background:color-mix(in srgb,var(--accent) 7%,#071018)}
.institutional-contact-button{min-width:190px;justify-content:center}

@media(max-width:980px){
  .institutional-premium-hero-inner{grid-template-columns:64px minmax(0,1fr);padding-top:94px;gap:18px}
  .institutional-premium-icon{width:64px;height:64px}
  .institutional-premium-trust{justify-content:flex-start}
  .institutional-connect-card{grid-template-columns:1fr}
  .institutional-connect-actions{justify-items:start}
  .institutional-socials{justify-content:flex-start}
}
@media(max-width:720px){
  .institutional-premium-hero{min-height:280px}
  .institutional-premium-hero-inner{grid-template-columns:1fr;gap:14px;padding-top:82px;padding-bottom:30px}
  .institutional-premium-icon{width:62px;height:62px;border-radius:16px}
  .institutional-premium-trust{margin-top:14px;gap:7px}
  .institutional-premium-copy h1{font-size:36px!important}
  .institutional-premium-trust span{font-size:10px;min-height:34px}
  .institutional-premium-body{padding:22px 0 18px!important}
  .institutional-premium-content{padding:23px 20px;border-radius:17px}
  .institutional-premium-content h2{font-size:20px!important}
  .institutional-premium-content h3{font-size:17px!important}
  .institutional-connect-section{padding:4px 0 36px!important}
  .institutional-connect-card{padding:22px 20px;border-radius:17px}
  .institutional-connect-copy h2{font-size:24px!important}
  .institutional-socials{width:100%}
  .institutional-socials a{flex:1 1 125px;justify-content:center}
  .institutional-contact-button{width:100%}
}


/* =========================================================
   WHWEB V95 — Marketplace Download Center Pro
   ========================================================= */
body.client-v95 .download-v95-page{display:grid;gap:18px}
body.client-v95 .download-v95-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:center;padding:28px 30px;border:1px solid rgba(var(--accent-rgb),.38);border-radius:22px;background:linear-gradient(135deg,rgba(6,22,34,.98),rgba(5,14,23,.98) 58%,rgba(43,24,12,.82));box-shadow:0 18px 45px rgba(0,0,0,.2)}
body.client-v95 .download-v95-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;right:-125px;bottom:-220px;box-shadow:0 0 0 56px rgba(var(--accent-rgb),.035)}
body.client-v95 .download-v95-hero>div,body.client-v95 .download-v95-hero>aside{position:relative;z-index:1}
body.client-v95 .download-v95-hero>div>span,.download-v95-library>header span{display:block;color:var(--accent-readable);font-size:11px;font-weight:800;letter-spacing:.14em}
body.client-v95 .download-v95-hero h1{margin:7px 0 8px;font-size:36px;line-height:1.05;color:var(--client-text);font-weight:700}
body.client-v95 .download-v95-hero p{margin:0;max-width:720px;color:var(--client-muted);font-size:14px;line-height:1.65}
body.client-v95 .download-v95-hero>aside{display:grid;gap:4px;padding:18px 20px;border:1px solid rgba(123,174,209,.2);border-radius:17px;background:rgba(4,15,24,.72)}
body.client-v95 .download-v95-hero>aside small{font-size:10px;letter-spacing:.11em;color:var(--client-muted);font-weight:800}
body.client-v95 .download-v95-hero>aside strong{font-size:30px;line-height:1;color:var(--client-text)}
body.client-v95 .download-v95-hero>aside em{font-style:normal;font-size:11px;color:#40e8b5;margin-top:5px}
body.client-v95 .download-v95-detail{display:grid;gap:14px;padding:16px 18px 0;border:1px solid rgba(100,163,202,.22);border-left:3px solid var(--accent);border-radius:20px;background:linear-gradient(145deg,rgba(5,19,30,.98),rgba(3,13,22,.98));overflow:hidden}
body.client-v95 .download-v95-back{display:inline-flex;align-items:center;gap:8px;width:max-content;color:var(--client-muted);font-size:12px;text-decoration:none}
body.client-v95 .download-v95-back:hover{color:var(--accent-readable)}
body.client-v95 .download-v95-detail-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;padding:4px 0 18px}
body.client-v95 .download-v95-product-media{position:relative;min-height:220px;border:1px solid rgba(100,163,202,.18);border-radius:16px;background:#06121d;overflow:hidden;display:grid;place-items:center}
body.client-v95 .download-v95-product-media img{width:100%;height:100%;min-height:220px;object-fit:cover}
body.client-v95 .download-v95-product-media>span{font-size:56px;color:var(--accent-readable)}
body.client-v95 .download-v95-product-media>em{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:9px;background:#07131d;border:1px solid rgba(255,255,255,.12);font-style:normal;font-size:10px;font-weight:800;letter-spacing:.07em}
body.client-v95 .download-v95-product-media>em.ready{color:#35e7aa;border-color:rgba(53,231,170,.32)}body.client-v95 .download-v95-product-media>em.pending{color:#ffc45b;border-color:rgba(255,196,91,.32)}body.client-v95 .download-v95-product-media>em.expired{color:#ff7680;border-color:rgba(255,118,128,.3)}
body.client-v95 .download-v95-product-info{min-width:0;display:flex;flex-direction:column;justify-content:center}
body.client-v95 .download-v95-order{font-size:10px;color:#75a7c6;font-weight:800;letter-spacing:.09em}
body.client-v95 .download-v95-product-info h2{margin:7px 0 8px;color:var(--client-text);font-size:28px;line-height:1.12}
body.client-v95 .download-v95-product-info>p{margin:0 0 16px;color:var(--client-muted);font-size:13px;line-height:1.65;max-width:780px}
body.client-v95 .download-v95-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:17px}
body.client-v95 .download-v95-facts span{padding:10px 12px;border:1px solid rgba(100,163,202,.17);border-radius:11px;background:rgba(7,24,37,.62)}
body.client-v95 .download-v95-facts small{display:block;color:#70a1c1;font-size:9px;letter-spacing:.08em;font-weight:800;margin-bottom:3px}body.client-v95 .download-v95-facts b{display:block;color:var(--client-text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.client-v95 .download-v95-detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.download-v95-lock,.download-v95-wait{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700}.download-v95-lock{color:#ff7b84;background:rgba(255,82,96,.08);border:1px solid rgba(255,82,96,.25)}.download-v95-wait{color:#ffc45b;background:rgba(255,183,62,.07);border:1px solid rgba(255,183,62,.25)}
body.client-v95 .download-v95-detail>footer{display:flex;gap:24px;flex-wrap:wrap;padding:12px 2px;border-top:1px solid rgba(100,163,202,.13);color:#77a0b9;font-size:10px}body.client-v95 .download-v95-detail>footer i{color:#36ddb2;margin-right:5px}
body.client-v95 .download-v95-library{display:grid;gap:13px}body.client-v95 .download-v95-library>header{display:flex;align-items:end;justify-content:space-between;padding:3px 2px}body.client-v95 .download-v95-library h2{margin:3px 0;color:var(--client-text);font-size:22px}body.client-v95 .download-v95-library p{margin:0;color:var(--client-muted);font-size:12px}
body.client-v95 .download-v95-grid{display:grid;gap:10px}
body.client-v95 .download-v95-card{display:grid;grid-template-columns:82px minmax(0,1fr) 118px;gap:16px;align-items:center;padding:12px 14px;border:1px solid rgba(100,163,202,.2);border-radius:16px;background:linear-gradient(145deg,#061724,#06131e);text-decoration:none;transition:.22s ease;min-height:104px}
body.client-v95 .download-v95-card:hover,body.client-v95 .download-v95-card.selected{transform:translateY(-1px);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 10px 28px rgba(0,0,0,.15)}body.client-v95 .download-v95-card.expired{opacity:.72}
body.client-v95 .download-v95-thumb{height:76px;border:1px solid rgba(100,163,202,.16);border-radius:12px;overflow:hidden;background:#07131e;display:grid;place-items:center}.download-v95-thumb img{width:100%;height:100%;object-fit:cover}.download-v95-thumb span{color:var(--accent-readable);font-size:26px}
body.client-v95 .download-v95-card-body{min-width:0}.download-v95-card-body>small{color:#6b9bb9;font-size:9px;font-weight:800;letter-spacing:.08em}.download-v95-card-body h3{margin:4px 0;color:var(--client-text);font-size:16px}.download-v95-card-body p{margin:0 0 7px;color:var(--client-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-v95-card-body>div{display:flex;gap:12px;color:#84abc2;font-size:10px;flex-wrap:wrap}.download-v95-card-body>div i{color:var(--accent-readable);margin-right:3px}
body.client-v95 .download-v95-card>aside{display:flex;align-items:center;justify-content:flex-end;gap:12px}.download-v95-card>aside em{font-style:normal;font-size:9px;font-weight:800;letter-spacing:.06em;padding:6px 8px;border-radius:99px}.download-v95-card>aside em.ready{color:#38e5ae;background:rgba(48,220,166,.09)}.download-v95-card>aside em.pending{color:#ffc45b;background:rgba(255,183,62,.09)}.download-v95-card>aside em.expired{color:#ff7a84;background:rgba(255,82,96,.09)}.download-v95-card>aside>i{color:#6f9ab4}
body.client-v95 .download-v95-empty{display:grid;place-items:center;text-align:center;gap:7px;padding:44px 20px;border:1px dashed rgba(100,163,202,.25);border-radius:18px;background:rgba(5,18,28,.65)}.download-v95-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:rgba(var(--accent-rgb),.1);color:var(--accent-readable);font-size:25px}.download-v95-empty h3{margin:4px 0 0;font-size:18px;color:var(--client-text)}.download-v95-empty p{margin:0 0 7px;color:var(--client-muted);font-size:12px}
@media(max-width:980px){body.client-v95 .download-v95-hero{grid-template-columns:1fr}.download-v95-hero>aside{max-width:260px}.download-v95-detail-grid{grid-template-columns:210px 1fr}.download-v95-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body.client-v95 .download-v95-hero{padding:22px 18px}.download-v95-hero h1{font-size:29px}.download-v95-detail-grid{grid-template-columns:1fr}.download-v95-product-media{min-height:190px}.download-v95-product-media img{min-height:190px;max-height:250px}.download-v95-card{grid-template-columns:62px minmax(0,1fr);gap:11px}.download-v95-thumb{height:60px}.download-v95-card>aside{grid-column:1/-1;justify-content:space-between;border-top:1px solid rgba(100,163,202,.12);padding-top:9px}.download-v95-facts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body.client-v95 .download-v95-facts{grid-template-columns:1fr}.download-v95-card-body p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.download-v95-detail-actions{align-items:stretch}.download-v95-detail-actions .btn,.download-v95-lock,.download-v95-wait{width:100%;justify-content:center}}


/* =========================================================
   WHWEB V96 — Branding & Appearance Studio
   ========================================================= */
body{font-family:var(--site-font,Arial,Helvetica,sans-serif);font-size:var(--site-font-size,14px);font-weight:var(--site-font-weight,var(--global-font-weight,400))}
.site-header .nav-links,.site-header .nav-actions{font-size:var(--site-menu-font-size,13px)}
body.client-embedded{font-family:var(--client-font,Arial,Helvetica,sans-serif)!important;font-size:var(--client-font-size,13px)!important;font-weight:var(--client-font-weight,400)}
body.client-embedded button,body.client-embedded input,body.client-embedded select,body.client-embedded textarea{font-family:inherit}
body.client-embedded .side-link,body.client-embedded .client-menu-normal .side-link{font-size:var(--client-menu-font-size,13px)!important;font-weight:var(--client-menu-weight,400)!important}


/* =========================================================
   WHWEB V96.1 — Adaptive Brand Color & Logo + Name
   ========================================================= */
.logo .brand-uploaded-logo{flex:0 0 auto;max-width:180px;height:42px;object-fit:contain}
.logo .brand-word-uploaded{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:19px;line-height:1.05;font-weight:800;letter-spacing:-.035em;color:var(--site-text,#f7f9fb)}
.site-header .logo .brand-word-uploaded{font-size:18px}
.footer-brand .logo .brand-word-uploaded{font-size:18px}
.section-kicker{color:var(--accent-readable);border-color:rgba(var(--accent-rgb),.34);background:rgba(var(--accent-rgb),.08)}
.prefooter-card{border-color:rgba(var(--accent-rgb),.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.btn-premium,.btn-premium:hover,.account-avatar,.header-cart-badge.has-items{color:var(--accent-contrast)!important}
.nav-dropdown-menu a i,.section-link i,.faq-q i{color:var(--accent-readable)}
@media (max-width:900px){.logo .brand-uploaded-logo{max-width:135px;height:36px}.site-header .logo .brand-word-uploaded{max-width:130px;font-size:15px}}
@media (max-width:520px){.logo .brand-uploaded-logo{max-width:105px;height:32px}.site-header .logo .brand-word-uploaded{max-width:92px;font-size:13px}}

/* WHWEB V96.1 — contraste final dos componentes preenchidos pela paleta */
.plan-ribbon,.mini-cart,
body.client-embedded .client-avatar,
body.client-embedded .side-link em,
body.client-embedded .top-action span,
body.client-embedded .client-topbar>.avatar,
body.client-embedded .btn:not(.ghost):not(.danger-btn):not(.success-btn),
body.client-embedded .client-v33-account-avatar,
body.client-embedded .client-v34-profile-avatar,
body.client-embedded.client-v67 .client-v67-account-person>span,
.client-v82-brand-mark,.client-site-avatar,
body.client-embedded.client-v84 .client-site-nav-links>.side-link em,
.client-site-mu-menu em,
body.client-embedded.client-v84 .client-site-mu-popover .side-link em,
body.client-embedded.client-v87 .client-v87-brand-mark,
.client-v87-account-mini>span,
.client-v87-welcome-actions a.primary,
.client-v87-service-empty>a,
.mu-utility-filters button:hover,.mu-utility-filters button.active,
.wh-maintenance-btn{color:var(--accent-contrast)!important}

/* Ícones de marca usam uma variação legível da cor escolhida, sem perder identidade. */
.contact-v32-route>span,.contact-v32-step>span,.contact-v32-trust-item>span,
.contact-v32-process>small{color:var(--accent-readable)!important}

/* =========================================================
   WHWEB V96.2 — PREMIUM CINEMATIC SLIDESHOW + POLISH
   ========================================================= */
.premium-carousel{isolation:isolate;box-shadow:0 34px 95px rgba(0,0,0,.38),0 1px 0 rgba(var(--accent-rgb),.12) inset}
.premium-carousel.carousel-ready .premium-slide.active .premium-slide-bg{animation:whwebCinematicZoom 7.5s cubic-bezier(.16,.72,.22,1) both}
.premium-slide .slide-copy{opacity:1;transform:none;filter:none}.premium-carousel.carousel-preparing .premium-slide.active .slide-copy{opacity:0;transform:translateY(18px);filter:blur(3px)}.premium-carousel.carousel-preparing .premium-slide.active .premium-slide-bg{transform:scale(1.085) translate3d(-.6%,.35%,0)!important}
.premium-carousel.carousel-ready .premium-slide.active .slide-copy{animation:whwebSlideCopyIn .82s cubic-bezier(.2,.72,.2,1) .12s both}
.premium-slide-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(var(--accent-rgb),.13),transparent 31%);mix-blend-mode:screen;pointer-events:none}
.carousel-control-premium{transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.carousel-control-premium:hover{transform:translateY(-50%) scale(1.06);background:color-mix(in srgb,var(--accent) 12%,rgba(5,8,11,.72));box-shadow:0 12px 34px rgba(var(--accent-rgb),.18)}
.btn-premium{position:relative;overflow:hidden}.btn-premium:before{content:"";position:absolute;top:-60%;bottom:-60%;left:-38%;width:28%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:left .55s ease}.btn-premium:hover:before{left:118%}
.pricing-card,.market-card,.content-box,.prefooter-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.pricing-card:hover,.market-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.32);box-shadow:0 24px 58px rgba(0,0,0,.28),0 0 34px rgba(var(--accent-rgb),.05)}
@keyframes whwebCinematicZoom{0%{transform:scale(1.085) translate3d(-.6%,.35%,0);filter:saturate(.96) contrast(1.04)}55%{transform:scale(1.035) translate3d(.25%,-.15%,0)}100%{transform:scale(1) translate3d(0,0,0);filter:saturate(1.04) contrast(1.04)}}
@keyframes whwebSlideCopyIn{0%{opacity:0;transform:translateY(22px);filter:blur(4px)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:720px){.carousel-control-premium:hover{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){.premium-carousel.carousel-ready .premium-slide.active .premium-slide-bg,.premium-carousel.carousel-ready .premium-slide.active .slide-copy{animation:none!important}.premium-slide.active .slide-copy{opacity:1;transform:none;filter:none}}

/* V96.2 — Client Center e componentes legados também seguem a paleta unificada. */
body.client-embedded{background:var(--client-bg)!important;color:var(--client-text)!important}
body.client-embedded .client-portal-section,body.client-embedded .client-content{background:radial-gradient(circle at 82% -12%,rgba(var(--accent-rgb),.08),transparent 30%),var(--client-bg)!important}
body.client-embedded .client-sidebar.embedded,body.client-embedded .client-topbar{background:color-mix(in srgb,var(--client-bg) 94%,transparent)!important}
body.client-embedded .client-panel,body.client-embedded .client-card,body.client-embedded .client-v23-welcome,body.client-embedded .client-v23-account,body.client-embedded .client-v23-kpis article,body.client-embedded .client-v23-shortcuts>a,body.client-embedded .client-v33-stat,body.client-embedded .client-v67-stat-grid>a,body.client-embedded .client-v87-kpis>a{background:linear-gradient(145deg,color-mix(in srgb,var(--client-surface) 96%,#fff 2%),color-mix(in srgb,var(--client-surface) 90%,var(--client-bg) 10%))!important;border-color:color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.08))!important}
body.client-embedded .client-v23-kpis article>span,body.client-embedded .client-v23-kpis .tone-orange,body.client-embedded .client-v23-kpis .tone-blue,body.client-embedded .client-v23-kpis .tone-purple,body.client-embedded .client-v23-kpis .tone-green,body.client-embedded .client-v33-stat>span,body.client-embedded .client-v67-stat-grid>a>span,body.client-embedded .client-v87-kpis>a>span{background:rgba(var(--accent-rgb),.10)!important;color:var(--accent-readable)!important}
body.client-embedded .download-v95-hero{background:radial-gradient(circle at 84% 20%,rgba(var(--accent-rgb),.13),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--client-surface) 96%,#000 4%),color-mix(in srgb,var(--client-bg) 88%,var(--accent) 12%))!important;border-color:rgba(var(--accent-rgb),.32)!important}

/* =========================================================
   WHWEB V96.3 — Premium Auth Aurora + Brand Alignment
   ========================================================= */
body.auth-integrated{background:var(--site-bg,#05080c)!important}
body.auth-integrated .portal-auth-center{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:calc(100vh - 68px);
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--accent-rgb),.24),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(var(--accent-2-rgb),.20),transparent 28%),
    radial-gradient(circle at 76% 88%,rgba(var(--accent-rgb),.13),transparent 34%),
    linear-gradient(135deg,color-mix(in srgb,var(--site-bg,#05080c) 92%,var(--accent) 8%),var(--site-bg,#05080c) 47%,color-mix(in srgb,var(--site-bg,#05080c) 90%,var(--accent-2) 10%));
}
body.auth-integrated .portal-auth-center::before,
body.auth-integrated .portal-auth-center::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(8px);opacity:.75
}
body.auth-integrated .portal-auth-center::before{
  width:min(62vw,760px);height:min(62vw,760px);left:-18vw;top:-28vw;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.21),rgba(var(--accent-rgb),.04) 46%,transparent 70%);
  animation:whAuthAuroraA 10s ease-in-out infinite alternate
}
body.auth-integrated .portal-auth-center::after{
  width:min(56vw,700px);height:min(56vw,700px);right:-17vw;bottom:-26vw;
  background:radial-gradient(circle,rgba(var(--accent-2-rgb),.18),rgba(var(--accent-2-rgb),.035) 48%,transparent 71%);
  animation:whAuthAuroraB 12s ease-in-out infinite alternate
}
body.auth-integrated .portal-auth-card{
  border-color:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.09))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#0b1219) 95%,#fff 2%),color-mix(in srgb,var(--site-bg,#05080c) 92%,var(--accent) 8%))!important;
  box-shadow:0 42px 120px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.018) inset,0 0 62px rgba(var(--accent-rgb),.055)!important;
  backdrop-filter:blur(18px) saturate(1.15)
}
body.auth-integrated .auth-center-logo,
body.auth-integrated .auth-logo-site{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  width:auto!important;max-width:100%!important;height:auto!important;min-height:58px!important;
  padding:8px 13px!important;border-radius:16px!important
}
body.auth-integrated .auth-center-logo{margin-inline:auto;width:max-content!important;max-width:min(100%,420px)!important}
body.auth-integrated .auth-center-logo .brand-uploaded-logo,
body.auth-integrated .auth-logo-site .brand-uploaded-logo{width:auto!important;height:48px!important;max-width:150px!important;object-fit:contain!important;flex:0 0 auto!important}
body.auth-integrated .auth-center-logo .brand-word,
body.auth-integrated .auth-logo-site .brand-word{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  max-width:220px!important;margin:0!important;color:var(--site-text,#f7f9fb)!important;
  font-size:21px!important;line-height:1.02!important;text-align:left!important;overflow:hidden;text-overflow:ellipsis
}
body.auth-integrated .auth-center-logo .brand-word-uploaded,
body.auth-integrated .auth-logo-site .brand-word-uploaded{white-space:normal!important}
body.auth-integrated .auth-card-head .auth-logo-site{justify-content:flex-start!important;flex:0 1 auto!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important}
body.auth-integrated .input-icon input,
body.auth-integrated .portal-auth-card .field input,
body.auth-integrated .portal-auth-card .field select{
  background:color-mix(in srgb,var(--site-bg,#05080c) 88%,#fff 3%)!important;
  border-color:color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.10))!important
}
body.auth-integrated .portal-auth-card .field input:hover,
body.auth-integrated .portal-auth-card .field select:hover{border-color:color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.14))!important}
body.auth-integrated .portal-auth-card .field input:focus,
body.auth-integrated .portal-auth-card .field select:focus{border-color:var(--accent-readable)!important;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.085)!important}
@keyframes whAuthAuroraA{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(8vw,5vh,0) scale(1.08)}}
@keyframes whAuthAuroraB{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-7vw,-4vh,0) scale(1.07)}}
@media(max-width:720px){body.auth-integrated .auth-card-head{flex-direction:column;align-items:flex-start!important}body.auth-integrated .auth-card-head .auth-logo-site{justify-content:flex-start!important}body.auth-integrated .auth-center-logo .brand-uploaded-logo,body.auth-integrated .auth-logo-site .brand-uploaded-logo{max-width:120px!important;height:42px!important}body.auth-integrated .auth-center-logo .brand-word,body.auth-integrated .auth-logo-site .brand-word{font-size:18px!important;max-width:160px!important}}
@media(prefers-reduced-motion:reduce){body.auth-integrated .portal-auth-center::before,body.auth-integrated .portal-auth-center::after{animation:none!important}}

/* Client Center V96.3 — ação direta de encerramento de sessão no canto superior direito. */
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout{
  min-height:38px;width:auto!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
  border:1px solid color-mix(in srgb,#ff6b76 26%,rgba(255,255,255,.08))!important;
  border-radius:11px!important;background:rgba(255,78,92,.055)!important;color:#ffadb4!important;font-weight:750!important;font-size:10px!important;text-decoration:none!important
}
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout:hover{background:rgba(255,78,92,.10)!important;border-color:rgba(255,120,132,.34)!important;color:#ffd0d4!important;transform:translateY(-1px)}
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout i{display:inline-block!important;font-size:13px!important;color:inherit!important}
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout span{display:inline!important;width:auto!important;height:auto!important;background:none!important;color:inherit!important;border-radius:0!important;font-weight:inherit!important}
@media(max-width:720px){body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout{width:auto!important;padding:0 10px!important}body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout span{display:none!important}}


/* =========================================================
   WHWEB V96.4 — Global Background Studio
   Background configurável para Site, Login e Cadastro.
   ========================================================= */
body.wh-has-site-background{position:relative;isolation:isolate}
body.wh-has-site-background::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--site-bg-image);background-size:cover;background-position:center top;background-repeat:no-repeat;
  opacity:var(--site-bg-opacity,.35);will-change:opacity
}
body.wh-has-site-background::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--site-bg,#05080c) 40%,transparent),color-mix(in srgb,var(--site-bg,#05080c) 74%,transparent));
}
body.wh-has-site-background .site-header{background:color-mix(in srgb,var(--site-bg,#05080c) 82%,transparent)!important}
body.wh-has-site-background.auth-integrated .portal-auth-center{
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--accent-rgb),.24),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(var(--accent-2-rgb),.20),transparent 28%),
    radial-gradient(circle at 76% 88%,rgba(var(--accent-rgb),.13),transparent 34%),
    linear-gradient(135deg,color-mix(in srgb,var(--site-bg,#05080c) 64%,transparent),color-mix(in srgb,var(--site-bg,#05080c) 78%,transparent) 47%,color-mix(in srgb,var(--site-bg,#05080c) 68%,transparent))!important;
  backdrop-filter:saturate(1.08)
}
body.wh-has-site-background.auth-integrated .portal-auth-card{backdrop-filter:blur(22px) saturate(1.18)!important}
@media(max-width:720px){body.wh-has-site-background::before{background-position:center top}}
@media(prefers-reduced-motion:reduce){body.wh-has-site-background::before{will-change:auto}}


/* =========================================================
   WHWEB V96.7 — Privacy, Mobile Navigation & Public UX Suite
   ========================================================= */

/* Página Sobre: redes sociais sempre em uma única linha, com scroll elegante quando necessário. */
.institutional-connect-card{grid-template-columns:minmax(0,1fr) auto}
.institutional-connect-actions{min-width:0;max-width:100%;align-items:end}
.institutional-socials{flex-wrap:nowrap!important;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:3px}
.institutional-socials a{flex:0 0 auto!important;white-space:nowrap;padding-inline:10px}

/* Contato: badges seguem o mesmo eixo visual do hero institucional. */
.contact-v69-hero-inner{display:block!important;padding-top:44px;padding-bottom:42px}
.contact-v69-hero-inner>div:first-child{max-width:780px}
.contact-v69-hero-badges{justify-content:flex-start!important;max-width:none!important;margin-top:18px}

/* Drawer mobile premium pela esquerda. */
.mobile-nav-panel-head,.mobile-nav-panel-kicker,.mobile-nav-backdrop{display:none}
@media(max-width:1080px){
  body.wh-mobile-menu-open{overflow:hidden;touch-action:none}
  body.wh-fixed-header .wh-nav.open{flex-wrap:nowrap!important}
  body.wh-fixed-header .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:1490;background:rgba(1,6,12,.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility .28s ease}
  body.wh-fixed-header .wh-nav.open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  body.wh-fixed-header .nav-links,body.wh-fixed-header .wh-nav.open .nav-links{
    display:flex!important;position:fixed!important;z-index:1500!important;inset:0 auto 0 0!important;width:min(340px,88vw)!important;height:100dvh!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:16px 14px 24px!important;border:0!important;border-right:1px solid color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.08))!important;border-radius:0!important;background:radial-gradient(circle at 12% 4%,rgba(var(--accent-rgb),.18),transparent 28%),linear-gradient(180deg,rgba(6,15,24,.99),rgba(3,8,14,.995))!important;box-shadow:28px 0 70px rgba(0,0,0,.52)!important;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);transform:translate3d(-104%,0,0)!important;visibility:hidden;opacity:.96;pointer-events:none;transition:transform .34s cubic-bezier(.22,.8,.22,1),visibility .34s ease,opacity .24s ease!important
  }
  body.wh-fixed-header .wh-nav.open .nav-links{transform:translate3d(0,0,0)!important;visibility:visible;opacity:1;pointer-events:auto}
  .mobile-nav-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 14px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
  body.wh-fixed-header .mobile-nav-logo{min-width:0;max-width:230px}
  body.wh-fixed-header .mobile-nav-logo img{height:38px!important;max-width:155px!important}
  .mobile-nav-close{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.035);color:#e7f2fb;font-size:16px;transition:.18s ease}
  .mobile-nav-close:hover{border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.10);color:var(--accent-readable);transform:rotate(4deg)}
  .mobile-nav-panel-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 5px 8px;color:#7890a4}
  .mobile-nav-panel-kicker span{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--accent-readable)}
  .mobile-nav-panel-kicker small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.wh-fixed-header .wh-nav.open .nav-links>a,body.wh-fixed-header .wh-nav.open .nav-dropdown-trigger>a{min-height:46px!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:12px!important;color:#d1deea!important;font-size:13px!important;transition:.18s ease!important}
  body.wh-fixed-header .wh-nav.open .nav-links>a:hover,body.wh-fixed-header .wh-nav.open .nav-dropdown-trigger>a:hover{background:rgba(var(--accent-rgb),.09)!important;border-color:rgba(var(--accent-rgb),.18)!important;color:#fff!important;transform:translateX(3px)}
  body.wh-fixed-header .nav-dropdown{display:block!important;width:100%}
  body.wh-fixed-header .nav-dropdown-trigger{display:grid!important;grid-template-columns:minmax(0,1fr) 42px;align-items:center;height:auto!important;min-height:46px!important}
  body.wh-fixed-header .nav-dropdown-toggle{width:40px!important;height:40px!important;border-radius:11px!important}
  body.wh-fixed-header .nav-dropdown-menu{position:static!important;display:none!important;width:100%!important;margin:4px 0 6px!important;padding:6px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:rgba(0,0,0,.18)!important;box-shadow:none!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.wh-fixed-header .nav-dropdown.open .nav-dropdown-menu{display:grid!important;gap:3px}
  body.wh-fixed-header .nav-dropdown-menu a{min-height:39px!important;padding:8px 10px!important;border-radius:9px!important;color:#aebfcd!important}
  body.wh-fixed-header .nav-dropdown-menu a:hover{background:rgba(var(--accent-rgb),.08)!important;color:#fff!important}
}

/* Footer mobile reorganizado em cartões compactos. */
@media(max-width:680px){
  .site-footer{padding:34px 0 18px!important;background:radial-gradient(circle at 18% 0,rgba(var(--accent-rgb),.08),transparent 26%),#03070b!important}
  .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .site-footer .footer-brand{grid-column:1/-1;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(10,21,31,.9),rgba(5,11,17,.92))}
  .site-footer .footer-brand p{margin:14px 0 12px!important;font-size:11px;line-height:1.65}
  .site-footer .footer-socials{gap:7px;margin-top:10px}
  .site-footer .footer-socials a{width:36px;height:36px;border-radius:10px}
  .site-footer .footer-grid>div:not(.footer-brand){min-width:0;padding:15px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(8,16,24,.72)}
  .site-footer .footer-grid>div:not(.footer-brand) h4{margin:0 0 11px;color:#eef6fb;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
  .site-footer .footer-grid>div:not(.footer-brand) a{margin:8px 0!important;font-size:10px;line-height:1.35}
  .site-footer .footer-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .site-footer .footer-grid>div:last-child h4{grid-column:1/-1}
  .site-footer .footer-grid>div:last-child a{display:flex!important;align-items:center;justify-content:center;min-height:36px;margin:0!important;padding:7px 8px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.025);text-align:center}
  .site-footer .footer-bottom{margin-top:14px!important;padding:14px 3px 0!important;align-items:center!important;gap:5px!important;text-align:center;font-size:8px!important}
}

/* Cookie Center premium, com identidade automática da marca. */
.wh-cookie-center{position:fixed;left:0;right:0;bottom:0;z-index:1900;padding:18px;display:flex;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .3s ease,visibility .3s ease,transform .36s cubic-bezier(.22,.8,.22,1)}
.wh-cookie-center.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.wh-cookie-glow{position:absolute;left:50%;bottom:-140px;width:min(860px,85vw);height:250px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.24),transparent 68%);filter:blur(34px);pointer-events:none}
.wh-cookie-card{position:relative;width:min(1120px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(200px,.72fr) minmax(340px,1.45fr) auto;gap:22px;align-items:center;padding:20px 22px;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.10));border-radius:22px;background:linear-gradient(135deg,rgba(8,18,28,.97),rgba(4,10,16,.985));box-shadow:0 26px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);overflow:hidden}
.wh-cookie-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 0 24px rgba(var(--accent-rgb),.55)}
.wh-cookie-brand{min-width:0;display:grid;gap:10px}
.wh-cookie-logo{display:flex;align-items:center;min-width:0}
.wh-cookie-logo img{max-height:38px;max-width:165px;object-fit:contain}
.wh-cookie-logo .brand-word-uploaded,.wh-cookie-logo .brand-word{font-size:18px!important}
.wh-cookie-brand>span{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;color:var(--accent-readable);font-size:9px;font-weight:800;letter-spacing:.12em}
.wh-cookie-copy h3{margin:0 0 5px;color:#f5f9fc;font-size:18px!important;letter-spacing:-.02em}
.wh-cookie-copy p{margin:0;color:#a9b9c6;font-size:11px;line-height:1.65}
.wh-cookie-copy a{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--accent-readable);font-size:10px;text-decoration:none}
.wh-cookie-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.wh-cookie-actions .btn{min-height:42px;padding:9px 14px;font-size:10px}
@media(max-width:900px){.wh-cookie-card{grid-template-columns:1fr auto}.wh-cookie-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.wh-cookie-copy{min-width:0}}
@media(max-width:660px){.wh-cookie-center{padding:10px}.wh-cookie-card{width:100%;grid-template-columns:1fr;gap:13px;padding:17px 16px;border-radius:18px}.wh-cookie-brand{display:grid;justify-content:start}.wh-cookie-copy h3{font-size:17px!important}.wh-cookie-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;white-space:normal}.wh-cookie-actions .btn{width:100%;padding-inline:9px}.wh-cookie-logo img{max-height:34px}body.wh-cookie-visible .floating-whatsapp{bottom:210px}}
@media(max-width:420px){.wh-cookie-actions{grid-template-columns:1fr}.wh-cookie-actions .btn{min-height:40px}.wh-cookie-copy p{font-size:10px}}


/* =========================================================
   WHWEB V96.8 — Secure Password Recovery
   ========================================================= */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-label-row label{margin:0!important}.forgot-password-link{font-size:10px;font-weight:800;color:var(--accent-readable);text-decoration:none;transition:.2s}.forgot-password-link:hover{color:#fff;text-decoration:none;text-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}
.password-recovery-page{position:relative;overflow:hidden}.password-recovery-page::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 26%),radial-gradient(circle at 82% 72%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 30%)}.password-recovery-page>.container-xl{position:relative;z-index:1}
.recovery-premium-card{overflow:hidden}.recovery-premium-card::after{content:"";position:absolute;inset:auto -90px -120px auto;width:250px;height:250px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);filter:blur(45px);pointer-events:none}.recovery-hero-icon{width:72px;height:72px;margin:0 auto 10px;border-radius:22px;display:grid;place-items:center;font-size:29px;color:var(--accent-readable);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 17%,transparent),color-mix(in srgb,var(--accent-2) 8%,transparent));border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08));box-shadow:0 18px 55px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px rgba(255,255,255,.08)}
.recovery-security-note{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:13px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.07));background:color-mix(in srgb,var(--accent) 5%,#071019)}.recovery-security-note>i{width:34px;height:34px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 10%,transparent)}.recovery-security-note b,.recovery-security-note small{display:block}.recovery-security-note b{font-size:11px;color:#e9f2fa}.recovery-security-note small{font-size:9px;color:var(--muted);line-height:1.55;margin-top:3px}
.recovery-step-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 22px}.recovery-step-strip span{position:relative;min-height:66px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#071019;text-align:center;color:#72808c}.recovery-step-strip i{display:block;font-size:15px;margin-bottom:3px}.recovery-step-strip b{display:none}.recovery-step-strip small{font-size:9px;font-weight:800;letter-spacing:.04em}.recovery-step-strip .is-done,.recovery-step-strip .is-active{border-color:color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.08));color:var(--accent-readable);background:color-mix(in srgb,var(--accent) 6%,#071019)}.recovery-step-strip .is-active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 12px 32px color-mix(in srgb,var(--accent) 8%,transparent)}
.recovery-code-input{text-align:center!important;letter-spacing:8px!important;font:900 23px ui-monospace,Consolas,monospace!important;padding-left:40px!important}.recovery-premium-card .field>small{display:block;margin-top:6px;color:#72808c;font-size:9px;line-height:1.45}
.recovery-resend-form{width:min(100%,520px);margin:13px auto 0;padding:12px 16px;display:flex;justify-content:center;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(5,10,15,.78)}.recovery-resend-form button,.recovery-resend-form a{display:inline-flex;align-items:center;gap:6px;color:var(--accent-readable);font-size:10px;font-weight:800;text-decoration:none}.recovery-resend-form a:hover,.recovery-resend-form button:hover{color:#fff}
@media(max-width:520px){.field-label-row{align-items:flex-start}.recovery-step-strip{gap:6px}.recovery-step-strip span{min-height:58px;padding:8px 5px}.recovery-resend-form{flex-direction:column;gap:8px}.forgot-password-link{font-size:9px}}


/* V96.9 — Marketplace access badges + Pop Up Premium */
.v969-access-badge{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.9px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 24px rgba(0,0,0,.22)}.v969-access-badge.free{background:rgba(var(--accent-rgb),.9);color:var(--accent-contrast)}.v969-access-badge.paid{background:rgba(5,10,16,.84);color:var(--site-text)}
html.wh-popup-open,html.wh-popup-open body{overflow:hidden}.wh-site-popup{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,visibility .32s ease}.wh-site-popup.is-open{opacity:1;visibility:visible;pointer-events:auto}.wh-site-popup-backdrop{position:absolute;inset:0;border:0;background:rgba(1,6,12,.78);backdrop-filter:blur(12px);cursor:default}.wh-site-popup-card{position:relative;z-index:1;width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:18px;border:1px solid rgba(var(--accent-rgb),.38);border-radius:28px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 94%,var(--accent)),var(--site-bg));box-shadow:0 35px 120px rgba(0,0,0,.58),0 0 70px rgba(var(--accent-rgb),.12);transform:translateY(22px) scale(.965);transition:transform .38s cubic-bezier(.2,.8,.2,1)}.wh-site-popup.is-open .wh-site-popup-card{transform:translateY(0) scale(1)}.wh-site-popup-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 20% 0,rgba(var(--accent-rgb),.18),transparent 38%)}.wh-site-popup-close{position:absolute;right:13px;top:13px;z-index:4;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:rgba(3,9,15,.82);color:#fff;display:grid;place-items:center;transition:.2s ease}.wh-site-popup-close:hover{background:var(--accent);color:var(--accent-contrast);transform:rotate(6deg)}.wh-site-popup-brand{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:3px 48px 14px 3px}.wh-site-popup-brand .logo{display:flex;align-items:center;max-width:180px}.wh-site-popup-brand .logo img{max-height:36px;width:auto}.wh-site-popup-brand small{display:flex;gap:7px;align-items:center;color:var(--accent-readable);letter-spacing:1.1px;font-weight:800;font-size:9px}.wh-site-popup-media{position:relative;border-radius:20px;overflow:hidden;background:#02070d;border:1px solid rgba(var(--accent-rgb),.22)}.wh-site-popup-media img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}.wh-site-popup-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.wh-site-popup-cta{width:100%;margin-top:14px;justify-content:center}.wh-site-popup-card:has(.wh-site-popup-media iframe[src*="tiktok.com"]){width:min(520px,calc(100vw - 32px))}.wh-site-popup-media iframe[src*="tiktok.com"]{aspect-ratio:9/16;max-height:72vh}
@media(max-width:620px){.wh-site-popup{padding:12px}.wh-site-popup-card{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:12px;border-radius:22px}.wh-site-popup-brand{padding-right:42px}.wh-site-popup-brand small{display:none}.wh-site-popup-close{right:10px;top:10px}.wh-site-popup-media{border-radius:15px}}

/* V96.9 — Categorias públicas do Marketplace e download grátis */
.v969-market-categories{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:0 1px 18px;margin:0 0 22px;scrollbar-width:thin}.v969-market-categories a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 13%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);font-size:10px;font-weight:800;text-decoration:none;transition:.2s ease}.v969-market-categories a:hover,.v969-market-categories a.active{border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 13%,var(--surface));color:var(--site-text);box-shadow:0 12px 30px rgba(var(--accent-rgb),.08);transform:translateY(-1px)}.v969-market-categories a.active i{color:var(--accent-readable)}.v969-market-empty{text-align:center;padding:54px 24px}.v969-market-empty>i{font-size:32px;color:var(--accent-readable)}.v969-market-empty h3{margin:12px 0 5px}.v969-free-download-box{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.v969-free-download-box>div{display:grid;gap:4px}.v969-free-download-box small{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--accent-readable)}.v969-free-download-box b{font-size:12px;color:var(--site-text)}@media(max-width:620px){.v969-market-categories{margin-inline:-2px;padding-bottom:14px}.v969-free-download-box{align-items:stretch;flex-direction:column}.v969-free-download-box .btn{width:100%}}


/* =========================================================
   WHWEB V97.0 — UNIFIED PREMIUM SITE + CLIENT + AUTH
   ========================================================= */
body.wh-v970{background:radial-gradient(circle at 84% -8%,rgba(var(--accent-rgb),.16),transparent 30%),linear-gradient(180deg,var(--site-bg,#000b1a),color-mix(in srgb,var(--site-bg,#000b1a) 92%,#041a34) 50%,var(--site-bg,#000b1a))!important;color:var(--site-text,#fff)!important}
body.wh-v970 .site-header{background:color-mix(in srgb,var(--site-bg,#000b1a) 82%,transparent)!important;border-bottom:1px solid rgba(var(--accent-rgb),.22)!important;box-shadow:0 12px 42px rgba(0,0,0,.20)!important;backdrop-filter:blur(22px) saturate(150%)!important}.wh-v970 .nav-links a{color:#c9d9eb!important}.wh-v970 .nav-links a:hover{color:#fff!important}.wh-v970 .nav-links a::after{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important}.wh-v970 .account-chip,.wh-v970 .mobile-toggle{background:color-mix(in srgb,var(--surface) 90%,transparent)!important;border-color:rgba(var(--accent-rgb),.22)!important}.wh-v970 .account-avatar{background:linear-gradient(145deg,var(--accent-2),var(--accent))!important;color:var(--accent-contrast)!important}
.wh-v970 .btn-premium{background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;border-color:color-mix(in srgb,var(--accent) 82%,white 18%)!important;color:var(--accent-contrast)!important;box-shadow:0 15px 38px rgba(var(--accent-rgb),.25)!important}.wh-v970 .btn-premium:hover{box-shadow:0 22px 52px rgba(var(--accent-rgb),.34)!important}.wh-v970 .btn-darkline,.wh-v970 .btn-glass{background:color-mix(in srgb,var(--site-bg,#000b1a) 74%,transparent)!important;border-color:rgba(178,211,255,.18)!important;color:#fff!important}.wh-v970 .btn-darkline:hover,.wh-v970 .btn-glass:hover{background:rgba(var(--accent-rgb),.12)!important;border-color:rgba(var(--accent-rgb),.50)!important}
.wh-v970 .section-kicker,.wh-v970 .eyebrow{color:var(--accent-readable)!important;background:rgba(var(--accent-rgb),.08)!important;border-color:rgba(var(--accent-rgb),.28)!important}.wh-v970 .premium-carousel{background:var(--site-bg,#000b1a)!important;border-bottom-color:rgba(var(--accent-rgb),.20)!important}.wh-v970 .premium-slide-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--site-bg,#000b1a) 96%,transparent) 0%,color-mix(in srgb,var(--site-bg,#000b1a) 84%,transparent) 36%,rgba(0,11,26,.40) 67%,rgba(0,11,26,.30) 100%),linear-gradient(0deg,rgba(0,11,26,.78),transparent 62%)!important}.wh-v970 .carousel-control-premium{background:rgba(0,11,26,.66)!important;border-color:rgba(180,214,255,.18)!important}.wh-v970 .carousel-dot.active,.wh-v970 .carousel-progress{background:linear-gradient(90deg,var(--accent),var(--accent-2))!important}
.wh-v970 section:not(.hero-premium-full){position:relative}.wh-v970 .hosting-showcase-card,.wh-v970 .pricing-card,.wh-v970 .market-card,.wh-v970 .site-card,.wh-v970 .prefooter-card,.wh-v970 .page-intro-rich,.wh-v970 .contact-social-head,.wh-v970 .institutional-content,.wh-v970 .institutional-side>div,.wh-v970 .faq-item,.wh-v970 .cart-line,.wh-v970 .cart-summary{background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 96%,#fff 1%),color-mix(in srgb,var(--site-bg,#000b1a) 84%,var(--surface,#061729) 16%))!important;border-color:rgba(var(--accent-rgb),.18)!important;box-shadow:0 18px 55px rgba(0,0,0,.12)!important}.wh-v970 .market-card:hover,.wh-v970 .pricing-card:hover,.wh-v970 .site-card:hover{border-color:rgba(var(--accent-rgb),.45)!important;box-shadow:0 24px 60px rgba(var(--accent-rgb),.10)!important;transform:translateY(-3px)}
.wh-v970 .entry-card>span,.wh-v970 .institutional-side i,.wh-v970 .contact-social-head i{color:var(--accent-readable)!important}.wh-v970 .page-cover-hero:not(.has-cover){background:radial-gradient(circle at 76% 20%,rgba(var(--accent-rgb),.25),transparent 34%),linear-gradient(135deg,var(--site-bg,#000b1a),color-mix(in srgb,var(--site-bg,#000b1a) 78%,var(--accent) 22%) 70%)!important}.wh-v970 .page-cover-hero.has-cover{background-color:var(--site-bg,#000b1a)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.wh-v970 .page-cover-hero::before{background:linear-gradient(90deg,rgba(0,11,26,.96) 0%,rgba(0,11,26,.75) 48%,rgba(0,11,26,.38) 100%),linear-gradient(0deg,rgba(0,11,26,.88),transparent 56%)!important}.wh-v970 .page-cover-hero.has-cover::before{background:linear-gradient(90deg,rgba(0,11,26,.90) 0%,rgba(0,11,26,.63) 48%,rgba(0,11,26,.25) 100%),linear-gradient(0deg,rgba(0,11,26,.72),transparent 60%)!important}.wh-v970 .page-cover-hero .cover-meta span{background:rgba(0,11,26,.66)!important;border-color:rgba(var(--accent-rgb),.22)!important}
.wh-v970 input,.wh-v970 select,.wh-v970 textarea{background:color-mix(in srgb,var(--site-bg,#000b1a) 74%,#071b32)!important;border-color:rgba(var(--accent-rgb),.18)!important;color:#fff!important}.wh-v970 input:focus,.wh-v970 select:focus,.wh-v970 textarea:focus{border-color:rgba(var(--accent-rgb),.72)!important;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.10)!important}.wh-v970 input::placeholder,.wh-v970 textarea::placeholder{color:#6f8aa7!important}
.wh-v970 .site-footer{background:radial-gradient(circle at 16% 0,rgba(var(--accent-rgb),.09),transparent 28%),#000712!important;border-top:1px solid rgba(var(--accent-rgb),.16)!important}.wh-v970 .site-footer .footer-grid>div:not(.footer-brand){background:rgba(5,20,37,.72)!important;border-color:rgba(var(--accent-rgb),.13)!important}.wh-v970 .footer-socials a{background:rgba(var(--accent-rgb),.08)!important;border-color:rgba(var(--accent-rgb),.20)!important;color:#a8c7ea!important}.wh-v970 .footer-socials a:hover{background:rgba(var(--accent-rgb),.20)!important;color:#fff!important}
.wh-v970 .wh-site-popup-backdrop{background:rgba(0,7,18,.82)!important}.wh-v970 .wh-site-popup-card{background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--accent)),var(--site-bg))!important;border-color:rgba(var(--accent-rgb),.38)!important}.wh-v970 .wh-cookie-card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 86%,var(--accent) 14%))!important;border-color:rgba(var(--accent-rgb),.28)!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important}
/* Auth / login / register / password recovery */
body.wh-v970.auth-integrated .portal-auth-center,body.wh-v970 .portal-auth-center{background:radial-gradient(circle at 18% 18%,rgba(var(--accent-rgb),.20),transparent 28%),radial-gradient(circle at 82% 76%,rgba(var(--accent-2-rgb),.14),transparent 30%),linear-gradient(145deg,var(--site-bg,#000b1a),color-mix(in srgb,var(--site-bg,#000b1a) 78%,var(--accent) 22%))!important}.wh-v970 .portal-auth-card,.wh-v970 .login-premium-card,.wh-v970 .register-premium-card,.wh-v970 .verify-premium-card,.wh-v970 .recovery-premium-card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 97%,#fff 1%),color-mix(in srgb,var(--site-bg,#000b1a) 86%,var(--accent) 14%))!important;border:1px solid rgba(var(--accent-rgb),.30)!important;box-shadow:0 36px 110px rgba(0,0,0,.40),0 0 70px rgba(var(--accent-rgb),.08)!important}.wh-v970 .auth-card-head h1,.wh-v970 .login-premium-card h1,.wh-v970 .register-premium-card h1,.wh-v970 .recovery-premium-card h1{color:#fff!important}.wh-v970 .auth-helper,.wh-v970 .recovery-security-note small{color:#91a9c0!important}.wh-v970 .recovery-step-strip span{background:rgba(4,19,35,.82)!important;border-color:rgba(var(--accent-rgb),.16)!important}.wh-v970 .recovery-step-strip .is-active,.wh-v970 .recovery-step-strip .is-done{background:rgba(var(--accent-rgb),.12)!important;border-color:rgba(var(--accent-rgb),.34)!important;color:#a9ccff!important}
/* Client Center */
body.wh-v970.client-embedded{background:radial-gradient(circle at 82% -10%,rgba(var(--accent-rgb),.12),transparent 30%),var(--client-bg,#000b1a)!important;color:var(--client-text,#fff)!important}.wh-v970.client-embedded .client-portal-section,.wh-v970.client-embedded .client-content{background:transparent!important}.wh-v970.client-embedded .client-sidebar.embedded,.wh-v970.client-embedded .client-topbar{background:color-mix(in srgb,var(--client-bg,#000b1a) 92%,#06182e)!important;border-color:rgba(var(--accent-rgb),.18)!important}.wh-v970.client-embedded .side-link{color:var(--client-menu-text,#dce8f7)!important}.wh-v970.client-embedded .side-link em{background:linear-gradient(145deg,var(--accent-2),var(--accent))!important;color:var(--accent-contrast)!important}.wh-v970.client-embedded .side-link:hover{background:rgba(var(--accent-rgb),.08)!important;color:#fff!important}.wh-v970.client-embedded .side-link.active{background:linear-gradient(90deg,rgba(var(--accent-rgb),.36),rgba(var(--accent-rgb),.10))!important;border-color:rgba(var(--accent-rgb),.28)!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--accent) 68%,#69aef7)!important}.wh-v970.client-embedded .client-panel,.wh-v970.client-embedded .client-card,.wh-v970.client-embedded .box,.wh-v970.client-embedded .client-v23-welcome,.wh-v970.client-embedded .client-v23-account,.wh-v970.client-embedded .client-v23-kpis article,.wh-v970.client-embedded .client-v23-shortcuts>a,.wh-v970.client-embedded .client-v33-stat,.wh-v970.client-embedded .client-v67-stat-grid>a,.wh-v970.client-embedded .client-v87-kpis>a{background:linear-gradient(145deg,color-mix(in srgb,var(--client-surface,#061729) 97%,#fff 1%),color-mix(in srgb,var(--client-bg,#000b1a) 86%,var(--client-surface,#061729) 14%))!important;border-color:rgba(var(--accent-rgb),.18)!important;box-shadow:0 16px 44px rgba(0,0,0,.12)!important}.wh-v970.client-embedded .client-v23-kpis article>span,.wh-v970.client-embedded .client-v33-stat>span,.wh-v970.client-embedded .client-v67-stat-grid>a>span,.wh-v970.client-embedded .client-v87-kpis>a>span{background:rgba(var(--accent-rgb),.12)!important;color:var(--accent-readable)!important;border:1px solid rgba(var(--accent-rgb),.18)!important}.wh-v970.client-embedded .btn:not(.ghost):not(.danger-btn):not(.success-btn){background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;color:var(--accent-contrast)!important;border-color:rgba(var(--accent-rgb),.65)!important}.wh-v970.client-embedded .status.success{background:rgba(40,208,142,.10)!important;border-color:rgba(40,208,142,.24)!important;color:#71e7b5!important}
/* Mobile drawer refinement */
@media(max-width:1080px){body.wh-v970.wh-fixed-header .wh-nav.open .nav-links{background:radial-gradient(circle at 12% 4%,rgba(var(--accent-rgb),.20),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--site-bg) 96%,#06182e),var(--site-bg))!important;border-right-color:rgba(var(--accent-rgb),.24)!important}.wh-v970 .mobile-nav-close{background:rgba(var(--accent-rgb),.08)!important;border-color:rgba(var(--accent-rgb),.18)!important}}


/* =========================================================
   WHWEB V97.1.1 — Footer Stability & Premium Responsive Fix
   Estrutura isolada para evitar conflito com regras legadas.
   ========================================================= */
.wh-footer-v9711{position:relative!important;overflow:hidden!important;margin:0!important;padding:48px 0 22px!important;background:radial-gradient(circle at 14% 0,rgba(var(--accent-rgb),.13),transparent 28%),linear-gradient(180deg,#020916 0%,#000712 100%)!important;border-top:1px solid rgba(var(--accent-rgb),.22)!important;color:#fff!important}
.wh-footer-v9711:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.55),transparent);pointer-events:none}
.wh-footer-v9711 .wh-footer-shell{min-width:0;width:100%}
.wh-footer-v9711 .wh-footer-main{display:grid!important;grid-template-columns:minmax(300px,1.35fr) minmax(480px,1.65fr)!important;gap:48px!important;align-items:start!important;min-width:0!important}
.wh-footer-v9711 .wh-footer-brand-panel{min-width:0!important;padding:24px!important;border:1px solid rgba(var(--accent-rgb),.20)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(6,23,41,.92),rgba(2,12,25,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.16)!important}
.wh-footer-v9711 .wh-footer-logo{display:inline-flex!important;align-items:center!important;gap:11px!important;max-width:100%!important;min-width:0!important}
.wh-footer-v9711 .wh-footer-logo img{display:block!important;width:auto!important;height:42px!important;max-width:160px!important;object-fit:contain!important;flex:0 0 auto!important}
.wh-footer-v9711 .wh-footer-logo .brand-word,.wh-footer-v9711 .wh-footer-logo .brand-word-uploaded{font-size:19px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wh-footer-v9711 .wh-footer-logo .brand-word small{display:block!important;margin-top:4px!important;color:#718cab!important;font-size:7px!important;letter-spacing:.13em!important}
.wh-footer-v9711 .wh-footer-brand-panel>p{max-width:500px!important;margin:18px 0 16px!important;color:#9fb1c4!important;font-size:12px!important;line-height:1.75!important}
.wh-footer-v9711 .wh-footer-brand-status{display:grid!important;grid-template-columns:9px auto 1fr!important;align-items:center!important;gap:8px!important;width:max-content!important;max-width:100%!important;padding:8px 11px!important;border:1px solid rgba(37,216,145,.16)!important;border-radius:999px!important;background:rgba(10,73,51,.10)!important;color:#b7cadd!important;font-size:9px!important}
.wh-footer-v9711 .wh-footer-brand-status>i{width:7px!important;height:7px!important;border-radius:50%!important;background:#24d991!important;box-shadow:0 0 13px rgba(36,217,145,.72)!important}
.wh-footer-v9711 .wh-footer-brand-status span{color:#dce9f5!important;font-weight:700!important;white-space:nowrap!important}.wh-footer-v9711 .wh-footer-brand-status small{color:#7191aa!important;white-space:nowrap!important}
.wh-footer-v9711 .wh-footer-socials{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:16px 0 0!important;overflow:visible!important}
.wh-footer-v9711 .wh-footer-socials a{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:1px solid rgba(var(--accent-rgb),.24)!important;border-radius:11px!important;background:rgba(var(--accent-rgb),.08)!important;color:#a9cbef!important;font-size:16px!important;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease!important}
.wh-footer-v9711 .wh-footer-socials a:hover{transform:translateY(-2px)!important;border-color:rgba(var(--accent-rgb),.55)!important;background:rgba(var(--accent-rgb),.20)!important;color:#fff!important}
.wh-footer-v9711 .wh-footer-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;min-width:0!important}
.wh-footer-v9711 .wh-footer-column{min-width:0!important;padding:20px 18px!important;border:1px solid rgba(var(--accent-rgb),.13)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(5,20,37,.78),rgba(2,12,24,.7))!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
.wh-footer-v9711 .wh-footer-column h4{margin:0 0 14px!important;color:#f5f9ff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.10em!important;text-transform:uppercase!important}
.wh-footer-v9711 .wh-footer-column a{display:flex!important;align-items:center!important;min-height:29px!important;margin:4px 0!important;padding:3px 0!important;color:#8fa8c0!important;font-size:11px!important;line-height:1.35!important;overflow-wrap:anywhere!important;transition:color .16s ease,transform .16s ease!important}
.wh-footer-v9711 .wh-footer-column a:before{content:"";width:0;height:1px;margin-right:0;background:var(--accent-readable);transition:width .16s ease,margin-right .16s ease}
.wh-footer-v9711 .wh-footer-column a:hover{color:#fff!important;transform:translateX(2px)!important}.wh-footer-v9711 .wh-footer-column a:hover:before{width:8px;margin-right:6px}
.wh-footer-v9711 .wh-footer-bottom{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:18px!important;margin:22px 0 0!important;padding:18px 4px 0!important;border-top:1px solid rgba(var(--accent-rgb),.14)!important;color:#6f8aa5!important;font-size:9px!important;line-height:1.5!important}
.wh-footer-v9711 .wh-footer-bottom>span:nth-child(2){justify-self:center!important}.wh-footer-v9711 .wh-footer-bottom>span:last-child{justify-self:end!important;text-align:right!important}
.wh-footer-v9711 .wh-footer-secure{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#88a8c7!important;white-space:nowrap!important}.wh-footer-v9711 .wh-footer-secure i{color:#45dda3!important}
@media(max-width:1000px){.wh-footer-v9711 .wh-footer-main{grid-template-columns:1fr!important;gap:14px!important}.wh-footer-v9711 .wh-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.wh-footer-v9711{padding:30px 0 16px!important}.wh-footer-v9711 .wh-footer-brand-panel{padding:18px!important;border-radius:17px!important}.wh-footer-v9711 .wh-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.wh-footer-v9711 .wh-footer-column{padding:15px 14px!important;border-radius:15px!important}.wh-footer-v9711 .wh-footer-column:last-child{grid-column:1/-1!important}.wh-footer-v9711 .wh-footer-bottom{grid-template-columns:1fr!important;justify-items:center!important;gap:6px!important;text-align:center!important;margin-top:15px!important;padding-top:14px!important}.wh-footer-v9711 .wh-footer-bottom>span:nth-child(2),.wh-footer-v9711 .wh-footer-bottom>span:last-child{justify-self:center!important;text-align:center!important}.wh-footer-v9711 .wh-footer-brand-status{grid-template-columns:9px 1fr!important;width:100%!important;border-radius:12px!important}.wh-footer-v9711 .wh-footer-brand-status small{grid-column:2!important;white-space:normal!important}.wh-footer-v9711 .wh-footer-socials{justify-content:flex-start!important}}
@media(max-width:420px){.wh-footer-v9711 .wh-footer-links{grid-template-columns:1fr!important}.wh-footer-v9711 .wh-footer-column:last-child{grid-column:auto!important}.wh-footer-v9711 .wh-footer-logo img{height:36px!important;max-width:135px!important}.wh-footer-v9711 .wh-footer-logo .brand-word,.wh-footer-v9711 .wh-footer-logo .brand-word-uploaded{font-size:17px!important}}


/* =========================================================
   WHWEB V97.1.4 — Classic Footer Restore (V96.9 style)
   ========================================================= */
.site-footer{
  border-top:1px solid var(--line)!important;
  background:#04070a!important;
  padding:56px 0 24px!important;
  margin:0!important;
}
.site-footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.7fr .7fr .7fr .7fr!important;
  gap:42px!important;
  align-items:start!important;
}
.site-footer .footer-brand,
.site-footer .footer-grid>div:not(.footer-brand){
  grid-column:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-footer .footer-brand p{max-width:470px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.7!important;margin:20px 0!important}
.site-footer .footer-grid h4{margin:0 0 16px!important;color:var(--text)!important;font-size:12px!important;letter-spacing:0!important;text-transform:none!important}
.site-footer .footer-grid>div:not(.footer-brand) a{
  display:block!important;
  min-height:0!important;
  margin:11px 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8e99a4!important;
  font-size:11px!important;
  line-height:1.45!important;
  text-align:left!important;
}
.site-footer .footer-grid>div:not(.footer-brand) a:hover{color:var(--accent-readable)!important;transform:none!important}
.site-footer .footer-grid>div:not(.footer-brand) a:before{display:none!important}
.site-footer .footer-socials{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin-top:18px!important}
.site-footer .footer-socials a{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.09)!important;background:#0b131b!important;color:#dce5ec!important;font-size:17px!important}
.site-footer .footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;margin-top:42px!important;padding:20px 0 0!important;border-top:1px solid var(--line)!important;font-size:9px!important;color:#697581!important;text-align:left!important}
@media(max-width:1080px){.site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}}
@media(max-width:720px){
  .site-footer{padding:42px 0 22px!important}
  .site-footer .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .site-footer .footer-brand,.site-footer .footer-grid>div:not(.footer-brand){padding:0!important;border:0!important;background:transparent!important}
  .site-footer .footer-grid>div:last-child{display:block!important;grid-column:auto!important}
  .site-footer .footer-grid>div:last-child h4{grid-column:auto!important}
  .site-footer .footer-grid>div:last-child a{display:block!important;min-height:0!important;margin:10px 0!important;padding:0!important;border:0!important;background:transparent!important;text-align:left!important}
  .site-footer .footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:7px!important;text-align:left!important;margin-top:30px!important;padding-top:18px!important}
}


/* =========================================================
   WHWEB V97.1.5 — Northwind-style Professional Footer
   ========================================================= */
.site-footer.wh-footer-v9715{
  padding:0!important;
  border-top:1px solid rgba(129,160,197,.14)!important;
  background:#0b1526!important;
  color:#dbe7f4!important;
}
.wh-footer-v9715 .wh-footer-pro{padding-top:46px;padding-bottom:24px}
.wh-footer-v9715 .wh-footer-pro-grid{
  display:grid;
  grid-template-columns:minmax(280px,1.55fr) repeat(4,minmax(130px,.72fr));
  gap:44px;
  align-items:start;
}
.wh-footer-v9715 .wh-footer-pro-brand{min-width:0}
.wh-footer-v9715 .wh-footer-pro-logo{display:inline-flex!important;align-items:center!important;max-width:230px!important;margin:0!important}
.wh-footer-v9715 .wh-footer-pro-brand>p{
  max-width:390px!important;
  margin:18px 0 0!important;
  color:#8fa5c0!important;
  font-size:12px!important;
  line-height:1.85!important;
}
.wh-footer-v9715 .wh-footer-pro-socials{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px}
.wh-footer-v9715 .wh-footer-pro-socials a{
  width:36px!important;height:36px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:9px!important;
  background:#172238!important;
  color:#9fb4ce!important;
  font-size:15px!important;
  transition:.18s ease!important;
}
.wh-footer-v9715 .wh-footer-pro-socials a:hover{background:#20304d!important;color:#fff!important;border-color:rgba(var(--accent-rgb),.38)!important;transform:translateY(-2px)!important}
.wh-footer-v9715 .wh-footer-pro-column{min-width:0!important;padding:0!important;border:0!important;background:transparent!important}
.wh-footer-v9715 .wh-footer-pro-heading{
  width:100%;padding:0;margin:0 0 17px;border:0;background:transparent;color:#f7fbff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;
  font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:default;
}
.wh-footer-v9715 .wh-footer-pro-heading>i{display:none;color:#8fb9ef;font-size:13px}
.wh-footer-v9715 .wh-footer-pro-links{display:grid;gap:11px}
.wh-footer-v9715 .wh-footer-pro-links a,
.wh-footer-v9715 .wh-footer-cookie-link{
  display:block!important;width:max-content;max-width:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  color:#91a8c5!important;font-size:11px!important;line-height:1.45!important;text-decoration:none!important;text-align:left!important;
  transition:color .16s ease!important;
}
.wh-footer-v9715 .wh-footer-pro-links a:hover,
.wh-footer-v9715 .wh-footer-cookie-link:hover{color:#fff!important}
.wh-footer-v9715 .wh-footer-cookie-link{font:inherit;cursor:pointer}
.wh-footer-v9715 .wh-footer-pro-bottom{
  display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:22px!important;
  margin-top:40px!important;padding:20px 0 0!important;border-top:1px solid rgba(145,170,202,.17)!important;
  color:#768ca8!important;font-size:9px!important;line-height:1.5!important;
}
.wh-footer-v9715 .wh-footer-pro-bottom-links{display:flex;gap:22px;align-items:center;justify-content:center}
.wh-footer-v9715 .wh-footer-pro-bottom-links a,
.wh-footer-v9715 .wh-footer-pro-bottom-links button{margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#91a8c5!important;font:inherit!important;text-decoration:none!important;cursor:pointer!important}
.wh-footer-v9715 .wh-footer-pro-bottom-links a:hover,
.wh-footer-v9715 .wh-footer-pro-bottom-links button:hover{color:#fff!important}
.wh-footer-v9715 .wh-footer-pro-credit{justify-self:end;text-align:right}
@media(max-width:1080px){
  .wh-footer-v9715 .wh-footer-pro-grid{grid-template-columns:minmax(250px,1.2fr) repeat(2,minmax(150px,.8fr));gap:34px 28px}
  .wh-footer-v9715 .wh-footer-pro-brand{grid-row:span 2}
}
@media(max-width:768px){
  .wh-footer-v9715 .wh-footer-pro{padding-top:30px;padding-bottom:18px}
  .wh-footer-v9715 .wh-footer-pro-grid{display:block!important}
  .wh-footer-v9715 .wh-footer-pro-brand{padding:0 0 25px!important;border-bottom:1px solid rgba(145,170,202,.13)!important}
  .wh-footer-v9715 .wh-footer-pro-brand>p{max-width:520px!important}
  .wh-footer-v9715 .wh-footer-pro-column{border-bottom:1px solid rgba(145,170,202,.13)!important}
  .wh-footer-v9715 .wh-footer-pro-heading{min-height:54px;margin:0!important;cursor:pointer!important;font-size:10px!important}
  .wh-footer-v9715 .wh-footer-pro-heading>i{display:block!important;transition:transform .18s ease!important}
  .wh-footer-v9715 .wh-footer-pro-column.is-open .wh-footer-pro-heading>i{transform:rotate(45deg)}
  .wh-footer-v9715 .wh-footer-pro-links{display:none;padding:0 0 18px!important;gap:10px!important}
  .wh-footer-v9715 .wh-footer-pro-column.is-open .wh-footer-pro-links{display:grid!important}
  .wh-footer-v9715 .wh-footer-pro-links a,.wh-footer-v9715 .wh-footer-cookie-link{font-size:11px!important;padding:2px 0!important}
  .wh-footer-v9715 .wh-footer-pro-bottom{grid-template-columns:1fr!important;justify-items:start!important;gap:11px!important;margin-top:24px!important;padding-top:18px!important;text-align:left!important}
  .wh-footer-v9715 .wh-footer-pro-bottom-links{order:2;justify-content:flex-start!important;gap:18px!important;flex-wrap:wrap}
  .wh-footer-v9715 .wh-footer-pro-credit{order:3;justify-self:start!important;text-align:left!important}
}


/* WHWEB V97.1.6 — Page Cover Upload/Display Fix */
.wh-v970 .institutional-premium-hero.has-cover,.wh-v970 .mu-catalog-hero.has-cover,.wh-v970 .contact-v69-hero.has-cover{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}


/* =========================================================
   WHWEB V97.1.7 — Advanced Color Studio bindings
   ========================================================= */
body.wh-v970{color:var(--site-text,#fff)!important}
body.wh-v970 .nav-links>a,body.wh-v970 .nav-links .nav-dropdown-trigger>a{color:var(--site-menu-text,#dce8f7)!important}
body.wh-v970 .nav-links>a:hover,body.wh-v970 .nav-links .nav-dropdown-trigger>a:hover{color:color-mix(in srgb,var(--site-menu-text,#dce8f7) 78%,#fff)!important}
body.wh-v970 .mobile-nav-panel-kicker small,body.wh-v970 .nav-dropdown-menu a{color:var(--site-menu-text,#dce8f7)!important}
body.wh-v970 .wh-footer-v9715 .wh-footer-pro-brand>p,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-bottom,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-credit{color:var(--footer-text,#91a8c5)!important}
body.wh-v970 .wh-footer-v9715 .wh-footer-pro-heading{color:var(--footer-title,#fff)!important}
body.wh-v970 .wh-footer-v9715 .wh-footer-pro-links a,body.wh-v970 .wh-footer-v9715 .wh-footer-cookie-link,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-bottom-links a,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-bottom-links button{color:var(--footer-link,#91a8c5)!important}
body.wh-v970 .wh-footer-v9715 .wh-footer-pro-links a:hover,body.wh-v970 .wh-footer-v9715 .wh-footer-cookie-link:hover,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-bottom-links a:hover,body.wh-v970 .wh-footer-v9715 .wh-footer-pro-bottom-links button:hover{color:color-mix(in srgb,var(--footer-link,#91a8c5) 70%,#fff)!important}

/* =========================================================
   WHWEB V97.1.8 — Unified Public Page Heading Alignment
   Todos os títulos/heroes públicos usam a mesma base horizontal
   do conteúdo principal do site, com recuo interno consistente.
   ========================================================= */
:root{--wh-page-heading-inset:clamp(22px,4.5vw,78px)}

/* Corrige containers de hero que em versões anteriores ocupavam 100% da largura. */
.wh-v970 .page-cover-hero>.container-xl,
.wh-v970 .page-hero>.container-xl,
.wh-v970 .institutional-premium-hero-inner,
.wh-v970 .mu-catalog-hero-inner,
.wh-v970 .contact-v69-hero-inner,
.wh-v970 .mu-detail-hero>.container-xl,
.wh-v970 .mu-license-detail-hero>.container-xl,
.wh-v970 .utility-v65-hero-inner,
.wh-v970 .portfolio-detail-hero>.container-xl,
.wh-v970 .product-detail-hero>.container-xl,
.wh-v970 .mu-website-pro-hero-grid{
  width:min(100% - 28px,var(--site-container,1208px))!important;
  max-width:var(--site-container,1208px)!important;
  margin-inline:auto!important;
}

/* Base editorial igual em todas as páginas: título, descrição e badges entram
   levemente para dentro da grade principal, como na referência enviada. */
.wh-v970 .page-cover-hero>.container-xl,
.wh-v970 .page-hero>.container-xl,
.wh-v970 .institutional-premium-hero-inner,
.wh-v970 .mu-catalog-hero-inner,
.wh-v970 .contact-v69-hero-inner{
  padding-left:var(--wh-page-heading-inset)!important;
  padding-right:var(--wh-page-heading-inset)!important;
}

/* Mantém os blocos de texto com a mesma coluna visual entre páginas. */
.wh-v970 .page-cover-hero .cover-lead,
.wh-v970 .institutional-premium-copy,
.wh-v970 .mu-catalog-lead,
.wh-v970 .contact-v69-hero-inner>div:first-child,
.wh-v970 .page-hero p{
  max-width:780px!important;
}
.wh-v970 .institutional-premium-about .institutional-premium-copy{max-width:820px!important}

/* Detalhes com duas colunas continuam usando a grade completa, mas alinhada
   à mesma base do site. */
.wh-v970 .mu-detail-hero>.container-xl,
.wh-v970 .mu-license-detail-hero>.container-xl,
.wh-v970 .utility-v65-hero-inner,
.wh-v970 .portfolio-detail-hero>.container-xl,
.wh-v970 .product-detail-hero>.container-xl,
.wh-v970 .mu-website-pro-hero-grid{
  padding-left:clamp(0px,2vw,28px)!important;
  padding-right:clamp(0px,2vw,28px)!important;
}

@media(max-width:768px){
  :root{--wh-page-heading-inset:6px}
  .wh-v970 .page-cover-hero>.container-xl,
  .wh-v970 .page-hero>.container-xl,
  .wh-v970 .institutional-premium-hero-inner,
  .wh-v970 .mu-catalog-hero-inner,
  .wh-v970 .contact-v69-hero-inner,
  .wh-v970 .mu-detail-hero>.container-xl,
  .wh-v970 .mu-license-detail-hero>.container-xl,
  .wh-v970 .utility-v65-hero-inner,
  .wh-v970 .portfolio-detail-hero>.container-xl,
  .wh-v970 .product-detail-hero>.container-xl,
  .wh-v970 .mu-website-pro-hero-grid{
    width:min(100% - 20px,var(--site-container,1208px))!important;
    padding-left:var(--wh-page-heading-inset)!important;
    padding-right:var(--wh-page-heading-inset)!important;
  }
}

/* =========================================================
   WHWEB V97.1.9 — Larger Header Brand
   Logo principal maior no cabeçalho sem quebrar navegação.
   ========================================================= */
body.wh-v970 .site-header .wh-nav{min-height:86px!important;align-items:center!important}
body.wh-v970 .site-header .wh-nav>.logo{gap:12px!important;align-items:center!important;min-width:0!important}
body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:60px!important;max-width:230px!important;width:auto!important;object-fit:contain!important}
body.wh-v970 .site-header .wh-nav>.logo .brand-word-uploaded{font-size:20px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.035em!important;max-width:190px!important}
body.wh-v970 .site-header .wh-nav>.logo .brand-symbol{width:58px!important;height:58px!important;font-size:44px!important}
body.wh-v970 .site-header .wh-nav>.logo .brand-word:not(.brand-word-uploaded){font-size:27px!important}
@media(max-width:1100px){
  body.wh-v970 .site-header .wh-nav{min-height:80px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:52px!important;max-width:195px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-word-uploaded{font-size:18px!important;max-width:150px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-symbol{width:50px!important;height:50px!important;font-size:39px!important}
}
@media(max-width:720px){
  body.wh-v970 .site-header .wh-nav{min-height:72px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:44px!important;max-width:155px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-word-uploaded{font-size:16px!important;max-width:115px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-symbol{width:44px!important;height:44px!important;font-size:34px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-word:not(.brand-word-uploaded){font-size:22px!important}
}
@media(max-width:460px){
  body.wh-v970 .site-header .wh-nav>.logo{gap:8px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:40px!important;max-width:130px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-word-uploaded{font-size:14px!important;max-width:86px!important}
}


/* =========================================================
   WHWEB V97.2.1 — Compact Header + Independent Logo Size
   ========================================================= */
body.wh-v970 .site-header .wh-nav{
  min-height:var(--site-header-height,66px)!important;
  height:var(--site-header-height,66px)!important;
  padding-block:0!important;
  align-items:center!important;
}
body.wh-v970 .site-header .wh-nav>.logo{
  height:var(--site-header-height,66px)!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{
  height:min(var(--site-logo-size,58px),calc(var(--site-header-height,66px) + 8px))!important;
  max-height:none!important;
  width:auto!important;
  max-width:230px!important;
  object-fit:contain!important;
}
body.wh-v970 .site-header .wh-nav>.logo .brand-symbol{
  width:min(var(--site-logo-size,58px),calc(var(--site-header-height,66px) + 6px))!important;
  height:min(var(--site-logo-size,58px),calc(var(--site-header-height,66px) + 6px))!important;
  font-size:clamp(30px,calc(var(--site-logo-size,58px) - 14px),60px)!important;
}
body.wh-v970 .site-header .nav-links{
  height:var(--site-header-height,66px)!important;
  align-items:center!important;
}
body.wh-v970 .site-header .nav-links>a,
body.wh-v970 .site-header .nav-dropdown-trigger>a{
  height:var(--site-header-height,66px)!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
body.wh-v970 .site-header .nav-dropdown,
body.wh-v970 .site-header .nav-dropdown-trigger{height:var(--site-header-height,66px)!important;align-items:center!important}
body.wh-v970 .site-header .nav-actions{height:var(--site-header-height,66px)!important;align-items:center!important}
@media(max-width:900px){
  body.wh-v970 .site-header .wh-nav{min-height:min(var(--site-header-height,66px),64px)!important;height:min(var(--site-header-height,66px),64px)!important}
  body.wh-v970 .site-header .wh-nav>.logo{height:min(var(--site-header-height,66px),64px)!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:min(var(--site-logo-size,58px),50px)!important;max-width:160px!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-symbol{width:min(var(--site-logo-size,58px),48px)!important;height:min(var(--site-logo-size,58px),48px)!important;font-size:36px!important}
}
@media(max-width:520px){
  body.wh-v970 .site-header .wh-nav{min-height:min(var(--site-header-height,66px),60px)!important;height:min(var(--site-header-height,66px),60px)!important}
  body.wh-v970 .site-header .wh-nav>.logo{height:min(var(--site-header-height,66px),60px)!important}
  body.wh-v970 .site-header .wh-nav>.logo .brand-uploaded-logo{height:min(var(--site-logo-size,58px),44px)!important;max-width:132px!important}
}

/* WHWEB V97.2.4 — rich typography support */
.rich-content span[style*="font-size"],.rich-content p[style*="font-size"],.rich-content h2[style*="font-size"],.rich-content h3[style*="font-size"],.rich-content h4[style*="font-size"]{line-height:1.55}
.rich-content span[style*="background-color"]{padding:.08em .18em;border-radius:.18em}


/* =========================================================
   WHWEB V97.2.6 — CLIENT CENTER STABILITY RESTORE
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
body.client-embedded.client-v87 .client-v87-main,body.client-embedded.client-v87 .client-v87-frame,body.client-embedded.client-v87 .client-v87-portal{overflow:visible!important}
body.client-embedded.client-v87 .client-v87-topbar{position:relative;z-index:2200;overflow:visible!important}
body.client-embedded.client-v87 .client-v87-top-actions{overflow:visible!important}
.client-v9726-notification-menu{position:relative;z-index:2250}
.client-v9726-notify-toggle{cursor:pointer;border:0;background:transparent;color:inherit}
.client-v9726-notification-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:99999;width:370px;padding:8px;border:1px solid #21425a;border-radius:16px;background:linear-gradient(155deg,#071d32,#031322);box-shadow:0 34px 100px rgba(0,0,0,.60);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:.18s ease}
.client-v9726-notification-menu.open .client-v9726-notification-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.client-v9726-notification-dropdown>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 12px}.client-v9726-notification-dropdown header small,.client-v9726-notification-dropdown header b{display:block}.client-v9726-notification-dropdown header small{font-size:7px;letter-spacing:.14em;color:#68bfff;font-weight:900}.client-v9726-notification-dropdown header b{font-size:13px;margin-top:3px}.client-v9726-notification-dropdown header>span{font-size:8px;color:#8dcbff;border:1px solid #214967;border-radius:999px;padding:5px 8px;background:#09243a}
.client-v9726-notification-list{display:grid;gap:3px;max-height:320px;overflow-y:auto;overscroll-behavior:contain}.client-v9726-notification-list>a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;padding:9px;border-radius:11px;color:#dce9f4;text-decoration:none}.client-v9726-notification-list>a:hover,.client-v9726-notification-list>a.unread{background:#0a2841}.client-v9726-notification-list>a>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#0c2f4e;color:#7cc6ff}.client-v9726-notification-list b,.client-v9726-notification-list small,.client-v9726-notification-list em{display:block}.client-v9726-notification-list b{font-size:9px}.client-v9726-notification-list small{font-size:8px;color:#7f99ae;line-height:1.45;margin-top:2px}.client-v9726-notification-list em{font-size:7px;color:#607b92;font-style:normal;margin-top:3px}.client-v9726-notification-dropdown>footer{padding:7px 8px 4px}.client-v9726-notification-dropdown>footer a{min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;background:#09243a;color:#a9d5ff;font-size:9px}.client-v9726-dropdown-empty{display:grid;place-items:center;gap:7px;padding:24px 12px;color:#7691a8;font-size:9px}.client-v9726-dropdown-empty i{font-size:20px}
.site-account-menu{position:relative;z-index:2600}.site-account-toggle{appearance:none;-webkit-appearance:none;color:inherit;cursor:pointer}.site-account-toggle>i{transition:transform .18s}.site-account-menu.open .site-account-toggle>i{transform:rotate(180deg)}.site-account-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:99999;width:250px;padding:8px;border:1px solid #203d54;border-radius:15px;background:linear-gradient(155deg,#071b2e,#03111f);box-shadow:0 30px 90px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-7px);pointer-events:none;transition:.18s ease}.site-account-menu.open .site-account-dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}.site-account-dropdown>a{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px;border-radius:10px;color:#dae8f4}.site-account-dropdown>a:hover{background:#0a2841}.site-account-dropdown>a>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#0d2d48;color:#80c8ff}.site-account-dropdown b,.site-account-dropdown small{display:block}.site-account-dropdown b{font-size:10px}.site-account-dropdown small{font-size:8px;color:#708ca4;margin-top:2px}.site-account-dropdown>a.danger:hover{background:rgba(255,80,95,.08)}.site-account-dropdown>a.danger>i{color:#ff9ca5;background:rgba(255,80,95,.08)}
html.client-login-splash-open{overflow:hidden}.client-v9726-login-splash{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 34%,rgba(var(--accent-rgb),.28),transparent 35%),rgba(0,7,18,.96);backdrop-filter:blur(18px);transition:opacity .42s ease,visibility .42s ease}.client-v9726-login-splash.is-leaving{opacity:0;visibility:hidden}.client-v9726-login-card{width:min(420px,100%);padding:31px 28px 26px;border:1px solid rgba(var(--accent-rgb),.34);border-radius:25px;background:linear-gradient(155deg,#071d32,#031322);box-shadow:0 38px 120px rgba(0,0,0,.58);text-align:center}.client-v9726-login-logo{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.client-v9726-login-logo img{max-height:68px;width:auto}.client-v9726-login-card>span{display:inline-flex;align-items:center;gap:7px;color:#79d8ff;font-size:9px;font-weight:900;letter-spacing:.14em}.client-v9726-login-card>span i{width:7px;height:7px;border-radius:50%;background:#35e7a6;box-shadow:0 0 14px rgba(53,231,166,.8)}.client-v9726-login-card h2{margin:10px 0 5px;font-size:27px}.client-v9726-login-card p{margin:0;color:#8ca8bf;font-size:12px}.client-v9726-login-progress{height:4px;margin-top:20px;border-radius:999px;background:#07182b;overflow:hidden}.client-v9726-login-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#49a4ff);animation:client9726Progress 1.25s ease forwards}@keyframes client9726Progress{to{width:100%}}
@media(max-width:760px){body.client-embedded.client-v87 .client-v87-sidebar{overflow-y:auto!important;max-height:100dvh!important}.client-v9726-notification-dropdown{position:fixed;top:calc(var(--site-header-height,66px) + 68px);right:10px;left:10px;width:auto;max-height:calc(100dvh - 150px)}.site-account-dropdown{position:fixed;top:calc(var(--site-header-height,66px) + 8px);right:10px;left:10px;width:auto}.client-v9726-login-card{padding:27px 20px 23px}}


/* =========================================================
   WHWEB V97.2.7 — Unified Blue Public Pages + Seam Fix
   ========================================================= */
/* Um único padrão visual para capas públicas: azul, imagem preservada,
   mesma altura, mesmo overlay e com friso premium separando hero e conteúdo. */
body.wh-v970{
  background:var(--site-bg,#000b1a)!important;
}
.wh-v970 .page-cover-hero,
.wh-v970 .institutional-premium-hero,
.wh-v970 .contact-v69-hero,
.wh-v970 .mu-catalog-hero,
.wh-v970 .portfolio-hero{
  height:var(--site-page-cover-height,400px)!important;
  min-height:var(--site-page-cover-height,400px)!important;
  max-height:var(--site-page-cover-height,400px)!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-color:var(--site-bg,#000b1a)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.wh-v970 .page-cover-hero::after,
.wh-v970 .institutional-premium-hero::after,
.wh-v970 .contact-v69-hero::after,
.wh-v970 .mu-catalog-hero::after,
.wh-v970 .portfolio-hero::after,
.wh-v970 .product-v59-hero::after,
.wh-v970 .mu-detail-hero::after,
.wh-v970 .mu-license-detail-hero::after,
.wh-v970 .utility-v65-hero::after,
.wh-v970 .mu-website-pro-hero::after,
.wh-v970 .mu-launcher-pro-hero::after,
.wh-v970 .hero-premium-full .premium-carousel::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    color-mix(in srgb,var(--accent) 22%,transparent) 8%,
    color-mix(in srgb,var(--accent) 88%,#ffffff 12%) 50%,
    color-mix(in srgb,var(--accent-2,var(--accent)) 22%,transparent) 92%,
    transparent 100%);
  box-shadow:
    0 0 22px color-mix(in srgb,var(--accent) 42%,transparent),
    0 -1px 0 rgba(255,255,255,.06) inset;
  opacity:.98;
  z-index:6;
}
.wh-v970 .page-cover-hero:not(.has-cover),
.wh-v970 .institutional-premium-hero:not(.has-cover),
.wh-v970 .contact-v69-hero:not(.has-cover){
  background:
    radial-gradient(circle at 76% 22%,rgba(var(--accent-rgb),.30),transparent 34%),
    linear-gradient(135deg,var(--site-bg,#000b1a) 0%,color-mix(in srgb,var(--site-bg,#000b1a) 72%,var(--accent) 28%) 68%,var(--site-bg,#000b1a) 100%)!important;
}
.wh-v970 .page-cover-hero::before,
.wh-v970 .page-cover-hero.has-cover::before{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--site-bg,#000b1a) 90%,transparent) 0%,color-mix(in srgb,var(--site-bg,#000b1a) 66%,transparent) 50%,color-mix(in srgb,var(--site-bg,#000b1a) 28%,transparent) 100%),
    linear-gradient(0deg,color-mix(in srgb,var(--site-bg,#000b1a) 78%,transparent),transparent 62%)!important;
}
.wh-v970 .institutional-premium-overlay,
.wh-v970 .contact-v69-overlay,
.wh-v970 .contact-v69-hero.has-cover::before{
  position:absolute!important;
  inset:0!important;
  content:"";
  pointer-events:none!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--site-bg,#000b1a) 90%,transparent) 0%,color-mix(in srgb,var(--site-bg,#000b1a) 66%,transparent) 50%,color-mix(in srgb,var(--site-bg,#000b1a) 28%,transparent) 100%),
    linear-gradient(0deg,color-mix(in srgb,var(--site-bg,#000b1a) 78%,transparent),transparent 62%)!important;
}
.wh-v970 .institutional-premium-hero-inner,
.wh-v970 .contact-v69-hero-inner{
  min-height:100%!important;
  align-items:flex-end!important;
  padding-top:calc(var(--site-header-height,66px) + 34px)!important;
  padding-bottom:48px!important;
}
.wh-v970 .institutional-premium-page,
.wh-v970 .institutional-premium-body,
.wh-v970 .institutional-connect-section,
.wh-v970 .contact-v69-section,
.wh-v970 .portfolio-section{
  background:var(--site-bg,#000b1a)!important;
}
.wh-v970 .institutional-premium-page{
  color:var(--site-text,#fff)!important;
}
/* Mantém o conteúdo colado à capa, usando o friso no próprio hero sem criar faixa extra. */
.wh-v970 .page-cover-hero + section,
.wh-v970 .institutional-premium-hero + section,
.wh-v970 .contact-v69-hero + section,
.wh-v970 .portfolio-hero + section{
  margin-top:0!important;
  border-top:0!important;
  box-shadow:none!important;
}
.wh-v970 .page-cover-hero + section::before,
.wh-v970 .page-cover-hero + section::after{
  display:none!important;
}
/* O conteúdo começa no mesmo azul da capa, sem faixa intermediária. */
.wh-v970 .page-cover-hero + section,
.wh-v970 .page-cover-hero + section>.container-xl{
  background-color:transparent!important;
}
@media(max-width:768px){
  .wh-v970 .page-cover-hero,
  .wh-v970 .institutional-premium-hero,
  .wh-v970 .contact-v69-hero,
  .wh-v970 .mu-catalog-hero,
  .wh-v970 .portfolio-hero{
    height:var(--site-page-cover-height,400px)!important;
    min-height:var(--site-page-cover-height,400px)!important;
    max-height:var(--site-page-cover-height,400px)!important;
  }
  .wh-v970 .institutional-premium-hero-inner,
  .wh-v970 .contact-v69-hero-inner{padding-bottom:34px!important}
}

/* =========================================================
   WHWEB V97.2.9 — Client Page Header Designer Refresh
   Novo visual premium para títulos internos do painel do cliente,
   com melhor alinhamento, CTAs corrigidos e leitura mais elegante.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-content>.client-page-head,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:0 0 18px;
  padding:24px 26px;
  border:1px solid rgba(39,84,118,.9)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(var(--accent-rgb),.14),transparent 34%),
    radial-gradient(circle at 88% 24%,rgba(51,129,255,.10),transparent 26%),
    linear-gradient(145deg,#0b1b28 0%,#091723 52%,#08131e 100%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head:before,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero:before{
  content:"";
  position:absolute;
  inset:auto -90px -110px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 68%);
  pointer-events:none;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head:after,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.55),transparent);
  opacity:.9;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head>*,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero>*{
  position:relative;
  z-index:1;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head .eyebrow,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid rgba(var(--accent-rgb),.22);
  border-radius:999px;
  background:rgba(var(--accent-rgb),.08);
  color:#7ed7ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head h1,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero h1{
  margin:14px 0 8px;
  color:#f6fbff;
  font-size:clamp(27px,2.35vw,38px)!important;
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1.04;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head p,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero p{
  max-width:760px;
  margin:0;
  color:#91aabd!important;
  font-size:13.5px!important;
  line-height:1.7;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head>a,
body.client-embedded.client-v87 .client-v87-content>.client-page-head>form,
body.client-embedded.client-v87 .client-v87-content>.client-page-head>.status,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero>.status,
body.client-embedded.client-v87 .client-v34-hosting-hero-side{
  justify-self:end;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head>form,
body.client-embedded.client-v87 .client-v34-hosting-hero-side{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head .btn,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero .btn{
  min-height:46px;
  padding:0 17px;
  border-radius:13px;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  box-shadow:0 10px 26px rgba(0,0,0,.14);
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head .btn.ghost,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero .btn.ghost{
  background:rgba(8,24,36,.82);
  border-color:#23445b;
  color:#d8e6ef;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head>.status,
body.client-embedded.client-v87 .client-v87-content>.client-page-head .status,
body.client-embedded.client-v87 .client-v34-hosting-hero .status{
  gap:7px;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  font-size:10.5px;
  letter-spacing:.04em;
}
body.client-embedded.client-v87 .client-v87-content>.client-page-head .status i,
body.client-embedded.client-v87 .client-v34-hosting-hero .status i{font-size:12px}
body.client-embedded.client-v87 .client-v87-content>.client-page-head .box,
body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero .box{margin-top:0}

/* Ajuste fino do topo do painel */
body.client-embedded.client-v87 .client-v87-topbar{
  margin-bottom:14px;
  border:1px solid #17374b;
  border-radius:18px;
  padding:0 16px;
  background:linear-gradient(180deg,rgba(10,25,37,.94),rgba(8,21,32,.9));
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
body.client-embedded.client-v87 .client-v87-top-actions{gap:9px}
body.client-embedded.client-v87 .client-v87-top-actions>a,
body.client-embedded.client-v87 .client-v87-top-actions .client-v87-notify{
  min-height:40px;
  border-radius:12px;
  padding:0 13px;
  border-color:#1d3f56;
  background:linear-gradient(180deg,#0b1b27,#091722);
  color:#bfd0dd;
  font-size:10px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.client-embedded.client-v87 .client-v87-top-actions .client-v87-notify{width:40px;padding:0;justify-content:center}
body.client-embedded.client-v87 .client-v87-top-actions>a:hover,
body.client-embedded.client-v87 .client-v87-top-actions .client-v87-notify:hover{
  border-color:rgba(var(--accent-rgb),.45);
  color:#fff;
  transform:translateY(-1px);
}
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout{
  background:linear-gradient(180deg,rgba(48,16,24,.92),rgba(28,12,18,.96));
  border-color:rgba(255,111,133,.24);
  color:#ffd7de;
}
body.client-embedded.client-v87 .client-v87-account-mini.client-v963-logout:hover{
  border-color:rgba(255,111,133,.36);
  color:#fff0f3;
}

/* Cards internos combinando com o novo cabeçalho */
body.client-embedded.client-v87 .client-v87-content .client-cards-list>.box,
body.client-embedded.client-v87 .client-v87-content .support-layout>.box,
body.client-embedded.client-v87 .client-v87-content .ticket-client-list>.box,
body.client-embedded.client-v87 .client-v87-content .profile-premium-grid>.box,
body.client-embedded.client-v87 .client-v87-content .notification-page-list>.box{
  border-color:#19384c;
  border-radius:18px;
  background:linear-gradient(180deg,#0a1a25,#081720);
}
body.client-embedded.client-v87 .client-v87-content .empty{
  color:#86a0b4;
  font-size:13px;
}

@media (max-width:900px){
  body.client-embedded.client-v87 .client-v87-content>.client-page-head,
  body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero{
    grid-template-columns:1fr;
    align-items:flex-start;
  }
  body.client-embedded.client-v87 .client-v87-content>.client-page-head>a,
  body.client-embedded.client-v87 .client-v87-content>.client-page-head>form,
  body.client-embedded.client-v87 .client-v87-content>.client-page-head>.status,
  body.client-embedded.client-v87 .client-v34-hosting-hero-side{
    justify-self:start;
  }
}
@media (max-width:760px){
  body.client-embedded.client-v87 .client-v87-content>.client-page-head,
  body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero{
    padding:20px 18px;
    border-radius:18px!important;
  }
  body.client-embedded.client-v87 .client-v87-content>.client-page-head h1,
  body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero h1{
    font-size:28px!important;
  }
  body.client-embedded.client-v87 .client-v87-content>.client-page-head p,
  body.client-embedded.client-v87 .client-v87-content>.client-v34-hosting-hero p{
    font-size:12.5px!important;
  }
  body.client-embedded.client-v87 .client-v87-topbar{
    padding:10px 12px;
    min-height:unset;
    flex-wrap:wrap;
  }
}

/* =========================================================
   WHWEB V97.2.11 — PAYMENTS PAGE HARD RESET / PREMIUM FIX
   Override final dos hotfixes antigos de pagamentos que usavam
   !important e quebravam o novo padrão de cabeçalho do Client Center.
   ========================================================= */
body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-head,
body.client-embedded.client-v87 .client-v87-content > .client-page-head.client-v87-payments-head.client-v97211-payments-head{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  min-height:150px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
  margin:0 0 18px!important;
  padding:24px 26px!important;
  border:1px solid #21465e!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(var(--accent-rgb),.16),transparent 34%),
    radial-gradient(circle at 92% 18%,rgba(var(--accent-2-rgb),.10),transparent 30%),
    linear-gradient(145deg,#0b1d2a 0%,#091824 54%,#07131e 100%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  box-sizing:border-box!important;
}
body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-head::before{
  content:""!important;
  position:absolute!important;
  right:-84px!important;
  bottom:-132px!important;
  width:270px!important;
  height:270px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 67%)!important;
  pointer-events:none!important;
}
body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-head::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.72),transparent)!important;
  opacity:.8!important;
  pointer-events:none!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head > *{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .client-v97211-head-copy{
  min-width:0!important;
  max-width:820px!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .eyebrow{
  width:max-content!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid rgba(var(--accent-rgb),.26)!important;
  border-radius:999px!important;
  background:rgba(var(--accent-rgb),.09)!important;
  color:#75d3ff!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .eyebrow i{
  color:var(--accent-readable)!important;
  font-size:11px!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head h1{
  margin:14px 0 8px!important;
  padding:0!important;
  color:#f7fbff!important;
  font-size:clamp(28px,2.4vw,38px)!important;
  font-weight:750!important;
  letter-spacing:-.045em!important;
  line-height:1.05!important;
  background:none!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head p{
  margin:0!important;
  padding:0!important;
  max-width:760px!important;
  color:#8fa9bc!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.65!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .client-v97211-head-side{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-width:0!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .status{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:0 15px!important;
  border:1px solid #28516b!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#0c2130,#091a27)!important;
  color:#c4d8e6!important;
  font-size:10.5px!important;
  font-weight:750!important;
  letter-spacing:.03em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  text-transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.client-embedded.client-v87 .client-v97211-payments-head .status i{
  color:var(--accent-readable)!important;
  font-size:13px!important;
}

/* Remove a largura fixa deixada pelos hotfixes antigos. */
body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-page,
body.client-embedded.client-v87 .client-v97211-payments-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body.client-embedded.client-v87 .client-v97211-payments-page > .box,
body.client-embedded.client-v87 .client-v97211-payments-page .payment-card,
body.client-embedded.client-v87 .client-v97211-payments-page .client-payment-created{
  width:100%!important;
  max-width:none!important;
}
body.client-embedded.client-v87 .client-v97211-payments-page .payment-list{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  gap:12px!important;
}
body.client-embedded.client-v87 .client-v97211-payments-page .payment-card{
  border:1px solid #19384c!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#0a1a25,#081720)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.12)!important;
}
body.client-embedded.client-v87 .client-v97211-payments-page > .box:has(.empty),
body.client-embedded.client-v87 .client-v97211-payments-page .payment-list > .box:has(.empty){
  min-height:86px!important;
  display:flex!important;
  align-items:center!important;
  padding:20px!important;
  border:1px solid #19384c!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#0a1a25,#081720)!important;
}
body.client-embedded.client-v87 .client-v97211-payments-page .empty{
  margin:0!important;
  color:#8aa4b7!important;
  font-size:13px!important;
}

@media(max-width:900px){
  body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-head{
    grid-template-columns:1fr!important;
    align-items:flex-start!important;
    min-height:0!important;
  }
  body.client-embedded.client-v87 .client-v97211-payments-head .client-v97211-head-side{
    justify-content:flex-start!important;
  }
}
@media(max-width:760px){
  body.client-embedded.client-v87 .client-v87-content > .client-v97211-payments-head{
    margin-bottom:14px!important;
    padding:20px 18px!important;
    border-radius:18px!important;
    gap:16px!important;
  }
  body.client-embedded.client-v87 .client-v97211-payments-head h1{
    font-size:28px!important;
  }
  body.client-embedded.client-v87 .client-v97211-payments-head p{
    font-size:12.5px!important;
  }
  body.client-embedded.client-v87 .client-v97211-payments-head .status{
    min-height:38px!important;
    font-size:10px!important;
  }
}

/* =========================================================
   WHWEB V97.2.12 — Pop Up Premium Motion Recovery
   ========================================================= */
.wh-site-popup.is-open .wh-site-popup-backdrop{animation:whPopupBackdropIn .42s ease both}
.wh-site-popup.is-open .wh-site-popup-card{animation:whPopupCardIn .52s cubic-bezier(.16,1,.3,1) both}
.wh-site-popup.is-open .wh-site-popup-brand{animation:whPopupContentIn .48s .08s ease both}
.wh-site-popup.is-open .wh-site-popup-media{animation:whPopupContentIn .5s .12s ease both}
.wh-site-popup.is-open .wh-site-popup-cta{animation:whPopupContentIn .5s .18s ease both}
.wh-site-popup-card{isolation:isolate}
.wh-site-popup-card:after{content:"";position:absolute;z-index:-1;inset:-35%;pointer-events:none;background:radial-gradient(circle at 25% 15%,rgba(var(--accent-rgb),.18),transparent 28%),radial-gradient(circle at 82% 78%,rgba(var(--accent-2-rgb),.12),transparent 25%);filter:blur(12px)}
@keyframes whPopupBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes whPopupCardIn{0%{opacity:0;transform:translateY(34px) scale(.94)}60%{opacity:1;transform:translateY(-3px) scale(1.006)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whPopupContentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.wh-site-popup,.wh-site-popup *{animation:none!important;transition:none!important}}

/* =========================================================
   WHWEB V97.2.14 — Pop Up Premium Studio rebuilt runtime
   ========================================================= */
.wh-site-popup-v215 .wh-site-popup-backdrop{background:rgba(0,7,18,var(--popup-overlay,.82))!important;backdrop-filter:blur(14px) saturate(1.08)!important}
.wh-site-popup-v215 .wh-site-popup-card{width:min(var(--popup-max,760px),calc(100vw - 32px))!important;border-color:rgba(var(--accent-rgb),.42)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--surface,#071827) 95%,var(--accent) 5%),var(--site-bg,#000b1a))!important;box-shadow:0 40px 130px rgba(0,0,0,.62),0 0 90px rgba(var(--accent-rgb),.14)!important}
.wh-site-popup-v215 .wh-site-popup-card:before{background:radial-gradient(circle at 20% 0,rgba(var(--accent-rgb),.22),transparent 38%),radial-gradient(circle at 90% 90%,rgba(var(--accent-2-rgb),.13),transparent 30%)!important}
.wh-site-popup-v215 .wh-site-popup-copy{position:relative;z-index:2;padding:16px 4px 2px;text-align:left}.wh-site-popup-v215 .wh-site-popup-copy h3{margin:0;color:#f8fbff;font-size:clamp(21px,2.4vw,31px);line-height:1.08;letter-spacing:-.035em}.wh-site-popup-v215 .wh-site-popup-copy p{margin:8px 0 0;color:#9db0bf;font-size:13px;line-height:1.65}
.wh-site-popup-v215 .wh-site-popup-media{background:linear-gradient(145deg,#020813,#04111d)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.wh-site-popup-v215 .wh-site-popup-cta{min-height:48px;border-radius:13px;font-weight:800;letter-spacing:.01em}
.wh-site-popup-v215.anim-scale.is-open .wh-site-popup-card{animation:whPopupV215Scale .52s cubic-bezier(.16,1,.3,1) both!important}
.wh-site-popup-v215.anim-slide.is-open .wh-site-popup-card{animation:whPopupV215Slide .56s cubic-bezier(.16,1,.3,1) both!important}
.wh-site-popup-v215.anim-fade.is-open .wh-site-popup-card{animation:whPopupV215Fade .42s ease both!important}
@keyframes whPopupV215Scale{0%{opacity:0;transform:translateY(24px) scale(.91)}62%{opacity:1;transform:translateY(-3px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whPopupV215Slide{0%{opacity:0;transform:translateY(72px) scale(.98)}68%{opacity:1;transform:translateY(-4px) scale(1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes whPopupV215Fade{0%{opacity:0;filter:blur(8px);transform:scale(.985)}100%{opacity:1;filter:blur(0);transform:scale(1)}}
@media(max-width:620px){.wh-site-popup-v215 .wh-site-popup-copy{padding:13px 3px 1px}.wh-site-popup-v215 .wh-site-popup-copy h3{font-size:21px}.wh-site-popup-v215 .wh-site-popup-copy p{font-size:12px}.wh-site-popup-v215 .wh-site-popup-card{width:calc(100vw - 20px)!important}}

/* WHWEB V97.2.15 — Popup Media Hub */
.wh-site-popup-v215 .wh-site-popup-media video{display:block;width:100%;max-height:72vh;background:#000;object-fit:contain}
.wh-site-popup-v215 .wh-site-popup-media iframe[data-popup-tiktok]{width:min(420px,100%);margin:0 auto;aspect-ratio:9/16;max-height:74vh}
.wh-site-popup-v215 .wh-site-popup-card:has(iframe[data-popup-tiktok]){width:min(540px,calc(100vw - 32px))!important}
@media(max-width:620px){.wh-site-popup-v215 .wh-site-popup-media video{max-height:62vh}.wh-site-popup-v215 .wh-site-popup-media iframe[data-popup-tiktok]{max-height:68vh}}

/* =========================================================
   WHWEB V97.2.16 — Pop Up Premium no-scroll + effects
   ========================================================= */
html.wh-popup-open,html.wh-popup-open body{overflow:hidden!important}
.wh-site-popup-v216{padding:12px!important;overflow:hidden!important}
.wh-site-popup-v216 .wh-site-popup-card{
  width:min(var(--popup-max,760px),calc(100vw - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:16px!important;
  border-radius:26px!important;
  border-color:rgba(var(--accent-rgb),.42)!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--surface,#071827) 95%,var(--accent) 5%),var(--site-bg,#000b1a))!important;
  box-shadow:0 40px 130px rgba(0,0,0,.62),0 0 90px rgba(var(--accent-rgb),.14)!important;
}
.wh-site-popup-v216 .wh-site-popup-brand{flex:0 0 auto;padding:2px 46px 12px 2px!important}
.wh-site-popup-v216 .wh-site-popup-media{
  flex:1 1 auto;
  min-height:0;
  max-height:calc(100dvh - 250px);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#02070d!important;
}
.wh-site-popup-v216 .wh-site-popup-media img,
.wh-site-popup-v216 .wh-site-popup-media video{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 250px)!important;
  object-fit:contain!important;
  background:#000;
}
.wh-site-popup-v216 .wh-site-popup-media iframe{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:calc(100dvh - 250px)!important;
  aspect-ratio:16/9;
  border:0!important;
  background:#000;
}
.wh-site-popup-v216 .wh-site-popup-media iframe[data-popup-tiktok]{
  width:min(380px,100%)!important;
  aspect-ratio:9/16!important;
  max-height:calc(100dvh - 230px)!important;
}
.wh-site-popup-v216 .wh-site-popup-card:has(iframe[data-popup-tiktok]){width:min(520px,calc(100vw - 24px))!important}
.wh-site-popup-v216 .wh-site-popup-copy{flex:0 0 auto;padding:14px 4px 0;text-align:left}
.wh-site-popup-v216 .wh-site-popup-copy h3{margin:0;color:#f8fbff;font-size:clamp(20px,2.2vw,30px);line-height:1.08;letter-spacing:-.03em}
.wh-site-popup-v216 .wh-site-popup-copy p{margin:7px 0 0;color:#9db0bf;font-size:12.5px;line-height:1.55}
.wh-site-popup-v216 .wh-site-popup-cta{flex:0 0 auto;min-height:46px;margin-top:12px;border-radius:13px;font-weight:800}
.wh-site-popup-v216 .wh-site-popup-close{z-index:10}

@keyframes whPopupV216Scale{0%{opacity:0;transform:translateY(18px) scale(.90)}100%{opacity:1;transform:none}}
@keyframes whPopupV216Slide{0%{opacity:0;transform:translateY(52px)}100%{opacity:1;transform:none}}
@keyframes whPopupV216Fade{0%{opacity:0}100%{opacity:1}}
@keyframes whPopupV216Flip{0%{opacity:0;transform:perspective(1000px) rotateX(-22deg) scale(.96)}100%{opacity:1;transform:perspective(1000px) rotateX(0) scale(1)}}
@keyframes whPopupV216Blur{0%{opacity:0;filter:blur(18px);transform:scale(.96)}100%{opacity:1;filter:blur(0);transform:none}}
@keyframes whPopupV216Bounce{0%{opacity:0;transform:translateY(35px) scale(.94)}58%{opacity:1;transform:translateY(-8px) scale(1.015)}78%{transform:translateY(4px) scale(.995)}100%{transform:none}}
.wh-site-popup-v216.anim-scale.is-open .wh-site-popup-card{animation:whPopupV216Scale .50s cubic-bezier(.16,1,.3,1) both!important}
.wh-site-popup-v216.anim-slide.is-open .wh-site-popup-card{animation:whPopupV216Slide .54s cubic-bezier(.16,1,.3,1) both!important}
.wh-site-popup-v216.anim-fade.is-open .wh-site-popup-card{animation:whPopupV216Fade .38s ease both!important}
.wh-site-popup-v216.anim-flip.is-open .wh-site-popup-card{animation:whPopupV216Flip .58s cubic-bezier(.16,1,.3,1) both!important;transform-origin:50% 15%}
.wh-site-popup-v216.anim-blur.is-open .wh-site-popup-card{animation:whPopupV216Blur .52s ease both!important}
.wh-site-popup-v216.anim-bounce.is-open .wh-site-popup-card{animation:whPopupV216Bounce .66s cubic-bezier(.2,.8,.2,1) both!important}
@media(max-width:620px){
  .wh-site-popup-v216{padding:8px!important}
  .wh-site-popup-v216 .wh-site-popup-card{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:11px!important;border-radius:20px!important}
  .wh-site-popup-v216 .wh-site-popup-brand{padding-right:42px!important;padding-bottom:9px!important}
  .wh-site-popup-v216 .wh-site-popup-brand small{display:none!important}
  .wh-site-popup-v216 .wh-site-popup-media{max-height:calc(100dvh - 210px)!important;border-radius:14px!important}
  .wh-site-popup-v216 .wh-site-popup-media img,.wh-site-popup-v216 .wh-site-popup-media video,.wh-site-popup-v216 .wh-site-popup-media iframe{max-height:calc(100dvh - 210px)!important}
  .wh-site-popup-v216 .wh-site-popup-media iframe[data-popup-tiktok]{max-height:calc(100dvh - 190px)!important}
  .wh-site-popup-v216 .wh-site-popup-copy{padding-top:10px!important}
  .wh-site-popup-v216 .wh-site-popup-copy p{font-size:11.5px}
}

/* =========================================================
   WHWEB V97.2.18 — Marketplace Free Download Gate
   ========================================================= */
.marketplace-free-download-modal .utility-download-dialog{
  transform:translateY(20px) scale(.965);
  opacity:0;
  transition:transform .28s ease,opacity .28s ease,border-color .28s ease,box-shadow .28s ease;
  background:
    radial-gradient(circle at 50% 0,rgba(var(--accent-rgb),.12),transparent 36%),
    linear-gradient(180deg,#0a1724,#050b12);
  border-color:color-mix(in srgb,var(--accent) 42%,#20303c);
  box-shadow:0 34px 100px rgba(0,0,0,.58),0 0 46px rgba(var(--accent-rgb),.08);
}
.marketplace-free-download-modal.open .utility-download-dialog{transform:translateY(0) scale(1);opacity:1}
.marketplace-free-download-modal .utility-download-icon{animation:wh-free-download-pulse 1.8s ease-in-out infinite}
.marketplace-free-download-modal .utility-ad-slot{background:linear-gradient(180deg,#07111a,#050a10);border-color:#1b3040}
.marketplace-free-download-modal .utility-download-release{min-height:48px;font-weight:800}
.marketplace-free-download-modal [data-download-product]{max-width:520px;margin:0 auto;color:#92a6b7}
@keyframes wh-free-download-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(var(--accent-rgb),.16)}50%{transform:scale(1.045);box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}}
@media(max-width:640px){.marketplace-free-download-modal .utility-download-dialog{width:min(100%,560px)}}

/* WHWEB V97.2.19 — anúncios segmentados por produto no download grátis */
.marketplace-free-download-modal .utility-ad-slot[hidden]{display:none!important}.marketplace-free-download-modal .utility-ad-slot{width:100%;margin:12px 0}.marketplace-download-ad{position:relative;width:100%;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.24);border-radius:16px;background:linear-gradient(180deg,rgba(8,27,42,.96),rgba(5,18,29,.96));box-shadow:0 14px 34px rgba(0,0,0,.18)}.marketplace-download-ad-label{position:absolute;left:10px;top:9px;z-index:4;padding:5px 8px;border-radius:999px;background:rgba(2,10,17,.78);border:1px solid rgba(255,255,255,.1);color:#9bb7cb;font-size:8px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(8px)}.marketplace-download-ad img,.marketplace-download-ad video,.marketplace-download-ad iframe{display:block;width:100%;max-height:260px;border:0;object-fit:cover;background:#02070b}.marketplace-download-ad iframe,.marketplace-download-ad .marketplace-ad-video{aspect-ratio:16/9}.marketplace-download-ad .marketplace-ad-video iframe,.marketplace-download-ad .marketplace-ad-video video{width:100%;height:100%;max-height:none}.marketplace-download-ad .marketplace-ad-video.tiktok{aspect-ratio:9/16;max-height:420px;margin:auto;background:#000}.marketplace-download-ad .marketplace-ad-image-link{display:block}.marketplace-download-ad .marketplace-ad-html{padding:14px;overflow:hidden}.marketplace-ad-templates{display:none!important}
@media(max-width:700px){.marketplace-download-ad img,.marketplace-download-ad video,.marketplace-download-ad iframe{max-height:220px}.marketplace-download-ad .marketplace-ad-video.tiktok{max-height:360px}}

/* =========================================================
   WHWEB V97.3.0 — Brand Motion, Secure Footer & Tutorials
   ========================================================= */
.site-header .logo .brand-uploaded-logo,.site-footer .logo .brand-uploaded-logo,.mobile-nav-logo .brand-uploaded-logo{transform-origin:center;transition:transform .62s cubic-bezier(.2,.75,.2,1),filter .28s ease}.site-header .logo:hover .brand-uploaded-logo,.site-footer .logo:hover .brand-uploaded-logo,.mobile-nav-logo:hover .brand-uploaded-logo{transform:rotateY(360deg);filter:drop-shadow(0 0 16px rgba(var(--accent-rgb),.38))}
.wh-site-secure-badge{display:inline-flex;align-items:center;gap:5px;margin-left:7px;color:#74efb8;font-style:normal}.wh-site-secure-badge i{font-size:13px;filter:drop-shadow(0 0 8px rgba(80,237,170,.36))}.wh-site-secure-badge em{font-style:normal;font-size:9px;color:#84dcb6}
.rich-content [style*="color"]{text-shadow:none}.rich-content [style*="font-size"]{line-height:1.55}.rich-content [style*="background-color"]{padding:.06em .18em;border-radius:.18em}
.tutorials-section{padding:54px 0 78px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.22);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff 1%),color-mix(in srgb,var(--site-bg) 90%,var(--surface) 10%));box-shadow:0 18px 50px rgba(0,0,0,.18);transition:.22s}.tutorial-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.48);box-shadow:0 24px 60px rgba(var(--accent-rgb),.08)}.tutorial-media{position:relative;height:210px;display:grid;place-items:center;overflow:hidden;background:#030b14}.tutorial-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.tutorial-card:hover .tutorial-media img{transform:scale(1.035)}.tutorial-media>span{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:rgba(var(--accent-rgb),.11);color:var(--accent-readable);font-size:30px}.tutorial-media em{position:absolute;left:13px;bottom:13px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(0,10,22,.78);backdrop-filter:blur(8px);color:#fff;font-size:9px;font-style:normal;font-weight:800}.tutorial-body{padding:19px}.tutorial-body small{color:var(--accent-readable);font-size:8px;font-weight:900;letter-spacing:.13em}.tutorial-body h3{margin:6px 0 8px;font-size:20px}.tutorial-body p{min-height:58px;margin:0 0 16px;color:var(--muted);font-size:12px;line-height:1.6}.tutorial-empty{text-align:center}.tutorial-empty>i{display:block;margin-bottom:10px;color:var(--accent-readable);font-size:40px}
.tutorial-detail-hero{padding:80px 0 34px;background:radial-gradient(circle at 70% 10%,rgba(var(--accent-rgb),.14),transparent 30%),linear-gradient(145deg,var(--site-bg),color-mix(in srgb,var(--site-bg) 82%,var(--surface) 18%));border-bottom:1px solid rgba(var(--accent-rgb),.18)}.tutorial-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:24px;color:#8ba5b9;font-size:11px}.tutorial-detail-hero h1{max-width:900px;margin:12px 0 10px;font-size:clamp(34px,5vw,64px)}.tutorial-detail-hero p{max-width:780px;color:var(--muted);font-size:15px;line-height:1.7}.tutorial-detail-section{padding:34px 0 80px}.tutorial-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.tutorial-detail-main{min-width:0}.tutorial-video{overflow:hidden;border:1px solid rgba(var(--accent-rgb),.24);border-radius:20px;background:#03080d;box-shadow:0 24px 70px rgba(0,0,0,.25)}.tutorial-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.tutorial-video.tiktok iframe{max-width:520px;min-height:720px;margin:auto}.tutorial-detail-cover{width:100%;max-height:520px;object-fit:cover;border:1px solid rgba(var(--accent-rgb),.2);border-radius:20px}.tutorial-rich{margin-top:18px;padding:28px;border:1px solid rgba(var(--accent-rgb),.17);border-radius:20px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--site-bg) 85%,var(--surface) 15%));color:var(--site-text)}.tutorial-detail-side{position:sticky;top:90px}.tutorial-detail-side .content-box{padding:22px}
@media(max-width:980px){.tutorial-grid{grid-template-columns:repeat(2,1fr)}.tutorial-detail-grid{grid-template-columns:1fr}.tutorial-detail-side{position:static}}@media(max-width:620px){.tutorial-grid{grid-template-columns:1fr}.tutorial-media{height:190px}.wh-site-secure-badge em{display:none}}
@media(prefers-reduced-motion:reduce){.site-header .logo .brand-uploaded-logo,.site-footer .logo .brand-uploaded-logo,.mobile-nav-logo .brand-uploaded-logo{transition:none}.site-header .logo:hover .brand-uploaded-logo,.site-footer .logo:hover .brand-uploaded-logo,.mobile-nav-logo:hover .brand-uploaded-logo{transform:none}}
/* WHWEB V97.4.0 — Tutorial cover and code presentation */
.wh-editorial-hero{position:relative;isolation:isolate;min-height:400px;display:flex;align-items:flex-end;padding:70px 0 42px;overflow:hidden}
.wh-editorial-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.wh-editorial-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020c1bea,#020c1b65),linear-gradient(0deg,#020c1bf5,transparent 95%)}
.wh-editorial-hero>.container-xl{width:100%;position:relative}.wh-editorial-hero h1{color:#fff;text-wrap:balance}.wh-editorial-hero p{color:#d2deec}.wh-editorial-hero .tutorial-back{color:#b9d8f6}
.wh-publication-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#edf4fc;font-size:13px;margin:22px 0 4px}
.wh-publication-meta small{display:block;font-size:10px;color:#a4b8cf;margin-bottom:3px;letter-spacing:0}.wh-publication-meta strong{display:block}
.wh-author-mark{display:grid;place-items:center;width:38px;height:38px;background:#2375c333;border:1px solid #7dc5ff44;border-radius:12px;font-weight:700}
.wh-publication-date{display:flex;gap:8px;align-items:center;color:#b7cadf;padding-left:14px;border-left:1px solid #ffffff26}
.tutorial-card .wh-publication-meta{font-size:11px;gap:9px;margin:12px 0 18px}.tutorial-card .wh-publication-date{flex-basis:100%;padding:0;border:0}
.rich-content pre{position:relative;max-width:100%;overflow:auto;white-space:pre;tab-size:4;margin:24px 0;padding:22px;border:1px solid #2d4e6b;border-radius:14px;background:#04111f;color:#c8e6ff;font:13px/1.8 Consolas,'Courier New',monospace;text-align:left}
.rich-content pre code{background:transparent;padding:0;color:inherit;font:inherit;white-space:inherit;word-break:normal;overflow-wrap:normal}
.wh-code-shell{min-width:0;margin:24px 0;border:1px solid #2d4e6b;border-radius:14px;overflow:hidden;background:#04111f}
.wh-code-shell pre{border:0;border-radius:0;margin:0}.wh-code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#0d2135;border-bottom:1px solid #28465f;color:#90bce5;font:11px Arial,sans-serif;letter-spacing:.06em}
.wh-code-copy{border:1px solid #385b79;border-radius:7px;background:#142f48;color:#e4f3ff;padding:7px 12px;cursor:pointer;font:12px Arial,sans-serif}.wh-code-copy:hover{background:#1d4669}.wh-code-copy:focus-visible{outline:2px solid #83c9ff;outline-offset:2px}
@media(max-width:620px){.wh-editorial-hero{min-height:360px;padding:44px 0 28px}.wh-editorial-hero h1{font-size:34px}.wh-publication-date{padding:0;border:0}.rich-content pre{font-size:12px;padding:16px}.tutorial-rich{padding:18px}}


/* =========================================================
   WHWEB V97.8.1 — Seamless Home, Auth Background Fix & Tutorial Premium
   ========================================================= */

/* Home: o slideshow começa atrás do cabeçalho fixo, sem faixa/friso vazio entre navegação e hero. */
body.wh-fixed-header.wh-home{padding-top:0!important}
body.wh-fixed-header.wh-home>main{margin-top:0!important;padding-top:0!important}
body.wh-fixed-header.wh-home .hero-premium-full{margin:0!important;padding:0!important}
body.wh-fixed-header.wh-home .premium-carousel{margin-top:0!important;border-top:0!important}
body.wh-fixed-header.wh-home .site-header{background:color-mix(in srgb,var(--site-bg,#000b1a) 70%,transparent)!important}
body.wh-fixed-header.wh-home .site-header:not(.is-scrolled){box-shadow:none!important}

/* Background Studio: a imagem agora fica acima do fundo do body e abaixo do conteúdo. */
body.wh-has-site-background{background:transparent!important}
body.wh-has-site-background::before,
body.wh-has-site-background::after{position:fixed!important;inset:0!important}
body.wh-has-site-background::before{
  z-index:-1!important;
  background-image:var(--site-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:var(--site-bg-opacity,.35)!important
}
body.wh-has-site-background::after{
  z-index:-1!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--site-bg,#000b1a) 30%,transparent),color-mix(in srgb,var(--site-bg,#000b1a) 68%,transparent))!important
}
/* Site Background Studio: mantém o site normal e usa um tratamento específico nas telas de autenticação. */
body.wh-has-site-background{background:var(--site-bg,#000b1a)!important}
body.wh-has-site-background::before,
body.wh-has-site-background::after{position:fixed!important;inset:0!important}
body.wh-has-site-background::before{
  z-index:-1!important;
  background-image:var(--site-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:var(--site-bg-opacity,.14)!important;
}
body.wh-has-site-background::after{
  z-index:-1!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(var(--accent-rgb),.10),transparent 28%),
    linear-gradient(145deg,rgba(0,11,26,.60),rgba(0,11,26,.78))!important;
}
body.wh-has-site-background:not(.auth-integrated) .site-main,
body.wh-has-site-background:not(.auth-integrated) .site-footer{position:relative;z-index:1}

/* Auth Studio: login/cadastro com dark blue equilibrado, sem friso e sem escurecer demais. */
body.auth-integrated{
  background:
    radial-gradient(circle at 16% 14%,rgba(var(--accent-rgb),.10),transparent 25%),
    linear-gradient(180deg,#03101d 0%,#041425 46%,#041120 100%)!important;
  background-color:#041120!important;
}
body.wh-fixed-header.auth-integrated{padding-top:0!important}
body.wh-fixed-header.auth-integrated>main{margin-top:0!important;padding-top:0!important}
body.wh-fixed-header.auth-integrated .portal-auth,
body.wh-fixed-header.auth-integrated .portal-auth-center{
  min-height:100vh!important;
  padding-top:calc(var(--site-header-height,66px) + 28px)!important;
  padding-bottom:54px!important;
}
body.wh-fixed-header.auth-integrated .site-header{
  background:linear-gradient(180deg,rgba(2,12,26,.92),rgba(2,12,26,.78))!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.16)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}
body.wh-has-site-background.auth-integrated::before{
  z-index:0!important;
  opacity:var(--site-bg-opacity,.32)!important;
  filter:brightness(.72) saturate(1.02) contrast(1.02)!important;
  background-position:center top!important;
}
body.wh-has-site-background.auth-integrated::after,
body.wh-fixed-header.wh-has-site-background.auth-integrated::after{
  z-index:0!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(var(--accent-rgb),.14),transparent 30%),
    radial-gradient(circle at 82% 26%,rgba(var(--accent-rgb),.10),transparent 24%),
    linear-gradient(115deg,rgba(1,8,18,.62) 0%,rgba(2,14,31,.54) 40%,rgba(1,8,18,.64) 100%)!important;
}
body.wh-fixed-header.auth-integrated .portal-auth-center{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.wh-fixed-header.auth-integrated .portal-auth-center::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 18%,rgba(var(--accent-rgb),.08),transparent 28%),
    linear-gradient(135deg,rgba(0,10,25,.06) 0%,rgba(1,17,41,.03) 42%,rgba(2,9,22,.10) 100%)!important;
}
body.wh-fixed-header.auth-integrated .portal-auth-center>*{position:relative;z-index:1}
body.wh-v970.wh-has-site-background.auth-integrated .portal-auth-center,
body.wh-has-site-background.auth-integrated .portal-auth-center{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.wh-has-site-background.auth-integrated .portal-auth-card,
body.wh-has-site-background.auth-integrated .login-premium-card,
body.wh-has-site-background.auth-integrated .register-premium-card,
body.wh-has-site-background.auth-integrated .verify-premium-card,
body.wh-has-site-background.auth-integrated .recovery-premium-card{
  background:linear-gradient(145deg,rgba(4,18,38,.86),rgba(4,14,30,.90))!important;
  border:1px solid rgba(var(--accent-rgb),.24)!important;
  box-shadow:0 36px 95px rgba(0,0,0,.34),0 0 0 1px rgba(var(--accent-rgb),.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;
  backdrop-filter:blur(18px) saturate(1.10)!important;
}
body.wh-has-site-background.auth-integrated .login-premium-card>p,
body.wh-has-site-background.auth-integrated .register-premium-card>p,
body.wh-has-site-background.auth-integrated .verify-premium-card>p,
body.wh-has-site-background.auth-integrated .recovery-premium-card>p{color:#b5c7d8!important}
body.wh-has-site-background.auth-integrated .login-trust,
body.wh-has-site-background.auth-integrated .auth-helper,
body.wh-has-site-background.auth-integrated .secure-note,
body.wh-has-site-background.auth-integrated .secure-note small{color:#9bb0c3!important}
@media(max-width:760px){
  body.wh-fixed-header.auth-integrated .portal-auth,
  body.wh-fixed-header.auth-integrated .portal-auth-center{padding-top:calc(var(--site-header-height,66px) + 18px)!important;padding-bottom:34px!important}
  body.wh-has-site-background.auth-integrated::before{background-position:center top!important}
}

/* ---------- Página pública de Tutoriais / WHWEB Academy ---------- */
.tutorials-premium-page{position:relative;overflow:hidden;background:var(--site-bg,#000b1a)}
.tutorials-premium-hero{position:relative;isolation:isolate;min-height:470px;padding:0!important;display:flex;align-items:stretch;overflow:hidden;background:radial-gradient(circle at 76% 24%,rgba(var(--accent-rgb),.28),transparent 30%),linear-gradient(135deg,var(--site-bg,#000b1a),color-mix(in srgb,var(--site-bg,#000b1a) 72%,var(--accent) 28%));background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-bottom:1px solid rgba(var(--accent-rgb),.22)}
.tutorials-premium-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--site-bg,#000b1a) 97%,transparent) 0%,color-mix(in srgb,var(--site-bg,#000b1a) 86%,transparent) 42%,rgba(0,11,26,.42) 75%,rgba(0,11,26,.26) 100%),linear-gradient(0deg,color-mix(in srgb,var(--site-bg,#000b1a) 92%,transparent),transparent 68%)}
.tutorials-premium-hero.has-cover .tutorials-premium-hero-overlay{background:linear-gradient(90deg,rgba(0,11,26,.96) 0%,rgba(0,11,26,.80) 40%,rgba(0,11,26,.43) 73%,rgba(0,11,26,.28) 100%),linear-gradient(0deg,rgba(0,11,26,.87),transparent 66%)}
.tutorials-premium-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 85%,#fff 15%),transparent);box-shadow:0 0 24px rgba(var(--accent-rgb),.38);z-index:2}
.tutorials-premium-hero-inner{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center;padding-top:58px!important;padding-bottom:58px!important}
.tutorials-premium-hero-copy{max-width:820px}
.tutorials-premium-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:999px;background:rgba(var(--accent-rgb),.09);color:#c9e2ff;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(12px)}
.tutorials-premium-kicker i{color:var(--accent-readable)}
.tutorials-premium-hero h1{max-width:820px;margin:17px 0 14px;color:#fff;font-size:clamp(46px,6vw,78px)!important;line-height:.94;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 14px 44px rgba(0,0,0,.34)}
.tutorials-premium-lead{max-width:760px;color:#c8d8e8;font-size:15px;line-height:1.75}
.tutorials-premium-lead>*:last-child{margin-bottom:0}
.tutorials-premium-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tutorials-premium-badges span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(186,216,255,.14);border-radius:10px;background:rgba(4,20,38,.48);color:#d5e3f1;font-size:10px;backdrop-filter:blur(12px)}
.tutorials-premium-badges i{color:var(--accent-readable)}
.tutorials-premium-summary{align-self:center;padding:18px;border:1px solid rgba(var(--accent-rgb),.26);border-radius:22px;background:linear-gradient(145deg,rgba(6,23,41,.82),rgba(2,12,25,.68));box-shadow:0 28px 85px rgba(0,0,0,.28),0 0 42px rgba(var(--accent-rgb),.07);backdrop-filter:blur(18px)}
.tutorials-premium-summary-head{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.07)}
.tutorials-premium-summary-head>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.27);border-radius:14px;background:rgba(var(--accent-rgb),.10);color:var(--accent-readable);font-size:20px}
.tutorials-premium-summary-head small,.tutorials-premium-summary-head strong{display:block}.tutorials-premium-summary-head small{color:#7fa6c7;font-size:8px;letter-spacing:.12em}.tutorials-premium-summary-head strong{margin-top:4px;color:#fff;font-size:14px}
.tutorials-premium-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.tutorials-premium-stats article{padding:13px 8px;text-align:center;border:1px solid rgba(var(--accent-rgb),.14);border-radius:13px;background:rgba(2,13,27,.55)}
.tutorials-premium-stats b,.tutorials-premium-stats small{display:block}.tutorials-premium-stats b{color:#fff;font-size:24px;line-height:1}.tutorials-premium-stats small{margin-top:5px;color:#7894ad;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.tutorials-premium-summary>p{margin:0;color:#8fa9bf;font-size:10px;line-height:1.6}
.tutorials-premium-library{position:relative;padding:62px 0 86px!important;background:radial-gradient(circle at 82% 2%,rgba(var(--accent-rgb),.07),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--site-bg,#000b1a) 96%,#051b36 4%),var(--site-bg,#000b1a))}
.tutorials-premium-topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:26px;align-items:end;margin-bottom:28px}
.tutorials-premium-topbar h2{margin:9px 0 7px;font-size:clamp(32px,4vw,47px)!important;letter-spacing:-.045em}.tutorials-premium-topbar p{max-width:680px;margin:0;color:#8ea4ba;font-size:12px;line-height:1.65}
.tutorials-premium-search{min-height:54px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:0 14px;border:1px solid rgba(var(--accent-rgb),.20);border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 92%,transparent),color-mix(in srgb,var(--site-bg,#000b1a) 86%,transparent));box-shadow:0 16px 45px rgba(0,0,0,.14)}
.tutorials-premium-search>i{color:var(--accent-readable)}
.tutorials-premium-search input{min-width:0!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-size:12px!important}
.tutorials-premium-search input:focus{box-shadow:none!important}.tutorials-premium-search input::placeholder{color:#658098!important}
.tutorials-premium-search span{padding-left:10px;border-left:1px solid rgba(255,255,255,.08);color:#7894ac;font-size:8px;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em}
.tutorial-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.tutorial-premium-card{min-width:0;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.19);border-radius:22px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 97%,#fff 1%),color-mix(in srgb,var(--site-bg,#000b1a) 86%,var(--surface,#061729) 14%));box-shadow:0 20px 55px rgba(0,0,0,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.tutorial-premium-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.45);box-shadow:0 28px 70px rgba(0,0,0,.25),0 0 46px rgba(var(--accent-rgb),.07)}
.tutorial-premium-card[hidden]{display:none!important}
.tutorial-premium-media{position:relative;height:220px;display:block;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(var(--accent-rgb),.18),transparent 42%),#020b15}
.tutorial-premium-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,11,26,.78),transparent 58%);pointer-events:none}
.tutorial-premium-media img,.tutorial-premium-placeholder{width:100%;height:100%}.tutorial-premium-media img{display:block;object-fit:cover;transition:transform .5s ease,filter .5s ease}.tutorial-premium-card:hover .tutorial-premium-media img{transform:scale(1.045);filter:saturate(1.08)}
.tutorial-premium-placeholder{display:grid;place-items:center;color:rgba(167,207,255,.80);font-size:48px;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 52%),linear-gradient(145deg,#041427,#020a13)}
.tutorial-premium-number{position:absolute;left:14px;top:14px;z-index:2;min-width:34px;height:34px;display:grid;place-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(2,12,24,.72);color:#cfe4ff;font-size:10px;font-weight:850;letter-spacing:.08em;backdrop-filter:blur(10px)}
.tutorial-premium-type{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(var(--accent-rgb),.25);border-radius:999px;background:rgba(2,12,24,.78);color:#fff;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(10px)}
.tutorial-premium-type i{color:var(--accent-readable)}
.tutorial-premium-open{position:absolute;right:14px;bottom:14px;z-index:2;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(2,12,24,.74);color:#fff;backdrop-filter:blur(10px);transition:.22s}.tutorial-premium-card:hover .tutorial-premium-open{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}
.tutorial-premium-body{padding:20px 20px 18px}.tutorial-premium-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.tutorial-premium-label span{color:#7696b2;font-size:8px;font-weight:850;letter-spacing:.12em}.tutorial-premium-label i{color:var(--accent-readable);font-size:12px}
.tutorial-premium-body h3{margin:7px 0 9px;font-size:20px!important;line-height:1.25;letter-spacing:-.02em}.tutorial-premium-body h3 a{color:#f5f9ff}.tutorial-premium-body h3 a:hover{color:#cbe3ff}.tutorial-premium-body>p{min-height:58px;margin:0;color:#8299ad;font-size:11px;line-height:1.65}
.tutorial-premium-card .wh-publication-meta{margin:14px 0 16px!important;padding:12px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055);color:#b7cadc!important}.tutorial-premium-card .wh-author-mark{width:30px;height:30px;font-size:10px}.tutorial-premium-card .wh-publication-meta small{font-size:8px}.tutorial-premium-card .wh-publication-meta strong{font-size:10px}.tutorial-premium-card .wh-publication-date{color:#7790a6!important;font-size:9px!important}
.tutorial-premium-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-premium-card-foot>a{display:inline-flex;align-items:center;gap:7px;color:#dcecff;font-size:10px;font-weight:750}.tutorial-premium-card-foot>a i{color:var(--accent-readable);transition:transform .2s}.tutorial-premium-card-foot>a:hover i{transform:translateX(3px)}.tutorial-premium-card-foot>span{display:flex;align-items:center;gap:6px;color:#6f899f;font-size:8px;white-space:nowrap}
.tutorial-premium-no-results,.tutorial-premium-empty{padding:50px 24px!important;text-align:center}.tutorial-premium-no-results i,.tutorial-premium-empty>i{display:block;margin-bottom:12px;color:var(--accent-readable);font-size:42px}.tutorial-premium-no-results h3{margin:0 0 7px;font-size:22px}.tutorial-premium-no-results p{margin:0;color:#7f96aa}

/* Detalhe do tutorial acompanha o novo visual premium. */
.tutorial-detail-hero.wh-editorial-hero{min-height:470px;padding:74px 0 44px!important;border-bottom:1px solid rgba(var(--accent-rgb),.24);background:radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.20),transparent 30%),linear-gradient(145deg,var(--site-bg,#000b1a),color-mix(in srgb,var(--site-bg,#000b1a) 78%,var(--accent) 22%))}
.tutorial-detail-hero.wh-editorial-hero:after{background:linear-gradient(90deg,rgba(0,11,26,.96),rgba(0,11,26,.69) 54%,rgba(0,11,26,.36)),linear-gradient(0deg,rgba(0,11,26,.94),transparent 76%)}
.tutorial-detail-hero.wh-editorial-hero h1{max-width:940px!important;font-size:clamp(42px,5.4vw,70px)!important;line-height:.98!important;letter-spacing:-.05em!important;text-shadow:0 16px 45px rgba(0,0,0,.34)}
.tutorial-detail-section{padding:42px 0 88px!important;background:radial-gradient(circle at 88% 8%,rgba(var(--accent-rgb),.06),transparent 28%),var(--site-bg,#000b1a)}
.tutorial-detail-grid{grid-template-columns:minmax(0,1fr) 320px!important;gap:24px!important}.tutorial-video,.tutorial-detail-cover,.tutorial-rich,.tutorial-detail-side .content-box{border-color:rgba(var(--accent-rgb),.22)!important;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.tutorial-rich{padding:32px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 97%,#fff 1%),color-mix(in srgb,var(--site-bg,#000b1a) 84%,var(--surface,#061729) 16%))!important}.tutorial-detail-side .content-box{background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#061729) 96%,#fff 1%),color-mix(in srgb,var(--site-bg,#000b1a) 84%,var(--accent) 16%))!important}

@media(max-width:1080px){
  .tutorials-premium-hero-inner{grid-template-columns:1fr;gap:24px;padding-top:48px!important;padding-bottom:48px!important}.tutorials-premium-summary{max-width:620px}.tutorial-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.wh-fixed-header.wh-home .premium-carousel{padding-top:0!important}
  .tutorials-premium-hero{min-height:430px}.tutorials-premium-hero-inner{padding-top:42px!important;padding-bottom:38px!important}.tutorials-premium-hero h1{font-size:43px!important}.tutorials-premium-summary{display:none}.tutorials-premium-badges{gap:6px}.tutorials-premium-badges span{padding:8px 9px;font-size:9px}.tutorials-premium-library{padding:44px 0 66px!important}.tutorials-premium-topbar{grid-template-columns:1fr;align-items:stretch}.tutorials-premium-search{width:100%}.tutorial-premium-grid{grid-template-columns:1fr}.tutorial-premium-media{height:210px}.tutorial-premium-card-foot{align-items:flex-start}.tutorial-detail-hero.wh-editorial-hero{min-height:390px;padding:50px 0 30px!important}.tutorial-detail-grid{grid-template-columns:1fr!important}.tutorial-rich{padding:20px!important}
}

/* =========================================================
   WHWEB V97.8.1 — AUTH CLARITY RECOVERY
   Mantém o background configurado, mas garante que Login e
   Cadastro fiquem acima do overlay e com contraste nítido.
   ========================================================= */
body.wh-has-site-background.auth-integrated>main{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
}
body.wh-has-site-background.auth-integrated .portal-auth-center,
body.wh-has-site-background.auth-integrated .login-center-shell,
body.wh-has-site-background.auth-integrated .register-center-shell,
body.wh-has-site-background.auth-integrated .verify-center-shell{
  opacity:1!important;
  filter:none!important;
}
body.wh-has-site-background.auth-integrated .portal-auth-card,
body.wh-has-site-background.auth-integrated .login-premium-card,
body.wh-has-site-background.auth-integrated .register-premium-card,
body.wh-has-site-background.auth-integrated .verify-premium-card,
body.wh-has-site-background.auth-integrated .recovery-premium-card{
  position:relative!important;
  z-index:3!important;
  opacity:1!important;
  filter:none!important;
  color:#f4f8fd!important;
  background:linear-gradient(145deg,rgba(5,23,47,.96),rgba(4,15,31,.97))!important;
  border:1px solid rgba(var(--accent-rgb),.28)!important;
  box-shadow:0 34px 92px rgba(0,0,0,.36),0 0 0 1px rgba(var(--accent-rgb),.05)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
}
body.wh-has-site-background.auth-integrated .portal-auth-card::before{
  opacity:.45!important;
  z-index:0!important;
}
body.wh-has-site-background.auth-integrated .portal-auth-card>*{
  position:relative!important;
  z-index:1!important;
  opacity:1!important;
  filter:none!important;
}
body.wh-has-site-background.auth-integrated .login-premium-card h1,
body.wh-has-site-background.auth-integrated .register-premium-card h1,
body.wh-has-site-background.auth-integrated .verify-premium-card h1,
body.wh-has-site-background.auth-integrated .recovery-premium-card h1,
body.wh-has-site-background.auth-integrated .auth-card-head h1{
  color:#ffffff!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.wh-has-site-background.auth-integrated .login-premium-card>p,
body.wh-has-site-background.auth-integrated .register-premium-card>p,
body.wh-has-site-background.auth-integrated .verify-premium-card>p,
body.wh-has-site-background.auth-integrated .recovery-premium-card>p,
body.wh-has-site-background.auth-integrated .auth-card-head p{
  color:#b9c9d9!important;
  opacity:1!important;
}
body.wh-has-site-background.auth-integrated .field label,
body.wh-has-site-background.auth-integrated .register-section-title b,
body.wh-has-site-background.auth-integrated .secure-note b{
  color:#e5eef7!important;
  opacity:1!important;
}
body.wh-has-site-background.auth-integrated .field small,
body.wh-has-site-background.auth-integrated .register-section-title small,
body.wh-has-site-background.auth-integrated .field label em,
body.wh-has-site-background.auth-integrated .auth-helper,
body.wh-has-site-background.auth-integrated .login-trust,
body.wh-has-site-background.auth-integrated .secure-note,
body.wh-has-site-background.auth-integrated .secure-note small{
  color:#93a9bd!important;
  opacity:1!important;
}
body.wh-has-site-background.auth-integrated .field input,
body.wh-has-site-background.auth-integrated .field select,
body.wh-has-site-background.auth-integrated .field textarea,
body.wh-has-site-background.auth-integrated .input-icon input{
  color:#eef6ff!important;
  background:#06182b!important;
  border-color:rgba(131,177,220,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  opacity:1!important;
}
body.wh-has-site-background.auth-integrated .field input::placeholder,
body.wh-has-site-background.auth-integrated .field textarea::placeholder,
body.wh-has-site-background.auth-integrated .input-icon input::placeholder{
  color:#6f89a1!important;
  opacity:1!important;
}
body.wh-has-site-background.auth-integrated .field input:focus,
body.wh-has-site-background.auth-integrated .field select:focus,
body.wh-has-site-background.auth-integrated .field textarea:focus,
body.wh-has-site-background.auth-integrated .input-icon input:focus{
  border-color:rgba(var(--accent-rgb),.62)!important;
  box-shadow:0 0 0 3px rgba(var(--accent-rgb),.10)!important;
}
body.wh-has-site-background.auth-integrated .btn,
body.wh-has-site-background.auth-integrated .section-kicker,
body.wh-has-site-background.auth-integrated .auth-center-logo,
body.wh-has-site-background.auth-integrated .recaptcha-shell{
  opacity:1!important;
  filter:none!important;
}
body.wh-has-site-background.auth-integrated .btn-premium{
  color:#fff!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#0d4f9b),color-mix(in srgb,var(--accent-2) 76%,#0754a8))!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 30px rgba(var(--accent-rgb),.17)!important;
}
body.wh-has-site-background.auth-integrated .auth-center-logo img,
body.wh-has-site-background.auth-integrated .auth-card-head img{
  opacity:1!important;
  filter:none!important;
}

/* =========================================================
   WHWEB V97.8.1 — AUTH FOOTER CLARITY RECOVERY
   O footer das telas de Login/Cadastro fica acima do overlay,
   com fundo sólido dark blue e contraste nítido, sem afetar
   o footer das demais páginas públicas.
   ========================================================= */
body.wh-has-site-background.auth-integrated .site-footer,
body.auth-integrated .site-footer{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  filter:none!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 14% 0,rgba(var(--accent-rgb),.10),transparent 28%),
    linear-gradient(180deg,#03101f 0%,#020a15 100%)!important;
  border-top:1px solid rgba(var(--accent-rgb),.20)!important;
  box-shadow:0 -16px 42px rgba(0,0,0,.16)!important;
}
body.wh-has-site-background.auth-integrated .site-footer::before,
body.auth-integrated .site-footer::before{
  opacity:1!important;
  filter:none!important;
}
body.wh-has-site-background.auth-integrated .site-footer *,
body.auth-integrated .site-footer *{
  opacity:1!important;
  filter:none!important;
}
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-brand>p,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-brand>p{
  color:#a9bdd1!important;
}
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-heading,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-heading{
  color:#f5f9ff!important;
}
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-links a,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-cookie-link,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links a,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links button,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-links a,
body.auth-integrated .wh-footer-v9715 .wh-footer-cookie-link,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links a,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links button{
  color:#9eb5ca!important;
}
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-links a:hover,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-cookie-link:hover,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links a:hover,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links button:hover,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-links a:hover,
body.auth-integrated .wh-footer-v9715 .wh-footer-cookie-link:hover,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links a:hover,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom-links button:hover{
  color:#ffffff!important;
}
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom,
body.wh-has-site-background.auth-integrated .wh-footer-v9715 .wh-footer-pro-credit,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-bottom,
body.auth-integrated .wh-footer-v9715 .wh-footer-pro-credit{
  color:#88a2ba!important;
}
body.wh-has-site-background.auth-integrated .site-footer .logo,
body.wh-has-site-background.auth-integrated .site-footer .logo img,
body.auth-integrated .site-footer .logo,
body.auth-integrated .site-footer .logo img{
  opacity:1!important;
  filter:none!important;
}

/* =========================================================
   WHWEB V97.8.1 — SEAMLESS HEADER + CLIENT BACKGROUND
   Remove o friso/espaço superior global e integra o fundo do
   site ao Client Center sem prejudicar a leitura dos painéis.
   ========================================================= */
/* Sem faixa reservada acima do primeiro bloco: o header fica sobre o fundo/hero. */
body.wh-fixed-header{padding-top:0!important}
body.wh-fixed-header>main{margin-top:0!important;padding-top:0!important}
body.wh-fixed-header .site-header{border-bottom-color:transparent!important}
body.wh-fixed-header .site-header::after{display:none!important}
body.wh-fixed-header .hero-premium-full,
body.wh-fixed-header .premium-carousel,
body.wh-fixed-header .page-cover-hero,
body.wh-fixed-header .institutional-premium-hero,
body.wh-fixed-header .contact-v69-hero,
body.wh-fixed-header .portfolio-hero,
body.wh-fixed-header .tutorials-premium-hero{margin-top:0!important;border-top:0!important}

/* O Client Center continua abaixo do menu, mas o fundo ocupa também a área sob o header. */
body.client-embedded.client-v87.wh-fixed-header .client-v87-portal{
  padding-top:calc(var(--site-header-height,66px) + 24px)!important;
}
body.client-embedded.client-v87.wh-has-site-background{
  background:var(--site-bg,#000b1a)!important;
}
body.client-embedded.client-v87.wh-has-site-background>main{
  position:relative!important;
  z-index:1!important;
  background:transparent!important;
}
body.client-embedded.client-v87.wh-has-site-background .client-v87-portal{
  background-image:
    linear-gradient(145deg,rgba(1,9,20,.74),rgba(2,15,31,.80)),
    var(--site-bg-image)!important;
  background-size:cover,cover!important;
  background-position:center,center top!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:scroll,fixed!important;
}
body.client-embedded.client-v87.wh-has-site-background .client-v87-portal::before{
  height:100%!important;
  background:
    radial-gradient(circle at 82% 10%,rgba(var(--accent-rgb),.12),transparent 28%),
    radial-gradient(circle at 16% 32%,rgba(var(--accent-rgb),.07),transparent 24%)!important;
}
body.client-embedded.client-v87.wh-has-site-background .client-v87-sidebar,
body.client-embedded.client-v87.wh-has-site-background .client-v87-topbar{
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}
@media(max-width:760px){
  body.client-embedded.client-v87.wh-fixed-header .client-v87-portal{
    padding-top:calc(min(var(--site-header-height,66px),60px) + 14px)!important;
  }
  body.client-embedded.client-v87.wh-has-site-background .client-v87-portal{
    background-attachment:scroll,scroll!important;
    background-position:center,center top!important;
  }
}
/* Sobrescreve as regras legadas V83/V84 que ainda reservavam altura no Client Center. */
body.client-embedded.client-v87.wh-fixed-header{padding-top:0!important}

/* =========================================================
   WHWEB V97.8.1 — Tutorials Normal Page Pattern
   Tutoriais volta ao mesmo padrão estrutural de Marketplace:
   hero padrão do site + seção comum sobre o background global.
   ========================================================= */
.tutorials-standard-section{
  position:relative;
  padding:78px 0!important;
  background:transparent!important;
  border-top:0!important;
}
body.wh-has-site-background .tutorials-standard-section{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.wh-has-site-background .tutorials-standard-section::before,
body.wh-has-site-background .tutorials-standard-section::after{display:none!important}
.tutorials-standard-section .tutorials-premium-topbar{margin-bottom:28px}
.tutorials-standard-section .tutorial-premium-grid{position:relative;z-index:1}
body.wh-has-site-background .tutorial-detail-section{
  background:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.wh-has-site-background .tutorial-detail-hero.wh-editorial-hero:not(.has-cover){
  background:transparent!important;
  background-image:none!important;
}
body.wh-has-site-background .tutorial-detail-hero.wh-editorial-hero:not(.has-cover)::after{
  background:linear-gradient(90deg,rgba(0,11,26,.74),rgba(0,11,26,.44) 58%,rgba(0,11,26,.26))!important;
}
@media(max-width:720px){.tutorials-standard-section{padding:54px 0!important}}

/* =========================================================
   WHWEB V97.8.1 — Smart Assistant Local Knowledge UI
   ========================================================= */
.wh-ai-assistant{position:fixed;right:20px;bottom:82px;z-index:1650;font-family:var(--site-font,Arial,sans-serif)}
.wh-ai-assistant.is-left{right:auto;left:20px}.wh-ai-launcher{display:flex;align-items:center;gap:10px;min-height:52px;padding:7px 13px 7px 7px;border:1px solid rgba(var(--accent-rgb),.34);border-radius:18px;background:linear-gradient(145deg,#07192c,#04101e);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.38),0 0 30px rgba(var(--accent-rgb),.12);cursor:pointer}.wh-ai-launcher>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:var(--accent-contrast);font-size:17px;box-shadow:0 8px 24px rgba(var(--accent-rgb),.22)}.wh-ai-launcher em{display:flex;flex-direction:column;align-items:flex-start;font-style:normal;line-height:1.05}.wh-ai-launcher b{font-size:11px}.wh-ai-launcher small{margin-top:4px;color:#8da7c2;font-size:9px}.wh-ai-panel{position:absolute;right:0;bottom:64px;width:min(410px,calc(100vw - 28px));height:min(650px,calc(100dvh - 130px));display:grid;grid-template-rows:auto 1fr auto auto;border:1px solid rgba(var(--accent-rgb),.30);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(5,20,38,.985),rgba(3,12,24,.995));box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 60px rgba(var(--accent-rgb),.10);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.975);transform-origin:right bottom;transition:.22s ease}.wh-ai-assistant.is-left .wh-ai-panel{left:0;right:auto;transform-origin:left bottom}.wh-ai-assistant.open .wh-ai-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none}.wh-ai-head{display:grid;grid-template-columns:44px 1fr 36px;gap:11px;align-items:center;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 12% 0,rgba(var(--accent-rgb),.12),transparent 34%),rgba(2,13,27,.82)}.wh-ai-avatar{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--accent-rgb),.10);border:1px solid rgba(var(--accent-rgb),.24);color:var(--accent-readable);font-size:20px}.wh-ai-avatar span{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #07192c;border-radius:50%;background:#35e7a4;box-shadow:0 0 12px #35e7a4}.wh-ai-head small,.wh-ai-head strong,.wh-ai-head em{display:block}.wh-ai-head small{font-size:8px;letter-spacing:.13em;color:#6f98bd;font-weight:800}.wh-ai-head strong{margin-top:2px;color:#fff;font-size:14px}.wh-ai-head em{margin-top:2px;color:#7590a9;font-size:9px;font-style:normal}.wh-ai-head>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#a8b9ca;cursor:pointer}.wh-ai-messages{min-height:0;overflow-y:auto;padding:16px 14px 20px;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb),.35) transparent}.wh-ai-message{display:flex;gap:9px;align-items:flex-start;margin:0 0 12px}.wh-ai-message.user{justify-content:flex-end}.wh-ai-message.user .wh-ai-bubble{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 72%,#071c35),color-mix(in srgb,var(--accent-2) 75%,#07172a));border-color:rgba(var(--accent-rgb),.44);color:#fff}.wh-ai-msg-icon{flex:0 0 28px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.09);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent-readable);font-size:11px}.wh-ai-bubble{max-width:86%;padding:11px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:#07172a;color:#d6e2ed;box-shadow:0 8px 24px rgba(0,0,0,.12)}.wh-ai-bubble p{margin:0;font-size:11px;line-height:1.62;white-space:pre-wrap}.wh-ai-typing .wh-ai-bubble{display:flex;gap:4px;padding:13px}.wh-ai-typing i{width:5px;height:5px;border-radius:50%;background:#7fa5c7;animation:whAiDot 1.1s infinite}.wh-ai-typing i:nth-child(2){animation-delay:.15s}.wh-ai-typing i:nth-child(3){animation-delay:.3s}@keyframes whAiDot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.wh-ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px 37px}.wh-ai-suggestions button{padding:7px 9px;border:1px solid rgba(var(--accent-rgb),.20);border-radius:999px;background:rgba(var(--accent-rgb),.055);color:#aac0d4;font-size:9px;cursor:pointer}.wh-ai-suggestions button:hover{border-color:rgba(var(--accent-rgb),.45);color:#fff}.wh-ai-card{overflow:hidden;margin:7px 0 10px 37px;border:1px solid rgba(var(--accent-rgb),.20);border-radius:15px;background:linear-gradient(145deg,#071a2e,#041221);box-shadow:0 12px 34px rgba(0,0,0,.18)}.wh-ai-card-media{height:105px;background:#061221;overflow:hidden}.wh-ai-card-media img{width:100%;height:100%;object-fit:cover}.wh-ai-card-body{padding:11px 12px}.wh-ai-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.wh-ai-card-top span{font-size:7px;letter-spacing:.11em;color:#78a6d1;font-weight:900}.wh-ai-card-top strong{font-size:12px;color:#fff}.wh-ai-card h4{margin:7px 0 5px;color:#fff;font-size:13px}.wh-ai-card p{margin:0;color:#94aabd;font-size:9px;line-height:1.5}.wh-ai-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.wh-ai-card-actions a{min-height:30px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--accent-rgb),.24);border-radius:9px;color:#bed1e2;font-size:9px;font-weight:700}.wh-ai-card-actions a.primary{background:linear-gradient(145deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--accent-contrast)}.wh-ai-usage{display:flex;justify-content:space-between;gap:10px;padding:7px 15px;border-top:1px solid rgba(255,255,255,.06);background:rgba(1,9,18,.55);color:#718ca6;font-size:8px}.wh-ai-usage span{font-weight:800;color:#87a9c7}.wh-ai-form{padding:11px 12px 12px;border-top:1px solid rgba(255,255,255,.06);background:#03101e}.wh-ai-form>div{display:grid;grid-template-columns:1fr 38px;gap:7px;align-items:end;padding:7px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:14px;background:#061629}.wh-ai-form textarea{min-height:34px;max-height:92px;resize:none;padding:8px 6px;border:0!important;background:transparent!important;box-shadow:none!important;color:#e6eef6!important;font-size:11px;line-height:1.4}.wh-ai-form textarea:focus{outline:none}.wh-ai-form button{width:36px;height:36px;border:0;border-radius:11px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:var(--accent-contrast);cursor:pointer}.wh-ai-form>small{display:flex;align-items:center;gap:5px;margin:6px 2px 0;color:#617d97;font-size:8px}.wh-ai-limit-note{margin:8px 0 0 37px;padding:9px 10px;border:1px solid rgba(255,183,77,.22);border-radius:11px;background:rgba(255,183,77,.055);color:#e4c28d;font-size:9px}
@media(max-width:640px){.wh-ai-assistant{right:12px;bottom:76px}.wh-ai-assistant.is-left{left:12px}.wh-ai-launcher{width:50px;height:50px;padding:6px;border-radius:16px}.wh-ai-launcher>span{width:36px;height:36px}.wh-ai-launcher em{display:none}.wh-ai-panel{position:fixed;left:10px!important;right:10px!important;bottom:72px;width:auto;height:min(620px,calc(100dvh - 92px));transform-origin:center bottom}.wh-ai-card{margin-left:0}.wh-ai-suggestions{margin-left:0}.wh-ai-limit-note{margin-left:0}}

.wh-ai-avatar img{width:100%;height:100%;object-fit:cover;border-radius:13px}

/* =========================================================
   WHWEB V97.8.1 — Smart Assistant Bottom Dock
   Mantém o assistente na faixa inferior da tela e abre o painel para cima.
   ========================================================= */
.wh-ai-assistant{
  top:auto!important;
  bottom:max(18px,env(safe-area-inset-bottom))!important;
  right:76px!important;
}
.wh-ai-assistant.is-left{
  right:auto!important;
  left:18px!important;
}
.wh-ai-assistant .wh-ai-panel{
  top:auto!important;
  bottom:64px!important;
}
body:not(:has(.floating-whatsapp)) .wh-ai-assistant:not(.is-left){right:18px!important}
@media(max-width:640px){
  .wh-ai-assistant{
    top:auto!important;
    right:68px!important;
    bottom:max(13px,env(safe-area-inset-bottom))!important;
  }
  .wh-ai-assistant.is-left{right:auto!important;left:13px!important}
  body:not(:has(.floating-whatsapp)) .wh-ai-assistant:not(.is-left){right:13px!important}
  .wh-ai-assistant .wh-ai-panel{
    top:auto!important;
    bottom:64px!important;
  }
}

/* =========================================================
   WHWEB V97.8.5 — Smart Assistant True Bottom Floating Dock
   O launcher é filho direto do body para ficar preso à viewport.
   Opções: abaixo do WhatsApp à direita ou canto inferior esquerdo.
   ========================================================= */
body > .wh-ai-assistant{
  position:fixed!important;
  top:auto!important;
  bottom:max(12px,env(safe-area-inset-bottom))!important;
  margin:0!important;
  z-index:1650!important;
}
body > .wh-ai-assistant.is-right{
  right:12px!important;
  left:auto!important;
}
body > .wh-ai-assistant.is-left{
  left:12px!important;
  right:auto!important;
}
body > .wh-ai-assistant.is-right > .wh-ai-panel{
  position:absolute!important;
  right:0!important;
  left:auto!important;
  top:auto!important;
  bottom:64px!important;
  transform-origin:right bottom!important;
}
body > .wh-ai-assistant.is-left > .wh-ai-panel{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:64px!important;
  transform-origin:left bottom!important;
}
/* Pilha da direita: WhatsApp em cima, Assistente logo abaixo. */
body > .floating-whatsapp.wh-ai-stack-right{
  right:12px!important;
  top:auto!important;
  bottom:78px!important;
}
/* A central de cookies não empurra o launcher para o meio da tela. */
body.wh-cookie-visible > .wh-ai-assistant.is-right,
body.wh-cookie-visible > .wh-ai-assistant.is-left{
  bottom:max(12px,env(safe-area-inset-bottom))!important;
}
body.wh-cookie-visible > .floating-whatsapp.wh-ai-stack-right{
  bottom:78px!important;
}
@media(max-width:640px){
  body > .wh-ai-assistant{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body > .wh-ai-assistant.is-right{right:10px!important}
  body > .wh-ai-assistant.is-left{left:10px!important}
  body > .floating-whatsapp.wh-ai-stack-right{
    right:10px!important;
    bottom:70px!important;
  }
  body.wh-cookie-visible > .wh-ai-assistant.is-right,
  body.wh-cookie-visible > .wh-ai-assistant.is-left{
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  body.wh-cookie-visible > .floating-whatsapp.wh-ai-stack-right{bottom:70px!important}
  body > .wh-ai-assistant .wh-ai-launcher{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
    padding:6px!important;
    border-radius:16px!important;
  }
  body > .wh-ai-assistant .wh-ai-launcher>span{
    width:36px!important;
    height:36px!important;
  }
  body > .wh-ai-assistant .wh-ai-launcher em{display:none!important}
  body > .wh-ai-assistant > .wh-ai-panel{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:70px!important;
    width:auto!important;
    height:min(620px,calc(100dvh - 90px))!important;
    transform-origin:center bottom!important;
  }
}

/* =========================================================
   WHWEB V97.8.7 — PRODUCT PAGE GLOBAL BACKGROUND RECOVERY
   Página de produto segue o mesmo fundo global das páginas públicas.
   ========================================================= */
body.wh-has-site-background .product-detail-hero.product-v59-detail{
  background:transparent!important;
}


/* =========================================================
   WHWEB V97.8.8 — RICH EDITOR SMART BUTTONS
   Botões criados pelo editor visual de Tutoriais / Conteúdo.
   ========================================================= */
.rich-content a.wh-editor-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:42px;padding:10px 18px;margin:7px 8px 7px 0;border:1px solid rgba(var(--accent-rgb),.72)!important;
  border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#fff!important;
  font-weight:700!important;line-height:1.2!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.20);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
.rich-content a.wh-editor-button:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(0,0,0,.26);color:#fff!important}
.rich-content a.wh-editor-button.wh-editor-button-outline{background:rgba(3,16,30,.50)!important;color:var(--site-text,#fff)!important;border-color:rgba(var(--accent-rgb),.48)!important;box-shadow:none}
.rich-content a.wh-editor-button.wh-editor-button-outline:hover{background:rgba(var(--accent-rgb),.12)!important;border-color:rgba(var(--accent-rgb),.80)!important}
@media(max-width:620px){.tutorial-rich.rich-content a.wh-editor-button{width:100%;margin-right:0}}