/* Página: El Método Saboteando el Sistema® */
.methodPage{display:grid;gap:14px}
.methodHero{position:relative;overflow:hidden;border:1px solid rgba(214,169,58,.42);border-radius:22px;padding:clamp(26px,4vw,52px);background:radial-gradient(120% 130% at 12% 0%,rgba(214,169,58,.16),transparent 58%),linear-gradient(180deg,#0d1012,#080a0c)}
.methodHero:before{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border:1px solid rgba(214,169,58,.22);border-radius:50%}
.methodHero .tag{position:relative;z-index:2}
.methodHero h1{position:relative;z-index:2;margin:12px 0 8px;font:900 clamp(30px,4.4vw,52px)/1.02 Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.03em}
.methodHero h1 em{font-style:normal;color:var(--gold2)}
.methodHero .methodClaims{position:relative;z-index:2;display:grid;gap:10px;max-width:760px;margin:18px 0 0}
.methodClaim{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;font-size:16.5px;line-height:1.6;color:#deddd7}
.methodClaim i{font-style:normal;color:var(--gold);font-weight:900}
.methodClaim b{color:var(--gold2)}
.methodLead{position:relative;z-index:2;max-width:820px;margin:20px 0 0;font-size:16px;line-height:1.75;color:#c9ccd0}
.methodLead b{color:var(--gold2)}
.methodHero .actions{position:relative;z-index:2;margin-top:22px}

.methodIntro{padding:22px 24px}
.methodIntro h2{margin:0 0 10px;font-size:22px}
.methodIntro p{margin:0 0 10px;line-height:1.75;color:#d5d6d2}
.methodIntro p:last-child{margin-bottom:0}
.methodIntro b{color:var(--gold2)}

.methodStepsHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
.methodWord{display:flex;flex-wrap:wrap;gap:7px}
.methodWord span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(214,169,58,.45);border-radius:10px;background:rgba(214,169,58,.1);color:var(--gold2);font-weight:900}

.methodSteps{display:grid;gap:12px}
.methodStep{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:20px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:16px;padding:20px 22px;background:linear-gradient(90deg,rgba(214,169,58,.07),#0b0e10 42%)}
.methodStepLetter{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(214,169,58,.5);border-radius:16px;background:rgba(214,169,58,.12);color:var(--gold2);font:900 30px/1 Inter,Segoe UI,Arial,sans-serif}
.methodStepNum{display:block;margin-top:9px;text-align:center;font-size:11px;letter-spacing:.16em;color:var(--muted)}
.methodStep h3{margin:2px 0 6px;font-size:21px}
.methodStep h3 em{font-style:normal;color:var(--gold2)}
.methodStep p{margin:0 0 10px;line-height:1.72;color:#d3d5d1}
.methodStep p:last-child{margin-bottom:0}
.methodStep p b{color:var(--gold2)}
.methodStepGold{color:var(--gold2);font-weight:800}

.methodQuotes{display:grid;gap:8px;margin:0 0 12px;padding:14px 16px;border-left:2px solid rgba(214,169,58,.5);background:rgba(214,169,58,.05);border-radius:0 12px 12px 0}
.methodQuotes span{color:#e7e6e0;font-style:italic}
.methodQuotes span:before{content:"“"}
.methodQuotes span:after{content:"”"}

.methodChips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.methodChips span{border:1px solid rgba(214,169,58,.35);background:rgba(214,169,58,.09);color:var(--gold2);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700}

.methodAsk{display:grid;gap:10px;margin:0 0 12px}
.methodAskItem{border:1px solid var(--line);border-radius:13px;padding:13px 15px;background:#090b0d}
.methodAskItem small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;color:var(--muted);margin-bottom:6px}
.methodAskItem.bad b{color:var(--red)}
.methodAskItem.good b{color:var(--gold2)}
.methodAskItem b{font-size:16px}

.methodPhilosophy{position:relative;overflow:hidden;border:1px solid rgba(214,169,58,.4);border-radius:20px;padding:clamp(24px,3.6vw,44px);background:radial-gradient(110% 120% at 100% 0%,rgba(214,169,58,.14),transparent 55%),#0b0e10}
.methodPhilosophy h2{margin:10px 0 16px;font:900 clamp(26px,3.4vw,40px)/1.06 Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.02em}
.methodPhilosophy h2 em{font-style:normal;color:var(--gold2)}
.methodPhilosophyLines{display:grid;gap:9px;max-width:780px}
.methodPhilosophyLines p{margin:0;font-size:16.5px;line-height:1.6;color:#dcdcd6}
.methodPhilosophyLines p b{color:var(--gold2)}
.methodChain{display:grid;gap:10px;margin-top:22px;max-width:820px}
.methodChainItem{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center;border:1px solid rgba(214,169,58,.28);border-radius:13px;padding:13px 15px;background:rgba(214,169,58,.06);line-height:1.55}
.methodChainItem i{font-style:normal;color:var(--gold);font-weight:900;font-size:18px}
.methodChainItem b{color:var(--gold2)}

.methodPromise{padding:24px}
.methodPromise h2{margin:8px 0 12px;font-size:24px}
.methodPromise p{line-height:1.75;color:#d5d6d2;margin:0 0 10px}
.methodPromiseGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 18px}
.methodPromiseGrid div{border:1px solid var(--line);border-radius:13px;padding:14px;background:#090b0d}
.methodPromiseGrid b{display:block;color:var(--gold2);margin-bottom:4px}
.methodClose{margin:0;font-size:19px;font-weight:800;line-height:1.5}
.methodClose b{color:var(--gold2)}

@media(max-width:820px){
.methodStep{grid-template-columns:1fr;gap:12px;padding:18px}
.methodStepLetter{width:54px;height:54px;font-size:24px}
.methodStepNum{text-align:left}
.methodPromiseGrid{grid-template-columns:1fr}
.methodStepsHead{flex-direction:column;align-items:flex-start}
}