/* ===== MIDAS — Calculadora, Lead Magnet y FAQ ===== */

/* ---------- CALCULADORA DE RETORNO ---------- */
.calc{background:linear-gradient(180deg,var(--ink),var(--ink-1))}
.calc-card{position:relative;border-radius:var(--r-lg);padding:clamp(28px,4vw,44px);overflow:hidden;
  background:linear-gradient(165deg,rgba(20,20,26,.9),rgba(11,11,14,.95));
  border:1px solid var(--gold-line);box-shadow:var(--shadow)}
.calc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.calc-field{margin-bottom:26px}
.calc-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.calc-label span{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.calc-label b{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--gold)}
.calc-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:4px;background:rgba(255,255,255,.08);outline:none;cursor:pointer}
.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;cursor:pointer;
  background:linear-gradient(140deg,var(--gold-light),var(--gold-deep));border:2px solid var(--ink);
  box-shadow:0 3px 12px -2px rgba(201,168,76,.7)}
.calc-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid var(--ink);
  background:linear-gradient(140deg,var(--gold-light),var(--gold-deep))}
.calc-scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.68rem;color:var(--muted);margin-top:7px}
.calc-chips{display:flex;gap:8px;flex-wrap:wrap}
.calc-chip{padding:11px 20px;border-radius:var(--r-sm);font-size:.84rem;font-weight:600;color:var(--muted);
  background:rgba(255,255,255,.02);border:1px solid var(--line);cursor:pointer;transition:.25s var(--ease)}
.calc-chip:hover{border-color:var(--gold-line);color:var(--cream)}
.calc-chip.on{background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));border-color:transparent;color:#000}
.calc-out{padding:26px;border-radius:var(--r-md);background:rgba(255,255,255,.02);border:1px solid var(--line-soft)}
.calc-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line-soft)}
.calc-row:last-of-type{border-bottom:none}
.calc-row span{font-size:.88rem;color:var(--muted)}
.calc-row b{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--cream);letter-spacing:-.01em}
.calc-row.hero-row{padding:18px 0 15px}
.calc-row.hero-row b{font-size:2.4rem;color:var(--gold)}
.calc-row.green b{color:var(--green)}
.calc-bar{height:11px;border-radius:6px;overflow:hidden;display:flex;margin:20px 0 9px;background:rgba(255,255,255,.05)}
.calc-bar i{display:block;height:100%;transition:width .5s var(--ease-out)}
.calc-bar .b-cap{background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.calc-bar .b-gain{background:linear-gradient(90deg,var(--green-deep),var(--green))}
.calc-legend{display:flex;gap:18px;font-size:.72rem;color:var(--muted);flex-wrap:wrap}
.calc-legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.calc-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.calc-note{margin-top:18px;padding:13px 16px;border-radius:var(--r-sm);background:rgba(201,168,76,.05);
  border:1px solid var(--gold-line);font-size:.8rem;color:var(--muted);line-height:1.65}
.calc-note a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}

/* ---------- LEAD MAGNET ---------- */
.lead{padding:clamp(60px,8vh,90px) 0}
.lead-inner{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center;
  padding:clamp(32px,5vw,52px);border-radius:28px;overflow:hidden;
  background:linear-gradient(160deg,rgba(201,168,76,.09),rgba(201,168,76,.02));border:1px solid var(--gold-line)}
