/* Liquidá — FONTE ÚNICA da paleta e do visual comum (cabeçalho, logo, rodapé, cards, botões).
   A referência é a landing. Carregado por último em landing_header.php, header.php e v3-header.php.
   Os demais CSS usam só estas variáveis. Cores sempre por variável, sem !important. */
:root{
  /* paleta da marca */
  --navy:#01204E;               /* azul-marinho da logo: títulos, botão principal, menu, rodapé */
  --gold:#C49634;               /* dourado da logo: segunda linha dos títulos, destaques, subtítulos */
  --lq-azul:var(--navy);
  --lq-azul-escuro:#011638;     /* hover do botão navy */
  --lq-azul-apoio:#1D4F91;      /* links */
  --lq-dourado:var(--gold);
  --lq-creme:#FBF3E0;           /* destaque creme (coluna "Com a Liquidá", círculos do check) */
  --lq-branco:#FFFFFF;
  --lq-pagina:var(--lq-branco); /* fundo da página */
  --lq-fundo:#F3F6FB;           /* azul bem claro: hover, cabeçalho de tabela, faixas */
  --lq-borda:#D5DEEC;           /* borda cinza-clara de cards e cabeçalho */
  --lq-texto:#01204E;
  --lq-texto-2:#4A5A75;
  /* vermelho (Apagar/erro) e amarelo (avisos): valores de sempre */
  --lq-erro:#B42318; --lq-erro-claro:#FDECEA;
  --lq-aviso-fundo:#FFF8D1; --lq-aviso-borda:#F0D96B; --lq-aviso-texto:#5C4A00;
  --lq-aviso-suave:#FFF4E5;
  --lq-aviso-claro:#FFF8E8; --lq-aviso-claro-borda:#F1D99F; --lq-aviso-claro-texto:#70531B;
  --lq-aviso-bs:#FFF7E5; --lq-aviso-bs-texto:#7B5A18;
  --lq-aviso-nota:#7A6A3A;
  /* derivadas */
  --lq-texto-sobre-azul:color-mix(in srgb,var(--lq-branco) 88%,transparent);
  --lq-sobre-azul-hover:color-mix(in srgb,var(--lq-branco) 14%,transparent);
  --lq-sombra:0 2px 10px color-mix(in srgb,var(--lq-azul) 7%,transparent);
  --lq-sombra-forte:0 10px 28px color-mix(in srgb,var(--lq-azul) 14%,transparent);
  --lq-foco:0 0 0 3px color-mix(in srgb,var(--lq-azul-apoio) 30%,transparent);
  --lq-logo:52px;               /* altura da logo no cabeçalho, igual em todas as páginas */
  --lq-cabecalho:76px;          /* altura do cabeçalho: logo + 12px em cima e embaixo */

  /* Bootstrap (páginas do header.php) */
  --bs-primary:var(--lq-azul); --bs-primary-rgb:1,32,78;
  --bs-link-color:var(--lq-azul-apoio); --bs-link-color-rgb:29,79,145;
  --bs-link-hover-color:var(--lq-azul); --bs-link-hover-color-rgb:1,32,78;
  --bs-body-color:var(--lq-texto); --bs-body-color-rgb:1,32,78; --bs-body-bg:var(--lq-pagina);
  --bs-emphasis-color:var(--lq-texto); --bs-emphasis-color-rgb:1,32,78; --bs-heading-color:var(--lq-azul);
  --bs-secondary-color:var(--lq-texto-2); --bs-border-color:var(--lq-borda);
  --bs-body-font-size:16px;
}

/* ---------- base ---------- */
html{font-size:16px}
body,body.v3{background:var(--lq-pagina);color:var(--lq-texto);font-size:16px}
.table{--bs-table-color:var(--lq-texto);--bs-table-border-color:var(--lq-borda)}

/* ---------- cabeçalho: branco, borda cinza-clara, igual em todas as páginas ---------- */
.site-header,.v3-top,.navbar,body.lq-public-page .navbar{
  background:var(--lq-branco);color:var(--lq-azul);border:0;border-bottom:1px solid var(--lq-borda);box-shadow:none;
  --bs-navbar-color:var(--lq-azul);--bs-navbar-hover-color:var(--lq-azul);--bs-navbar-active-color:var(--lq-azul);
  --bs-navbar-brand-color:var(--lq-azul);--bs-navbar-brand-hover-color:var(--lq-azul)}
