:root{--liquida-navy:var(--lq-azul);--liquida-blue:var(--lq-azul-escuro);--liquida-gold:var(--lq-dourado);--liquida-bg:var(--lq-fundo);--liquida-text:var(--lq-texto);--liquida-muted:var(--lq-texto-2);--liquida-line:var(--lq-borda)}*{box-sizing:border-box}body{background:var(--lq-pagina);color:var(--liquida-text);font-family:'DM Sans',system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{background:var(--lq-branco);min-height:68px;box-shadow:none}.navbar .container{max-width:1180px}.navbar-brand{font-size:1.1rem;letter-spacing:-.03em}.navbar-brand:first-letter{color:var(--liquida-gold)}.navbar .nav-link{font-size:14px;color:var(--liquida-navy);padding:.65rem .6rem!important}.navbar .nav-link:hover{color:var(--liquida-navy)}.navbar-toggler{border-color:var(--liquida-line)}main.container{max-width:1180px;min-height:calc(100vh - 170px);padding-top:2rem;padding-bottom:3rem}h1,h2,h3,h4,h5,h6{color:var(--liquida-navy);letter-spacing:-.035em;font-family:Manrope,sans-serif}.h3{font-weight:750;font-size:clamp(1.6rem,3vw,2.15rem);margin-bottom:1.4rem!important}.card,.card-calculadora{border:1px solid var(--liquida-line)!important;border-radius:14px!important;box-shadow:0 8px 24px color-mix(in srgb,var(--lq-azul) 6%,transparent)!important;background:var(--lq-branco)}.card:hover{border-color:var(--lq-azul-apoio)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--lq-azul) 11%,transparent)!important;transform:translateY(-2px);transition:.2s}.card-body{padding:1.35rem}.card h2{font-size:1rem;margin-bottom:.55rem}.card p{font-size:14px;line-height:1.55;color:var(--liquida-muted)!important}.alert{border:0;border-radius:10px;font-size:.88rem;padding:.9rem 1rem}.alert-warning{background:var(--lq-aviso-bs);color:var(--lq-aviso-bs-texto)}.card-calculadora{max-width:900px!important;margin:0 auto;padding:1.7rem!important}.card-calculadora>h1{font-size:1.55rem;margin-bottom:1.25rem!important}.card-calculadora>.card{box-shadow:none!important;border:1px solid var(--liquida-line)!important}.card-calculadora .card-body{padding:1.5rem}.form-label{font-size:14px;font-weight:700;color:var(--liquida-navy);margin-bottom:.4rem}.form-control,.form-select{border:1px solid var(--lq-borda);border-radius:8px;min-height:43px;font-size:.9rem;padding:.55rem .75rem}.form-control:focus,.form-select:focus{border-color:var(--liquida-gold);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--lq-azul) 15%,transparent)}.btn-primary{background:var(--liquida-navy);border-color:var(--liquida-navy);border-radius:8px;font-weight:700}.btn-primary:hover{background:var(--liquida-blue);border-color:var(--liquida-blue)}.btn-outline-primary{color:var(--liquida-navy);border-color:var(--lq-azul-apoio);border-radius:8px}.btn-outline-primary:hover{background:var(--liquida-navy);border-color:var(--liquida-navy)}.resultado-box{background:var(--lq-branco);border:1px solid var(--lq-borda);border-radius:14px;padding:1.35rem;box-shadow:0 8px 24px color-mix(in srgb,var(--lq-azul) 6%,transparent)}.resultado-box h2{font-size:1.15rem;font-weight:750}.resultado-box .table{font-size:14px;vertical-align:middle}.resultado-box .table thead th{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--liquida-muted);font-weight:700;background:var(--lq-fundo);white-space:nowrap}.resultado-box .table td,.resultado-box .table th{padding:.75rem .65rem;border-color:var(--liquida-line)}.resultado-box>table:last-of-type{margin-top:1rem;border-top:2px solid var(--liquida-navy)}.resultado-box>table:last-of-type th{color:var(--liquida-muted);font-weight:600}.resultado-box>table:last-of-type td{text-align:right;color:var(--liquida-navy);font-weight:650}.resultado-box>table:last-of-type tr:last-child{background:var(--lq-fundo);font-size:1.05rem}.base-legal{font-size:14px!important;color:var(--liquida-muted)!important;border-left:3px solid var(--liquida-gold)!important;padding-left:.8rem!important;margin-top:1.25rem!important;line-height:1.55}footer{border-top:1px solid var(--liquida-line);background:var(--lq-branco);color:var(--liquida-muted);font-size:14px!important;padding:1.25rem!important}@media(max-width:991px){.navbar .nav-link{padding:.55rem 0!important}.navbar-collapse{padding:1rem 0}.card-calculadora{padding:1rem!important}}@media(max-width:575px){main.container{padding-top:1.15rem}.card-body{padding:1rem}.card-calculadora .card-body{padding:1rem}.resultado-box{padding:.9rem}.resultado-box .table-responsive{font-size:14px}.resultado-box>table:last-of-type{font-size:14px}.btn{font-size:14px}}