.lead-inner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,rgba(201,168,76,.13),transparent 60%)}
.lead-inner>*{position:relative;z-index:1}
.lead-cover{aspect-ratio:3/4;border-radius:var(--r-md);display:flex;flex-direction:column;justify-content:space-between;
  padding:26px 22px;background:linear-gradient(165deg,#15151a,#0a0a0c);border:1px solid var(--gold-line);
  box-shadow:0 26px 60px -20px rgba(0,0,0,.8);max-width:230px;transform:rotate(-3deg);transition:.5s var(--ease-out)}
.lead-inner:hover .lead-cover{transform:rotate(-1deg) translateY(-5px)}
.lead-cover-tag{font-family:var(--mono);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.lead-cover h4{font-family:var(--serif);font-size:1.45rem;font-weight:600;color:var(--cream);line-height:1.15;margin:auto 0}
.lead-cover h4 em{font-style:italic;color:var(--gold)}
.lead-cover-foot{font-size:.6rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.lead h2{font-family:var(--serif);font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:500;color:var(--cream);line-height:1.1;margin-bottom:14px}
.lead h2 em{font-style:italic;color:var(--gold)}
.lead>.container>.lead-inner p.lead-sub{font-size:1rem;color:var(--muted);line-height:1.65;margin-bottom:20px;max-width:46ch}
.lead-bullets{display:flex;flex-direction:column;gap:9px;margin-bottom:26px}
.lead-bullets li{display:flex;gap:11px;font-size:.9rem;color:var(--text);line-height:1.5}
.lead-bullets svg{width:16px;height:16px;min-width:16px;stroke:var(--green);fill:none;stroke-width:2.6;margin-top:3px}
.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.lead-form .fg{display:flex;flex-direction:column;gap:7px}
.lead-form input{padding:13px 16px;border-radius:var(--r-sm);background:rgba(255,255,255,.03);border:1px solid var(--line);
  color:var(--cream);font-size:.9rem;font-family:var(--sans);outline:none;transition:.3s}
.lead-form input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,168,76,.08)}
.lead-form input::placeholder{color:var(--muted)}
.lead-consent{grid-column:span 2;display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--muted);line-height:1.6;cursor:pointer}
.lead-consent input{width:17px;height:17px;min-width:17px;accent-color:var(--gold);margin-top:1px;padding:0}
.lead-consent a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.lead-submit{grid-column:span 2;padding:15px;border-radius:var(--r-sm);font-weight:700;font-size:.94rem;color:#000;
  background:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,var(--gold-deep));
  box-shadow:0 10px 28px -10px rgba(201,168,76,.5);transition:.3s var(--ease)}
.lead-submit:hover{transform:translateY(-2px)}
.lead-status{grid-column:span 2;font-size:.85rem;line-height:1.5;min-height:1.2em;text-align:center}
.lead-status.ok{color:var(--green)}
.lead-status.err{color:#E0896B}

/* ---------- FAQ ---------- */
.faq{background:linear-gradient(180deg,var(--ink-1),var(--ink))}
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-item{border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line-soft);overflow:hidden;transition:.3s var(--ease)}
.faq-item[open]{border-color:var(--gold-line);background:rgba(201,168,76,.03)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;
  font-size:1.02rem;font-weight:600;color:var(--cream);list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-family:var(--serif);font-size:1.6rem;color:var(--gold);line-height:1;transition:transform .3s var(--ease)}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:0 24px 22px;font-size:.94rem;color:var(--muted);line-height:1.75;margin:0;max-width:70ch}

@media(max-width:1024px){
  .calc-grid{grid-template-columns:1fr;gap:30px}
  .lead-inner{grid-template-columns:1fr;gap:32px}
  .lead-cover{margin:0 auto;transform:rotate(-2deg)}
}
@media(max-width:640px){
  .lead-form{grid-template-columns:1fr}
  .lead-consent,.lead-submit,.lead-status{grid-column:span 1}
  .calc-row.hero-row b{font-size:1.9rem}
  .faq-item summary{font-size:.94rem;padding:17px 18px}
  .faq-item p{padding:0 18px 18px}
}

/* ---------- TOGGLE DE IDIOMA ---------- */
.lang-switch{display:flex;align-items:center;gap:1px;padding:3px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line);flex-shrink:0}
.lang-switch button{padding:6px 11px;border-radius:6px;font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.06em;
  color:var(--muted);background:transparent;border:none;cursor:pointer;transition:.22s var(--ease)}
.lang-switch button:hover{color:var(--cream)}
.lang-switch button.on{background:linear-gradient(135deg,var(--gold-light),var(--gold-deep));color:#000}
@media(max-width:380px){.lang-switch button{padding:6px 8px;font-size:.66rem}}