.site-header{height:auto;min-height:var(--lq-cabecalho)}
.navbar,body.lq-public-page .navbar,.v3-top-in{min-height:var(--lq-cabecalho)}
.navbar>.container,.v3-top-in{max-width:1208px;padding-left:24px;padding-right:24px}
.v3-top-in{padding-top:12px;padding-bottom:12px}

/* Logo recortada, sem caixa, sem fundo: 52px de altura, largura automática. */
.site-header .brand,.navbar-brand,.v3-logo{display:flex;align-items:center;flex:none;padding:0;margin-right:16px;background:none}
.site-header .liquida-logo,.navbar .liquida-logo,.v3-logo img{display:block;height:var(--lq-logo);width:auto;max-height:none;max-width:none;margin:0}

/* Menu: navy, 15px; botão "Testar 7 dias grátis" navy com texto branco */
.v3-menu,.nav-links{gap:6px}
.navbar .nav-link,.v3-menu a,.nav-links a{color:var(--lq-azul);font-size:15px;font-weight:500;padding:8px 14px!important;border-radius:8px}
.navbar .nav-link:hover,.navbar .nav-link:focus,.v3-menu a:hover,.nav-links a:hover{color:var(--lq-azul);background:var(--lq-fundo)}
.nav-links a.nav-cta{background:var(--lq-azul);border:1px solid var(--lq-azul);color:var(--lq-branco);font-weight:700}
.nav-links a.nav-cta:hover{background:var(--lq-azul-escuro);border-color:var(--lq-azul-escuro);color:var(--lq-branco)}
/* Botão "Entrar" (landing e planos): secundário, contorno navy e fundo branco. No celular fica ao lado do
   "Testar 7 dias grátis" (styles.css esconde os outros links do menu abaixo de 800px). */
.nav-links a.nav-entrar{background:var(--lq-branco);border:1px solid var(--lq-azul);color:var(--lq-azul);font-weight:700}
.nav-links a.nav-entrar:hover{background:var(--lq-fundo);border-color:var(--lq-azul);color:var(--lq-azul)}
@media(max-width:800px){.nav-links a.nav-entrar{display:inline-block}}
@media(max-width:480px){.nav-links a.nav-entrar,.nav-links a.nav-cta{padding:8px 10px!important;font-size:14px;white-space:nowrap}}
.navbar-toggler{border-color:var(--lq-borda)}
.navbar .dropdown-menu{border:1px solid var(--lq-borda);box-shadow:var(--lq-sombra-forte);--bs-dropdown-link-active-bg:var(--lq-azul);--bs-dropdown-link-active-color:var(--lq-branco)}
.navbar .dropdown-item{color:var(--lq-texto);font-size:15px}
.navbar .dropdown-item:hover{background:var(--lq-fundo);color:var(--lq-azul)}

/* ---------- rodapé: navy, texto branco, logo menor sobre faixa branca arredondada ---------- */
.site-footer,footer.site-footer{background:var(--lq-azul);color:var(--lq-branco);border:0}
footer.site-footer{padding:30px max(24px,calc((100vw - 1160px)/2))!important;font-size:15px!important}
.site-footer .brand{display:inline-flex;align-items:center;flex:none;background:var(--lq-branco);border-radius:10px;padding:6px 10px}
.site-footer .liquida-logo{display:block;height:40px;width:auto;max-height:none;max-width:none;margin:0}
.site-footer-top>span,.site-footer small,.site-footer-social{color:var(--lq-branco);font-size:14px}
.site-footer-links{gap:20px;font-size:15px}
.site-footer-links a{color:var(--lq-branco)}
.site-footer-links a:hover{color:var(--lq-dourado);text-decoration:underline}

@media(max-width:575px){
  .navbar .nav-link,.v3-menu a{padding:8px 10px!important}
  footer.site-footer{padding:24px 16px!important}
}