/* Logo oficial — a imagem é QUADRADA (ícone + "Liquidá" + tagline
   empilhados, proporção ~1:1). Nunca forçar altura menor do que a logo
   precisa pra caber inteira e legível: em vez de espremer a imagem,
   aumentamos o espaço do header/rodapé pra acomodá-la. width/height
   ficam em auto pra manter a proporção real (sem distorcer). */
.navbar-brand{display:flex;align-items:center;padding-top:0;padding-bottom:0}
.liquida-logo{width:auto;height:auto}
.navbar{min-height:142px}
.navbar .liquida-logo{max-height:110px}
footer .liquida-logo{max-height:64px}

/* Texto do rodapé — precisa ficar legível (o .72rem original da base
   ficava minúsculo) e com fundo de cor (navy, mesma paleta do
   cabeçalho) — o branco/transparente original não tinha contraste. */
footer{font-size:14px!important;background:var(--liquida-navy);color:var(--lq-branco);border-top:0!important}

@media(max-width:575px){
    .navbar{min-height:98px}
    .navbar .liquida-logo{max-height:70px}
    footer .liquida-logo{max-height:52px}
}

/* Cards de plano em /assinatura.php — cada card é um <label> com um
   <input type=radio> escondido; :has() destaca a borda do card
   selecionado (degrada bem em navegadores sem suporte: o radio
   continua visível e funcional). */
.lq-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:.25rem}
.lq-plan-card{position:relative;display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--liquida-line);border-radius:12px;padding:16px 14px 14px;cursor:pointer;background:var(--lq-branco);transition:.15s}
.lq-plan-card:hover{border-color:var(--lq-azul-apoio)}
.lq-plan-card input[type=radio]{position:absolute;top:12px;right:12px;width:16px;height:16px;accent-color:var(--liquida-navy)}
.lq-plan-card:has(input:checked){border-color:var(--liquida-navy);box-shadow:0 0 0 2px color-mix(in srgb,var(--lq-azul) 12%,transparent)}
.lq-plan-card--destaque{border-color:var(--liquida-gold)}
.lq-plan-card--destaque:has(input:checked){border-color:var(--liquida-gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--lq-azul) 25%,transparent)}
.lq-plan-selo{font-size:14px;font-weight:700;color:var(--liquida-muted);text-transform:uppercase;letter-spacing:.03em}
.lq-plan-selo--gold{color:var(--liquida-gold)}
.lq-plan-nome{font-weight:700;color:var(--liquida-navy);font-size:.95rem}
.lq-plan-preco{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.lq-plan-preco-cheio{font-size:14px;color:var(--liquida-muted);text-decoration:line-through}
.lq-plan-preco-valor{font-size:1.25rem;font-weight:800;color:var(--liquida-navy)}
.lq-plan-mes{font-size:14px;color:var(--liquida-muted)}
.lq-plan-economia{font-size:14px;font-weight:700;color:var(--lq-azul);background:var(--lq-fundo);border-radius:6px;padding:4px 8px;width:fit-content}
.lq-plan-economia--forte{font-size:14px;background:var(--liquida-gold);color:var(--liquida-navy)}
@media(max-width:900px){.lq-plans-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.lq-plans-grid{grid-template-columns:1fr}}

/* Links institucionais no rodapé do app */
.lq-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:14px;margin-top:.5rem!important}
.lq-footer-links a{color:var(--lq-texto-sobre-azul);text-decoration:none}
.lq-footer-links a:hover{color:var(--liquida-gold)}
.lq-footer-social{color:var(--lq-texto-sobre-azul);opacity:.85}

