/* Beringuel Advocacia — componentes exclusivos dos LPs por área.
   Depende de beringuel.css (tokens, botões, header, FAQ, rodapé, reveal). */

/* Header do LP: navegação curta + volta ao site geral */
.lp-nav{display:none;align-items:center;gap:1.75rem;}
.lp-nav a{font-size:0.875rem;font-weight:600;color:var(--cream);text-shadow:0 1px 10px rgba(24,7,10,.65);white-space:nowrap;transition:color .2s;}
.lp-nav a:hover{color:var(--gold);}
.lp-nav .back{display:inline-flex;align-items:center;gap:0.4rem;color:color-mix(in oklab, var(--cream) 72%, transparent);font-weight:500;}
@media(min-width:1024px){
  .lp-nav{display:flex;}
  .lp-page .menu-btn{display:none;}
  .lp-page .mobile-nav{display:none !important;}
}
.mobile-nav .back{color:var(--gold);}

/* Hero dos LPs */
.lp-hero{position:relative;overflow:hidden;}
.lp-hero .hero-inner{padding-bottom:4.5rem;}
.lp-hero-grid{display:grid;gap:3rem;align-items:center;}
@media(min-width:1024px){.lp-hero-grid{grid-template-columns:1.2fr 0.8fr;}}
.lp-hero h1{font-size:2.15rem;line-height:1.1;color:var(--cream);margin-top:1.25rem;max-width:22ch;}
@media(min-width:640px){.lp-hero h1{font-size:2.9rem;}}
@media(min-width:1024px){.lp-hero h1{font-size:3.25rem;}}
.lp-hero .lead{margin-top:1.5rem;max-width:56ch;font-size:1rem;line-height:1.85;color:color-mix(in oklab, var(--cream) 80%, transparent);}
@media(min-width:640px){.lp-hero .lead{font-size:1.0625rem;}}
.lp-hero .hero-cta{margin-top:2rem;display:flex;flex-wrap:wrap;gap:0.875rem;}
.lp-crumb{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:color-mix(in oklab, var(--cream) 60%, transparent);}
.lp-crumb a:hover{color:var(--gold);}
.hero-panel{
  border-radius:1rem;border:1px solid color-mix(in oklab, var(--gold) 28%, transparent);
  background:color-mix(in oklab, var(--cream) 5%, transparent);padding:1.75rem;
  backdrop-filter:blur(4px);
}
.hero-panel h2{font-size:1.125rem;color:var(--cream);}
.hero-panel ul{list-style:none;margin-top:1.25rem;display:flex;flex-direction:column;gap:0.9rem;}
.hero-panel li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.9rem;line-height:1.55;color:color-mix(in oklab, var(--cream) 82%, transparent);}
.hero-panel li svg{color:var(--gold);flex-shrink:0;margin-top:0.2rem;width:1.1rem;height:1.1rem;}
.hero-panel .note{margin-top:1.25rem;padding-top:1rem;border-top:1px solid color-mix(in oklab, var(--gold) 20%, transparent);font-size:0.8rem;color:color-mix(in oklab, var(--cream) 62%, transparent);}

/* Seções dos LPs: um pouco mais compactas que o site geral */
.lp-page section{padding:5rem 0;}
.lp-page .lp-hero{padding:0;}
.bg-soft{background-color:color-mix(in oklab, var(--secondary) 60%, transparent);}

/* Para quem (cards de público) */
.aud-grid{margin-top:3rem;display:grid;gap:1.25rem;}
@media(min-width:768px){.aud-grid{grid-template-columns:repeat(3,1fr);}}
.aud{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.75rem;height:100%;}
.aud svg{color:var(--wine);width:1.75rem;height:1.75rem;}
.aud h3{margin-top:1.25rem;font-size:1.125rem;line-height:1.3;color:var(--primary);}
.aud p{margin-top:0.75rem;font-size:0.9rem;line-height:1.7;color:var(--muted-foreground);}

