/* Área do Cliente · complementos ao portal.css */
.area .site-head{position:static}
.area-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.area-nav .btn{padding:9px 14px;font-size:11.5px}
.area-login{background:radial-gradient(ellipse at 70% 20%,var(--navy3),var(--navy) 72%);padding:60px 0;color:#E6E0D2}
.area-login h2{color:#FFF8E6}
.area-login .rules li{color:#E6E0D2}
.login-card{background:var(--paper);color:var(--ink);padding:40px 34px;text-align:center;border-color:var(--gold)}
.login-card h1{font-size:32px}
.login-card .seal{width:150px;height:150px;margin:-10px auto 6px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))}
.compromisso{margin-top:22px;color:var(--ink)}
.form{display:grid;gap:14px;text-align:left;margin:18px 0}
.form label{display:grid;gap:6px;font-family:var(--display);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.form input,.form select,.form textarea{font:inherit;font-family:var(--body);font-size:19px;letter-spacing:0;text-transform:none;padding:12px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%;border-radius:0}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold);outline:2px solid rgba(184,145,58,.25)}
.form .check{display:flex;align-items:center;gap:10px}
.form .check input{width:auto}
.form.inline{grid-template-columns:1fr auto;align-items:end}
.small{font-size:16px}
.alerta{background:#FBEDEE;border:1px solid #D9A3AB;color:#6B1424;padding:10px 14px}
.ok{background:#EEF6EC;border:1px solid #A9CFA2;color:#23501B;padding:10px 14px}
.senha-box pre{background:var(--navy);color:var(--gold3);padding:14px 16px;font-size:16px;white-space:pre-wrap;margin:10px 0 0}
.painel-head .prox{font-style:normal;font-size:18px;margin-top:8px;color:var(--gold3)}

/* fases do processo */
.fases{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:0 0 34px;counter-reset:f}
.fase{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;position:relative}
.fase::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.fase:first-child::before{display:none}
.fase span{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;background:var(--paper);border:2px solid var(--line);color:var(--muted)}
.fase small{font-size:14.5px;line-height:1.25;color:var(--muted)}
.fase.feita span{background:var(--navy);border-color:var(--navy);color:var(--gold2)}
.fase.feita::before,.fase.atual::before{background:var(--gold)}
.fase.atual span{background:linear-gradient(180deg,var(--gold2),var(--gold));border-color:var(--gold);color:var(--navy);box-shadow:0 0 0 5px rgba(229,199,122,.35)}
.fase.atual small{color:var(--navy);font-weight:700}
@media (max-width:760px){
  .fases{grid-template-columns:1fr;gap:0}
  .fase{flex-direction:row;text-align:left;padding:6px 0}
  .fase::before{top:-50%;left:17px;width:2px;height:100%}
  .fase small{font-size:16.5px}
}

/* quadro do último andamento, com marca d'água */
.ultimo{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--gold);padding:38px 40px 30px;box-shadow:0 18px 40px rgba(14,26,58,.12)}
.ultimo::before{content:"";position:absolute;inset:8px;border:1px solid rgba(184,145,58,.35);pointer-events:none}
.ultimo .marca{position:absolute;inset:0;pointer-events:none;z-index:0;
  background:url(../img/med/ls-azul-nome.webp) center/min(62%,420px) no-repeat;opacity:.07}
.ultimo .marca::after{content:"LUIZ SCARPELLI ADVOCACIA · DOCUMENTO RESERVADO · LUIZ SCARPELLI ADVOCACIA · DOCUMENTO RESERVADO · LUIZ SCARPELLI ADVOCACIA · DOCUMENTO RESERVADO";
  position:absolute;left:-20%;right:-20%;top:46%;transform:rotate(-14deg);font-family:var(--display);font-size:22px;letter-spacing:.3em;color:var(--navy);opacity:.9;white-space:nowrap;text-align:center}
.ultimo > *{position:relative;z-index:1}
.ultimo h2{font-size:clamp(24px,3vw,32px);margin:10px 0 14px}
.ultimo .texto{font-size:21px;line-height:1.65;margin-bottom:24px;max-width:70ch}
.ultimo .meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.tipo{display:inline-block;background:var(--navy);color:var(--gold2);padding:5px 10px;font-family:var(--display);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.novo{background:linear-gradient(180deg,var(--gold2),var(--gold));color:var(--navy);padding:5px 10px;font-weight:700}
.ultimo.sentenca{border-width:2px}
.ultimo.sentenca .tipo{background:var(--bordo)}
.calmo{margin:18px 0 0;padding:12px 16px;border-left:3px solid var(--gold);background:rgba(229,199,122,.12);font-style:italic}
.assina{margin:24px 0 0;font-family:var(--display);font-size:12px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
@media (max-width:560px){.ultimo{padding:28px 20px 22px}.ultimo .texto{font-size:19.5px}}

.historico{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.historico li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.historico time{font-family:var(--display);color:var(--navy);font-size:17px}
.historico h3{font-size:18px;margin:8px 0 4px}
.historico p{margin:0 0 8px}
@media (max-width:560px){.historico li{grid-template-columns:1fr;gap:4px}}

.rules.dark-text li{color:inherit}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-family:var(--display);font-size:15.5px;color:var(--navy);letter-spacing:.03em}
.faq p{margin:10px 0 2px}
/* textos curtos em caixas estreitas: sem justificar (evita vãos) */
.login-card p,.login-card .alerta,.alerta,.ok,.senha-box{text-align:center;text-align-last:center;hyphens:none}
@media(max-width:720px){.box p,.compromisso p,.area-hero p{text-align:left;text-align-last:left}}
/* Arquivo da Família */
.arq-pg{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
.arq-col h2{margin-top:0}
.arq-cond{padding-left:20px}.arq-cond li{margin:0 0 10px;text-align:justify;text-align-last:left}
.arq-planos{border:0;padding:0;margin:0 0 16px}.arq-planos legend{font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.arq-plano{display:flex;gap:10px;align-items:baseline;border:1px solid var(--line);padding:12px 14px;margin-bottom:8px;cursor:pointer}
.arq-plano span{color:#6b6b6b;font-size:15px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;text-align:left}
.chk input{margin-top:4px;flex:none}
.pix{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin:14px 0}
.pix-qr{background:#fff;border:1px solid var(--line);padding:8px}.pix-qr svg{width:100%;height:auto;display:block}
.pix-cc textarea{width:100%;font-family:monospace;font-size:13px;padding:10px;border:1px solid var(--line);resize:none}
.tab{width:100%;border-collapse:collapse;font-size:15px}.tab th,.tab td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
@media(max-width:860px){.arq-pg{grid-template-columns:1fr}.pix{grid-template-columns:1fr}.pix-qr{max-width:240px}}
.form .arq-plano,.form .chk{display:flex;flex-direction:row;text-transform:none;letter-spacing:0;font-family:inherit;font-size:16px;color:inherit}
.form .arq-plano input,.form .chk input{width:auto;margin:4px 0 0}
.form .arq-plano b{font-family:Cinzel,serif;font-size:17px}
.loja-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.loja-item{background:#fff;border:1px solid var(--line);padding:18px 18px 22px;text-align:center;display:flex;flex-direction:column}
.loja-item img{width:100%;height:auto;box-shadow:0 12px 26px -14px rgba(14,26,58,.55);margin-bottom:14px}
.loja-item h3{margin:4px 0 6px}.loja-item p{font-size:15px;text-align:center;text-align-last:center;flex:1;margin:0 0 10px}
.loja-preco{display:block;font-family:Cinzel,serif;font-size:26px;color:var(--navy);margin-bottom:12px}
@media(max-width:900px){.loja-grid{grid-template-columns:1fr 1fr}}