/* ===== LP Motoristas de Aplicativo ===== */

/* Faixa de apps */
.apps{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:30px; }
.apps small{ font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--mute-2); margin-right:6px; }
.app{
  padding:9px 18px; border-radius:9px; font-weight:700; font-size:12.5px; letter-spacing:.08em;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.045); color:#D7DCE6;
  transition:border-color .4s var(--ease), color .4s, transform .4s var(--ease);
}
.app:hover{ border-color:var(--gold); color:var(--gold-lt); transform:translateY(-2px); }

/* Mock de celular */
.phone{
  position:relative; width:290px; margin-inline:auto;
  border-radius:36px; padding:12px; background:linear-gradient(160deg,#173168,#040D26);
  border:1px solid rgba(255,255,255,.1); box-shadow:0 50px 100px -30px rgba(0,0,0,.95), 0 0 0 1px rgba(201,162,39,.14);
  animation:float 6s ease-in-out infinite;
}
@keyframes float{ 50%{ transform:translateY(-14px); } }
.phone .scr{ border-radius:26px; background:#040C22; overflow:hidden; padding:18px 16px 24px; }
.phone .bar{ height:4px; width:64px; background:#1B3B6B; border-radius:9px; margin:0 auto 18px; }
.alert{
  border-radius:13px; padding:15px; margin-bottom:12px; font-size:12.6px; line-height:1.5;
  border:1px solid rgba(242,109,109,.3); background:rgba(242,109,109,.09); color:#FFC9C9;
}
.alert strong{ display:block; color:#F26D6D; font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:5px; }
.offline{
  text-align:center; padding:22px 0; border-radius:13px; margin-bottom:12px;
  border:1px dashed rgba(255,255,255,.13); color:var(--mute-2); font-size:13px;
}
.win{
  border-radius:13px; padding:15px; font-size:12.6px; line-height:1.5;
  border:1px solid rgba(74,222,128,.32); background:rgba(74,222,128,.1); color:#BBF3D0;
  animation:pop 5.5s ease-in-out infinite;
}
.win strong{ display:block; color:var(--ok); font-size:11px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:5px; }
@keyframes pop{ 0%,55%{ opacity:.35; transform:scale(.97);} 70%,100%{ opacity:1; transform:none; } }

/* Cenários */
.cen{
  display:flex; gap:16px; padding:24px; border-radius:15px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.02);
  transition:border-color .5s var(--ease), transform .5s var(--ease), background .5s;
}
.cen:hover{ border-color:rgba(201,162,39,.42); transform:translateY(-4px); background:rgba(201,162,39,.045); }
.cen .n{
  flex:none; width:38px; height:38px; border-radius:11px; display:grid; place-items:center;
  background:rgba(242,109,109,.13); border:1px solid rgba(242,109,109,.28); color:#F26D6D;
}
.cen .n svg{ width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.cen h4{ font-family:var(--serif); font-size:1.06rem; font-weight:600; margin:0 0 6px; }
.cen p{ font-size:13.8px; margin:0; }

/* Calculadora */
.calc{
  border-radius:24px; padding:44px; position:relative; overflow:hidden;
  background:linear-gradient(150deg,#0A1D4C,#040D26 66%); border:1px solid var(--line);
}
.calc::before{
  content:""; position:absolute; width:460px; height:460px; border-radius:50%; left:-160px; bottom:-220px;
  background:radial-gradient(circle,rgba(201,162,39,.2),transparent 66%); filter:blur(46px);
}
.calc > *{ position:relative; z-index:2; }
.fld{ margin-bottom:26px; }
.fld label{ display:flex; justify-content:space-between; align-items:baseline; font-size:13.5px; color:var(--mute); margin-bottom:12px; }
.fld label b{ font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1; font-family:var(--serif); font-size:1.24rem; color:var(--gold-lt); font-weight:600; }
input[type=range]{
  -webkit-appearance:none; appearance:none; width:100%; height:5px; border-radius:9px; outline:none;
  background:linear-gradient(90deg,var(--gold) var(--p,40%), rgba(255,255,255,.1) var(--p,40%));
}
input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; width:24px; height:24px; border-radius:50%; cursor:pointer;
  background:var(--gold-grad); border:3px solid #040D26; box-shadow:0 0 0 1px var(--gold), 0 5px 16px rgba(201,162,39,.55);
  transition:transform .25s var(--ease);
}
input[type=range]::-webkit-slider-thumb:hover{ transform:scale(1.14); }
input[type=range]::-moz-range-thumb{
  width:22px; height:22px; border-radius:50%; cursor:pointer; background:#C9A227; border:3px solid #040D26;
}
.res{
  text-align:center; padding:34px 24px; border-radius:17px; margin:6px 0 20px;
  background:rgba(201,162,39,.07); border:1px solid rgba(201,162,39,.24);
}
.res .lb{ font-size:11px; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); font-weight:600; }
.res .vl{ font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1; font-family:var(--serif); font-size:clamp(2.3rem,6vw,3.5rem); line-height:1.05; margin:10px 0 6px; font-weight:600; }
.res .sb{ font-size:13px; color:var(--mute); margin:0; }
.pilar{ display:flex; gap:12px; align-items:flex-start; font-size:14px; color:#C4CAD6; margin-bottom:14px; }
.pilar svg{ width:19px; height:19px; flex:none; margin-top:3px; stroke:var(--gold); fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.disc{
  font-size:12.3px; color:var(--mute-2); line-height:1.62; margin:22px 0 0; padding:16px 18px;
  border-radius:12px; border:1px solid var(--line-soft); background:rgba(255,255,255,.02);
}

/* Comparativo */
.cmp{ border-radius:17px; padding:32px 28px; border:1px solid var(--line-soft); background:rgba(255,255,255,.02); height:100%; }
.cmp .bd{
  width:44px; height:44px; border-radius:12px; display:grid; place-items:center; margin-bottom:20px;
  font-size:20px; font-weight:700;
}
.cmp.x .bd{ background:rgba(242,109,109,.12); border:1px solid rgba(242,109,109,.3); color:#F26D6D; }
.cmp.w .bd{ background:rgba(245,165,36,.12); border:1px solid rgba(245,165,36,.3); color:var(--warn); }
.cmp.v{ background:linear-gradient(165deg,rgba(201,162,39,.09),rgba(201,162,39,.02)); border-color:rgba(201,162,39,.4); }
.cmp.v .bd{ background:rgba(201,162,39,.15); border:1px solid rgba(201,162,39,.4); color:var(--gold-lt); }
.cmp h4{ font-family:var(--serif); font-size:1.16rem; font-weight:600; margin:0 0 12px; }
.cmp p{ font-size:14px; margin:0 0 14px; }
.cmp ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.cmp li{ font-size:13.6px; color:#C4CAD6; display:flex; gap:9px; align-items:flex-start; }
.cmp li::before{ content:"›"; color:var(--gold); font-weight:700; flex:none; }

/* Quiz */
.quiz{
  border-radius:24px; padding:44px; border:1px solid var(--line);
  background:linear-gradient(150deg,#0A1D4C,#040D26 66%); position:relative; overflow:hidden;
}
.quiz::before{
  content:""; position:absolute; width:420px; height:420px; border-radius:50%; right:-130px; top:-190px;
  background:radial-gradient(circle,rgba(201,162,39,.2),transparent 66%); filter:blur(46px);
}
.quiz > *{ position:relative; z-index:2; }
.prog{ height:3px; border-radius:9px; background:rgba(255,255,255,.09); margin-bottom:30px; overflow:hidden; }
.prog i{ display:block; height:100%; width:25%; background:var(--gold-grad); border-radius:9px; transition:width .55s var(--ease); }
.qstep{ display:none; }
.qstep.on{ display:block; animation:fadeUp .5s var(--ease) both; }
.qstep h4{ line-height:1.26; font-family:var(--serif); font-size:clamp(1.22rem,2.2vw,1.62rem); font-weight:600; margin:0 0 24px; }
.opts{ display:grid; gap:10px; }
.opt{
  display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%;
  padding:17px 22px; border-radius:13px; cursor:pointer; text-align:left;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.028); color:var(--white);
  font-size:14.8px; font-weight:500;
  transition:border-color .35s var(--ease), background .35s, transform .35s var(--ease);
}
.opt:hover{ border-color:var(--gold); background:rgba(201,162,39,.08); transform:translateX(5px); }
.opt::after{ content:"→"; color:var(--gold); opacity:.6; transition:opacity .3s, transform .3s var(--ease); }
.opt:hover::after{ opacity:1; transform:translateX(4px); }
.qnav{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:26px; font-size:12.6px; color:var(--mute-2); }
.qback{ background:none; border:0; color:var(--mute); cursor:pointer; font-size:12.6px; padding:6px 0; }
.qback:hover{ color:var(--gold-lt); }
.qend{ text-align:center; }
.qend .ck{
  width:64px; height:64px; border-radius:50%; margin:0 auto 22px; display:grid; place-items:center;
  background:rgba(74,222,128,.12); border:1px solid rgba(74,222,128,.38);
}
.qend .ck svg{ width:30px; height:30px; stroke:var(--ok); fill:none; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.resumo{
  text-align:left; margin:24px 0; padding:20px 22px; border-radius:13px;
  border:1px solid var(--line-soft); background:rgba(255,255,255,.025); font-size:13.6px; color:var(--mute);
}
.resumo b{ color:var(--white); font-weight:600; }
.resumo div{ padding:7px 0; border-bottom:1px solid var(--line-soft); }
.resumo div:last-child{ border-bottom:0; }

/* Advogados compacto */
.mini{ display:flex; gap:20px; align-items:center; padding:22px; border-radius:17px; border:1px solid var(--line-soft); background:rgba(255,255,255,.022); }
.mini .pic{
  width:104px; height:104px; flex:none; border-radius:50%; overflow:hidden; position:relative;
  background:radial-gradient(70% 70% at 50% 25%,#123068,#061230); border:1px solid rgba(201,162,39,.28);
}
.mini .pic img{ position:absolute; left:50%; transform:translateX(-50%); width:auto; max-width:none; }
.mini .pic img.f-allan{ top:-6%; height:178%; left:46%; }
.mini .pic img.f-bruno{ top:-2%; height:150%; }
.mini h4{ font-family:var(--serif); font-size:1.12rem; font-weight:600; margin:0 0 3px; }
.mini span{ font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); font-weight:600; }
.mini p{ font-size:13.4px; margin:9px 0 0; }

@media (max-width:820px){
  .calc,.quiz{ padding:28px 22px; }
  .phone{ width:250px; }
  .mini{ flex-direction:column; text-align:center; }
}