/* Guias técnicos — páginas estáticas, leves e legíveis. */

.guide-page{min-height:100vh}
.guide-skip:focus{
  position:fixed;z-index:100;top:10px;left:10px;width:auto;height:auto;
  clip:auto;padding:9px 13px;border-radius:8px;background:var(--brand);color:var(--brand-tx)
}
.guide-header{
  position:sticky;z-index:40;top:0;border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px)
}
.guide-header-in{display:flex;align-items:center;gap:24px;min-height:64px}
.guide-logo{display:flex;align-items:center;margin-right:auto}
.guide-logo img{width:150px;height:34px}
.brand-dark{display:none}
[data-theme=dark] .brand-light{display:none}
[data-theme=dark] .brand-dark{display:block}
.guide-nav{display:flex;align-items:center;gap:4px}
.guide-nav a,.guide-theme{
  min-height:42px;padding:9px 12px;border-radius:10px;color:var(--tx2);
  font-size:14px;display:inline-flex;align-items:center;justify-content:center
}
.guide-nav a:hover,.guide-nav a:focus-visible,.guide-theme:hover,.guide-theme:focus-visible{
  background:var(--chipbg);color:var(--tx)
}
.guide-nav a[aria-current=page]{color:var(--tx);font-weight:700}
.guide-theme{width:42px;padding:0;border:1px solid var(--line)}
.guide-theme .icon{width:19px;height:19px}

.guide-main{padding:clamp(24px,5vw,58px) 0 64px}
.guide-breadcrumb{max-width:78ch;margin:0 auto 14px;color:var(--tx3);font-size:13px}
.guide-breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none}
.guide-breadcrumb li+li::before{content:"/";margin-right:6px;color:var(--line2)}
.guide-breadcrumb a:hover,.guide-breadcrumb a:focus-visible{color:var(--brand)}
.guide-kicker{
  margin-bottom:8px!important;color:var(--sec)!important;font-size:12px!important;
  font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:-8px 0 24px;color:var(--tx3);font-size:13px}
.guide-meta span{display:inline-flex;align-items:center;gap:6px}

.guide-toc{
  margin:28px 0;padding:18px clamp(16px,3vw,24px);border:1px solid var(--line);
  border-radius:12px;background:color-mix(in srgb,var(--chipbg) 55%,transparent)
}
.lp-txt .guide-toc h2{margin:0 0 10px;padding:0;border:0;font-size:18px}
.guide-toc ol{columns:2;column-gap:34px;margin:0;padding-left:1.25em}
.guide-toc li{break-inside:avoid;margin-bottom:8px;color:var(--tx2)}
.guide-toc a{color:inherit;text-decoration:none}
.guide-toc a:hover,.guide-toc a:focus-visible{color:var(--brand);text-decoration:underline}

.guide-answer,.guide-answer h3{scroll-margin-top:82px}
.lp-txt .guide-answer>p,.lp-txt .guide-answer>ul,.lp-txt .guide-answer>ol,
.lp-txt .guide-answer>.lp-tab{color:var(--tx2)}
.lp-txt .nota{
  padding:10px 13px;border-left:3px solid var(--brand);
  background:color-mix(in srgb,var(--chipbg) 55%,transparent);color:var(--tx2)
}
.guide-related{margin-top:38px;padding-top:4px}
.guide-related-grid,.guide-card-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px
}
.guide-card{
  display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid var(--line);
  border-radius:12px;background:var(--bg);color:var(--tx)!important;text-decoration:none!important
}
.guide-card:hover,.guide-card:focus-visible{border-color:var(--brand);transform:translateY(-1px)}
.guide-card strong{font-size:17px;line-height:1.3}
.guide-card span{color:var(--tx2);font-size:.92em;line-height:1.5}
.guide-card small{margin-top:auto;color:var(--tx3);font-size:12px}
.guide-list{list-style:none!important;padding-left:0!important;margin-bottom:22px!important}
.guide-list li{padding:8px 0;border-bottom:1px solid var(--line)}
.guide-list li:last-child{border-bottom:0}
.guide-cta{
  margin-top:34px;padding:20px;border:1px solid var(--line);border-radius:12px;
  background:color-mix(in srgb,var(--chipbg) 55%,transparent)
}
.guide-cta p{color:var(--tx2)!important}
.guide-cta a{
  display:inline-flex;margin-top:5px;padding:10px 15px;border-radius:10px;
  background:var(--brand);color:var(--brand-tx)!important;text-decoration:none!important;font-weight:700
}

.guide-index .lp-txt{max-width:1040px}
.guide-index .guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
.guide-index .guide-card:last-child:nth-child(odd){grid-column:1/-1}
.lp-txt .guide-card h2{margin:0;padding:0;border:0;font-size:20px;line-height:1.3}
.guide-index .guide-card span{font-size:1em}

.guide-footer{border-top:1px solid var(--line);padding:24px 0 34px;color:var(--tx2);font-size:13px}
.guide-footer-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px}
.guide-footer nav{display:flex;flex-wrap:wrap;gap:14px}
.guide-footer a:hover,.guide-footer a:focus-visible{color:var(--brand)}

@media (max-width:760px){
  .guide-header-in{gap:10px;min-height:58px}
  .guide-logo img{width:132px;height:auto}
  .guide-nav a:not([aria-current=page]){display:none}
  .guide-nav a{padding:8px}
  .guide-theme{min-width:40px}
  .guide-main{padding-top:22px}
  .guide-toc ol{columns:1}
  .guide-related-grid,.guide-card-grid,.guide-index .guide-card-grid{grid-template-columns:1fr}
  .guide-index .guide-card:last-child:nth-child(odd){grid-column:auto}
}

@media print{
  .guide-header,.guide-footer,.guide-cta{display:none}
  .guide-main{padding:0}
  .guide-breadcrumb{max-width:none}
}