/* Papel timbrado (logo + nome do escritório) no topo do resultado da
   calculadora de Acerto de Honorários — só aparece se cadastrado em
   "Meu Perfil". */
.lq-letterhead{display:flex;align-items:center;gap:12px;margin-bottom:1rem}
.lq-letterhead-logo{max-height:64px;width:auto;height:auto}
.lq-letterhead-nome{font-weight:700;color:var(--liquida-navy);font-size:1.05rem}

/* Conferência do Escritório — segunda caixa de resultado, visualmente
   separada da Parte 1 (resultado do cliente) por uma borda dourada à
   esquerda, sem alterar o estilo padrão de .resultado-box. */
.resultado-box-escritorio{border-left:4px solid var(--liquida-gold)!important}

/* Aviso legal — aparece no rodapé de todo resultado de cálculo (todas as
   calculadoras), avisando que o sistema não substitui o entendimento do
   Juízo. Caixa neutra, discreta, sem competir com o resultado do cálculo. */
.lq-aviso-legal{margin-top:1.5rem;padding:.85rem 1rem;background:var(--lq-fundo);border:1px solid var(--liquida-line);border-radius:10px}
.lq-aviso-legal p{font-size:14px!important;color:var(--liquida-muted)!important;line-height:1.5;margin:0}

/* Rodapé de local/data e assinatura(s) */
.lq-assinatura-rodape{margin-top:2rem}
.lq-assinatura-local{margin-bottom:2.5rem}
.lq-assinatura-blocos{display:flex;flex-wrap:wrap;gap:2.5rem}
.lq-assinatura-bloco{flex:1 1 220px;min-width:220px;text-align:center}
.lq-assinatura-linha{border-top:1px solid var(--lq-texto);margin-bottom:.4rem}
.lq-assinatura-nome{display:block;font-weight:700;color:var(--liquida-navy);font-size:.9rem}
.lq-assinatura-oab{display:block;font-size:14px;color:var(--liquida-muted)}

/* Impressão da memória de cálculo: só o .resultado-box fica visível (o
   restante já é escondido via .no-print em style.css); aqui é só limpeza
   visual pra não gastar tinta com sombra/cor de fundo em cinza. */
