/* ===== LOYALTY-PROGRAM-SPECIFIC ===== */

/* ===== DRAFT BANNER (quitar antes de publicar) ===== */
.draft{position:fixed;bottom:0;left:0;width:100%;background:#3a2f10;color:var(--oro-brillo);font-size:12px;text-align:center;padding:8px 16px;letter-spacing:.5px;z-index:50}
.draft b{color:#fff}

/* ===== PASOS ===== */
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.paso{background:var(--panel);border:1px solid var(--borde);border-radius:16px;padding:28px 22px;position:relative;transition:.25s}
.paso:hover{border-color:var(--oro);transform:translateY(-4px)}
.paso .n{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:54px;line-height:1;background:linear-gradient(180deg,var(--oro-brillo),var(--oro));-webkit-background-clip:text;background-clip:text;color:transparent}
.paso .tt{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;font-size:20px;margin:14px 0 6px;letter-spacing:.5px}
.paso .dd{font-size:14px;color:#9fc4ad}
.paso .dd b{color:#fff}
/* ===== NIVELES ===== */
.niveles-wrap{padding-top:70px}
.escalera{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;margin-top:50px}
.nivel{border-radius:14px 14px 0 0;padding:20px 12px 18px;text-align:center;position:relative;border:1px solid var(--borde);border-bottom:3px solid var(--verde-luz);background:linear-gradient(180deg,var(--panel),#081810);transition:.25s;cursor:pointer}
.nivel:hover{transform:translateY(-6px)}
.nivel .ico{font-size:26px;margin-bottom:6px}
.nivel .nm{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;font-size:17px;letter-spacing:.5px;line-height:1.15}
.nivel .lv{font-size:10px;color:#7fae93;text-transform:uppercase;letter-spacing:2px;margin-top:4px}
.nivel .cb{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:26px;color:var(--verde-luz);margin-top:10px;line-height:1.15}
.nivel .cb small{font-size:11px;display:block;font-weight:600;color:#7fae93;font-style:normal;font-family:'Hanken Grotesk',sans-serif;letter-spacing:0}
/* alturas de escalera */
.nivel.h1{padding-top:20px}.nivel.h2{padding-top:32px}.nivel.h3{padding-top:44px}.nivel.h4{padding-top:56px}.nivel.h5{padding-top:68px}.nivel.h6{padding-top:80px}
.nivel.h7{padding-top:96px;border-color:var(--oro);border-bottom-color:var(--oro);background:linear-gradient(180deg,#241c08,#0d0a03)}
.nivel.h7 .nm{background:linear-gradient(180deg,var(--oro-brillo),var(--oro));-webkit-background-clip:text;background-clip:text;color:transparent}
.nivel.h7 .cb{color:var(--oro-brillo)}
.nivel.h6,.nivel.h5{border-bottom-color:var(--oro)}
.nivel.h7::before{content:"★ MÁXIMO NIVEL";position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:var(--oro);font-weight:800;white-space:nowrap}

/* ===== TABLA DE REQUISITOS ===== */
.req-tabla{margin-top:60px;overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:720px;border-radius:14px;overflow:hidden}
thead th{background:var(--verde-osc);font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:14px;padding:16px;text-align:left;color:var(--oro-brillo)}
tbody td{padding:15px 16px;border-bottom:1px solid var(--borde);font-size:15px;background:rgba(12,32,21,.6)}
tbody tr:last-child td{border-bottom:none;background:rgba(36,28,8,.55)}
tbody tr:last-child .tnm{color:var(--oro-brillo)}
.tnm{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;font-size:17px;letter-spacing:.5px}
td.num{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;color:#cfe6d8}
td.cbnum{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;color:var(--verde-luz);font-size:18px}
tbody tr:last-child td.cbnum{color:var(--oro-brillo)}
.tabla-nota{font-size:12px;color:#5f8770;margin-top:12px}

/* ===== CASHBACK ===== */
.cash{background:linear-gradient(120deg,var(--verde-osc),#081810);border:1px solid var(--oro);border-radius:22px;padding:54px 6vw;max-width:1200px;margin:30px auto;display:flex;gap:40px;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}
.cash::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,76,.18),transparent 70%)}
.cash .tx{flex:1;min-width:280px;position:relative;z-index:2}
.cash ul{list-style:none;margin-top:18px}
.cash li{padding:10px 0;border-bottom:1px dashed rgba(201,162,76,.25);font-size:16px;color:#cfe6d8;display:flex;gap:12px;align-items:baseline}
.cash li::before{content:"◆";color:var(--oro);font-size:11px}
.cash li b{color:#fff}
.cash .big{flex:0 0 300px;text-align:center;position:relative;z-index:2}
.cash .big .pct{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:110px;line-height:1;background:linear-gradient(180deg,var(--oro-brillo) 0%,var(--oro) 50%,#8a6b2a 80%,var(--oro-brillo) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 16px rgba(201,162,76,.4))}
.cash .big .lbl{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-top:10px;color:#cfe6d8}
/* ===== FAQ ===== */
.faq{max-width:800px}
details{background:var(--panel);border:1px solid var(--borde);border-radius:12px;margin-bottom:12px;overflow:hidden}
summary{cursor:pointer;padding:18px 22px;font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:.5px;list-style:none;display:flex;justify-content:space-between;align-items:center}
summary::after{content:"+";color:var(--oro);font-size:24px;font-weight:400}
details[open] summary::after{content:"−"}
details[open]{border-color:var(--oro)}
details p{padding:0 22px 20px;color:#9fc4ad;font-size:15px}
details p b{color:#fff}

/* ===== TYC ===== */
.tyc{max-width:860px}
.tyc-lista{margin-top:24px;counter-reset:cl;list-style:none}
.tyc-lista li{position:relative;padding:16px 0 16px 62px;border-bottom:1px solid var(--borde);font-size:14px;color:#9fc4ad;counter-increment:cl}
.tyc-lista li::before{content:counter(cl,decimal-leading-zero);position:absolute;left:0;top:14px;width:46px;text-align:left;font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:22px;color:var(--oro);line-height:1.15}
.tyc-lista li b{color:#fff}
.pd{display:inline-block;background:#3a2f10;color:var(--oro-brillo);font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;margin-left:4px}

/* ===== CALCULADORA ===== */
.calc-sec{max-width:760px}
.calc{background:var(--panel);border:1px solid var(--oro);border-radius:20px;padding:34px;margin-top:30px;box-shadow:0 12px 44px rgba(0,0,0,.4)}
.calc label{font-size:14px;color:#9fc4ad;display:block;margin-bottom:10px}
.calc-row{display:flex;gap:10px;align-items:stretch}
.peso{display:flex;align-items:center;font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:26px;color:var(--oro)}
#dep{flex:1;background:#081810;border:1px solid var(--borde);border-radius:10px;color:#fff;font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;font-size:26px;padding:12px 16px;min-width:0}
#dep:focus{outline:none;border-color:var(--oro)}
.calc-btn{border:none;cursor:pointer;font-size:16px;padding:12px 30px}
.calc-out{margin-top:26px;border-top:1px dashed rgba(201,162,76,.3);padding-top:22px;text-align:center}
.co-nivel{font-size:15px;color:#9fc4ad}
.co-nivel b{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;text-transform:uppercase;font-size:22px;color:var(--oro-brillo);letter-spacing:1px}
.co-pct{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:800;font-size:84px;line-height:1.05;margin-top:8px;background:linear-gradient(180deg,var(--oro-brillo) 0%,var(--oro) 55%,#8a6b2a 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-lbl{font-family:'Saira Condensed',sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:14px;color:#cfe6d8;margin-top:6px}
.co-ej{margin-top:14px;font-size:14px;color:#9fc4ad}
.co-ej b{color:var(--verde-luz)}

/* ===== CTA FINAL ===== */
.final{text-align:center;padding:90px 6vw}
.final h2{font-size:clamp(36px,5vw,60px)}

@media(max-width:900px){
  .pasos{grid-template-columns:repeat(2,1fr)}
  .escalera{grid-template-columns:repeat(4,1fr)}
  .nivel.h1,.nivel.h2,.nivel.h3,.nivel.h4,.nivel.h5,.nivel.h6{padding-top:24px}
  .nivel.h7{padding-top:34px;grid-column:span 4}
}
@media(max-width:560px){
  .pasos{grid-template-columns:1fr}
  .escalera{grid-template-columns:repeat(2,1fr)}
  .nivel.h7{grid-column:span 2}
  .cash .big .pct{font-size:80px}
}