/*
Theme Name: Max Consórcio Quiz
Theme URI: https://example.com/
Author: Max Business
Description: Quiz de consórcio convertido para tema WordPress.
Version: 2.5.0
Text Domain: max-consorcio
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --ink:#10100e;
  --warm:#f4f0e7;
  --gold:#d6b45a;
  --gold-dark:#9b7526;
  --green:#23493c;
  --white:#fffdf8;
}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;background:var(--warm);color:var(--ink);font-family:'Manrope',sans-serif}
button,input{font:inherit}
button{cursor:pointer;border:0}
a{text-decoration:none;color:inherit}
.max-shell{min-height:100vh}
.max-hidden{display:none!important}
.max-board{position:relative}
.max-board:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;
  background-image:linear-gradient(rgba(214,180,90,.7) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(214,180,90,.7) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(120deg,#000 0%,transparent 65%);
  mask-image:linear-gradient(120deg,#000 0%,transparent 65%);
}
.max-brand{display:flex;align-items:center;gap:11px;color:var(--warm);position:relative;z-index:2}
.max-brand-mark{position:relative;width:38px;height:34px;display:block}
.max-brand-mark:before,.max-brand-mark:after{
  position:absolute;top:2px;width:18px;height:29px;border-top:1px solid var(--gold);
  border-bottom:1px solid var(--gold);content:"";transform:skewY(-27deg)
}
.max-brand-mark:before{left:3px;border-left:1px solid var(--gold)}
.max-brand-mark:after{right:3px;border-right:1px solid var(--gold);transform:skewY(27deg)}
.max-brand small{font-size:11px;font-weight:800;letter-spacing:.12em}
.max-eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.max-gold{color:var(--gold)}
.max-gold-dark{color:var(--gold-dark)}
.max-title{
  max-width:650px;font-family:'DM Serif Display',serif;font-size:clamp(2.9rem,5.25vw,5.15rem);
  line-height:.94;letter-spacing:-.045em;margin:0
}
.max-title em{color:var(--gold);font-style:italic}
.max-serif{font-family:'DM Serif Display',serif}
.max-muted-warm{color:rgba(244,240,231,.65)}
.max-muted-ink{color:rgba(16,16,14,.58)}
.max-button-primary,.max-button-dark{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:4px;
  padding:16px 20px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  transition:.18s ease
}
.max-button-primary{background:var(--gold);color:var(--ink)}
.max-button-primary:hover{background:#e3c774}
.max-button-dark{background:var(--ink);color:var(--warm)}
.max-button-dark:hover{background:var(--green)}
.max-button-primary:active,.max-button-dark:active,.max-button-quiet:active{transform:scale(.98)}
.max-button-dark:disabled{opacity:.35;cursor:not-allowed}
.max-button-quiet{
  display:inline-flex;align-items:center;gap:9px;background:none;color:rgba(16,16,14,.52);
  font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase
}
.max-button-quiet:disabled{opacity:.2;cursor:not-allowed}
.max-pill{
  border:1px solid rgba(244,240,231,.14);border-radius:999px;padding:9px 13px
}

/* start */
.max-start{background:var(--ink);color:var(--warm)}
.max-start-grid{
  min-height:100vh;max-width:1280px;margin:auto;padding:20px;display:grid;grid-template-columns:.9fr 1.1fr;
  overflow:hidden;position:relative
}
.max-start-left{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:16px 64px 32px 0}
.max-start-copy{max-width:660px;padding:40px 0}
.max-start-copy p{font-size:16px;line-height:1.75}
.max-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:rgba(244,240,231,.55)}
.max-start-note{margin-top:16px;font-size:12px;color:rgba(244,240,231,.4)}
.max-start-foot{font-size:12px;color:rgba(244,240,231,.4);display:flex;gap:10px;align-items:center}
.max-hero-image{
  position:absolute;right:0;top:0;bottom:0;width:50%;
  background-image:linear-gradient(90deg,rgba(16,16,14,.1),rgba(16,16,14,.42)),
                   var(--max-hero-image);
  background-position:center;background-size:cover;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 18%);
  mask-image:linear-gradient(90deg,transparent 0%,black 18%);
}
.max-hero-caption{
  position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 24px 48px 0
}
.max-hero-caption-inner{
  display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  writing-mode:vertical-rl;color:var(--warm)
}
.max-hero-caption-inner b{font-family:'DM Serif Display',serif;font-size:30px;color:var(--gold);font-weight:400;letter-spacing:0}

