/* Página de afiliados (afiliados.html), por cima de landing.css */
.af-hero{position:relative;overflow:hidden;padding:64px 0 72px;background:radial-gradient(55% 70% at 95% 0%,rgba(47,107,255,.30),transparent 60%),radial-gradient(40% 50% at 0% 100%,rgba(255,176,32,.10),transparent 70%),var(--bg)}
.af-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.af-hero h1{font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.02em}
.af-hero h1 span{display:block;margin-top:6px;background:linear-gradient(90deg,#FFB020,#FFD27A);-webkit-background-clip:text;background-clip:text;color:transparent}
.af-hero .lead{font-size:18.5px;color:var(--soft);margin:20px 0 28px;max-width:560px}
.af-hero .lead b{color:var(--ink)}
.af-ctas{display:flex;flex-wrap:wrap;gap:12px}
.af-mini{margin:18px 0 0;font-size:13.5px;color:var(--mute)}.af-mini code{white-space:nowrap}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:var(--cyan)}
.af-ganho{padding:26px;border-color:var(--edge);box-shadow:0 0 0 1px rgba(255,176,32,.18),0 24px 60px rgba(0,0,0,.35)}
.af-ganho:hover{transform:none}
.af-ganho h2{font-size:19px;margin-bottom:6px}
.af-sub{margin:0 0 16px;color:var(--mute);font-size:14.5px}
.af-ganho table{width:100%;border-collapse:collapse;font-size:15px}
.af-ganho th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:0 0 8px;border-bottom:1px solid var(--line)}
.af-ganho td{padding:12px 0;border-bottom:1px solid var(--line2)}
.af-ganho th:not(:first-child),.af-ganho td:not(:first-child){text-align:right;white-space:nowrap;padding-left:12px}
.af-ganho td b{color:var(--amber);font:600 16px Unbounded,Sora,sans-serif}
.af-nota{margin:12px 0 0;font-size:12.5px;color:var(--dim)}
.af-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.af-grid a,.af-form a,.af-publi a{color:var(--cyan)}
.af-pode{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.af-pode ul{margin:0;padding-left:20px;color:var(--soft);font-size:15px;display:grid;gap:8px}
.af-sim h3{color:var(--cyan)}.af-nao h3{color:var(--orange)}
.af-sim{border-color:rgba(34,211,245,.3)}.af-nao{border-color:rgba(255,138,76,.3)}
.af-publi{text-align:center;color:var(--mute);font-size:14.5px;margin:22px auto 0;max-width:720px}
.af-form-wrap{max-width:860px}
.af-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 18px;padding:28px}
.af-form:hover{transform:none}
.af-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.af-l{grid-column:1/-1}
.af-f label{font-size:13.5px;font-weight:600;color:var(--soft)}
.af-f label span{font-weight:400;color:var(--dim)}
.af-form input[type=text],.af-form input[type=email],.af-form input[type=tel],.af-form select,.af-form textarea{width:100%;min-height:46px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:400 15px Sora,system-ui,sans-serif}
.af-form textarea{resize:vertical;min-height:84px}
.af-form input:focus,.af-form select:focus,.af-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,107,255,.25)}
.af-form [aria-invalid=true]{border-color:var(--orange)}
.af-f small{font-size:12.5px;color:var(--dim)}.af-f small b{color:var(--cyan);font-weight:600}
.af-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.af-ck{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--soft);cursor:pointer}
.af-ck input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--amber)}
.af-env{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.af-env p{margin:0;font-size:14px}
.af-env p.err{color:var(--orange)}
.af-feito{text-align:center;padding:36px 28px;border-color:rgba(34,211,245,.35)}
.af-feito:hover{transform:none}
.af-feito h3{font-size:20px;color:var(--cyan);margin-bottom:10px}
.af-feito p{font-size:16px}
.faq>div{display:grid;gap:10px}
@media (max-width:900px){
.af-hero{padding:40px 0 56px}
.af-hero .wrap{grid-template-columns:1fr;gap:32px}
.af-grid{grid-template-columns:1fr 1fr}
.af-pode{grid-template-columns:1fr}
}
@media (max-width:620px){
.af-grid,.af-form{grid-template-columns:minmax(0,1fr)}
.af-form{padding:20px}
.steps{grid-template-columns:1fr;gap:30px}.steps::before{display:none}
}