@media print{
    body{background:#fff}
    main.container{min-height:0;padding-top:0}
    .card-calculadora{max-width:100%!important;padding:0!important;margin:0!important}
    .resultado-box{box-shadow:none!important;border:1px solid #000!important}
    .resultado-box .table thead th{background:#fff!important}
    .resultado-box-escritorio{border-left:4px solid #000!important}
    .lq-assinatura-bloco{break-inside:avoid}
    .lq-aviso-legal{background:#fff!important;border:1px solid #000!important}
}

/* Lateral explicativa "Como preencher" / "Como o cálculo é feito" — tom
   discreto e neutro de propósito, pra não competir visualmente com o
   formulário principal (sem sombra, borda mais clara, texto menor). */
.lq-sidebar-ajuda{background:var(--lq-fundo)!important;border:1px solid var(--liquida-line)!important;box-shadow:none!important;position:sticky;top:1rem}
.lq-sidebar-ajuda h2{font-size:14px;font-weight:700;color:var(--liquida-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.6rem}
.lq-sidebar-ajuda ul{list-style:disc}
.lq-sidebar-ajuda li{margin-bottom:.5rem;line-height:1.5}
.lq-sidebar-ajuda li:last-child{margin-bottom:0}
@media(max-width:991px){
    .lq-sidebar-ajuda{position:static}
}

/* Header/card das páginas públicas fora da landing (login, cadastro,
   esqueci/redefinir senha, termos, privacidade) — escopado via $bodyClass
   no header.php, pra não afetar dashboard/calculadoras/admin que
   compartilham o mesmo header.php/.navbar. Altura/logo/fundo do navbar
   batem com o header público da landing/planos (public/assets/landing/
   styles.css .site-header), pra dar consistência visual entre TODAS as
   páginas públicas do site mesmo usando arquivos de header diferentes
   (essas dependem do Bootstrap pros forms, landing_header.php não carrega
   Bootstrap — ver memória do projeto). */
body.lq-public-page .navbar{background:var(--lq-branco);min-height:160px;box-shadow:0 1px 0 color-mix(in srgb,var(--lq-azul) 8%,transparent)}
body.lq-public-page .navbar .liquida-logo{max-height:130px}
@media(max-width:991px){
    body.lq-public-page .navbar{min-height:100px}
    body.lq-public-page .navbar .liquida-logo{max-height:72px}
}
@media(max-width:575px){
    body.lq-public-page .navbar{min-height:88px}
    body.lq-public-page .navbar .liquida-logo{max-height:60px}
}

.lq-page-title{font-size:1.85rem;font-weight:800;margin-bottom:1.75rem!important}
.lq-page-card .card-body{padding:2.5rem 2.25rem}
.lq-page-card .form-control{background:var(--liquida-bg);border:1.5px solid var(--liquida-line)}
.lq-page-card .form-control:focus{background:var(--lq-branco)}
.lq-page-card .btn-primary,.lq-page-card .btn-outline-primary{padding:.85rem 1rem;font-size:1rem;font-weight:700}
.lq-page-links{font-size:.9rem}
.lq-page-links a{color:var(--liquida-navy);font-weight:600;text-decoration:none}
.lq-page-links a:hover{color:var(--liquida-blue);text-decoration:underline}
@media(max-width:575px){
    .lq-page-card .card-body{padding:1.75rem 1.5rem}
}

/* Indicador "Meus Cálculos" no header — visível em toda tela logada.
   Dourado sólido quando tem item (chama atenção, "há algo esperando");
   tom neutro/discreto quando vazio, pra não pedir atenção à toa. */
.lq-mc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--liquida-gold);color:var(--liquida-navy)!important;font-weight:700;font-size:14px;padding:.45rem .8rem;border-radius:20px;text-decoration:none;white-space:nowrap}
.lq-mc-badge:hover{background:color-mix(in srgb,var(--liquida-gold) 80%,var(--lq-branco))}
.lq-mc-badge-vazio{background:color-mix(in srgb,var(--lq-branco) 12%,transparent);color:var(--lq-texto-sobre-azul)!important}
.lq-mc-badge-vazio:hover{background:color-mix(in srgb,var(--lq-branco) 20%,transparent)}

/* Cabeçalho de página compartilhado (kicker + título + subtítulo + ação),
   movido do <style> inline que só existia em dashboard.php — reaproveitado
   agora por Meus Cálculos e Calculadora Única, fonte única de verdade. */
.lq-dashboard,.lq-mc-page{max-width:1120px;margin:0 auto}
.lq-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.lq-kicker{color:var(--liquida-gold);font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.lq-title{font-size:clamp(1.7rem,3vw,2.35rem);font-weight:800;margin:.35rem 0 0}
.lq-subtitle{color:var(--liquida-muted);font-size:.9rem;margin:.5rem 0 0}
.lq-history{border:1px solid var(--lq-borda);border-radius:9px;color:var(--liquida-navy);font-size:14px;font-weight:700;padding:.65rem .9rem;text-decoration:none;white-space:nowrap;background:var(--lq-branco)}
.lq-history:hover{background:var(--liquida-navy);color:var(--lq-branco)}
.lq-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--lq-aviso-claro);border:1px solid var(--lq-aviso-claro-borda);border-radius:12px;padding:14px 17px;margin-bottom:25px;color:var(--lq-aviso-claro-texto);font-size:14px}
.lq-alert a{color:var(--liquida-navy);font-weight:800}
.lq-section-head{display:flex;justify-content:space-between;align-items:baseline;margin:28px 0 12px}
.lq-section-head h2{font-size:1.08rem;font-weight:800;margin:0}
.lq-section-head span{font-size:14px;color:var(--lq-texto-2)}
.lq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.lq-card{display:flex;flex-direction:column;min-height:178px;background:var(--lq-branco);border:1px solid var(--lq-borda);border-radius:13px;padding:17px;text-decoration:none;color:var(--liquida-text);transition:transform .18s,box-shadow .18s,border-color .18s}
.lq-card:hover{color:var(--liquida-text);border-color:var(--lq-azul-apoio);box-shadow:0 10px 25px color-mix(in srgb,var(--lq-azul) 10%,transparent);transform:translateY(-2px)}
.lq-icon{width:36px;height:36px;border-radius:10px;background:var(--lq-fundo);color:var(--lq-azul);display:grid;place-items:center;font-size:1.15rem;font-weight:800;margin-bottom:16px}
.lq-card h3{font-size:.98rem;margin:0 0 7px;font-weight:800}
.lq-card p{color:var(--liquida-muted);font-size:14px;line-height:1.5;margin:0}
.lq-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;color:var(--lq-texto-2);font-size:14px}
.lq-arrow{font-size:1rem;color:var(--liquida-gold)}
.lq-quick{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}
.lq-quick-card{border-radius:13px;padding:19px 20px;background:var(--liquida-navy);color:var(--lq-branco)}
.lq-quick-card.light{background:var(--lq-fundo);color:var(--liquida-navy)}
.lq-quick-card h3{color:inherit;font-size:1rem;margin:0 0 6px}
.lq-quick-card p{font-size:14px;color:var(--lq-texto-sobre-azul);margin:0 0 14px}
.lq-quick-card.light p{color:var(--liquida-muted)}
.lq-quick-card a{display:inline-block;color:var(--lq-branco);font-size:14px;font-weight:800;text-decoration:none}
.lq-quick-card.light a{color:var(--liquida-navy)}
.lq-admin{margin-top:26px;border:1px dashed var(--lq-azul-apoio);border-radius:12px;padding:14px 17px;font-size:14px;color:var(--liquida-muted)}
.lq-admin a{color:var(--liquida-navy);font-weight:800;text-decoration:none}
.lq-note{font-size:14px;color:var(--lq-texto-2);margin-top:26px;line-height:1.5}
@media(max-width:850px){.lq-grid{grid-template-columns:repeat(2,1fr)}.lq-top{align-items:flex-start;flex-direction:column}}
@media(max-width:575px){main.container{padding-left:14px;padding-right:14px}.lq-grid,.lq-quick{grid-template-columns:1fr}.lq-history{width:100%;text-align:center}.lq-alert{align-items:flex-start;flex-direction:column}.lq-card{min-height:155px}}

/* Meus Cálculos — lista de itens reunidos de calculadoras diferentes. Cada
   linha usa o mesmo par "label muted em cima / valor Manrope em baixo" do
   result-value da landing, pra manter o número como o elemento mais forte
   da tela também aqui. */
.lq-mc-vazio{background:var(--lq-branco);border:1px solid var(--liquida-line);border-radius:14px;padding:2.5rem 1.5rem;text-align:center;color:var(--liquida-muted)}
.lq-mc-list{display:flex;flex-direction:column;gap:10px}
.lq-mc-item{display:flex;align-items:center;gap:12px;background:var(--lq-branco);border:1px solid var(--liquida-line);border-radius:12px;padding:14px 16px}
.lq-mc-item-body{display:flex;justify-content:space-between;align-items:center;flex:1;gap:12px;min-width:0}
.lq-mc-item-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.lq-mc-item-tipo{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--liquida-muted)}
.lq-mc-item-titulo{font-size:.92rem;color:var(--liquida-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lq-mc-item-valor{font-family:Manrope,sans-serif;font-weight:800;font-size:1.15rem;color:var(--liquida-navy);white-space:nowrap}
.lq-mc-item-remover{flex-shrink:0}
.lq-mc-item-remover .btn{border-radius:8px;line-height:1;padding:.35rem .6rem}
.lq-mc-total{display:flex;justify-content:space-between;align-items:baseline;background:var(--liquida-navy);color:var(--lq-branco);border-radius:12px;padding:18px 20px;margin-top:16px}
.lq-mc-total span{font-size:14px;color:var(--lq-texto-sobre-azul)}
.lq-mc-total strong{font-family:Manrope,sans-serif;font-weight:800;font-size:1.6rem;color:var(--lq-branco)}
.lq-mc-acoes{display:flex;justify-content:flex-end;margin-top:16px}
@media(max-width:575px){
    .lq-mc-item{flex-wrap:wrap}
    .lq-mc-item-body{flex-wrap:wrap}
    .lq-mc-total{flex-direction:column;align-items:flex-start;gap:4px}
    .lq-mc-acoes{justify-content:stretch}
    .lq-mc-acoes .btn{width:100%}
}

/* Card de destaque da Calculadora Única no dashboard — mesma paleta navy/gold da
   landing (result-card/simulator-section), fora do grid padrão .lq-grid pra ficar
   visualmente acima das outras 6 calculadoras, não misturado com elas. */
.lq-hero-card{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--liquida-navy);color:var(--lq-branco);border-radius:16px;padding:26px 30px;margin-bottom:8px;text-decoration:none;box-shadow:0 14px 32px color-mix(in srgb,var(--lq-azul) 18%,transparent);transition:.2s}
.lq-hero-card:hover{background:var(--liquida-blue);transform:translateY(-2px);box-shadow:0 18px 38px color-mix(in srgb,var(--lq-azul) 24%,transparent)}
.lq-hero-kicker{display:block;color:var(--liquida-gold);font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.lq-hero-card h2{color:var(--lq-branco);font-size:1.5rem;margin:0}
.lq-hero-card p{color:var(--lq-texto-sobre-azul);font-size:.88rem;line-height:1.55;margin:8px 0 0;max-width:620px}
.lq-hero-card-arrow{font-size:1.8rem;color:var(--liquida-gold);flex-shrink:0}

/* Variante do hero card usada como bloco de ação (não é mais um <a> único) — sem o
   deslocamento de hover do card-link original, já que quem responde ao clique agora é
   .lq-btn-cta lá dentro. */
.lq-hero-card-cta{cursor:default}
.lq-hero-card-cta:hover{background:var(--liquida-navy);transform:none;box-shadow:0 14px 32px color-mix(in srgb,var(--lq-azul) 18%,transparent)}
.lq-hero-checklist{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 20px;padding:0}
.lq-hero-checklist li{font-size:14px;color:var(--lq-texto-sobre-azul)}
.lq-hero-checklist li::before{content:"✓ ";color:var(--liquida-gold);font-weight:800}
.lq-btn-cta{display:inline-block;background:var(--liquida-gold);color:var(--liquida-navy);font-weight:800;border-radius:8px;padding:.68rem 1.5rem;text-decoration:none;font-size:.9rem;transition:.2s}
.lq-btn-cta:hover{background:color-mix(in srgb,var(--liquida-gold) 80%,var(--lq-branco));color:var(--liquida-navy)}
/* Segundo botão do cartão de destaque do painel (página nova /calculos/novo-calculo.php):
   mesma forma do .lq-btn-cta, só contorno dourado sobre o navy; hover igual ao principal. */
.lq-hero-acoes{display:flex;flex-wrap:wrap;gap:10px}
.lq-btn-cta-secundario{background:transparent;color:var(--lq-branco);box-shadow:inset 0 0 0 1.5px var(--liquida-gold)}
.lq-btn-cta-secundario:hover{background:var(--liquida-gold);color:var(--liquida-navy)}
@media(max-width:575px){.lq-hero-acoes{width:100%}.lq-hero-acoes .lq-btn-cta{flex:1 1 100%;text-align:center}}

/* Card de destaque de uma calculadora específica (badge "Mais usada") — fora da .lq-grid,
   mesma paleta de borda/ícone dourado já usada em .lq-icon/.lq-arrow. */
.lq-featured-card{position:relative;display:flex;align-items:center;gap:20px;background:var(--lq-branco);border:2px solid var(--liquida-gold);border-radius:14px;padding:24px;text-decoration:none;color:var(--liquida-text);margin-bottom:18px;transition:transform .18s,box-shadow .18s}
.lq-featured-card:hover{color:var(--liquida-text);transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--lq-azul) 12%,transparent)}
.lq-featured-badge{position:absolute;top:-13px;left:22px;background:var(--liquida-gold);color:var(--liquida-navy);font-size:14px;font-weight:800;padding:4px 13px;border-radius:20px}
.lq-featured-card .lq-icon{width:52px;height:52px;font-size:1.5rem;flex-shrink:0;margin-bottom:0}
.lq-featured-card-text{flex:1}
.lq-featured-card-text h3{font-size:1.15rem;margin:0 0 5px;font-weight:800}
.lq-featured-card-text p{color:var(--liquida-muted);font-size:14px;margin:0}
.lq-featured-card .lq-arrow{font-size:1.4rem;flex-shrink:0}

/* Faixa "Último cálculo" — mesma paleta de card branco/linha do .lq-card. */
.lq-last-calc{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;background:var(--lq-branco);border:1px solid var(--liquida-line);border-radius:13px;padding:18px 22px;margin-bottom:26px}
.lq-last-calc-item{display:flex;flex-direction:column;gap:3px}
.lq-last-calc-item span{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--liquida-muted)}
.lq-last-calc-item strong{font-size:.92rem;color:var(--liquida-navy);font-weight:700}
.lq-last-calc-valor strong{font-family:Manrope,sans-serif;font-weight:800;font-size:1.25rem}
.lq-last-calc .btn{margin-left:auto}