/* quiz */
.max-quiz{background:var(--warm);color:var(--ink)}
.max-quiz-grid{min-height:100vh;max-width:1280px;margin:auto;display:grid;grid-template-columns:.35fr .65fr}
.max-aside{
  background:var(--ink);color:var(--warm);padding:40px;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden
}
.max-aside h2{font-family:'DM Serif Display',serif;font-size:40px;line-height:1.05;font-weight:400;max-width:330px;margin:16px 0 0}
.max-aside-copy{margin-top:80px}
.max-progress-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:rgba(244,240,231,.45);margin-bottom:12px}
.max-progress-bar{height:1px;background:rgba(244,240,231,.15)}
.max-progress-fill{height:1px;background:var(--gold);transition:width .3s ease}
.max-progress-note{margin-top:20px;max-width:320px;font-size:14px;line-height:1.7;color:rgba(244,240,231,.45)}
.max-content{min-height:100vh;padding:48px 80px;display:flex;flex-direction:column}
.max-content-top{display:flex;justify-content:space-between;align-items:center}
.max-exit{background:none;color:rgba(16,16,14,.45);font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.max-step-wrap{width:100%;max-width:720px;margin:auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 0}
.max-step-title{font-family:'DM Serif Display',serif;font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-.025em;font-weight:400;margin:16px 0 0}
.max-step-desc{max-width:600px;font-size:18px;line-height:1.7;color:rgba(16,16,14,.58);margin:20px 0 0}
.max-choices{margin-top:40px;display:flex;flex-direction:column;gap:12px}
.max-choice{
  display:flex;width:100%;align-items:center;gap:18px;border:1px solid rgba(16,16,14,.12);
  background:rgba(255,255,255,.38);padding:19px 20px;text-align:left;transition:.18s ease
}
.max-choice:hover{border-color:var(--gold-dark);background:rgba(255,255,255,.76);transform:translateX(4px)}
.max-choice.active{border-color:var(--gold-dark);background:rgba(214,180,90,.18)}
.max-choice strong{display:block;font-size:15px}
.max-choice small{display:block;margin-top:5px;color:rgba(16,16,14,.5);font-size:12px;line-height:1.4}
.max-choice-arrow{margin-left:auto;color:rgba(16,16,14,.35);font-size:26px}
.max-range-box{margin-top:48px;border:1px solid rgba(16,16,14,.1);border-radius:16px;background:rgba(255,255,255,.6);padding:28px}
.max-range-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}
.max-range-head span{font-size:14px;text-transform:uppercase;letter-spacing:.15em;color:rgba(16,16,14,.45)}
.max-range-head strong{font-family:'DM Serif Display',serif;font-size:40px;color:var(--gold-dark);font-weight:400}
.max-range{width:100%;accent-color:var(--gold-dark)}
.max-range-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:12px;color:rgba(16,16,14,.4)}
.max-contact{margin-top:40px;display:flex;flex-direction:column;gap:16px}
.max-field-label{display:block;color:rgba(16,16,14,.58);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.max-field-input{
  display:block;width:100%;margin-top:9px;border:1px solid rgba(16,16,14,.16);border-radius:3px;
  background:rgba(255,255,255,.6);padding:16px;color:var(--ink);font-size:16px;outline:none
}
.max-field-input:focus{border-color:var(--gold-dark);box-shadow:0 0 0 3px rgba(214,180,90,.18)}
.max-contact-note{font-size:12px;color:rgba(16,16,14,.45)}
.max-content-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(16,16,14,.1);padding-top:20px}
.max-step-enter{animation:maxStep .22s cubic-bezier(.23,1,.32,1) both}
@keyframes maxStep{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* complete */
.max-complete{min-height:100vh;background:var(--ink);color:var(--warm)}
.max-complete-grid{max-width:1152px;min-height:100vh;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:center;padding:40px 20px}
.max-complete h1{font-family:'DM Serif Display',serif;font-size:clamp(46px,5vw,72px);line-height:.98;font-weight:400}
.max-result{background:var(--warm);color:var(--ink);padding:clamp(28px,5vw,60px)}
.max-result-check{width:48px;height:48px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:24px}
.max-result h2{font-family:'DM Serif Display',serif;font-size:clamp(40px,4vw,56px);line-height:1.05;font-weight:400;margin:12px 0 0}
.max-result p{line-height:1.7;color:rgba(16,16,14,.65)}
.max-result .max-button-primary{width:100%;margin-top:22px}
.max-result-security{font-size:12px!important;color:rgba(16,16,14,.5)!important}

@media(max-width:1023px){
  .max-start-grid{display:block;padding:20px;min-height:100svh}
  .max-start-left{min-height:calc(100svh - 40px);padding:12px 0;justify-content:space-between}
  .max-hero-image,.max-hero-caption{display:none}
  .max-title{font-size:clamp(3rem,11vw,5rem)}
  .max-start-copy{padding:40px 0 28px}
  .max-quiz-grid{display:block}
  .max-aside{min-height:auto;padding:24px 20px}
  .max-aside-top .max-aside-copy{display:none}
  .max-progress-wrap{margin-top:24px}
  .max-progress-note{display:none}
  .max-content{min-height:calc(100svh - 175px);padding:24px 20px}
  .max-step-wrap{padding:36px 0}
  .max-step-title{font-size:clamp(38px,8vw,54px)}
  .max-complete-grid{grid-template-columns:1fr;gap:32px;padding:40px 20px}
}
@media(max-width:640px){
  .max-start-copy p{font-size:15px}
  .max-button-primary,.max-button-dark{width:100%}
  .max-pills{gap:8px}
  .max-pill{padding:8px 10px;font-size:10px}
  .max-aside{padding:20px 16px}
  .max-progress-meta{font-size:10px}
  .max-content{padding:20px 16px}
  .max-content-top{gap:12px}
  .max-step-wrap{padding:28px 0}
  .max-step-title{font-size:clamp(34px,10vw,46px)}
  .max-step-desc{font-size:15px}
  .max-choice{padding:16px 15px;gap:12px}
  .max-choice:hover{transform:none}
  .max-range-box{padding:20px 16px;margin-top:32px}
  .max-range-head{display:block;margin-bottom:26px}
  .max-range-head strong{display:block;margin-top:8px;font-size:34px}
  .max-content-bottom{position:sticky;bottom:0;background:var(--warm);padding:16px 0 max(16px,env(safe-area-inset-bottom));gap:12px}
  .max-content-bottom .max-button-dark{width:auto}
  .max-complete h1{font-size:44px}
  .max-result{padding:28px 20px}
  .max-result h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

.max-brand img{display:block;width:auto;height:42px;object-fit:contain}
@media(max-width:640px){.max-brand img{height:36px}}

.max-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(16,16,14,.1);background:rgba(16,16,14,.1);margin-top:28px}
.max-summary-item{min-width:0;background:rgba(255,255,255,.46);padding:13px 14px}
.max-summary-item span,.max-summary-contact span{display:block;color:rgba(16,16,14,.48);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.max-summary-item strong,.max-summary-contact strong{display:block;margin-top:5px;color:var(--ink);font-size:13px;line-height:1.35}
.max-summary-contact{border:1px solid rgba(16,16,14,.1);background:rgba(255,255,255,.46);padding:13px 14px;margin-top:14px}
.max-save-status{margin-top:12px;font-size:12px;color:rgba(16,16,14,.55)}
@media(max-width:640px){.max-summary-grid{grid-template-columns:1fr}}

/* Tela final atualizada */
.max-final-shell{
  display:flex;min-height:100vh;flex-direction:column;justify-content:center;gap:28px;
  margin:0 auto;max-width:760px;padding:32px 20px 48px
}
.max-final-brand{align-self:flex-start}
.max-result-direct{max-width:680px;align-self:center;width:100%}
.max-contact-summary{
  border:1px solid rgba(16,16,14,.14);background:rgba(255,255,255,.68);
  padding:18px 20px;margin-top:28px
}
.max-contact-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:20px;
  border-top:1px solid rgba(16,16,14,.11);padding-top:14px;margin-top:14px
}
.max-contact-row span{
  color:rgba(16,16,14,.62);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase
}
.max-contact-row strong{color:var(--ink);font-size:16px;text-align:right}
.max-result-lead{max-width:560px;color:rgba(16,16,14,.72);font-size:16px;line-height:1.65}
.max-result-lead strong{color:var(--ink)}
.max-result-helper{color:rgba(16,16,14,.58)!important;font-size:12px!important;margin-top:12px!important}
.max-result-direct .max-button-primary{width:100%;margin-top:28px}
.max-save-status{font-size:12px;color:rgba(16,16,14,.55);margin-top:12px}
@media(max-width:640px){
  .max-final-shell{padding:24px 16px 36px}
  .max-contact-row{display:block}
  .max-contact-row strong{display:block;margin-top:5px;text-align:left}
  .max-result-direct{padding:28px 20px}
}


/* Correção de cor no mobile / Safari / Chrome */
html,
body,
main,
section,
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
strong,
small,
button,
input,
select,
textarea {
  -webkit-text-fill-color: currentColor;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration-color: currentColor;
}

a[x-apple-data-detectors],
a[x-apple-data-detectors-type],
[x-apple-data-detectors],
[data-detectable-phone],
[data-detectable-email] {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-decoration: none !important;
  font: inherit !important;
}

input,
textarea,
select,
button {
  color: var(--ink);
}

.max-start,
.max-start *,
.max-aside,
.max-aside *,
.max-complete,
.max-complete * {
  color: inherit;
}

.max-quiz,
.max-quiz *,
.max-content,
.max-content * {
  color: var(--ink);
}

.max-gold,
.max-gold *,
.max-eyebrow.max-gold,
.max-eyebrow.max-gold-dark,
.max-result-check {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
}

.max-gold-dark,
.max-gold-dark * {
  color: var(--gold-dark) !important;
  -webkit-text-fill-color: var(--gold-dark) !important;
}

/* Mantém textos escuros no conteúdo claro */
.max-quiz a,
.max-quiz p,
.max-quiz span,
.max-quiz strong,
.max-quiz small,
.max-quiz label,
.max-quiz h1,
.max-quiz h2,
.max-quiz h3,
.max-result a,
.max-result p,
.max-result span,
.max-result strong,
.max-result label,
.max-result h1,
.max-result h2,
.max-result h3 {
  color: var(--ink);
  -webkit-text-fill-color: var(--ink);
}

/* Mantém textos claros nas áreas escuras */
.max-start a,
.max-start p,
.max-start span,
.max-start strong,
.max-start small,
.max-start h1,
.max-start h2,
.max-start h3,
.max-aside a,
.max-aside p,
.max-aside span,
.max-aside strong,
.max-aside small,
.max-aside h1,
.max-aside h2,
.max-aside h3,
.max-complete > .max-final-shell > .max-brand,
.max-complete > .max-final-shell > .max-brand * {
  color: var(--warm);
  -webkit-text-fill-color: var(--warm);
}

@media (max-width: 1023px) {
  body,
  .max-quiz,
  .max-content,
  .max-result {
    color: var(--ink) !important;
    -webkit-text-fill-color: var(--ink) !important;
  }

  .max-start,
  .max-aside,
  .max-complete {
    color: var(--warm) !important;
    -webkit-text-fill-color: var(--warm) !important;
  }

  a,
  a:visited,
  a:hover,
  a:active {
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
  }
}


/* v2.2 - corrige títulos azuis dos cards no Safari/iPhone */
.max-choice,
.max-choice:link,
.max-choice:visited,
.max-choice:hover,
.max-choice:active,
.max-choice:focus,
.max-choice strong,
.max-choice span strong {
  color: #10100e !important;
  -webkit-text-fill-color: #10100e !important;
  text-decoration: none !important;
}

.max-choice small,
.max-choice span small {
  color: rgba(16,16,14,.50) !important;
  -webkit-text-fill-color: rgba(16,16,14,.50) !important;
}

@media (max-width: 1023px) {
  button.max-choice,
  button.max-choice strong,
  button.max-choice span strong {
    color: #10100e !important;
    -webkit-text-fill-color: #10100e !important;
  }
}


/* v2.3 - correção definitiva das cores dos botões no mobile */

/* Botão principal escuro: fundo preto + texto claro */
.max-button-dark,
.max-button-dark span,
button.max-button-dark,
button.max-button-dark span {
  background: #10100e !important;
  color: #f4f0e7 !important;
  -webkit-text-fill-color: #f4f0e7 !important;
}

/* Botão principal escuro desativado */
.max-button-dark:disabled,
button.max-button-dark:disabled {
  background: #a9a8a3 !important;
  color: #f4f0e7 !important;
  -webkit-text-fill-color: #f4f0e7 !important;
  opacity: 1 !important;
}

/* Botão voltar */
.max-button-quiet,
.max-button-quiet span,
button.max-button-quiet,
button.max-button-quiet span {
  color: #10100e !important;
  -webkit-text-fill-color: #10100e !important;
}

/* Botão voltar desabilitado */
.max-button-quiet:disabled,
button.max-button-quiet:disabled {
  color: rgba(16,16,14,.18) !important;
  -webkit-text-fill-color: rgba(16,16,14,.18) !important;
}

/* Botão dourado */
.max-button-primary,
.max-button-primary span,
a.max-button-primary,
button.max-button-primary {
  background: #d6b45a !important;
  color: #10100e !important;
  -webkit-text-fill-color: #10100e !important;
}

/* Safari/iPhone: impede herança errada de cor dentro dos botões */
@media (max-width: 1023px) {
  .max-content-bottom .max-button-dark,
  .max-content-bottom .max-button-dark *,
  .max-content-bottom button.max-button-dark,
  .max-content-bottom button.max-button-dark * {
    color: #f4f0e7 !important;
    -webkit-text-fill-color: #f4f0e7 !important;
  }

  .max-content-bottom .max-button-quiet,
  .max-content-bottom .max-button-quiet *,
  .max-content-bottom button.max-button-quiet,
  .max-content-bottom button.max-button-quiet * {
    color: #10100e !important;
    -webkit-text-fill-color: #10100e !important;
  }

  .max-content-bottom .max-button-quiet:disabled,
  .max-content-bottom button.max-button-quiet:disabled {
    color: rgba(16,16,14,.18) !important;
    -webkit-text-fill-color: rgba(16,16,14,.18) !important;
  }

  .max-content-bottom .max-button-dark:disabled,
  .max-content-bottom button.max-button-dark:disabled {
    background: #a9a8a3 !important;
    color: #f4f0e7 !important;
    -webkit-text-fill-color: #f4f0e7 !important;
  }
}

/* v2.4 - clientes contemplados */
.max-contemplated-section{position:relative;z-index:3;background:var(--warm);color:var(--ink);padding:72px max(24px,calc((100vw - 1180px)/2))}
.max-contemplated-intro{max-width:700px}
.max-contemplated-intro h2{margin:12px 0 0;font-family:'DM Serif Display',serif;font-size:clamp(42px,5vw,64px);line-height:1.05;font-weight:400;letter-spacing:-.025em;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.max-contemplated-intro>p:last-child{margin:18px 0 0;max-width:620px;font-size:16px;line-height:1.7;color:rgba(16,16,14,.65)!important;-webkit-text-fill-color:rgba(16,16,14,.65)!important}
.max-contemplated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}
.max-contemplated-card{margin:0;overflow:hidden;border:1px solid rgba(16,16,14,.12);background:#fffdf8}
.max-contemplated-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.max-contemplated-card figcaption{padding:18px 20px;font-size:14px;line-height:1.5;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.max-contemplated-cta{margin-top:30px}
@media(max-width:640px){
 .max-contemplated-section{padding:52px 16px}
 .max-contemplated-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}
 .max-contemplated-cta,.max-contemplated-cta *{color:#f4f0e7!important;-webkit-text-fill-color:#f4f0e7!important}
 .max-contemplated-cta{width:100%!important}
}


/* v2.5 - fotos de clientes sem corte */
.max-contemplated-card{
  display:flex;
  flex-direction:column;
}

.max-contemplated-card img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fffdf8;
}

@media(max-width:640px){
  .max-contemplated-card img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:auto !important;
    object-fit:contain !important;
  }
}