/*
 * Alvera - CSS compartilhado das landing pages de servico (money pages).
 * Portado do Claude Design (projeto "Planejamento tributario Alvera", 2026-08-04).
 * Escopo: paginas com template page-templates/lp-servico.php (markup alv-lp-*).
 * Marker: ALV_LP_CSS_2026_08_04
 */
/* Fontes locais do tema (mesmos arquivos do alv-base) */
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/plus-jakarta-sans-400.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/plus-jakarta-sans-500.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/plus-jakarta-sans-600.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/plus-jakarta-sans-700.woff2") format("woff2"); }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("fonts/plus-jakarta-sans-800.woff2") format("woff2"); }
/* ALV_CWV_2026_08_28: fallback com metricas casadas (Arial) para zerar o layout shift do font swap. */
@font-face { font-family: "Plus Jakarta Sans Fallback"; font-style: normal; font-weight: 400 600; src: local("Arial"); size-adjust: 106.05%; ascent-override: 97.88%; descent-override: 20.93%; line-gap-override: 0%; }
@font-face { font-family: "Plus Jakarta Sans Fallback"; font-style: normal; font-weight: 700 800; src: local("Arial Bold"); size-adjust: 101.81%; ascent-override: 101.95%; descent-override: 21.80%; line-gap-override: 0%; }

*, *::before, *::after { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: #FEF9E7; color: #1F1D45; font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: #E28729; text-decoration: none; }
  a:hover { color: #B86713; }
  p, li { text-wrap: pretty; }
  h1, h2, h3 { text-wrap: balance; }
  summary::-webkit-details-marker { display: none; }
  summary { list-style: none; }
  details[open] .alv-lp-faqsign { transform: rotate(45deg); }
  /* ALV_CWV_2026_08_28: o <style> inline do post_content das LPs redefine body{font-family} sem o fallback;
     "html body" (0,0,2) vence "body" (0,0,1) independente da ordem. */
  html body { font-family: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", system-ui, sans-serif; }
  html[data-alv-lp-reveal="on"] [data-reveal=""] { opacity: .55; transform: translateY(20px); }
  html[data-alv-lp-reveal="on"] [data-reveal="in"] { opacity: 1; transform: none; transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }
  @media (max-width: 1080px) {
    .alv-lp-h1 { font-size: 46px !important; }
    .alv-lp-h2 { font-size: 34px !important; }
  }
  @media (max-width: 1000px) {
    .alv-lp-navlinks { display: none !important; }
    .alv-lp-split { grid-template-columns: 1fr !important; }
    .alv-lp-h1 { font-size: 46px !important; }
    .alv-lp-sticky { position: static !important; }
  }
  @media (max-width: 860px) {
    .alv-lp-two { grid-template-columns: 1fr !important; }
    .alv-lp-three { grid-template-columns: 1fr !important; }
    .alv-lp-h1 { font-size: 36px !important; }
    .alv-lp-h2 { font-size: 28px !important; }
    .alv-lp-pad { padding-left: 22px !important; padding-right: 22px !important; }
    .alv-lp-sec { padding-top: 64px !important; padding-bottom: 64px !important; }
    .alv-lp-cta { padding: 48px 26px !important; }
    .alv-lp-card { padding: 26px 24px !important; }
  }

/* Links contextuais no corpo das LPs (ancoras sem style inline, inseridas pela
   linkagem interna 2026-08-14). Nao afeta CTAs, que carregam style= proprio.
   Marker: ALV_LP_LINKS_2026_08_14 */
.alv-lp-sec p a:not([style]),
.alv-lp-sec li a:not([style]) {
  color: #B86713;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.alv-lp-sec p a:not([style]):hover,
.alv-lp-sec li a:not([style]):hover {
  color: #1F1D45;
}
