/* Área do Cliente — EstofoAuto Garage / versão visual 2026-10-02 */
.client-page{background:#07090b;color:#fff;min-height:calc(100vh - 70px)}
.client-shell{width:min(1400px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}
.client-card{background:linear-gradient(145deg,#15191d,#0b0e11);border:1px solid #30353a;border-radius:20px;padding:30px;box-shadow:0 20px 65px rgba(0,0,0,.45)}
.client-login{max-width:520px;margin:25px auto}.client-card h1{margin:8px 0 10px;font-size:clamp(30px,5vw,44px);line-height:1.05}.client-card h2{margin-top:0}.client-card p{color:#c3c7ca}
.client-form label{display:block;color:#e6e6e6;font-weight:700;font-size:14px;margin:17px 0 7px}.client-form input,.client-form select,.client-form button{font:inherit;width:100%;box-sizing:border-box}.client-form input,.client-form select{padding:14px 15px;border:1px solid #3b4045;border-radius:11px;background:#090b0d;color:#fff;outline:none}.client-form input:focus,.client-form select:focus{border-color:#e51e25;box-shadow:0 0 0 3px rgba(229,30,37,.14)}.client-form button,.client-btn{padding:14px 18px;border-radius:11px;border:1px solid #383d42;background:#171a1d;color:#fff;font-weight:800;cursor:pointer}.client-form button.primary,.client-btn.primary{background:#e51e25;color:#fff;border-color:#e51e25}.client-form button:hover,.client-btn:hover{transform:translateY(-1px)}.client-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:17px;font-size:14px}.client-links button{border:0;background:none;color:#ef4248;text-decoration:underline;cursor:pointer;font:inherit}.client-msg{min-height:24px;margin:15px 0 0!important;color:#f3b1b4!important;font-size:14px}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.password-row .eye{width:auto;min-width:82px;padding:0 12px;background:#222528;color:#fff;border:1px solid #383b40}
/* Login visual */
.client-login-screen{min-height:650px;display:grid;grid-template-columns:minmax(390px,520px) 1fr;background:#090b0d;border:1px solid #252a2e;border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55)}.login-panel{padding:46px 48px 30px;background:linear-gradient(180deg,#0d1013,#080a0c);position:relative;z-index:2}.login-logo{width:min(330px,100%);display:block;margin:0 auto 20px}.login-eyebrow{text-align:center;font-size:26px;letter-spacing:.18em;font-weight:900}.login-tagline{text-align:center;color:#aeb4b9;margin:7px 0 26px}.input-icon{display:grid;grid-template-columns:35px 1fr 35px;align-items:center;border:1px solid #3a3f44;background:#15181b;border-radius:12px;margin:12px 0;overflow:hidden}.input-icon span{font-size:16px;text-align:center;color:#cbd0d4}.input-icon input{border:0!important;border-radius:0!important;background:transparent!important;padding:15px 5px!important;box-shadow:none!important}.input-icon .eye{width:35px!important;padding:0!important;border:0!important;background:transparent!important;color:#aaa;cursor:pointer}.remember-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#c4c8cb;margin:12px 0 18px}.remember-row label{margin:0;display:flex;align-items:center;gap:4px;font-weight:400}.remember-row input{width:auto}.remember-row button{border:0;background:none;color:#ef3037;cursor:pointer;font-size:12px}.login-submit{height:48px!important;font-size:16px}.or-row{display:flex;align-items:center;gap:10px;margin:17px 0;color:#aaa;font-size:12px}.or-row span{height:1px;background:#34383d;flex:1}.outline-submit{width:100%;height:46px;border:1px solid #596067;background:#111417;color:#fff;border-radius:11px;cursor:pointer;font-weight:700}.login-andreia{display:flex;align-items:flex-end;gap:10px;margin-top:25px}.login-andreia img{width:105px;height:154px;object-fit:contain;object-position:bottom}.login-andreia>div{border:1px solid #353a3f;background:#15191d;border-radius:14px;padding:13px 15px;margin-bottom:18px}.login-andreia strong{font-size:14px}.login-andreia p{font-size:13px;margin:5px 0 0;color:#c6cbcf}.login-visual{position:relative;background:#111 url('../images/estofoauto/client-car.jpg') center/cover no-repeat;min-height:650px;overflow:hidden}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090b0d 0%,rgba(9,11,13,.28) 30%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.42) 100%)}.visual-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 48%);z-index:1}.visual-caption{position:absolute;z-index:2;left:44px;bottom:42px;font-size:26px;font-weight:900;line-height:1.05}.visual-caption span{font-size:15px;letter-spacing:.25em;color:#e4e7e9}
/* Dashboard */
.client-dashboard{display:grid;grid-template-columns:235px 1fr;min-height:720px;background:#090c0f;border:1px solid #252a2f;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.45)}.client-sidebar{background:#0c0f12;border-right:1px solid #292e33;padding:26px 14px;display:flex;flex-direction:column}.side-brand{display:block;padding:4px 14px 25px}.side-brand img{width:100%;height:auto}.client-sidebar nav{display:grid;gap:6px}.side-link,.side-logout{width:100%;border:0;background:transparent;color:#d6dadd;text-align:left;padding:13px 13px;border-radius:10px;cursor:pointer;font:inherit;font-size:14px}.side-link span{display:inline-block;width:27px}.side-link:hover,.side-link.active{background:linear-gradient(90deg,#64171a,#2b1113);color:#fff}.side-link.active{box-shadow:inset 3px 0 #ef222a}.side-logout{margin-top:auto}.client-main{padding:28px 30px;background:radial-gradient(circle at 80% 0,#171d22 0,#0a0d10 42%,#080a0c 100%)}.dashboard-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-top h1{margin:0;font-size:32px}.dashboard-top p{margin:6px 0 0;color:#aeb4b9}.top-icons{display:flex;gap:15px;font-size:20px;color:#d8dcdf}.dashboard-hero{min-height:230px;border-radius:17px;border:1px solid #343a3f;overflow:hidden;background:url('../images/estofoauto/client-car.jpg') center 55%/cover no-repeat;position:relative;padding:32px}.dashboard-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.35) 55%,rgba(0,0,0,.05))}.dashboard-hero>div{position:relative;z-index:1}.dashboard-hero h2{font-size:28px;line-height:1.05;margin:0 0 12px}.dashboard-hero p{margin:0;color:#d4d8db}.andreia-card{margin-top:-78px;margin-left:auto;position:relative;z-index:3;width:min(390px,70%);min-height:150px;border:1px solid #3a4045;background:linear-gradient(135deg,#181d21,#101316);border-radius:17px;display:flex;align-items:flex-end;overflow:hidden}.andreia-card img{width:125px;height:184px;object-fit:contain;object-position:bottom}.andreia-card div{padding:22px 18px}.andreia-card h3{margin:0;font-size:22px}.andreia-card p{margin:4px 0 12px}.andreia-card a{display:inline-block;background:#20252a;color:#fff;text-decoration:none;border-radius:9px;padding:9px 12px;font-size:13px;border:1px solid #343a40}.dash-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.dash-tile{position:relative;min-height:140px;border:1px solid #30363b;border-radius:15px;background:#111519;color:#fff;text-align:left;padding:18px;cursor:pointer}.dash-tile.red{background:linear-gradient(145deg,#1c1415,#101315)}.dash-tile>span{display:block;color:#f12a31;font-size:22px;margin-bottom:12px}.dash-tile strong{display:block;font-size:15px}.dash-tile small{display:block;color:#9da4a9;line-height:1.35;margin-top:9px;max-width:170px}.dash-tile b{position:absolute;right:17px;bottom:15px;color:#f12a31;font-size:20px}.dash-pane{margin-top:0}.dash-pane.client-card{margin-top:0}.whatsapp-btn{display:inline-block;background:#12b76a;color:#fff;padding:12px 16px;border-radius:10px;text-decoration:none;font-weight:700}.client-item{border:1px solid #2b3035;background:#111519;border-radius:12px;padding:14px;margin:9px 0}.client-price{font-size:22px;font-weight:900;color:#ef4a50;margin:12px 0}
/* Welcome / VRUUUM */
.client-splash{position:fixed;inset:0;z-index:9999;background:radial-gradient(circle at 50% 32%,#20262b 0,#080a0c 52%,#000 100%);display:grid;place-items:center;overflow:hidden;color:#fff}.client-splash[hidden]{display:none}.client-splash:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(170deg,transparent 0 58px,rgba(255,255,255,.035) 59px 61px);animation:clientSpeed .55s linear infinite}.client-splash-inner{position:relative;width:min(92vw,720px);text-align:center}.splash-logo{width:min(330px,68vw);opacity:0;animation:clientFade .55s .05s forwards}.splash-title{font-size:clamp(25px,5vw,46px);font-weight:900;letter-spacing:.06em;line-height:1.05;margin-top:14px;opacity:0;animation:clientFade .55s .25s forwards}.splash-title span{font-size:.48em;letter-spacing:.18em;font-weight:500;color:#d9dde0}.splash-road{height:240px;position:relative;margin:10px 0;overflow:hidden}.splash-road:after{content:"";position:absolute;left:-20%;right:-20%;bottom:38px;height:4px;background:repeating-linear-gradient(90deg,#fff 0 70px,transparent 70px 150px);opacity:.45}.splash-car{position:absolute;left:-420px;bottom:45px;width:360px;height:160px;background:url('../images/estofoauto/client-car.jpg') center/cover;border-radius:40px;box-shadow:0 18px 30px rgba(0,0,0,.7),0 0 45px rgba(229,30,37,.3);animation:clientDrive 1.55s .45s cubic-bezier(.15,.8,.2,1) forwards}.client-vroom{position:absolute;right:-300px;top:42px;font-size:42px;font-weight:1000;font-style:italic;color:#fff;text-shadow:0 0 20px #e51e25,0 0 45px rgba(229,30,37,.5);opacity:0;animation:clientVroom 1.15s .9s forwards}.splash-progress{height:5px;background:#34383c;border-radius:9px;overflow:hidden;width:min(420px,70vw);margin:0 auto}.splash-progress span{display:block;height:100%;width:0;background:#e51e25;animation:splashProgress 3.4s linear forwards}.client-sound{margin-top:18px;border:1px solid #555;background:#161616;color:#fff;border-radius:999px;padding:9px 16px;font-size:13px;cursor:pointer;opacity:0;animation:clientFade .5s 2s forwards}
@keyframes clientFade{to{opacity:1}}@keyframes clientDrive{0%{left:-420px;transform:scale(.78)}65%{left:34%;transform:scale(1.05)}100%{left:118%;transform:scale(1.02)}}@keyframes clientVroom{0%{right:18%;opacity:0;transform:scale(.55) skewX(-8deg)}35%{opacity:1}100%{right:-260px;opacity:0;transform:scale(1.55) skewX(-8deg)}}@keyframes clientSpeed{to{transform:translateX(-130px)}}@keyframes splashProgress{to{width:100%}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.client-login-screen{grid-template-columns:430px 1fr}.dash-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.client-shell{width:min(100% - 16px,700px);padding:20px 0 50px}.client-login-screen{display:block;min-height:auto}.login-panel{padding:30px 22px}.login-visual{display:none}.client-dashboard{grid-template-columns:1fr}.client-sidebar{display:none}.client-main{padding:20px 15px}.dashboard-top h1{font-size:25px}.dashboard-hero{min-height:200px;padding:23px}.dashboard-hero h2{font-size:25px}.andreia-card{margin-top:12px;width:100%}.dash-actions{grid-template-columns:1fr 1fr;gap:9px}.dash-tile{min-height:125px;padding:15px}.dash-tile small{font-size:11px}.splash-car{width:300px;height:135px}.client-vroom{font-size:30px}.splash-title{font-size:29px}}
@media(max-width:500px){.login-eyebrow{font-size:21px}.login-logo{width:280px}.remember-row{align-items:flex-start}.remember-row button{max-width:150px}.dash-actions{grid-template-columns:1fr 1fr}.dashboard-hero{min-height:180px}.andreia-card img{width:105px;height:160px}.andreia-card div{padding:15px 10px}.andreia-card h3{font-size:18px}.andreia-card p{font-size:12px}.splash-car{width:250px;height:112px}.client-vroom{font-size:25px}}

/* Área de marcação — classes e preçário */
.booking-head{margin-bottom:18px}.class-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.class-info{border:1px solid rgba(255,255,255,.09);background:#101114;border-radius:14px;padding:16px}.class-info h3{margin:8px 0 6px;font-size:16px}.class-info p{margin:0;color:#aaa;font-size:13px;line-height:1.5}.class-badge{font-size:11px;font-weight:800;letter-spacing:.12em;color:#e31b23}.price-panel{background:#0d0e10;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px;margin:18px 0}.price-panel-title{font-weight:800;margin-bottom:12px}.price-table-wrap{overflow-x:auto}.client-price-table{width:100%;border-collapse:collapse;min-width:560px}.client-price-table th,.client-price-table td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.client-price-table th{font-size:12px;color:#aaa}.client-price-table td:not(:first-child){font-weight:800}.booking-step{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.08)}.booking-step>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e31b23;color:#fff;font-weight:800}.booking-step>div>strong{display:block;margin-bottom:10px}.availability-note{font-size:13px;color:#aaa;line-height:1.5}.client-price{margin-top:10px;font-size:18px;font-weight:800}.client-price:empty{display:none}@media(max-width:800px){.class-info-grid{grid-template-columns:1fr}.client-price-table{min-width:500px}}


/* Andréia IA — Área do Cliente */
.andreia-chat-head{display:flex;align-items:center;gap:16px;padding:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.09);position:relative}.andreia-chat-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid #c8102e;background:#111;flex:0 0 auto}.andreia-chat-avatar img{width:100%;height:100%;object-fit:cover}.andreia-chat-head h2{margin:2px 0 4px}.andreia-chat-head p{margin:0;color:#aaa}.andreia-status{margin-left:auto;color:#7ee787;font-size:13px;white-space:nowrap}.andreia-chat{height:360px;overflow:auto;padding:20px 4px;display:flex;flex-direction:column;gap:12px;background:rgba(0,0,0,.18);border-radius:14px;margin:18px 0}.chat-bubble{max-width:82%;padding:12px 15px;border-radius:16px;line-height:1.45;font-size:14px}.chat-bubble.bot{align-self:flex-start;background:#171717;border:1px solid rgba(255,255,255,.08)}.chat-bubble.user{align-self:flex-end;background:#c8102e;color:#fff}.chat-bubble.typing{opacity:.65}.andreia-chat-form{display:flex;gap:8px}.andreia-chat-form input{flex:1}.andreia-chat-form button{width:50px;border:0;border-radius:10px;background:#c8102e;color:#fff;font-size:20px;cursor:pointer}.andreia-quick{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.andreia-quick button{background:#111;border:1px solid rgba(255,255,255,.12);color:#ddd;padding:9px 12px;border-radius:999px;cursor:pointer}.andreia-quick button:hover{border-color:#c8102e}.andreia-chat .chat-bubble a{color:#fff}.andreia-ai-note{font-size:11px;color:#777;margin-top:8px}@media(max-width:700px){.andreia-chat{height:420px}.andreia-status{font-size:11px}.andreia-chat-head{align-items:flex-start}.andreia-status{position:absolute;right:0;top:2px}}

.recovery-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px}.recovery-modal[hidden]{display:none}.recovery-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}.recovery-dialog{position:relative;z-index:2;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;margin:0;background:linear-gradient(180deg,#111519,#090b0d);border:1px solid #343a40;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.75);padding:34px}.recovery-close{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#1c2024;color:#fff;font-size:28px;line-height:1;cursor:pointer}.recovery-dialog h1{margin-right:40px}.client-msg.success{color:#67d391}.client-msg.error{color:#ff6b73}
.new-vehicle-box{margin-top:14px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03)}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.vehicle-grid label{display:flex;flex-direction:column;gap:6px}.new-vehicle-box .outline-submit{margin-top:4px}.client-msg.success{color:#54d98b}.client-msg.error{color:#ff6b6b}@media(max-width:760px){.vehicle-grid{grid-template-columns:1fr}}

.andreia-open-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:inherit}.andreia-fallback{margin-top:14px;color:#aaa;font-size:.9rem}
.booking-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:#888;font-size:.85rem}.booking-or:before,.booking-or:after{content:"";height:1px;background:rgba(255,255,255,.1);flex:1}.vehicle-assist-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.secondary-submit{border:1px solid rgba(255,255,255,.16);background:#17191d;color:#fff;border-radius:10px;padding:11px 16px;cursor:pointer}.secondary-submit:hover{border-color:#e21d2b}.vehicle-found{border-color:rgba(84,217,139,.35)!important}.error{border-color:rgba(255,107,107,.35)!important}


/* Refinamento premium / mobile 2026-10-03 */
.client-page{background:#050607}
.client-shell{max-width:1500px}
.client-dashboard{border-color:#30363b;box-shadow:0 28px 90px rgba(0,0,0,.52)}
.client-main{padding:30px 32px}
.dashboard-top{margin-bottom:24px}
.dashboard-top h1{letter-spacing:-.02em}
.dashboard-hero{min-height:245px;border-radius:20px;background-position:center 52%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.dashboard-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.42) 58%,rgba(0,0,0,.08))}
.andreia-card{margin-top:-70px;width:min(410px,72%);border-color:rgba(255,255,255,.16);box-shadow:0 20px 45px rgba(0,0,0,.38)}
.andreia-card div{padding:22px 20px}
.andreia-card .andreia-open-btn{background:#15191d;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 13px}
.dash-actions{margin-top:22px;gap:14px}
.dash-tile{transition:transform .18s ease,border-color .18s ease,background .18s ease;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.dash-tile:hover{transform:translateY(-2px);border-color:rgba(239,34,42,.5);background:#15191d}
.mobile-client-nav{display:none}

@media(max-width:800px){
  .client-shell{width:100%;padding:0 0 82px}
  .client-dashboard{border-radius:18px 18px 0 0;border-left:0;border-right:0;box-shadow:none}
  .client-main{padding:16px 12px 24px}
  .dashboard-top{padding:2px 4px 4px;margin-bottom:14px}
  .dashboard-top h1{font-size:22px}
  .dashboard-top p{font-size:12px;line-height:1.35}
  .top-icons{font-size:17px;gap:10px}
  .dashboard-hero{min-height:205px;border-radius:17px;padding:22px;background-position:center 52%}
  .dashboard-hero h2{font-size:25px;line-height:1.03}
  .dashboard-hero p{font-size:12px}
  .andreia-card{width:calc(100% - 24px);margin:-48px 12px 0;min-height:122px;border-radius:16px}
  .andreia-card img{width:92px;height:140px}
  .andreia-card div{padding:14px 12px}
  .andreia-card h3{font-size:18px}
  .andreia-card p{font-size:11px;margin-bottom:8px}
  .andreia-card .andreia-open-btn{font-size:11px;padding:8px 10px}
  .dash-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
  .dash-tile{min-height:112px;border-radius:13px;padding:13px}
  .dash-tile>span{font-size:19px;margin-bottom:8px}
  .dash-tile strong{font-size:13px}
  .dash-tile small{font-size:10px;line-height:1.3;margin-top:6px;max-width:150px}
  .dash-tile b{right:12px;bottom:10px;font-size:17px}
  .mobile-client-nav{position:fixed;left:8px;right:8px;bottom:8px;height:66px;z-index:1000;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;background:rgba(10,13,16,.94);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.55)}
  .mobile-client-nav .side-link{padding:5px 2px;text-align:center;border-radius:12px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#aeb4b9}
  .mobile-client-nav .side-link span{width:auto;font-size:17px;line-height:1}
  .mobile-client-nav .side-link small{font-size:9px}
  .mobile-client-nav .side-link.active{background:linear-gradient(180deg,#62181b,#2b1113);box-shadow:inset 0 2px #ef222a;color:#fff}
  .booking-step{padding:13px 0}
  .class-info-grid,.price-panel{display:none}
  .booking-head h2{font-size:25px}
  .booking-head p{font-size:12px;color:#aeb4b9}
  .booking-form select,.booking-form input{min-height:46px}
}

@media(max-width:500px){
  .client-login-screen{border-radius:16px}
  .login-panel{padding:24px 18px 22px}
  .login-logo{width:245px}
  .login-eyebrow{font-size:20px}
  .login-tagline{font-size:12px;margin-bottom:18px}
  .login-andreia{margin-top:18px}
  .login-andreia img{width:82px;height:125px}
  .login-andreia>div{padding:10px 12px;margin-bottom:8px}
  .login-andreia p{font-size:11px}
  .dashboard-hero{min-height:185px}
  .andreia-card{margin-top:-42px}
}

/* Atualização 2026-10-09: animação de arranque acessível e responsiva */
.login-visual{isolation:isolate;background-position:center;background-size:cover}
.headlight-sweep{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 22%,rgba(255,255,235,0) 35%,rgba(255,255,220,.28) 47%,transparent 61%);opacity:0;mix-blend-mode:screen}
.client-login-screen:focus-within .headlight-sweep{animation:headlightSweep 1.8s ease-out both}
@keyframes headlightSweep{0%{transform:translateX(-45%);opacity:0}25%{opacity:.9}100%{transform:translateX(45%);opacity:0}}
.splash-car{will-change:transform;filter:drop-shadow(0 14px 24px rgba(0,0,0,.8))}
.client-splash.launching .splash-car{animation:clientDrive 1.45s .25s cubic-bezier(.15,.8,.2,1) forwards}
.splash-smoke{position:absolute;z-index:1;left:18%;bottom:30px;width:44%;height:105px;background:radial-gradient(ellipse,rgba(210,215,220,.42),rgba(100,105,110,.18) 42%,transparent 72%);filter:blur(14px);opacity:0}
.client-splash.launching .splash-smoke{animation:smokeLaunch 1.8s .35s ease-out forwards}
@keyframes smokeLaunch{0%{transform:translateX(0) scale(.4);opacity:0}25%{opacity:.8}100%{transform:translateX(-24%) scale(1.8);opacity:0}}
@media(prefers-reduced-motion:reduce){.client-splash:before,.splash-logo,.splash-title,.splash-car,.client-vroom,.splash-progress span,.client-sound{animation:none!important}.client-splash.reduced-motion .splash-logo,.client-splash.reduced-motion .splash-title{opacity:1}.client-splash.reduced-motion .splash-car{left:calc(50% - 180px)}}


/* EstofoAuto Garage — sequência de arranque premium após autenticação bem-sucedida */
.client-splash{perspective:1000px;isolation:isolate}
.client-splash-inner{z-index:2}
.splash-road{perspective:900px}
.splash-car{transform-origin:50% 60%;backface-visibility:visible;will-change:left,transform,filter;}
.client-splash.launching .splash-car{animation:porscheLaunchSequence 3.55s .25s cubic-bezier(.2,.75,.18,1) both;}
.client-splash.launching .splash-smoke{animation:smokeSkidSequence 2.5s .8s ease-out both;}
.client-splash.launching .splash-road:after{animation:roadRush .55s .35s linear 4 both;}
.client-splash.launching .client-vroom{animation:clientVroom 1.5s 1.45s forwards;}
@keyframes porscheLaunchSequence{
  0%{left:-420px;transform:translateZ(-100px) scale(.72) rotateY(-8deg) skewX(0);filter:brightness(.8);}
  23%{left:31%;transform:translateZ(30px) scale(1.02) rotateY(0) skewX(0);filter:brightness(1.1);}
  34%{left:31%;transform:translateZ(30px) scale(1.03) rotateY(0) rotateZ(0);}
  47%{left:31%;transform:translateZ(35px) scale(1.02) rotateY(180deg) rotateZ(-4deg);filter:brightness(1.2);}
  57%{left:31%;transform:translateZ(35px) scale(1.02) rotateY(360deg) rotateZ(3deg);}
  66%{left:29%;transform:translateZ(20px) scale(1.04) rotateY(360deg) rotateZ(-5deg) skewX(-7deg);filter:brightness(1.18);}
  76%{left:42%;transform:translateZ(20px) scale(1.08) rotateY(360deg) rotateZ(0) skewX(-9deg);}
  100%{left:145%;transform:translateZ(80px) scale(1.22) rotateY(360deg) skewX(-12deg);filter:brightness(1.35);}
}
@keyframes smokeSkidSequence{
  0%{transform:translateX(0) scale(.2);opacity:0}
  24%{transform:translateX(-4%) scale(.7);opacity:.18}
  48%{transform:translateX(-12%) scale(1.15);opacity:.85}
  68%{transform:translateX(-22%) scale(1.55);opacity:.65}
  100%{transform:translateX(-40%) scale(2.1);opacity:0}
}
@keyframes roadRush{from{background-position:0 0;opacity:.3}to{background-position:220px 0;opacity:.75}}
@media(max-width:800px){
 .client-splash.launching .splash-car{animation-name:porscheLaunchMobile;}
 @keyframes porscheLaunchMobile{
  0%{left:-320px;transform:scale(.68) rotateY(-8deg)}
  24%{left:20%;transform:scale(.86) rotateY(0)}
  48%{left:20%;transform:scale(.86) rotateY(180deg) rotateZ(-4deg)}
  60%{left:20%;transform:scale(.86) rotateY(360deg) rotateZ(4deg)}
  75%{left:34%;transform:scale(.9) skewX(-8deg)}
  100%{left:130%;transform:scale(1.05) skewX(-12deg)}
 }
}
@media(prefers-reduced-motion:reduce){
 .client-splash.launching .splash-car,.client-splash.launching .splash-smoke,.client-splash.launching .splash-road:after,.client-splash.launching .client-vroom{animation:none!important}
}

/* Entrada premium EstofoAuto — boas-vindas e som opcional */
.splash-welcome-copy{margin:8px auto 0;color:#c7cbd0;font-size:clamp(10px,2vw,13px);font-weight:700;letter-spacing:.16em;line-height:1.5;opacity:0;animation:clientFade .55s .45s forwards}
.splash-welcome-copy span{color:#e51e25;padding:0 .35em}
.splash-sound-note{margin:7px 0 0;color:#9da2a6;font-size:11px;letter-spacing:.04em;opacity:0;animation:clientFade .45s 2.1s forwards}
.client-splash.reduced-motion .splash-welcome-copy,.client-splash.reduced-motion .splash-sound-note{opacity:1}
.client-splash .client-sound:focus-visible{outline:2px solid #e51e25;outline-offset:4px}
@media(max-width:500px){.splash-welcome-copy{max-width:90vw;letter-spacing:.09em;font-size:10px}.splash-sound-note{font-size:10px}}


/* Acesso legal visível, discreto e acessível na Área de Cliente */
.client-legal-link{padding:16px 14px 22px;text-align:center;font-size:12px}
.client-legal-link a{color:#d9b96d;text-decoration:underline;text-underline-offset:3px}
.client-legal-link a:focus-visible{outline:2px solid #e51e25;outline-offset:4px}


/* RECONSTRUÇÃO VISUAL — 13/10/2026 */
:root{color-scheme:dark;--ea-red:#e51e2a;--ea-gold:#d9b46c;--ea-ink:#07090b}
.client-page{background:radial-gradient(ellipse at 75% 5%,#171a1e 0,#08090b 55%,#030405 100%)}
.client-shell{width:min(1480px,calc(100% - 32px));padding-top:28px}
.client-login-screen{grid-template-columns:minmax(360px,460px) minmax(0,1fr);min-height:680px;border-color:rgba(217,180,108,.22);border-radius:22px;box-shadow:0 28px 90px #000b,0 0 0 1px #ffffff06}
.login-panel{padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#101316,#070809 70%)}
.login-logo{width:min(285px,88%);margin:0 auto 26px;filter:drop-shadow(0 8px 22px #0008)}
.login-eyebrow{font-size:clamp(22px,2.1vw,29px);letter-spacing:.16em}
.login-tagline{font-size:14px;margin:9px 0 26px}
.input-icon{background:#111519;border-color:#34393f;min-height:52px;transition:border-color .2s,box-shadow .2s}
.input-icon:focus-within{border-color:var(--ea-gold);box-shadow:0 0 0 3px #d9b46c1b}
.login-submit{background:linear-gradient(100deg,#d91724,#f12630)!important;box-shadow:0 8px 24px #e51e2a25;border-radius:11px!important;letter-spacing:.02em}
.outline-submit{border-color:#3d4248;transition:all .2s}.outline-submit:hover{border-color:var(--ea-gold);background:#191714}
.remember-row button{color:#e9c783}
.login-visual{background-image:linear-gradient(90deg,#080a0c 0%,#080a0c22 20%,#0000 65%,#0005),url('../images/estofoauto/porsche-frente.jpg');background-position:center;background-size:cover;min-height:680px}
.login-visual:after{background:linear-gradient(0deg,#030405e8 0%,#03040500 43%),linear-gradient(90deg,#090b0d00,#090b0d20)}
.visual-caption{left:clamp(22px,4vw,58px);bottom:clamp(25px,4vw,50px);font-size:clamp(24px,3vw,36px);letter-spacing:.03em;text-shadow:0 4px 20px #000}
.visual-caption span{display:inline-block;margin-top:8px;color:#e9c783;font-size:12px;letter-spacing:.27em}
.login-andreia{align-items:center;margin-top:28px}.login-andreia img{height:116px;width:80px;object-fit:cover;object-position:top;border-radius:12px 12px 0 0}.login-andreia>div{margin:0;padding:14px 15px;box-shadow:0 8px 26px #0003}
.client-dashboard{border-color:#2d3034;box-shadow:0 28px 90px #0009}.client-sidebar{background:linear-gradient(180deg,#0c0f12,#080a0c);padding:26px 16px}.side-brand img{max-width:180px}.side-link{transition:background .2s,border-color .2s}.side-link:hover,.side-link.active{background:linear-gradient(100deg,#591519,#211012);box-shadow:inset 3px 0 var(--ea-red)}.client-main{padding:clamp(18px,3vw,34px)}.dashboard-hero{border-color:#3c3b36;background-position:center 53%;box-shadow:inset 0 0 0 1px #ffffff08}.dash-tile,.client-item,.client-card{box-shadow:0 12px 35px #0002}.dash-tile{transition:transform .18s,border-color .18s}.dash-tile:hover{transform:translateY(-3px);border-color:#9d3338}.dash-tile.red{border-color:#6c252a}.client-legal-link{padding:18px 12px 28px}
/* Animação cinematográfica após autenticação bem-sucedida */
.login-launch{position:fixed;inset:0;z-index:10050;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#24282c 0,#090b0e 55%,#020303 100%);color:#fff;isolation:isolate}
.login-launch[hidden]{display:none!important}.launch-garage-lights{position:absolute;inset:-20%;z-index:-2;background:repeating-linear-gradient(110deg,transparent 0 11%,#ffffff06 11.2% 11.5%,transparent 11.8% 22%),radial-gradient(ellipse at 50% 10%,#d5dce018,transparent 50%);animation:garageSweep 1.4s linear infinite}
.launch-brand{position:absolute;top:clamp(18px,5vh,48px);left:50%;transform:translateX(-50%);width:min(220px,50vw);opacity:0;animation:launchBrand .5s .15s forwards}.launch-brand img{width:100%;filter:drop-shadow(0 5px 20px #000)}
.launch-car-stage{position:relative;width:min(1000px,100vw);height:min(52vh,440px);min-height:245px;perspective:1000px;overflow:visible}
.launch-car-front,.launch-car-drift{position:absolute;left:50%;top:50%;width:min(80vw,760px);height:100%;transform:translate(-50%,-50%);background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 28px 35px #000c);will-change:transform,opacity}
.launch-car-front{background-image:url('../images/estofoauto/porsche-frente.jpg');opacity:0;animation:frontReveal .6s .15s forwards}
.launch-car-drift{background-image:url('../images/estofoauto/porsche-derrapagem.jpg');opacity:0;transform:translate(-50%,-50%) scale(.92) rotateY(0deg)}
.launch-smoke{position:absolute;inset:42% -12% -6%;opacity:0;background:radial-gradient(ellipse at 30% 70%,#bfc4ca55 0,transparent 34%),radial-gradient(ellipse at 65% 62%,#e7e9ed4a 0,transparent 32%),radial-gradient(ellipse at 50% 90%,#fff2 0,transparent 45%);filter:blur(13px);pointer-events:none}
.launch-skid-lines{position:absolute;bottom:9%;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,#e51e2a,#d9b46c,transparent);opacity:0;filter:blur(2px)}
.login-launch.is-launching .launch-car-front{animation:carTakeoff 1.45s .35s cubic-bezier(.2,.7,.1,1) forwards}
.login-launch.is-launching .launch-car-drift{animation:carDrift 2.05s 1.05s cubic-bezier(.12,.78,.16,1) forwards}
.login-launch.is-launching .launch-smoke{animation:smokeTire 2.15s 1.12s ease-out forwards}
.login-launch.is-launching .launch-skid-lines{animation:skidFlash 1.5s 1.2s ease-out forwards}
.launch-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:0 20px;z-index:2}.launch-kicker{font-size:10px;letter-spacing:.28em;color:var(--ea-gold);font-weight:800}.launch-copy strong{font-size:clamp(23px,4vw,38px);letter-spacing:.04em;text-transform:uppercase}.launch-copy>span:last-child{font-size:13px;color:#c3c7cb;letter-spacing:.06em}
.launch-progress{width:min(340px,68vw);height:3px;background:#34383d;border-radius:9px;margin-top:24px;overflow:hidden}.launch-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#e51e2a,#eac67c);box-shadow:0 0 14px #e51e2a;animation:launchProgress 3.6s linear forwards}
.launch-skip{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:22px;border:1px solid #ffffff35;background:#0c0e10bb;color:#fff;border-radius:999px;padding:10px 15px;font-size:12px;cursor:pointer;z-index:5}.launch-skip:hover{border-color:var(--ea-gold)}
.login-launch.is-finishing{animation:launchFade .45s ease forwards}
@keyframes garageSweep{to{transform:translateX(2%)}}
@keyframes launchBrand{to{opacity:1}}
@keyframes frontReveal{to{opacity:1}}
@keyframes carTakeoff{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}45%{opacity:1;transform:translate(-50%,-55%) scale(1.08)}100%{opacity:0;transform:translate(-50%,-90%) scale(.66)}}
@keyframes carDrift{0%{opacity:0;transform:translate(-50%,-45%) scale(.55) rotateY(75deg) rotateZ(0)}18%{opacity:1}48%{transform:translate(-46%,-48%) scale(1.02) rotateY(-22deg) rotateZ(-7deg)}70%{transform:translate(-54%,-48%) scale(1.08) rotateY(22deg) rotateZ(7deg)}100%{opacity:0;transform:translate(-50%,-72%) scale(.7) rotateY(0) rotateZ(0)}}
@keyframes smokeTire{0%{opacity:0;transform:scale(.65)}35%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(1.55)}}
@keyframes skidFlash{0%{opacity:0;transform:scaleX(.1)}30%{opacity:.9;transform:scaleX(1)}100%{opacity:0;transform:scaleX(.8)}}
@keyframes launchProgress{to{width:100%}}
@keyframes launchFade{to{opacity:0;visibility:hidden}}
@media(max-width:800px){.client-shell{width:calc(100% - 18px);padding-top:12px}.client-login-screen{grid-template-columns:1fr;min-height:0}.login-panel{padding:28px 22px 22px;order:1}.login-visual{order:0;min-height:270px;height:270px;background-position:center 45%}.visual-caption{font-size:21px;left:20px;bottom:20px}.visual-caption span{font-size:10px}.login-logo{width:220px;margin-bottom:18px}.login-eyebrow{font-size:22px}.login-andreia{margin-top:20px}.login-andreia img{height:92px;width:66px}.client-dashboard{grid-template-columns:1fr}.client-sidebar{display:none}.client-main{padding:16px 12px 86px}.dash-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dash-tile{min-height:128px;padding:14px}.dash-tile strong{font-size:13px}.dash-tile small{font-size:11px}.dashboard-top h1{font-size:24px}.dashboard-hero{padding:22px;min-height:190px}.andreia-card{width:100%;margin-top:12px;min-height:120px}.andreia-card img{height:135px;width:90px}.andreia-card div{padding:16px 12px}.mobile-client-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:9000;border:1px solid #34383d;background:#0c0e11f2;backdrop-filter:blur(16px);border-radius:17px;padding:6px;box-shadow:0 10px 35px #0008}.mobile-client-nav .side-link{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:8px 4px;font-size:18px}.mobile-client-nav .side-link span{width:auto}.mobile-client-nav small{font-size:10px}.launch-brand{top:20px;width:165px}.launch-car-stage{height:36vh;min-height:190px}.launch-car-front,.launch-car-drift{width:110vw;height:100%}.launch-copy{gap:7px}.launch-kicker{font-size:8px;letter-spacing:.18em}.launch-copy strong{font-size:22px}.launch-copy>span:last-child{font-size:11px}.launch-skip{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.launch-garage-lights{animation:none}.login-launch.is-launching .launch-car-front,.login-launch.is-launching .launch-car-drift,.login-launch.is-launching .launch-smoke,.login-launch.is-launching .launch-skid-lines{animation:none!important}.launch-progress span{animation-duration:.5s}}


/* REBUILD VISUAL 2026-10-13 — overrides only; authentication/API/dashboard JS preserved */
.client-login-screen{
  grid-template-columns:minmax(320px,42%) minmax(0,1fr);
  min-height:680px;
  border-radius:24px;
}
.client-login-screen .login-panel{min-width:0;padding:clamp(24px,3vw,42px);}
.client-login-screen .login-visual{
  display:block;
  min-width:0;
  min-height:680px;
  background-color:#080a0c;
  background-image:linear-gradient(90deg,#080a0c 0%,rgba(8,10,12,.08) 38%,rgba(0,0,0,.1) 72%,rgba(0,0,0,.35) 100%),url('../images/estofoauto/porsche-frente.jpg');
  background-position:center center;
  background-size:cover;
}
.client-login-screen .visual-caption{left:clamp(18px,3vw,42px);right:20px;bottom:clamp(20px,3vw,42px);font-size:clamp(22px,2.4vw,34px);}
.client-login-screen .visual-caption span{display:block;margin-top:10px;font-size:clamp(10px,1vw,14px);letter-spacing:.2em;}
.client-login-screen .login-panel .client-form{width:100%;max-width:100%;}
.client-login-screen .login-panel input{min-width:0;}
@media(max-width:800px){
 .client-login-screen{display:flex;flex-direction:column;min-height:0;}
 .client-login-screen .login-visual{display:block;order:0;height:clamp(220px,58vw,310px);min-height:0;width:100%;background-position:center 48%;background-size:cover;}
 .client-login-screen .login-panel{order:1;padding:25px 20px 24px;}
 .client-login-screen .visual-caption{left:18px;right:14px;bottom:17px;font-size:clamp(20px,6vw,29px);}
 .client-login-screen .visual-caption span{font-size:10px;letter-spacing:.17em;}
 .client-login-screen .login-andreia{align-items:center;}
 .client-login-screen .login-andreia img{width:76px;height:105px;object-fit:contain;}
 .client-login-screen .remember-row{flex-wrap:wrap;}
}
@media(max-width:420px){
 .client-shell{width:calc(100% - 12px);padding-top:10px;}
 .client-login-screen{border-radius:17px;}
 .client-login-screen .login-panel{padding:22px 15px 20px;}
 .client-login-screen .login-visual{height:220px;}
 .client-login-screen .login-eyebrow{font-size:21px;}
 .client-login-screen .login-links{gap:10px;}
 .client-dashboard .dash-actions{grid-template-columns:repeat(2,minmax(0,1fr));}
 .client-dashboard .dash-tile{min-width:0;overflow-wrap:anywhere;}
}
@media(prefers-reduced-motion:reduce){.login-launch *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* AREA CLIENTE — layout unificado aprovado na pré-visualização Netlify (14-10-2026)
   Só altera a apresentação do ecrã de login. Não altera o preçário, menu principal,
   scripts, endpoints, formulários, identificadores nem dashboard autenticado. */
.client-page{padding-top:clamp(14px,2.4vw,30px);padding-bottom:50px;}
.client-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto;padding-top:0;}
.client-login-screen{
  display:flex!important;flex-direction:column!important;gap:0!important;
  width:100%;min-height:0!important;overflow:hidden;
  border:1px solid rgba(255,255,255,.12);border-radius:22px;
  background:#080a0c;box-shadow:0 24px 70px rgba(0,0,0,.38);
}
.client-login-screen .login-visual{
  order:0!important;position:relative;display:block!important;flex:none;
  width:100%;height:clamp(300px,39vw,470px);min-height:0!important;
  background-color:#080a0c;
  background-image:linear-gradient(180deg,rgba(0,0,0,.08) 15%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.76) 100%),url('../images/estofoauto/porsche-frente.jpg');
  background-position:center 48%;background-size:cover;background-repeat:no-repeat;
}
.client-login-screen .login-visual .headlight-sweep{pointer-events:none;}
.client-login-screen .visual-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 55%);pointer-events:none;}
.client-login-screen .visual-caption{
  position:absolute;z-index:2;left:clamp(20px,5vw,58px);right:20px;bottom:clamp(20px,4vw,42px);
  color:#fff;font-size:clamp(28px,4.4vw,54px);line-height:1.02;font-weight:900;letter-spacing:-.035em;
  text-shadow:0 3px 22px rgba(0,0,0,.75);
}
.client-login-screen .visual-caption:before{content:'BEM-VINDO À';display:block;margin-bottom:14px;color:#f0d9d9;font-size:clamp(10px,1.3vw,15px);font-weight:600;letter-spacing:.25em;}
.client-login-screen .visual-caption span{display:block;margin-top:14px;font-size:clamp(10px,1.15vw,14px);font-weight:700;letter-spacing:.25em;}
.client-login-screen .login-panel{
  order:1!important;display:flex;flex-direction:column;align-items:stretch;
  width:min(100%,850px);min-width:0;margin:0 auto;padding:clamp(24px,4vw,46px)!important;
  background:linear-gradient(145deg,#0c0e10,#08090b);box-sizing:border-box;
}
.client-login-screen .login-logo{display:block;width:clamp(170px,23vw,240px);max-width:80%;height:auto;object-fit:contain;margin:0 auto 18px;}
.client-login-screen .login-eyebrow{text-align:center;font-size:clamp(24px,3.2vw,38px);font-weight:900;letter-spacing:-.025em;}
.client-login-screen .login-tagline{text-align:center;margin:8px 0 24px;color:#c6c8cc;font-size:clamp(14px,1.7vw,19px);}
.client-login-screen .login-panel .client-form{width:100%;max-width:650px;margin-inline:auto;}
.client-login-screen .input-icon{width:100%;box-sizing:border-box;}
.client-login-screen .input-icon input{width:100%;min-height:56px;box-sizing:border-box;font-size:16px;}
.client-login-screen .remember-row{width:100%;max-width:650px;margin:12px auto 18px;}
.client-login-screen .login-submit,.client-login-screen .outline-submit{width:100%;max-width:650px;min-height:49px;margin-inline:auto;}
.client-login-screen .or-row{width:100%;max-width:650px;margin:12px auto;}
.client-login-screen .client-msg{width:100%;max-width:650px;margin-inline:auto;}
.client-login-screen .login-andreia{width:100%;max-width:650px;margin:26px auto 0;}
/* O botão flutuante da Andréia e o WhatsApp mantêm os seus estilos/funcionamento. */
@media(max-width:800px){
 .client-page{padding-top:10px;padding-bottom:32px;}
 .client-shell{width:calc(100% - 18px);padding-top:0;}
 .client-login-screen{border-radius:18px;}
 .client-login-screen .login-visual{height:clamp(245px,66vw,350px);background-position:center 48%;}
 .client-login-screen .visual-caption{left:18px;right:12px;bottom:18px;font-size:clamp(25px,7vw,36px);}
 .client-login-screen .visual-caption:before{margin-bottom:10px;font-size:10px;letter-spacing:.2em;}
 .client-login-screen .visual-caption span{margin-top:10px;font-size:10px;letter-spacing:.18em;}
 .client-login-screen .login-panel{padding:25px 18px 24px!important;}
 .client-login-screen .login-logo{width:190px;margin-bottom:15px;}
 .client-login-screen .login-eyebrow{font-size:25px;}
 .client-login-screen .login-tagline{margin:7px 0 21px;font-size:15px;}
 .client-login-screen .input-icon input{min-height:54px;font-size:16px;}
 .client-login-screen .remember-row{gap:10px;align-items:flex-start;}
 .client-login-screen .remember-row label{max-width:48%;}
 .client-login-screen .remember-row button{max-width:52%;text-align:right;}
 .client-login-screen .login-andreia{margin-top:22px;}
}
@media(max-width:420px){
 .client-shell{width:calc(100% - 12px);}
 .client-login-screen{border-radius:15px;}
 .client-login-screen .login-visual{height:235px;background-position:center 48%;}
 .client-login-screen .login-panel{padding:22px 14px 20px!important;}
 .client-login-screen .remember-row{font-size:12px;}
}


/* Ajuste final de hierarquia visual — área de cliente, 14-10-2026 */
.client-login-screen .login-panel .login-logo,
.client-login-screen .login-panel .login-eyebrow{display:none!important;}
.client-login-screen .login-panel .login-tagline{margin-top:0!important;margin-bottom:24px!important;text-align:center;font-size:clamp(16px,1.7vw,20px);}
.client-login-screen .login-panel{padding-top:clamp(25px,3vw,38px)!important;}
.client-login-screen .login-visual{background-position:center 48%;}
@media(min-width:801px){
 .client-login-screen .login-visual{height:clamp(340px,35vw,460px);}
 .client-login-screen .login-panel{width:min(100%,760px);padding:34px 42px 38px!important;}
 .client-login-screen .login-panel .client-form,
 .client-login-screen .remember-row,
 .client-login-screen .login-submit,
 .client-login-screen .outline-submit,
 .client-login-screen .or-row,
 .client-login-screen .client-msg,
 .client-login-screen .login-andreia{max-width:620px;}
}
@media(max-width:800px){
 .client-login-screen .login-visual{height:clamp(235px,62vw,340px);}
 .client-login-screen .login-panel{padding:24px 18px 25px!important;}
 .client-login-screen .login-tagline{margin-bottom:21px!important;}
}