/* ===== páginas legais, mapa do site e suporte ===== */
.legal{background:#fff;padding:96px 0 100px}
.legal-wrap{max-width:1000px}
.legal h1{font-size:clamp(40px,6vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1.05;margin-top:10px}
.legal-upd{color:var(--ink-2);margin-top:10px;font-size:14px}
.legal-intro{font-size:clamp(18px,2vw,21px);color:#424245;margin-top:24px;line-height:1.5;max-width:780px}
.legal-intro a,.legal-body a{color:var(--link)}
.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:50px;margin-top:50px;align-items:start}
.legal-toc{position:sticky;top:80px;font-size:14px;border-left:2px solid var(--line);padding-left:18px}
.legal-toc b{display:block;margin-bottom:10px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}
.legal-toc ol{list-style:none;display:grid;gap:8px}
.legal-toc a{color:#424245}
.legal-toc a:hover{color:var(--link)}
.legal-body section{padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid #EDEDF0;scroll-margin-top:80px}
.legal-body h2{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:14px}
.legal-body p,.legal-body li{font-size:17px;line-height:1.65;color:#333336}
.legal-body p+p{margin-top:12px}
.legal-body ul,.legal-body ol{padding-left:22px;display:grid;gap:8px;margin:8px 0}
.sitemap{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:50px}
.sitemap h2{font-size:15px;font-weight:600;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.sitemap a{display:block;font-size:15px;color:#424245;margin-bottom:10px}
.sitemap a:hover{color:var(--link);text-decoration:underline}


/* suporte */
.support{background:#fff}
.sup-hero{padding:128px 0 40px;text-align:center}
.sup-hero h1{font-size:clamp(44px,7vw,80px);font-weight:700;letter-spacing:-.05em;line-height:1.02}
.sup-sub{font-size:clamp(20px,2.4vw,28px);color:#424245;margin-top:10px;letter-spacing:-.02em}
.sup-prods{margin-top:44px}
.sup-prods .chap img{transition:transform .35s var(--ease)}
.sup-prods .chap:hover img{transform:translateY(-4px)}
.sup-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.sup-topic{padding:12px 20px;border-radius:980px;background:var(--gray);font-size:15px;font-weight:500;color:#1D1D1F;transition:background .2s}
.sup-topic:hover{background:#E8E8ED}
.sup-search{position:relative;max-width:640px;margin:30px auto 0}
.sup-search svg{position:absolute;left:20px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--ink-2)}
.sup-search input{width:100%;height:60px;border-radius:16px;border:1px solid #D2D2D7;padding:0 20px 0 54px;font:inherit;font-size:18px;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}
.sup-search input:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 4px rgba(46,158,244,.18)}
.sup-results{max-width:640px;margin:14px auto 0;text-align:left;border:1px solid #E5E5EA;border-radius:18px;overflow:hidden}
.sup-results .sr{padding:16px 20px;border-bottom:1px solid #EDEDF0}
.sup-results .sr:last-child{border-bottom:0}
.sup-results .sr small{font-size:12px;font-weight:600;color:var(--sky);text-transform:uppercase;letter-spacing:.1em}
.sup-results .sr b{display:block;font-size:16px;margin-top:2px}
.sup-results .sr p{color:#424245;font-size:15px;margin-top:4px}
.sup-results .sr-none{padding:20px;color:var(--ink-2)}
.sup-results .sr-none a{color:var(--link)}
.sup-cards{padding:30px 0 20px}
.sup-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.sup-card{background:var(--gray);border-radius:26px;padding:34px;display:flex;flex-direction:column;gap:8px}
.sup-card.big{background:radial-gradient(120% 140% at 100% 0%,#123A6B,#000 62%);color:#F5F5F7}
.sup-card .eyebrow{color:var(--sky)}
.sup-card h2{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.035em;line-height:1.08}
.sup-card h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
.sup-card p{color:#424245}
.sup-card.big p{color:#A1A1A6;max-width:460px}
.sup-card .btn{align-self:flex-start;margin-top:14px}
.sup-card .link-more{margin-top:auto;font-size:16px}
.sup-alert{display:flex;gap:16px;align-items:flex-start;margin:20px 0;padding:22px 26px;border-radius:20px;background:#FFF8EB;border:1px solid #F8E3B8;color:#5C4214;font-size:15px;line-height:1.5}
.sup-alert>span{flex:0 0 32px;color:#C77C00}
.sup-alert svg{width:32px;height:32px}
.sup-alert b{color:#3E2B07}
.sup-faq h2{font-size:clamp(32px,4.4vw,52px);font-weight:700;letter-spacing:-.04em}
.sup-block{margin-top:40px;scroll-margin-top:80px}
.sup-block h3{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:-.02em;padding-bottom:6px}
.sup-block h3 img{width:36px;height:36px;object-fit:contain}
.sup-block h3 .link-more{margin-left:auto;font-size:15px}
.sup-block .faq{max-width:none;margin:0}
.sup-block .faq summary{font-size:18px;padding:20px 0}
.sup-block .faq summary::after{color:var(--c,var(--sky))}
.sup-links{background:var(--gray);padding:50px 0;border-bottom:1px solid var(--line)}
.sup-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.sup-links h4{font-size:13px;font-weight:600;margin-bottom:12px}
.sup-links a{display:block;font-size:13px;color:#424245;margin-bottom:9px}
.sup-links a:hover{color:var(--link);text-decoration:underline}

@media (max-width:833px){
  .legal-grid{grid-template-columns:1fr;gap:20px}
  .legal-toc{position:static;border-left:0;padding:18px;background:var(--gray);border-radius:16px}
  .sitemap{grid-template-columns:1fr 1fr}
  .sup-grid{grid-template-columns:1fr}
  .sup-links-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .sitemap{grid-template-columns:1fr}
  .sup-search input{height:54px;font-size:16px}
  .sup-card{padding:26px}
}
