/* =========================================================================
   IMPÉRIO PATRIMONIAL — Plano Patrimonial embutido na Home
   -------------------------------------------------------------------------
   Todo o visual é o mesmo já aprovado da página standalone (private
   banking / wealth management), mas com classes prefixadas ".plano-"
   para nunca colidir com .btn/.eyebrow/.container/etc já usados no
   resto do site. Usa as variáveis de cor já globais do styles.css
   (--navy-950, --gold-400, --font-display, etc — nenhuma nova cor).
   ========================================================================= */

.plano-wrap{
  display:none;
  animation:plano-rise .5s var(--ease);
}
.plano-wrap.is-active{display:block}

.plano-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:none;
  border:none;
  padding:0;
  margin-bottom:32px;
  color:var(--gray-300);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:color .25s;
}
.plano-back:hover{color:var(--gold-400)}

@keyframes plano-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---- Progresso do wizard ---- */
.plano-progress-wrap{margin-bottom:44px}
.plano-progress-head{display:flex;justify-content:space-between;color:var(--gray-300);font-size:10px;letter-spacing:.14em}
.plano-progress{height:2px;background:rgba(255,255,255,.09);margin-top:12px}
.plano-progress span{display:block;height:100%;width:16.66%;background:var(--gold-400);transition:width .45s var(--ease)}

/* ---- Etapas ---- */
.plano-step-eyebrow{color:var(--gold-400);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.plano-step h3{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(26px,4vw,38px);line-height:1.15;
  max-width:640px;margin:14px 0 8px;color:var(--white);
}
.plano-step-copy{color:var(--gray-300);margin:0 0 28px;max-width:560px;line-height:1.7;font-size:14.5px}
.plano-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.plano-choice-grid.is-compact{grid-template-columns:repeat(2,1fr)}
.plano-choice{
  appearance:none;text-align:left;color:var(--white);
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.12);
  min-height:96px;padding:20px;border-radius:2px;
  transition:.25s border-color,.25s background,.25s transform;
  font-family:var(--font-body);
  display:flex;align-items:center;
}
.plano-choice:hover{transform:translateY(-2px);border-color:rgba(200,162,76,.6);background:rgba(200,162,76,.055)}
.plano-choice.is-selected{border-color:var(--gold-400);background:rgba(200,162,76,.10);box-shadow:inset 0 0 0 1px rgba(200,162,76,.25)}
.plano-choice strong{font-family:var(--font-display);font-weight:400;font-size:17px;display:block}
.plano-choice small{display:block;color:var(--gray-300);font-size:11.5px;margin-top:6px;line-height:1.5}
@media(max-width:640px){
  .plano-choice-grid,.plano-choice-grid.is-compact{grid-template-columns:1fr}
  .plano-choice{min-height:auto}
}

.plano-nav{display:flex;justify-content:space-between;margin-top:36px;border-top:1px solid rgba(255,255,255,.08);padding-top:26px}
@media(max-width:480px){.plano-nav{gap:12px}.plano-nav .btn{flex:1;padding-inline:16px}}

/* ---- Resultado ---- */
.plano-result-hero h2{
  font-size:clamp(28px,4.2vw,44px);line-height:1.18;margin:14px 0 0;
  letter-spacing:-.01em;max-width:680px;color:var(--white);
  font-family:var(--font-display);font-weight:400;
}
.plano-result-hero h2 em{font-style:normal;color:var(--gold-400)}