@media(max-width:575px){
    .lq-featured-card{flex-direction:column;align-items:flex-start;text-align:left}
    .lq-featured-card .lq-arrow{display:none}
    .lq-last-calc{flex-direction:column;align-items:flex-start}
    .lq-last-calc .btn{margin-left:0;width:100%}
}
@media(max-width:700px){
    .lq-hero-card{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}
    .lq-hero-card-arrow{display:none}
}

/* Calculadora Única — "nome do processo" fica associado à <form> dos cálculos via
   atributo form="" do HTML5 (mesmo estando em outro card), sem precisar de JS de
   sincronização. */
.lq-cu-dados-card .form-text{font-size:14px}

/* Fluxo progressivo "+ Adicionar verba": grid de botões por categoria de verba
   (vocabulário simples pro advogado, sem jargão técnico), com uma segunda camada
   de sub-escolha só quando a categoria cobre mais de um tipo de cálculo técnico
   (ex.: Honorários -> Sucumbenciais / Acerto de contas). Reaproveita o mesmo
   card/borda/sombra do resto do app — só o conteúdo interno muda. */
.lq-verba-add-btn{display:inline-flex;align-items:center;gap:8px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:800;margin-bottom:22px}
.lq-verba-picker,.lq-verba-subtipos-grupo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lq-verba-picker{margin-bottom:4px}
.lq-verba-opcao{background:var(--lq-branco);border:1.5px solid var(--liquida-line);border-radius:12px;padding:16px 14px;font-weight:700;font-size:14px;line-height:1.35;color:var(--liquida-navy);text-align:left;cursor:pointer;transition:.15s}
.lq-verba-opcao:hover{border-color:var(--liquida-gold);box-shadow:0 8px 20px color-mix(in srgb,var(--lq-azul) 15%,transparent);transform:translateY(-1px)}
.lq-verba-opcao-sub{background:var(--liquida-bg);font-size:14px}
#verbaSubtipos p{margin-bottom:10px;font-weight:700;color:var(--liquida-navy)}
@media(max-width:850px){.lq-verba-picker,.lq-verba-subtipos-grupo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.lq-verba-picker,.lq-verba-subtipos-grupo{grid-template-columns:1fr}}

