:root{--panel:rgba(10,18,45,.88);--panel-strong:rgba(15,32,72,.96);--text:#f5f8ff;--muted:#b9c6e4;--cyan:#18d8ff;--blue:#2176ff;--green:#33e17c;--gold:#ffd44d;--line:rgba(255,255,255,.14);--shadow:0 24px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,rgba(24,216,255,.2),transparent 34rem),radial-gradient(circle at top right,rgba(255,212,77,.18),transparent 30rem),linear-gradient(140deg,#050817 0%,#081636 48%,#06111f 100%)}.bonus-app{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 48px}.bonus-hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch;padding:30px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(120deg,rgba(13,24,60,.94),rgba(6,14,35,.82)),linear-gradient(90deg,rgba(24,216,255,.12),rgba(255,212,77,.1));box-shadow:var(--shadow)}.bonus-eyebrow,.panel-kicker{display:inline-flex;width:fit-content;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.bonus-hero h1,.panel-heading h2{margin:8px 0 0;letter-spacing:0}.bonus-hero h1{max-width:760px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.94}.bonus-hero p{max-width:730px;margin:18px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.65}.bonus-hero__formula{display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:24px;border:1px solid rgba(24,216,255,.35);border-radius:8px;background:rgba(3,11,29,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}.bonus-hero__formula span,.result-card span{color:var(--muted);font-weight:700}.bonus-hero__formula strong{margin:12px 0;color:#fff;font-size:1.5rem;line-height:1.22}.bonus-hero__formula small,.result-card small,.rate-option small,.reference-frame figcaption{color:var(--muted)}.bonus-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;margin-top:22px}.bonus-calculator,.bonus-guide,.requirements-section,.levels-section,.reference-section{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:24px}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:clamp(1.4rem,2vw,2rem)}.field{display:grid;gap:8px}.field span{color:var(--muted);font-weight:800}.field input{width:100%;min-height:58px;padding:0 18px;border:1px solid rgba(24,216,255,.35);border-radius:8px;outline:none;color:var(--text);font-size:1.35rem;font-weight:800;background:rgba(2,8,22,.82)}.field input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,212,77,.16)}.rate-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.rate-option{position:relative;min-height:112px;padding:16px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:rgba(255,255,255,.05);transition:transform .16s ease,border-color .16s ease,background .16s ease}.rate-option:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.rate-option input{position:absolute;inset:14px 14px auto auto;accent-color:var(--gold)}.rate-option span{display:grid;gap:8px;padding-right:24px}.rate-option strong{font-size:1.02rem}.rate-option--retention:has(input:checked){border-color:rgba(24,216,255,.86);background:linear-gradient(135deg,rgba(24,116,255,.3),rgba(24,216,255,.1))}.rate-option--upgrade:has(input:checked){border-color:rgba(51,225,124,.86);background:linear-gradient(135deg,rgba(51,225,124,.28),rgba(255,212,77,.1))}.result-card{display:grid;gap:6px;margin-top:18px;padding:20px;border:1px solid rgba(255,212,77,.44);border-radius:8px;background:linear-gradient(135deg,rgba(255,212,77,.16),rgba(24,216,255,.08))}.result-card strong{color:var(--gold);font-size:clamp(2.4rem,5vw,4rem);line-height:1}.guide-card{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045)}.guide-card+.guide-card{margin-top:12px}.guide-icon{display:grid;place-items:center;min-height:58px;border-radius:8px;color:#06111f;font-weight:950}.guide-card--retention .guide-icon{background:linear-gradient(135deg,var(--cyan),var(--blue))}.guide-card--upgrade .guide-icon{background:linear-gradient(135deg,var(--green),var(--gold))}.guide-card h3,.requirement-card h3{margin:0;letter-spacing:0}.guide-card p{margin:8px 0 0;color:var(--muted);line-height:1.5}.requirements-section,.levels-section,.reference-section{margin-top:22px}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.requirement-card{min-height:150px;padding:18px;border:1px solid rgba(24,216,255,.28);border-radius:8px;background:var(--panel-strong)}.requirement-number{display:inline-grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:8px;color:#06111f;font-weight:950;background:var(--gold)}.requirement-card strong{display:block;margin-top:10px;color:var(--cyan);font-size:1.2rem}.requirement-card--date strong{color:var(--gold)}.levels-table{overflow:hidden;border:1px solid rgba(24,216,255,.26);border-radius:8px}.levels-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-height:44px;border-top:1px solid rgba(255,255,255,.1)}.levels-row:first-child{border-top:0}.levels-row>*{display:flex;align-items:center;padding:10px 14px;font-style:normal}.levels-row--head{color:#06111f;font-weight:950;background:linear-gradient(90deg,var(--gold),var(--cyan))}.levels-row:not(.levels-row--head){background:rgba(255,255,255,.035)}.levels-row strong{color:var(--green)}.levels-row em{color:var(--cyan);font-weight:800}.reference-frame{margin:0}.reference-frame img{display:block;width:100%;height:auto;border:1px solid rgba(255,212,77,.34);border-radius:8px;background:rgba(0,0,0,.26)}.reference-frame figcaption{margin-top:10px;line-height:1.4}@media (max-width:900px){.bonus-hero,.bonus-grid,.requirements-grid{grid-template-columns:1fr}.bonus-hero{padding:22px}}@media (max-width:640px){.bonus-app{width:min(100% - 20px,1180px);padding-top:16px}.bonus-calculator,.bonus-guide,.requirements-section,.levels-section,.reference-section{padding:18px}.rate-picker,.guide-card,.levels-row{grid-template-columns:1fr}.guide-icon{width:78px}.levels-row{gap:0;padding:8px 0}.levels-row--head{display:none}.levels-row>*{min-height:34px;justify-content:space-between}.levels-row>*::before{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.levels-row>span:first-child::before{content:"Nivel"}.levels-row>span:nth-child(2)::before{content:"Diamantes"}.levels-row>strong::before{content:"Subida"}.levels-row>em::before{content:"Retencion"}}

.calculator-stack{display:grid;gap:18px}.bonus-calculator--activity{border-color:rgba(255,212,77,.28);background:linear-gradient(135deg,rgba(10,18,45,.94),rgba(23,20,46,.9))}.calculator-note{margin:-6px 0 18px;color:var(--muted);line-height:1.5}.activity-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.result-card--activity{border-color:rgba(51,225,124,.42);background:linear-gradient(135deg,rgba(51,225,124,.13),rgba(255,212,77,.1))}@media (max-width:640px){.activity-fields{grid-template-columns:1fr}}
.mini-requirements{margin:16px 0 18px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.045)}.mini-requirements span{display:block;margin-bottom:10px;color:var(--gold);font-size:.82rem;font-weight:900;text-transform:uppercase}.mini-requirements ul{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted);line-height:1.45}.mini-requirements--rank{border-color:rgba(24,216,255,.24)}.mini-requirements--activity{border-color:rgba(51,225,124,.28)}
/* Layout compacto para dos incentivos */
.bonus-app{padding:24px 0 36px}.bonus-hero{padding:22px 24px}.bonus-hero h1{font-size:clamp(2rem,4vw,3.7rem)}.bonus-hero p{margin-top:12px;font-size:.98rem;line-height:1.5}.bonus-grid--wide{display:block;margin-top:18px}.calculator-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.calculator-column{display:grid;gap:14px}.bonus-calculator,.bonus-guide,.levels-section,.reference-section{padding:18px}.panel-heading{margin-bottom:12px}.panel-heading h2{font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.2}.panel-kicker{font-size:.72rem}.field{gap:6px}.field span{font-size:.9rem}.field input{min-height:48px;padding:0 14px;font-size:1.12rem}.mini-requirements{margin:12px 0 14px;padding:13px 15px}.mini-requirements span{margin-bottom:8px;font-size:.75rem}.mini-requirements ul{gap:5px;font-size:.9rem;line-height:1.35}.rate-picker{gap:10px;margin-top:12px}.rate-option{min-height:88px;padding:13px}.rate-option span{gap:5px}.rate-option strong{font-size:.95rem}.rate-option small{font-size:.8rem;line-height:1.35}.result-card{margin-top:14px;padding:16px}.result-card strong{font-size:clamp(2rem,3.8vw,3rem)}.guide-card{grid-template-columns:62px 1fr;gap:12px;padding:13px}.guide-icon{min-height:48px}.guide-card p{font-size:.88rem;line-height:1.4}.total-card{width:min(520px,100%);margin:20px auto 0;padding:22px 24px;border:1px solid rgba(255,212,77,.72);border-radius:8px;text-align:center;background:linear-gradient(135deg,rgba(255,212,77,.2),rgba(24,216,255,.12));box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 34px rgba(255,212,77,.12)}.total-card span{display:block;color:var(--gold);font-size:.82rem;font-weight:900;text-transform:uppercase}.total-card strong{display:block;margin:8px 0 6px;color:#fff3a3;font-size:clamp(2.5rem,5vw,4.2rem);line-height:1}.total-card small{color:var(--muted);font-weight:700}.levels-section,.reference-section{margin-top:18px}@media (max-width:900px){.calculator-pair{grid-template-columns:1fr}.bonus-grid--wide{display:block}}@media (max-width:640px){.bonus-app{width:min(100% - 20px,1180px)}.bonus-hero,.bonus-calculator,.bonus-guide,.levels-section,.reference-section{padding:16px}.rate-picker{grid-template-columns:1fr}.total-card{padding:18px}}
/* Formula 3: referidos */
.bonus-calculator--referrals{border-color:rgba(42,226,216,.72);background:linear-gradient(135deg,rgba(6,48,70,.94),rgba(12,30,61,.9));box-shadow:0 24px 70px rgba(0,0,0,.35),0 0 26px rgba(42,226,216,.16)}.panel-kicker--red{color:#5ff6ea}.mini-requirements--referrals{border-color:rgba(42,226,216,.42);background:rgba(42,226,216,.075)}.mini-requirements--referrals span{color:#8dfff6}.result-card--referrals{border-color:rgba(42,226,216,.62);background:linear-gradient(135deg,rgba(42,226,216,.17),rgba(255,212,77,.08))}.result-card--referrals strong{color:#90fff7}.bonus-calculator--referrals .field input{border-color:rgba(42,226,216,.48)}.bonus-calculator--referrals .field input:focus{border-color:#5ff6ea;box-shadow:0 0 0 3px rgba(42,226,216,.18)}.total-card{border-color:rgba(255,58,82,.82);background:linear-gradient(135deg,rgba(255,58,82,.24),rgba(255,212,77,.1));box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 38px rgba(255,58,82,.18)}.total-card span{color:#ff8794}.total-card strong{color:#ffd9de}.total-card span::after{content:" final"}