/* Método: puzzle en crema, con animaciones controladas desde TypeScript. */
.method-section{--method-bg:#f4efe6;--method-card:#fffdf9;--method-ink:#1b1a19;--method-muted:#5f5952;--method-line:#d4cabe;--method-accent:#e23526;background:var(--method-bg);color:var(--method-ink);padding:95px 0 80px}
.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px 68px;align-items:start}
.method-heading{grid-column:1/-1;max-width:900px}.method-heading .eyebrow{color:var(--method-muted)}.method-heading h2{margin:16px 0 18px;max-width:850px}.method-heading h2 span{color:var(--method-accent)}
.method-lead{max-width:54ch;font-size:19px;line-height:1.6;color:var(--method-muted);margin:0}
.method-explorer{align-self:center;min-width:0}.method-wheel{width:100%;height:auto;display:block;overflow:visible}.method-hub{fill:var(--method-card);stroke:var(--method-line)}.method-center{text-anchor:middle;fill:var(--method-muted);font:800 10px Poppins,sans-serif;letter-spacing:2px}.method-center-brand{font-size:14px;letter-spacing:1px;fill:var(--method-ink)}
.method-piece{cursor:pointer;outline:none;pointer-events:none}.method-piece-visual{pointer-events:none}.method-piece-visual path{fill:#e7dfd3;stroke:#b1a89c;stroke-width:1.2;transition:fill .2s,stroke .2s}.method-piece:nth-of-type(even) .method-piece-visual path{fill:#eee8de}.method-piece text{text-anchor:middle;fill:var(--method-ink);pointer-events:none}.method-number{font:800 20px Poppins,sans-serif}.method-name{font:800 10px Poppins,sans-serif;letter-spacing:.3px}
.method-piece[aria-current=true] .method-piece-visual path{fill:var(--method-accent);stroke:var(--method-accent);stroke-width:2}.method-piece[aria-current=true] text{fill:#fffdf9}.method-piece:focus-visible{outline:none}.method-piece:focus-visible .method-piece-visual path{stroke:var(--method-ink);stroke-width:4}.method-piece:hover .method-piece-visual path{stroke:var(--method-accent);stroke-width:3}
.method-hint{text-align:center;font-size:15px;font-weight:800;color:var(--method-ink);margin:12px 0 0}.method-hint::before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;border-radius:50%;background:var(--method-accent);vertical-align:1px;animation:method-hint-pulse 2s ease-in-out infinite}@keyframes method-hint-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}
.method-stories{min-width:0;align-self:center}.method-story{background:var(--method-card);border-top:4px solid var(--method-accent);padding:34px;margin-bottom:20px;scroll-margin-top:24px}.method-story[hidden]{display:none}.method-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--method-accent);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.method-kicker span{color:var(--method-muted);letter-spacing:0}
.method-story h3{font-size:clamp(34px,3.7vw,50px);line-height:1;margin:26px 0 10px}.method-subtitle{font-size:18px;font-weight:700;margin:0 0 30px}.method-label{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--method-muted);margin:24px 0 12px}.method-story blockquote{margin:0;padding-left:17px;border-left:3px solid #ffc20e;font-size:18px;line-height:1.65}.method-training{font-size:17px;line-height:1.6;margin:0 0 24px}
.method-shift{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-top:1px solid var(--method-line);padding-top:22px;font-size:13px}.method-shift>span{color:var(--method-muted)}.method-shift>b{color:var(--method-accent)}.method-cta{display:inline-block;font-weight:800;font-size:12px;text-decoration:underline;text-underline-offset:6px;margin-top:30px;line-height:1.8}.method-cta:focus-visible{outline:2px solid var(--method-accent);outline-offset:5px}
@media(min-width:731px){.method-enhanced .method-stories{min-height:570px}}
@media(max-width:950px){.method-layout{gap:35px}.method-story{padding:26px}}
@media(max-width:730px){.method-section{padding:65px 0}.method-layout{grid-template-columns:1fr;gap:32px}.method-heading,.method-stories{grid-column:1}.method-heading h2{font-size:clamp(36px,8.5vw,52px)}.method-lead{font-size:16px}.method-wheel{max-width:430px;margin:auto}.method-story{padding:25px 22px}.method-story h3{font-size:36px}.method-story blockquote{font-size:16px}.method-training{font-size:15px}.method-subtitle{font-size:16px}.method-shift{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.method-piece-visual path{transition:none}.method-hint::before{animation:none}}

/* La zona de interacción conserva la forma original aunque la pieza se desplace. */
.method-piece-hit{fill:transparent;stroke:none;pointer-events:all}
/* Contraste AA de la etiqueta roja sobre fondo oscuro. */
.method-story .method-kicker{color:#f0675d}