/* Cards de "verba adicionada" — mesma linguagem visual de .lq-mc-item (label
   mudo + valor Manrope em destaque), com ações de editar/excluir sempre visíveis
   em vez de escondidas atrás de um menu. Cada card carrega também um resumo
   (linhas de valor + total + critérios aplicados) — sempre visível, nunca atrás
   de display:none, porque a captura de PDF (html2canvas) não consegue medir
   corretamente elementos escondidos mesmo depois de clonados. */
.lq-verba-cards{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}
.lq-verba-card{background:var(--lq-branco);border:1px solid var(--liquida-line);border-radius:12px;padding:16px 18px}
.lq-verba-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.lq-verba-card-info{display:flex;flex-direction:column;gap:3px;min-width:160px}
.lq-verba-card-valor{font-family:Manrope,sans-serif;font-weight:800;font-size:1.2rem;color:var(--liquida-navy);margin-left:auto}
.lq-verba-card-acoes{display:flex;gap:8px;flex-shrink:0}
@media(max-width:575px){
    .lq-verba-card-header{flex-direction:column;align-items:flex-start}
    .lq-verba-card-valor{margin-left:0}
    .lq-verba-card-acoes{width:100%}
    .lq-verba-card-acoes .btn,.lq-verba-card-acoes form{flex:1}
    .lq-verba-card-acoes button{width:100%}
}