/* Etapas numeradas */
.steps{margin-top:3rem;display:grid;gap:1.25rem;counter-reset:step;}
@media(min-width:640px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.steps{grid-template-columns:repeat(4,1fr);}}
.step{position:relative;border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1.75rem 1.5rem;height:100%;}
.step::before{
  counter-increment:step;content:"0" counter(step);
  font-family:var(--font-display);font-size:2rem;line-height:1;color:color-mix(in oklab, var(--wine) 85%, transparent);
}
.step h3{margin-top:1rem;font-size:1.0625rem;line-height:1.3;color:var(--primary);}
.step p{margin-top:0.6rem;font-size:0.875rem;line-height:1.65;color:var(--muted-foreground);}
.steps.on-dark .step{background:color-mix(in oklab, var(--cream) 5%, transparent);border-color:color-mix(in oklab, var(--gold) 25%, transparent);}
.steps.on-dark .step::before{color:var(--gold);}
.steps.on-dark .step h3{color:var(--cream);}
.steps.on-dark .step p{color:color-mix(in oklab, var(--cream) 72%, transparent);}

/* Faixa de destaque (ex.: "antes de agir") */
.callout{
  margin-top:2rem;display:flex;gap:1rem;align-items:flex-start;border-radius:1rem;
  border:1px solid color-mix(in oklab, var(--gold) 55%, transparent);
  background:color-mix(in oklab, var(--gold) 14%, var(--background));padding:1.25rem 1.5rem;
}
.callout svg{color:var(--brown);flex-shrink:0;margin-top:0.2rem;width:1.25rem;height:1.25rem;}
.callout p{font-size:0.9375rem;line-height:1.65;color:var(--foreground);}
.steps.on-dark + .callout{background:color-mix(in oklab, var(--cream) 6%, transparent);border-color:color-mix(in oklab, var(--gold) 30%, transparent);}
.steps.on-dark + .callout p{color:color-mix(in oklab, var(--cream) 85%, transparent);}
.steps.on-dark + .callout svg{color:var(--gold);}

/* Bloco em duas colunas (texto + imagem/caixa) */
.split{display:grid;gap:3rem;align-items:center;}
@media(min-width:1024px){.split{grid-template-columns:1fr 1fr;}}
.split .body p{margin-top:1.25rem;font-size:1rem;line-height:1.8;color:var(--muted-foreground);}
.split img{width:100%;height:auto;border-radius:1rem;display:block;}

/* Selos (versão compacta) */
.seal-row{margin-top:2.5rem;display:grid;gap:1.25rem;}
@media(min-width:640px){.seal-row{grid-template-columns:repeat(2,1fr);}}
.seal{display:flex;gap:1.25rem;align-items:center;border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:1rem;}
.seal img{width:7.5rem;height:auto;border-radius:0.5rem;flex-shrink:0;}
.seal strong{display:block;font-family:var(--font-display);font-size:1rem;color:var(--primary);}
.seal span{display:block;margin-top:0.3rem;font-size:0.8125rem;line-height:1.55;color:var(--muted-foreground);}

/* Diferenciais em lista */
.pill-grid{margin-top:2.5rem;display:grid;gap:1rem;}
@media(min-width:640px){.pill-grid{grid-template-columns:repeat(2,1fr);}}
.pill{display:flex;gap:0.9rem;align-items:flex-start;border-radius:0.875rem;border:1px solid var(--border);background:var(--card);padding:1.25rem;}
.pill svg{color:var(--wine);flex-shrink:0;margin-top:0.15rem;width:1.25rem;height:1.25rem;}
.pill strong{display:block;font-size:0.95rem;color:var(--primary);}
.pill span{display:block;margin-top:0.25rem;font-size:0.85rem;line-height:1.6;color:var(--muted-foreground);}

/* Caixa clara para quem recebeu cobrança */
.debtor{border-radius:1rem;border:1px solid var(--border);background:var(--card);padding:2rem;}
.debtor h3{font-size:1.25rem;color:var(--primary);}
.debtor .imp{margin-top:1rem;font-size:0.9rem;line-height:1.7;color:var(--muted-foreground);}
.debtor .imp strong{color:var(--wine);}
.debtor .lines{margin-top:1.25rem;display:flex;flex-direction:column;gap:0.65rem;}
.debtor .lines a{display:inline-flex;align-items:center;gap:0.6rem;font-size:0.95rem;font-weight:600;color:var(--primary);}
.debtor .lines a:hover{color:var(--wine);}
.debtor .lines svg{color:var(--gold-deep);width:1.1rem;height:1.1rem;}

