/* Elos Link — formulários de cadastro e parceria. Estilos limitados a .form-page. */
.form-page { --form-line:#e5e2db; --form-muted:#706d65; --form-orange:#dd571c; --mono:Inter,Arial,sans-serif; --font:Inter,Arial,sans-serif; }
.form-page [hidden] { display:none!important; }
.form-page .conta-main { padding:32px 0 0; }
.form-page .form-breadcrumb { display:flex; gap:13px; align-items:center; color:#827e74; font-size:12px; margin-bottom:60px; }
.form-page .form-breadcrumb a { color:#4b4943; }
.form-page .form-breadcrumb a:hover { color:var(--form-orange); }
.form-page .conta-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,500px); gap:100px; align-items:start; }
.form-page .conta-lede { padding-top:13px; }
.form-page .eyebrow { font-family:Inter,Arial,sans-serif; font-weight:500; letter-spacing:1.3px; font-size:10px; margin-bottom:24px; }
.form-page .conta-lede h1 { font-size:clamp(42px,4.6vw,64px); font-weight:450; line-height:1.08; letter-spacing:-3.2px; margin:0 0 25px; }
.form-page .conta-lede h1 > span { font-family:Inter,Arial,sans-serif; font-style:normal; font-weight:450; color:var(--form-orange); }
.form-page .sub { max-width:440px; margin:0; font-size:15px; color:var(--form-muted); line-height:1.8; }
.form-page .form-connection { display:flex; align-items:center; gap:23px; padding:28px 0; margin:18px 0 0; max-width:335px; }
.form-page .connection-software { display:flex; align-items:center; gap:9px; color:#47493f; font-weight:550; font-size:18px; }
.form-page .connection-line { flex:1; height:1px; min-width:28px; background:#e3c7b5; position:relative; }
.form-page .connection-line::after { content:""; position:absolute; width:5px; height:5px; border-radius:50%; background:var(--form-orange); left:50%; top:-2px; }
.form-page .conta-steps { margin:29px 0 0; padding:0; list-style:none; display:grid; gap:0; }
.form-page .conta-steps li { display:flex; gap:22px; padding:21px 0; border-top:1px solid var(--form-line); }
.form-page .conta-steps .n { flex:none; color:#b65324; font-size:11px; line-height:1.7; padding-top:1px; }
.form-page .conta-steps .d { color:var(--form-muted); font-size:12px; line-height:1.8; }
.form-page .conta-steps .d > b { display:block; color:#34342e; font-size:14px; font-weight:550; margin-bottom:5px; }
.form-page .conta-steps code { overflow-wrap:anywhere; }
.form-page .form-side-note { display:flex; gap:13px; padding:16px 0 0; color:#8a8171; font-size:12px; }
.form-page .form-side-note > span { padding-top:4px; color:var(--form-orange); font-size:20px; }
.form-page .form-side-note p { margin:0; line-height:1.9; }
.form-page .form-side-note a { color:#514b41; border-bottom:1px solid #d9cebf; }
.form-page .conta-card { padding:35px 32px 30px; border:1px solid var(--form-line); border-radius:12px; background:#fff; box-shadow:0 14px 50px #45311c05; }
.form-page .form-kicker { margin:0 0 12px; font-size:10px; color:#958476; font-weight:500; letter-spacing:1.2px; }
.form-page .conta-card h2 { font-size:29px; font-weight:450; letter-spacing:-1.2px; line-height:1.2; margin:0 0 10px; }
.form-page .card-sub { margin:0 0 21px; color:var(--form-muted); font-size:12px; }
.form-page .campo { display:block; margin:0 0 21px; }
.form-page .campo > span { display:block; margin-bottom:8px; font-size:12px; font-weight:500; color:#4b4942; }
.form-page .campo > span em { font-size:11px; font-style:normal; font-weight:400; color:#8d897f; }
.form-page .campo input:not([type="radio"]), .form-page .campo select { display:block; min-width:0; width:100%; height:47px; border:1px solid #dedbd3; border-radius:5px; padding:0 13px; background:#fff; color:#282722; font-family:Inter,Arial,sans-serif; font-size:13px; transition:border-color .15s,box-shadow .15s; }
.form-page .campo input::placeholder { color:#a39d92; opacity:1; }
.form-page .campo input:not([type="radio"]):focus, .form-page .campo select:focus { outline:none; border-color:#cf6b39; box-shadow:0 0 0 3px #dd571c12; }
.form-page .campo .campo-dica, .form-page .campo-dica { font-size:10px; font-weight:400; color:#8a857b; margin:7px 0 0; line-height:1.8; }
.form-page .campo-dica.ok { color:#417449; }
.form-page .campo-dica.ruim { color:#ad3d27; }
.form-page code, .form-page input.mono { font-family:Inter,Arial,sans-serif; }
.form-page .opcoes { display:grid; gap:8px; }
.form-page .opcao { display:flex; position:relative; align-items:flex-start; gap:11px; border:1px solid #e5e2db; border-radius:6px; padding:15px 13px; cursor:pointer; transition:border-color .15s,background .15s; }
.form-page .opcao:hover { border-color:#cbbaa9; }
.form-page .opcao input { position:absolute; top:0; left:0; width:1px; height:1px; opacity:0; margin:0; padding:0; pointer-events:none; }
.form-page .opcao .marca { width:15px; height:15px; flex:none; margin-top:3px; border:1px solid #c9c5bd; border-radius:50%; position:relative; }
.form-page .opcao:has(input:checked) { border-color:#d97a4b; background:#fff9f3; }
.form-page .opcao input:checked ~ .marca { border-color:var(--form-orange); }
.form-page .opcao input:checked ~ .marca::after { content:""; position:absolute; inset:3px; border-radius:50%; background:var(--form-orange); }
.form-page .opcao input:focus-visible ~ .marca { outline:2px solid var(--form-orange); outline-offset:3px; }
.form-page .opcao .txt { flex:1; min-width:0; }
.form-page .opcao .txt b { display:block; font-size:13px; font-weight:550; line-height:1.6; color:#34332e; }
.form-page .opcao .txt span { display:block; font-size:10px; color:#8a8073; line-height:1.7; margin-top:2px; }
.form-page .opcao .preco { flex:none; white-space:nowrap; font-size:11px; color:#4f4940; font-weight:500; padding-top:2px; }
.form-page .cupom-abre { border:0; padding:0; margin:0 0 21px; background:none; font-size:11px; color:#6f6252; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#cebfad; }
.form-page .cupom-abre:hover { color:var(--form-orange); }
.form-page .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 18px; border:1px solid transparent; border-radius:5px; font-family:Inter,Arial,sans-serif; font-size:12px; font-weight:500; text-align:center; line-height:1.6; cursor:pointer; }
.form-page .btn-primary { background:var(--form-orange); border-color:var(--form-orange); color:#fff; }
.form-page .btn-primary:hover { background:#bd4513; border-color:#bd4513; }
.form-page .btn-ghost { border-color:#dcd6cc; background:#fff; color:#554d41; }
.form-page .btn-sm { min-height:33px; padding:6px 10px; font-size:10px; }
.form-page .btn-bloco { width:100%; }
.form-page .btn:disabled { opacity:.5; cursor:wait; }
.form-page .conta-nota { text-align:center; margin:12px 0 0; color:#938a7e; font-size:10px; line-height:1.8; }
.form-page .conta-erro { padding:12px 14px; margin:0 0 17px; border:1px solid #ebc6b9; border-radius:5px; background:#fff5ef; color:#a43f26; font-size:12px; line-height:1.7; }
.form-page .ref-selo { display:inline-flex; gap:6px; align-items:center; font-size:10px; color:#80684f; background:#fbf3e8; border:1px solid #eadbca; border-radius:30px; padding:5px 10px; margin:0 0 19px; }
.form-page .ref-selo code { font-weight:550; }
.form-page .form-bottom-links { display:flex; justify-content:space-between; gap:25px; padding:32px 0; margin-top:72px; border-top:1px solid var(--form-line); color:#827667; font-size:11px; }
.form-page .form-bottom-links a:hover { color:var(--form-orange); }
.form-page .programa-nums { display:grid; grid-template-columns:1fr 1fr; margin:32px 0 0; gap:0; border-top:1px solid var(--form-line); border-bottom:1px solid var(--form-line); }
.form-page .programa-nums > div { padding:22px 17px 22px 0; }
.form-page .programa-nums > div:nth-child(2n) { border-left:1px solid var(--form-line); padding-left:23px; }
.form-page .programa-nums > div:nth-child(-n+2) { border-bottom:1px solid var(--form-line); }
.form-page .programa-nums strong { display:block; font-size:32px; line-height:1.3; font-weight:450; letter-spacing:-1.4px; color:#b74919; }
.form-page .programa-nums span { display:block; color:#847b70; font-size:10px; line-height:1.7; margin-top:7px; }
.form-page .campo-prefixo { display:flex; min-width:0; align-items:stretch; }
.form-page .campo-prefixo .pre { display:flex; align-items:center; white-space:nowrap; padding:0 10px; border:1px solid #dedbd3; border-right:0; border-radius:5px 0 0 5px; background:#faf9f6; color:#8d8375; font-size:10px; }
.form-page .campo-prefixo input { border-top-left-radius:0!important; border-bottom-left-radius:0!important; }
.form-page .sucesso { padding:36px 0; text-align:center; }
.form-page .sucesso .selo { display:grid; place-items:center; width:52px; height:52px; background:#edf3e8; color:#617653; border:1px solid #dbe5d3; border-radius:50%; margin:0 auto 25px; }
.form-page .sucesso h2 { font-size:31px; margin-bottom:17px; }
.form-page .sucesso > p { font-size:12px; line-height:1.8; color:#827767; }
.form-page .link-copia { display:flex; align-items:center; gap:9px; padding:13px; margin:23px 0; background:#faf8f3; border:1px solid #e7dfd2; border-radius:5px; text-align:left; }
.form-page .link-copia code { min-width:0; flex:1; overflow-wrap:anywhere; font-size:11px; color:#847662; }
.form-page .link-copia .btn { flex:none; }
@media(min-width:1300px) { .form-page .conta-wrap { gap:125px; } }
@media(max-width:1050px) { .form-page .conta-wrap { gap:50px; grid-template-columns:minmax(0,1fr) minmax(0,460px); } .form-page .conta-lede h1 { font-size:48px; letter-spacing:-2.6px; } .form-page .conta-card { padding:28px 24px; } }
@media(max-width:860px) { .form-page .conta-wrap { gap:38px; grid-template-columns:1fr; max-width:620px; } .form-page .form-breadcrumb { max-width:620px; margin-bottom:37px; } .form-page .conta-lede h1 { font-size:54px; } .form-page .sub { max-width:520px; } .form-page .conta-steps { grid-template-columns:1fr 1fr; gap:0 30px; } .form-page .conta-steps li { gap:15px; } .form-page .conta-card { padding:35px; } .form-page .form-bottom-links { max-width:620px; margin-top:45px; } .form-page .form-side-note { padding-top:7px; } .form-page .programa-nums > div:nth-child(2n) { padding-left:30px; } }
@media(max-width:560px) { .form-page .conta-main { padding-top:25px; } .form-page .form-breadcrumb { font-size:10px; gap:10px; margin-bottom:29px; } .form-page .conta-lede { padding-top:0; } .form-page .conta-lede h1 { font-size:43px; letter-spacing:-2.4px; } .form-page .eyebrow { font-size:9px; margin-bottom:20px; } .form-page .sub { font-size:13px; } .form-page .conta-steps { grid-template-columns:1fr; margin-top:17px; } .form-page .conta-steps li { padding:16px 0; gap:20px; } .form-page .conta-steps .d { font-size:11px; } .form-page .conta-steps .d > b { font-size:13px; } .form-page .conta-card { padding:25px 19px; border-radius:8px; } .form-page .conta-card h2 { font-size:27px; } .form-page .campo input:not([type="radio"]) { font-size:16px; } .form-page .campo { margin-bottom:20px; } .form-page .opcao { flex-wrap:wrap; gap:8px; padding:13px 11px; } .form-page .opcao .preco { padding:0; margin-left:23px; } .form-page .opcao .txt { flex-basis:calc(100% - 23px); } .form-page .opcao .txt span { font-size:10px; } .form-page .form-bottom-links { font-size:10px; gap:22px; align-items:flex-start; padding-block:26px; } .form-page .form-bottom-links a:last-child { text-align:right; } .form-page .campo-prefixo { flex-wrap:wrap; } .form-page .campo-prefixo .pre { width:100%; padding:7px 11px; border:1px solid #dedbd3; border-bottom:0; border-radius:5px 5px 0 0; } .form-page .campo-prefixo input { border-radius:0 0 5px 5px!important; } .form-page .programa-nums { margin-top:25px; } .form-page .programa-nums strong { font-size:31px; } .form-page .link-copia { flex-wrap:wrap; } .form-page .link-copia code { flex-basis:100%; } }