.plano-panel{
  margin-top:48px;padding:clamp(28px,4.5vw,48px) 0;
  border-top:1px solid var(--line-on-dark);border-bottom:1px solid var(--line-on-dark);
}
.plano-ref{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-500)}
.plano-hero-number{margin-top:20px}
.plano-hero-label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400);margin-bottom:12px}
.plano-hero-value{
  display:block;font-family:var(--font-display);font-weight:400;
  font-size:clamp(38px,7vw,72px);line-height:1;letter-spacing:-.01em;color:var(--white);
}
.plano-data-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}
.plano-data-item{padding-right:20px;border-right:1px solid rgba(255,255,255,.08)}
.plano-data-item:last-child{border-right:0;padding-right:0}
.plano-data-label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);margin-bottom:8px}
.plano-data-value{display:block;font-family:var(--font-display);font-weight:400;font-size:16.5px;line-height:1.3;color:var(--white)}
@media(max-width:680px){
  .plano-data-row{grid-template-columns:1fr;gap:18px;margin-top:28px;padding-top:22px}
  .plano-data-item{border-right:0;padding-right:0;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
  .plano-data-item:last-child{border-bottom:0;padding-bottom:0}
}

/* ---- Crédito analisado / parcela ---- */
.plano-credit{margin-top:36px;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}
.plano-credit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.plano-credit-value{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(20px,2.6vw,26px);color:var(--white)}
.plano-credit-value--gold{color:var(--gold-400)}
.plano-credit-special{
  background:rgba(200,162,76,.07);border:1px solid var(--line-on-dark);
  padding:22px 24px;border-radius:2px;
}
.plano-credit-special p{color:var(--gray-200,#dbe0e8);line-height:1.7;font-size:14.5px;margin:0}
@media(max-width:680px){.plano-credit-grid{grid-template-columns:1fr;gap:18px}}

/* ---- Jornada ---- */
.plano-journey{margin-top:64px;max-width:900px}
.plano-journey-steps{list-style:none;margin:32px 0 0;padding:0;display:flex;align-items:flex-start;gap:0}
.plano-journey-step{flex:1;position:relative;padding-top:28px;padding-right:16px}
.plano-journey-step::before{content:"";position:absolute;top:10px;left:0;right:16px;height:1px;background:rgba(200,162,76,.28)}
.plano-journey-step:last-child{padding-right:0}
.plano-journey-step:last-child::before{right:0}
.plano-journey-num{position:absolute;top:-2px;left:0;font-family:var(--font-display);font-size:12px;color:var(--gold-400);background:var(--navy-950);padding-right:9px}
.plano-journey-text{display:block;font-size:12.5px;line-height:1.5;color:var(--gray-300);max-width:140px}
@media(max-width:680px){
  .plano-journey-steps{flex-direction:column;gap:22px}
  .plano-journey-step{padding-top:0;padding-left:30px;padding-right:0;width:100%}
  .plano-journey-step::before{top:6px;left:8px;right:auto;width:1px;height:calc(100% + 16px)}
  .plano-journey-step:last-child::before{display:none}
  .plano-journey-num{top:-2px;left:0;background:transparent;padding-right:0}
  .plano-journey-text{max-width:none}
}

/* ---- Diagnóstico ---- */
.plano-diagnostic{margin-top:64px;max-width:640px;padding-left:20px;border-left:2px solid var(--gold-500)}
.plano-diag-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-400)}
.plano-diagnostic h4{font-family:var(--font-display);font-weight:400;font-size:clamp(20px,2.6vw,25px);line-height:1.3;margin:12px 0 10px;color:var(--white)}
.plano-diagnostic p{color:var(--gray-300);line-height:1.75;margin:0;font-size:14.5px}

/* ---- Consórcio ---- */
.plano-consorcio{margin-top:64px;max-width:640px}
.plano-consorcio p{color:var(--gray-300);line-height:1.8;font-size:14.5px;margin:12px 0 0}
.plano-consorcio p:first-of-type{margin-top:12px}
.plano-consorcio em{font-style:italic;color:var(--gold-300)}

/* ---- Próximo passo / formulário ---- */
.plano-lead{margin-top:64px;background:var(--off-white);color:var(--navy-950);padding:clamp(24px,4.5vw,44px);border-radius:2px}
.plano-lead h4{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,3.2vw,30px);line-height:1.25;margin:12px 0;color:var(--navy-950)}
.plano-lead h4 em{font-style:normal;color:var(--gold-500)}
.plano-lead>p{color:var(--gray-600);max-width:600px;line-height:1.7;font-size:14.5px}
.plano-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.plano-lead label{display:block;color:var(--gray-700);font-size:11.5px;font-weight:700;margin-top:16px}
.plano-lead input{width:100%;border:1px solid #dcd8cd;background:#fff;padding:14px 13px;margin-top:6px;outline:none;border-radius:2px;font-size:15px;font-family:var(--font-body)}
.plano-lead input:focus{border-color:var(--gold-500);box-shadow:0 0 0 2px rgba(200,162,76,.12)}
.plano-lead .btn{width:100%;justify-content:center;margin-top:20px}
.plano-lead .plano-micro{color:var(--gray-500)}
@media(max-width:560px){.plano-field-grid{grid-template-columns:1fr}}

.plano-micro{font-size:11px;line-height:1.6;color:var(--gray-500);max-width:600px;margin:18px 0 0}

/* aviso de sucesso/erro do CRM dentro da caixa clara */
.plano-lead .sim-toast{text-align:left}
.plano-lead .sim-toast--success{background:rgba(200,162,76,.14);border-color:rgba(200,162,76,.4);color:var(--navy-950)}
.plano-lead .sim-toast--error{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.14);color:var(--gray-700)}
.plano-lead .sim-toast button{color:var(--gold-500)}
.plano-lead .sim-toast button:hover{color:var(--navy-950)}

/* ---- Meu Império teaser ---- */
.plano-imperio{margin-top:48px;padding:clamp(24px,3.5vw,36px);border:1px solid var(--line-on-dark);text-align:center;border-radius:2px}
.plano-imperio-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-400);border:1px solid rgba(200,162,76,.35);border-radius:99px;padding:8px 16px}
.plano-imperio-badge em{font-style:normal;color:var(--gray-500);padding-left:8px;border-left:1px solid rgba(255,255,255,.15)}
.plano-imperio h5{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,2.2vw,22px);line-height:1.35;margin:18px 0 8px;color:var(--white)}
.plano-imperio p{color:var(--gray-400);font-size:13px;line-height:1.7;max-width:460px;margin:0 auto}

.plano-restart{display:block;margin:40px auto 0;background:none;border:0;color:var(--gray-300);text-decoration:underline;text-underline-offset:4px;font-size:13px;cursor:pointer}
.plano-restart:hover{color:var(--gold-400)}