:root{
  --green:#1f6f1f;
  --blue:#0076bd;
  --blue-dark:#075986;
  --cyan:#69c7f2;
  --black:#090909;
  --black-2:#0f0f10;
  --paper:#f4f4f2;
  --line:#242424;
  --text:#f7f7f7;
  --muted:#a8abb2;
  --gold:#d7ad3b;
  --white:#fff;
  --font:'Inter',Arial,sans-serif;
  --display:'Archivo Black','Inter',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--black);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}button,input{font-family:inherit}.container{width:min(1120px,calc(100% - 42px));margin:0 auto}
.topbar{height:34px;background:var(--green);color:#fff;overflow:hidden;display:flex;align-items:center;font-weight:900;font-size:14px;white-space:nowrap;letter-spacing:-.01em}.topbar-track{display:flex;align-items:center;gap:56px;min-width:max-content;animation:moveBar 24s linear infinite}.topbar-track span{display:inline-flex;align-items:center;gap:8px}.brand-header{height:116px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e9e9e9}.solo-logo,.footer-logo{width:164px;height:70px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.08)}.solo-logo span,.footer-logo span{height:38px;background:#e40058;color:#fff;font-family:var(--display);font-size:34px;line-height:38px;text-align:center;letter-spacing:.02em;text-transform:lowercase}.solo-logo strong,.footer-logo strong{height:32px;background:#0087c9;color:#fff;font-size:21px;line-height:31px;text-align:center;font-weight:900;letter-spacing:.02em}.intro-section{background:radial-gradient(circle at 80% 0,rgba(0,118,189,.22),transparent 32%),linear-gradient(180deg,#0a0a0a 0%,#111 100%);border-bottom:1px solid #1f1f1f}.intro-grid{display:grid;grid-template-columns:1fr 430px;gap:64px;align-items:center;padding:68px 0 58px}.eyebrow{display:inline-block;color:#a7abb7;text-transform:uppercase;font-size:13px;font-weight:900;letter-spacing:.09em;margin-bottom:18px}.intro-copy h1{font-family:var(--display);text-transform:uppercase;font-size:clamp(42px,6.2vw,82px);line-height:.92;letter-spacing:-.05em;max-width:650px}.lead{margin-top:24px;max-width:620px;color:#d5d8df;font-size:19px;line-height:1.58;font-weight:700}.campaign-note{margin:30px 0 26px;padding:18px 20px;border-left:5px solid var(--blue);background:#141414;max-width:560px}.campaign-note b{display:block;text-transform:uppercase;color:#fff;margin-bottom:5px}.campaign-note span{color:#b9bcc5;font-weight:650}.start-button,.question button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;background:#119c27;color:#fff;padding:0 28px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;border:none;cursor:pointer;box-shadow:none;border-radius:0;transition:.18s ease}.start-button:hover,.question button:hover{filter:brightness(1.08);transform:translateY(-1px)}.intro-product{background:#e8eef2;padding:22px;position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12)}.intro-product img{width:100%;height:auto;display:block}.product-caption{position:absolute;left:20px;right:20px;bottom:20px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px}.product-caption span{text-transform:uppercase;font-size:12px;font-weight:900;color:#c3c8d2}.product-caption strong{font-family:var(--display);font-size:28px;color:#fff;white-space:nowrap}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:0}.stats-strip div{padding:26px 20px;border-right:1px solid var(--line);min-height:112px}.stats-strip div:last-child{border-right:0}.stats-strip strong{display:block;font-family:var(--display);font-size:42px;line-height:1;color:#fff}.stats-strip span{display:block;margin-top:8px;text-transform:uppercase;font-weight:900;font-size:12px;color:#9da2ac;letter-spacing:.04em}.quiz-wrap{margin-top:54px;margin-bottom:34px;background:#101011;border:1px solid #282828;padding:30px;position:relative}.quiz-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:18px}.quiz-topline span{display:block;color:#8d929d;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.08em;margin-bottom:7px}.quiz-topline h2{font-family:var(--display);font-size:34px;text-transform:uppercase;letter-spacing:-.03em}.progress-meta{text-align:right}.progress-meta b{display:block;font-family:var(--display);font-size:34px;color:#fff}.progress-meta small{color:#aab0bc;font-weight:800}.progress-bar{height:11px;background:#242424;margin-bottom:26px;overflow:hidden}.progress-bar div{height:100%;width:11%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .35s ease}.question{display:none;background:#fff;color:#111;min-height:430px;padding:34px 34px 30px;animation:fadeIn .24s ease both}.question.active{display:block}.number{width:52px;height:52px;background:#0b0b0b;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:18px;margin-bottom:22px}.question h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(28px,4vw,48px);line-height:1.02;max-width:820px;margin-bottom:25px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.options label{min-height:70px;border:1px solid #d9d9d9;background:#f7f7f7;display:flex;align-items:center;gap:12px;padding:16px 17px;font-weight:850;color:#111;cursor:pointer;transition:.16s ease}.options label:hover{border-color:#111;background:#fff}.options label.selected{background:#eaf6fd;border-color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue)}.options input{width:19px;height:19px;accent-color:var(--blue);flex:0 0 auto}.question button{width:100%;margin-top:20px}.question button.finish{background:#0a9825}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#242424;margin-bottom:54px}.steps div{background:#101011;min-height:100px;padding:22px}.steps b{font-family:var(--display);font-size:30px;color:#fff;display:block}.steps span{text-transform:uppercase;color:#aeb4bf;font-size:12px;font-weight:950;letter-spacing:.06em}.footer{background:#060606;border-top:1px solid #1d1d1d;padding:34px 0 28px;color:#a9adb6}.footer-badges{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.footer-badges a{border:1px solid #242424;border-radius:30px;padding:11px 18px;color:#d9dce3;font-size:14px;font-weight:900;background:#101010}.footer-main{display:flex;align-items:center;gap:24px;border-top:1px solid #1b1b1b;padding-top:28px;margin-bottom:28px}.footer-main p{max-width:560px;font-weight:750;line-height:1.5}.footer-logo{width:130px;height:58px;box-shadow:0 0 38px rgba(0,118,189,.12)}.footer-logo span{height:31px;font-size:27px;line-height:31px}.footer-logo strong{height:27px;font-size:17px;line-height:27px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-bottom:25px}.footer-links h4{text-transform:uppercase;color:#747985;letter-spacing:.08em;font-size:13px;margin-bottom:18px}.footer-links a{display:block;color:#c7cad2;font-weight:850;margin-bottom:13px}.legal-note{border-top:1px solid #1b1b1b;padding-top:20px;color:#737984;font-size:13px;font-weight:700;line-height:1.5}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(18px);background:#111;color:#fff;border:1px solid #333;padding:13px 17px;font-weight:900;z-index:90;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.loading{position:fixed;inset:0;z-index:100;background:rgba(5,5,5,.94);display:none;align-items:center;justify-content:center;padding:20px}.loading.show{display:flex}.loading-card{width:min(480px,100%);background:#fff;color:#111;padding:30px;border:1px solid #d8d8d8;text-align:left}.spinner{width:42px;height:42px;border:5px solid #e5e5e5;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:18px}.loading-card h2{font-family:var(--display);text-transform:uppercase;font-size:30px;line-height:1.04;margin-bottom:9px}.loading-card p{color:#4e535b;font-weight:750;line-height:1.45}.checks{margin-top:20px;display:grid;gap:8px}.checks div{font-weight:900;color:#7a7d84}.checks div.active{color:#0b7f22}@keyframes moveBar{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:820px){.container{width:min(100% - 24px,1120px)}.brand-header{height:98px}.solo-logo{width:136px;height:60px}.solo-logo span{height:33px;font-size:29px;line-height:33px}.solo-logo strong{height:27px;font-size:18px;line-height:27px}.intro-grid{grid-template-columns:1fr;gap:24px;padding:38px 0 32px}.intro-copy h1{font-size:46px}.lead{font-size:16px}.intro-product{min-height:auto;padding:12px}.stats-strip{grid-template-columns:repeat(2,1fr)}.stats-strip div{border-bottom:1px solid var(--line)}.quiz-wrap{padding:16px;margin-top:28px}.quiz-topline h2{font-size:26px}.progress-meta b{font-size:28px}.question{padding:22px 16px;min-height:auto}.question h3{font-size:29px}.options{grid-template-columns:1fr}.options label{min-height:62px}.steps{grid-template-columns:repeat(2,1fr)}.footer-main{display:block}.footer-main p{margin-top:16px}.footer-links{grid-template-columns:repeat(2,1fr)}.topbar{font-size:13px}.topbar-track{gap:38px;animation-duration:18s}}
@media(max-width:430px){.intro-copy h1{font-size:38px}.product-caption{position:static;margin-top:10px}.intro-product{display:block}.product-caption strong{font-size:22px}.stats-strip strong{font-size:34px}.quiz-topline{display:block}.progress-meta{text-align:left;margin-top:12px}.footer-links{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.question h3{font-size:26px}}

/* ===== V6: rodapé próprio da página de encuesta ===== */
body{background:#0b0b0b;}
.brand-header{background:#ffffff!important;border-bottom:1px solid #e1e1e1!important;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.footer{background:linear-gradient(180deg,#eef2f5 0%,#dfe6ea 100%)!important;color:#25313a!important;border-top:6px solid #0076bd!important;padding:38px 0 30px!important}
.footer-quiz .footer-badges{border-bottom:1px solid rgba(20,35,46,.16)!important;padding-bottom:24px!important}
.footer-quiz .footer-badges a{background:#ffffff!important;border:1px solid rgba(10,25,35,.16)!important;color:#17232d!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.footer-main-context{border-top:0!important;border-bottom:1px solid rgba(20,35,46,.16)!important;padding:24px 0!important;margin:0 0 26px!important;align-items:center!important}
.footer-main-context b{display:block;color:#0a151d;font-weight:950;text-transform:uppercase;letter-spacing:.02em;margin-bottom:7px}
.footer-main-context p{color:#3d4a55!important;margin:0!important;max-width:760px!important}
.footer-quiz .footer-logo{box-shadow:0 8px 18px rgba(0,0,0,.10)!important;flex:0 0 auto}
.footer-quiz .footer-links h4{color:#0076bd!important}
.footer-quiz .footer-links a{color:#24313b!important}
.footer-quiz .footer-links a:hover{color:#0076bd!important;text-decoration:underline}
.footer-quiz .legal-note{border-top:1px solid rgba(20,35,46,.16)!important;color:#5b6872!important}
@media(max-width:820px){.footer-main-context{display:block!important}.footer-main-context>div{margin-top:16px}.footer-quiz .footer-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.footer-quiz .footer-links{grid-template-columns:1fr}}

/* ===== Logo oficial Solo Deportes enviada pelo usuário ===== */
.solo-logo,
.footer-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
}
.brand-logo-img{
  display:block!important;
  width:164px!important;
  height:auto!important;
  object-fit:contain!important;
}
.footer-logo .brand-logo-img{width:132px!important;}
@media(max-width:440px){
  .brand-logo-img{width:142px!important;}
  .footer-logo .brand-logo-img{width:126px!important;}
}