/* Abas de problemas (LP Consumidor) */
.tablist{margin-top:2.5rem;display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.25rem;scrollbar-width:thin;}
.tab{
  flex-shrink:0;display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;
  border-radius:9999px;border:1px solid var(--border);background:var(--card);
  padding:0.6rem 1.1rem;font:600 0.875rem var(--font-sans);color:var(--muted-foreground);transition:all .2s;
}
.tab svg{width:1rem;height:1rem;}
.tab:hover{border-color:color-mix(in oklab, var(--wine) 40%, transparent);color:var(--wine);}
.tab[aria-selected="true"]{background:var(--wine);border-color:var(--wine);color:var(--cream);}
.tab:focus-visible,.issue:focus-visible{outline:2px solid var(--wine);outline-offset:2px;}
.tabpanel{margin-top:1.5rem;}
.issues{display:grid;gap:0.75rem;}
@media(min-width:640px){.issues{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.issues{grid-template-columns:repeat(3,1fr);}}
.issue{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-radius:0.875rem;border:1px solid var(--border);background:var(--card);
  padding:1rem 1.25rem;font-size:0.9375rem;font-weight:600;color:var(--primary);transition:all .2s;
}
.issue svg{flex-shrink:0;width:1.1rem;height:1.1rem;color:var(--gold-deep);transition:transform .2s;}
.issue:hover{border-color:color-mix(in oklab, var(--wine) 45%, transparent);color:var(--wine);transform:translateY(-2px);box-shadow:var(--shadow-elegant);}
.issue:hover svg{transform:translateX(3px);color:var(--wine);}
.issues-hint{margin-top:1rem;font-size:0.8125rem;color:var(--muted-foreground);}

/* Checklist (próximos passos) */
.checklist{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:0.75rem;}
.checklist li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.95rem;line-height:1.6;color:var(--muted-foreground);}
.checklist svg{color:var(--wine);flex-shrink:0;margin-top:0.2rem;width:1.1rem;height:1.1rem;}

/* Faixa final de CTA */
.cta-band{position:relative;overflow:hidden;text-align:center;}
.cta-band h2{font-size:1.875rem;line-height:1.2;color:var(--cream);max-width:26ch;margin:1rem auto 0;}
@media(min-width:768px){.cta-band h2{font-size:2.5rem;}}
.cta-band p{margin:1.25rem auto 0;max-width:52ch;font-size:1rem;line-height:1.75;color:color-mix(in oklab, var(--cream) 75%, transparent);}
.cta-band .actions{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0.875rem;}

/* Rodapé compacto dos LPs */
.lp-footer{padding:3.5rem 0 0;background:var(--ink);color:var(--cream);}
.lp-footer-grid{display:grid;gap:2.5rem;}
@media(min-width:768px){.lp-footer-grid{grid-template-columns:1.1fr 1fr 1fr;}}
.lp-footer img.logo{height:3.75rem;width:auto;}
.lp-footer h4{font-family:var(--font-sans);font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3em;color:var(--gold);}
.lp-footer ul{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:0.6rem;}
.lp-footer li, .lp-footer li a, .lp-footer p{font-size:0.875rem;line-height:1.7;color:color-mix(in oklab, var(--cream) 75%, transparent);}
.lp-footer li{display:flex;gap:0.6rem;align-items:flex-start;}
.lp-footer li svg{color:var(--gold);flex-shrink:0;margin-top:0.3rem;width:1rem;height:1rem;}
.lp-footer li a:hover{color:var(--gold);}
.lp-footer .footer-bottom{margin-top:3rem;}

/* Botões extras em fundo claro */
.btn-wa.ghost{border:1px solid color-mix(in oklab, var(--wine) 45%, transparent);color:var(--wine);}
.btn-wa.ghost:hover{background:color-mix(in oklab, var(--wine) 7%, transparent);}
.link-arrow{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.875rem;font-weight:600;color:var(--wine);}
.link-arrow:hover{text-decoration:underline;text-underline-offset:6px;}
.link-arrow svg{width:1rem;height:1rem;}

/* evita que textos longos (e-mail) alarguem as colunas no celular */
.split > *, .lp-hero-grid > *, .lp-footer-grid > *{min-width:0;}
.debtor .lines a, .lp-footer li a, .hero-panel .note{overflow-wrap:anywhere;}
@media(max-width:400px){.debtor{padding:1.5rem;}}
@media(min-width:768px){.aud-grid.two{grid-template-columns:repeat(2,1fr);}}