/* ---------- cards das páginas internas: brancos, borda cinza-clara ---------- */
.v3-card,.v3-calculadora{background:var(--lq-branco);border:1px solid var(--lq-borda)}
/* Títulos de card: 20px, navy */
.card h2,.card-title,.resultado-box h2,.v3-card-titulo,.v3-calculadora h2,.lq-card h3{
  font-size:20px!important;font-weight:700;color:var(--lq-azul);text-transform:none;letter-spacing:0}
.plan-name,.included-item h3{font-size:20px!important}
/* Subtítulos e marcadores em dourado */
.v3-sub,.lq-kicker{color:var(--lq-dourado)}

/* ---------- botões: primário navy com texto branco, secundário com contorno navy ---------- */
.btn{transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.btn-primary,.btn-success{--bs-btn-bg:var(--lq-azul);--bs-btn-border-color:var(--lq-azul);--bs-btn-color:var(--lq-branco);
  --bs-btn-hover-bg:var(--lq-azul-escuro);--bs-btn-hover-border-color:var(--lq-azul-escuro);--bs-btn-hover-color:var(--lq-branco);
  --bs-btn-active-bg:var(--lq-azul-escuro);--bs-btn-active-border-color:var(--lq-azul-escuro);
  --bs-btn-disabled-bg:var(--lq-azul);--bs-btn-disabled-border-color:var(--lq-azul);
  background:var(--lq-azul);border-color:var(--lq-azul);color:var(--lq-branco);border-radius:8px;font-weight:600}
.btn-primary:hover,.btn-success:hover{background:var(--lq-azul-escuro);border-color:var(--lq-azul-escuro);color:var(--lq-branco)}
.btn-outline-primary,.btn-outline-secondary{--bs-btn-color:var(--lq-azul);--bs-btn-border-color:var(--lq-azul);
  --bs-btn-hover-bg:var(--lq-fundo);--bs-btn-hover-border-color:var(--lq-azul);--bs-btn-hover-color:var(--lq-azul);
  --bs-btn-active-bg:var(--lq-fundo);--bs-btn-active-border-color:var(--lq-azul);--bs-btn-active-color:var(--lq-azul);
  color:var(--lq-azul);border-color:var(--lq-azul);background:var(--lq-branco);border-radius:8px}
.btn-outline-primary:hover,.btn-outline-secondary:hover{background:var(--lq-fundo);border-color:var(--lq-azul);color:var(--lq-azul)}
.btn-link{--bs-btn-color:var(--lq-azul-apoio);--bs-btn-hover-color:var(--lq-azul);color:var(--lq-azul-apoio)}
.btn-outline-danger{--bs-btn-color:var(--lq-erro);--bs-btn-border-color:var(--lq-erro);--bs-btn-hover-bg:var(--lq-erro);--bs-btn-hover-border-color:var(--lq-erro);--bs-btn-hover-color:var(--lq-branco)}
.btn:focus-visible,.form-control:focus,.form-select:focus,.form-check-input:focus{box-shadow:var(--lq-foco);border-color:var(--lq-azul-apoio)}
.form-check-input:checked{background-color:var(--lq-azul);border-color:var(--lq-azul)}

/* ---------- painel ---------- */
.v3-calculadora p{font-size:15px}
/* Ícones das calculadoras: círculo creme com o ícone em dourado */
.v3-calculadora-icone{width:52px;height:52px;border-radius:50%;background:var(--lq-creme);color:var(--lq-dourado)}
/* Meus cálculos: cabeçalho da tabela em navy, ações do mesmo tamanho */
.v3-tabela-calculos{font-size:15px}
.v3-tabela-calculos th{background:var(--lq-azul);color:var(--lq-branco);font-size:14px;padding:10px 12px;border-bottom:0}
.v3-tabela-calculos th:first-child{border-radius:8px 0 0 8px}
.v3-tabela-calculos th:last-child{border-radius:0 8px 8px 0}
.v3-calc-titulo small,.v3-calc-tipo{font-size:14px;color:var(--lq-texto-2)}
.v3-acao{min-height:36px;padding:0 12px;font-size:14px;line-height:1;border-color:var(--lq-borda);transition:background .15s,border-color .15s}
.v3-mais-menu .v3-acao{min-height:40px}
@media(max-width:760px){.v3-tabela-calculos th{background:none}}