.lq-verba-resumo{border-top:1px solid var(--liquida-line);padding-top:10px}
.lq-verba-resumo .table{font-size:14px;margin-bottom:.5rem}
.lq-verba-resumo-total td{border-top:2px solid var(--liquida-navy);font-weight:800;color:var(--liquida-navy);padding-top:.6rem}
.lq-verba-pagamentos-tabela{font-size:14px}
.lq-verba-criterios{font-size:14px;color:var(--liquida-muted);border-left:3px solid var(--liquida-gold);padding-left:.8rem;margin-top:.5rem}
.lq-verba-criterios ul{margin:.3rem 0 0;padding-left:1.1rem}
.lq-verba-criterios li{margin-bottom:.25rem}
@media print{
    .lq-verba-criterios{border-left-color:#000}
}

.lq-verba-pdf-cabecalho{display:flex;flex-direction:column;gap:2px;padding:10px 2px;margin-bottom:6px;border-bottom:2px solid var(--liquida-navy)}
.lq-verba-pdf-cabecalho strong{color:var(--liquida-navy);font-family:Manrope,sans-serif;font-size:1rem}
.lq-verba-pdf-cabecalho span{color:var(--liquida-muted);font-size:14px}

.lq-cu-resultado-card{border:1px solid var(--liquida-line);border-radius:14px;box-shadow:0 8px 24px color-mix(in srgb,var(--lq-azul) 6%,transparent)}
.lq-cu-cancelar{font-size:14px;color:var(--liquida-muted);text-decoration:none}
.lq-cu-cancelar:hover{color:var(--liquida-navy);text-decoration:underline}

/* Página "Como Usar" — acordeão com a mesma paleta navy/gold/card já usada no resto do
   sistema (nenhuma cor nova; só reaproveita --liquida-navy/--liquida-gold/--liquida-line). */
.lq-como-usar{margin-top:8px}
.lq-como-usar .accordion-item{border:1px solid var(--liquida-line);border-radius:13px!important;overflow:hidden;margin-bottom:13px;box-shadow:0 8px 24px color-mix(in srgb,var(--lq-azul) 6%,transparent)}
.lq-como-usar .accordion-button{font-family:Manrope,sans-serif;font-weight:800;font-size:1.02rem;color:var(--liquida-navy);background:var(--lq-branco)}
.lq-como-usar .accordion-button:not(.collapsed){background:var(--liquida-navy);color:var(--lq-branco);box-shadow:none}
.lq-como-usar .accordion-button:not(.collapsed)::after{filter:brightness(0) invert(1)}
.lq-como-usar .accordion-button:focus{box-shadow:0 0 0 .2rem color-mix(in srgb,var(--lq-azul) 20%,transparent);border-color:var(--liquida-gold)}
.lq-como-usar-onde{font-size:.9rem;color:var(--liquida-text);background:var(--lq-fundo);border-left:3px solid var(--liquida-gold);padding:.7rem .9rem;border-radius:0 8px 8px 0;margin-bottom:14px}
.lq-como-usar-print{display:block;width:100%;max-width:720px;border:1px solid var(--liquida-line);border-radius:10px;margin:0 auto 6px;box-shadow:0 8px 24px color-mix(in srgb,var(--lq-azul) 8%,transparent)}
.lq-como-usar-print-vazio{max-width:720px;margin:0 auto 6px;padding:40px 20px;text-align:center;background:var(--lq-fundo);border:1px dashed var(--liquida-line);border-radius:10px;color:var(--liquida-muted);font-size:14px}
.lq-como-usar-campos{font-size:14px;color:var(--liquida-text);padding-left:1.2rem}
.lq-como-usar-campos li{margin-bottom:.4rem}
.lq-como-usar-exemplo{font-size:14px;color:var(--liquida-muted);border-left:3px solid var(--liquida-gold);padding-left:.8rem;margin:14px 0}
.lq-como-usar-passos{font-size:.88rem;color:var(--liquida-text);padding-left:1.2rem}
.lq-como-usar-passos li{margin-bottom:.5rem}

@media(max-width:575px){
    .lq-como-usar .accordion-button{font-size:.92rem}
}