/* V02: quitar decoración editorial y comparar tres tratamientos independientes. */
.portrait img{filter:none}.statement .wrap{display:block}.statement p{max-width:850px}.hero-copy>p{margin-top:30px}.process-sheet{transform:none}.process-sheet h2{margin-top:0}.hero-bottom{justify-content:flex-start}.design-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;padding:12px 20px;background:#1b1915;color:#c4c0b8;font-size:12px}.design-shortcuts a{text-decoration:none}.design-shortcuts a:hover{color:#fff}.problem-row{grid-template-columns:1fr 1fr}.problem-row p{grid-column:auto}.section-head{margin-bottom:34px}
.variant-picker{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}.variant-picker>span{font-size:13px;margin-right:10px;color:#6e665d}.variant-picker button{font-size:13px;background:transparent;color:inherit;border:1px solid #bcb6ac;border-radius:99px;padding:10px 16px;min-height:42px;transition:background .2s,color .2s}.variant-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#metodo .variant-picker>span{color:var(--muted)}#metodo .variant-picker button{border-color:#555048}#metodo .variant-picker button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.variant-hint{font-size:13px;color:#6e665d;margin-bottom:36px}#metodo .variant-hint{color:var(--muted)}
.problem-deck{--stack-gap:18px;position:relative}.p-card{min-width:0;position:relative}.p-card-inner{position:relative;min-height:380px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:46px;border:1px solid #c8c0b6;border-radius:18px;background:#fffdf9;overflow:hidden;transform-origin:top center;transition:box-shadow .3s}.p-card:nth-child(2) .p-card-inner{background:#eae4da}.p-card:nth-child(3) .p-card-inner{background:#dad4ca}.p-card h3{font-size:clamp(27px,3.2vw,43px);letter-spacing:-.045em;line-height:1.1}.p-description p{font-size:17px;line-height:1.6;color:#625d57;margin-top:22px;max-width:440px}.p-description .text-link{margin-top:23px;font-size:13px}.problem-deck[data-layout=stack]{padding-bottom:15px}.problem-deck[data-layout=stack] .p-card{position:sticky;top:calc(108px + var(--i)*var(--stack-gap));padding-bottom:34px;z-index:calc(1 + var(--i))}.problem-deck[data-layout=stack] .p-card-inner{box-shadow:0 -8px 24px #342b1c0a}.problem-deck[data-layout=stack] .p-card:last-child{padding-bottom:0}
.card-art{position:relative;height:270px;width:100%;max-width:420px;margin:auto;pointer-events:none}.mini-doc{position:absolute;width:185px;height:180px;border:1px solid #cac2b7;border-radius:6px;background:#fefcf8;padding:20px;box-shadow:0 10px 25px #41301a12;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.mini-doc b{font:700 11px var(--font-display);display:block;margin-bottom:20px}.mini-doc i,.quote-page i{display:block;height:5px;background:#ddd6cb;margin:12px 0;border-radius:5px}.mini-doc i:nth-of-type(2){width:65%}.doc-a{top:18px;left:5%;transform:rotate(-13deg)}.doc-b{top:58px;left:28%;transform:rotate(8deg)}.doc-c{top:97px;left:47%;transform:rotate(-4deg);z-index:2}.doc-c em{font:700 10px var(--font-body);font-style:normal;display:block;margin-top:17px;color:#b42626}.mini-grid{height:84px;display:block;background:repeating-linear-gradient(0deg,transparent 0 20px,#ddd6cb 20px 21px),repeating-linear-gradient(90deg,transparent 0 35px,#ddd6cb 35px 36px);border:1px solid #ddd6cb}.p-card:hover .doc-a,.p-card.is-active .doc-a{transform:translate(-7px,-6px) rotate(-18deg)}.p-card:hover .doc-b,.p-card.is-active .doc-b{transform:translateY(-10px) rotate(2deg)}.p-card:hover .doc-c,.p-card.is-active .doc-c{transform:translate(6px,1px) rotate(1deg)}.quote-page{position:absolute;inset:5px 14% 5px 16%;background:#fffdf9;box-shadow:0 12px 30px #41301a15;border:1px solid #c8c0b6;border-radius:5px;padding:27px;transform:rotate(-5deg);transition:transform .6s}.quote-page b{font:700 17px var(--font-display)}.quote-page i{margin-top:20px}.quote-line{display:block;height:26px;border-bottom:1px solid #ded6cb}.pending-mark{position:absolute;bottom:24px;right:-24px;color:#fff;background:#b12626;border-radius:4px;padding:9px 14px;font-size:13px;transform:rotate(8deg);box-shadow:0 5px 20px #7e191822;transition:transform .6s}.p-card:hover .quote-page,.p-card.is-active .quote-page{transform:rotate(0)}.p-card:hover .pending-mark,.p-card.is-active .pending-mark{transform:rotate(-4deg) translateY(-6px)}.message{position:absolute;padding:17px 21px;border-radius:14px 14px 14px 2px;background:#fffdf9;box-shadow:0 5px 24px #41301a10;font-size:14px;border:1px solid #c3bbae;transition:transform .65s}.msg-a{top:27px;left:2%;transform:rotate(-4deg)}.msg-b{top:105px;right:0;background:#25211d;color:#fffdf9;border-color:#25211d;transform:rotate(3deg)}.msg-c{top:187px;left:13%;color:#a62725;transform:rotate(-4deg)}.p-card:hover .msg-a,.p-card.is-active .msg-a{transform:translateY(-6px) rotate(-1deg)}.p-card:hover .msg-b,.p-card.is-active .msg-b{transform:translateX(-8px) rotate(0)}.p-card:hover .msg-c,.p-card.is-active .msg-c{transform:translateY(5px) rotate(0)}
.problem-deck[data-layout=expand]{display:flex;gap:14px;align-items:stretch}.problem-deck[data-layout=expand] .p-card{flex:1;transition:flex .55s cubic-bezier(.2,.8,.2,1)}.problem-deck[data-layout=expand] .p-card.is-open{flex:2.2}.problem-deck[data-layout=expand] .p-card-inner{display:flex;flex-direction:column;align-items:stretch;gap:15px;min-height:470px;height:100%;padding:28px}.problem-deck[data-layout=expand] h3{font-size:25px}.p-trigger{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;width:100%;display:flex;justify-content:space-between;gap:10px;padding:0;min-height:88px}.p-trigger .plus{font:400 28px var(--font-body);color:#a32725;transition:transform .3s;flex-shrink:0}.is-open .p-trigger .plus{transform:rotate(45deg)}.problem-deck[data-layout=expand] .p-description{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s}.problem-deck[data-layout=expand] .p-description>div{overflow:hidden}.problem-deck[data-layout=expand] .is-open .p-description{grid-template-rows:1fr}.problem-deck[data-layout=expand] .card-art{height:160px;margin-top:auto;max-width:290px;transform:scale(.72);transform-origin:center bottom;transition:transform .5s}.problem-deck[data-layout=expand] .is-open .card-art{transform:scale(.85)}.problem-deck[data-layout=expand] .p-description p{font-size:16px;margin-top:12px}
.problem-deck[data-layout=rail]{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 20px;scrollbar-width:thin;overscroll-behavior-x:contain}.problem-deck[data-layout=rail] .p-card{flex:0 0 73%;scroll-snap-align:start;scroll-snap-stop:always}.problem-deck[data-layout=rail] .p-card-inner{grid-template-columns:1fr;gap:15px;min-height:550px;padding:36px;align-items:start}.problem-deck[data-layout=rail] .card-art{height:215px;max-width:350px;order:-1}.problem-deck[data-layout=rail] .p-card h3{font-size:34px}.problem-deck[data-layout=rail] .p-description p{max-width:590px}.rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:13px;font-size:13px}.rail-controls button{width:48px;height:48px;border:1px solid #bcb6ac;border-radius:50%;background:transparent;color:var(--ink);font-size:22px}.rail-controls button:disabled{opacity:.3;cursor:default}
.method-showcase{margin-top:20px}.stage-inner{min-width:0}.stage-verb{font:900 clamp(35px,4.6vw,64px)/1.08 var(--font-display);letter-spacing:-.055em;color:var(--paper)}.stage h3{font-size:25px;margin-bottom:15px}.stage-inner>div>p{font-size:18px;color:var(--muted);max-width:500px}.stage-inner>div>.stage-result{font-size:14px;color:var(--red-light);margin-top:23px}.method-showcase[data-layout=path]{position:relative;margin-left:8px}.method-showcase[data-layout=path]::before{content:'';position:absolute;top:20px;bottom:30px;left:0;width:2px;background:var(--line)}.method-showcase[data-layout=path]::after{content:'';position:absolute;top:20px;left:0;width:2px;height:calc((100% - 50px)*var(--progress,0));background:var(--red);transition:height .12s linear}.stage{position:relative}.method-showcase[data-layout=path] .stage{padding:35px 0 45px 50px}.stage-point{position:absolute;left:-6px;top:51px;width:14px;height:14px;border-radius:50%;background:#4a443c;border:3px solid var(--ink);z-index:2;transition:background .3s,box-shadow .3s}.stage.is-active .stage-point{background:var(--red-light);box-shadow:0 0 0 5px #d92d2d20}.method-showcase[data-layout=path] .stage-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px}.stage.is-active .stage-verb{color:var(--red-light)}.stage-verb{transition:color .4s}.method-tabs{display:flex;gap:0;border-bottom:1px solid #494239;margin-bottom:38px;overflow-x:auto}.method-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:17px 22px;color:var(--muted);font-size:16px;white-space:nowrap}.method-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--red)}.stage-panel .stage-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:42px;background:var(--surface);border-radius:16px;min-height:310px}.stage-panel{animation:stage-in .4s ease both}.stage-panel .stage-verb{color:var(--red-light)}@keyframes stage-in{from{transform:translateY(14px);opacity:.7}to{transform:translateY(0);opacity:1}}.method-showcase[data-layout=stack] .stage{position:sticky;top:calc(112px + var(--i)*17px);padding-bottom:24px;z-index:calc(1 + var(--i))}.method-showcase[data-layout=stack] .stage-inner{display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#211e19;border:1px solid #51483f;border-radius:16px;padding:46px;min-height:290px}.method-showcase[data-layout=stack] .stage:nth-child(2) .stage-inner{background:#29231e}.method-showcase[data-layout=stack] .stage:nth-child(3) .stage-inner{background:#332622}.method-showcase[data-layout=stack] .stage:nth-child(4) .stage-inner{background:#482321}.method-showcase[data-layout=stack] .stage-verb{color:var(--red-light)}
.btn{position:relative;isolation:isolate;overflow:hidden;transform:none!important;border-radius:6px;gap:22px;min-height:58px;transition:background .25s,color .25s,border-color .25s;white-space:normal}.btn-label,.btn .arrow{position:relative;z-index:2}.btn .arrow{display:inline-grid;place-items:center;width:30px;flex-shrink:0}.btn[data-button-style=arrow]{padding:16px 23px}.btn[data-button-style=arrow] .arrow{transition:transform .45s cubic-bezier(.2,.8,.2,1);text-shadow:-40px 40px 0 currentColor}.btn[data-button-style=arrow]:is(:hover,:focus-visible,:active,.previewing) .arrow{transform:translate(40px,-40px)}.btn[data-button-style=circle]{border-radius:999px;padding:7px 7px 7px 25px;min-height:60px;gap:20px}.btn[data-button-style=circle]::before{content:'';position:absolute;right:7px;top:50%;width:44px;height:44px;background:var(--paper);border-radius:50%;transform:translateY(-50%) scale(1);transition:transform .65s cubic-bezier(.2,.8,.2,1);z-index:0}.btn[data-button-style=circle] .arrow{width:44px;height:44px;border-radius:50%;color:var(--red);transition:color .3s,transform .5s}.btn[data-button-style=circle]:is(:hover,:focus-visible,:active,.previewing){color:var(--ink);background:var(--red);border-color:var(--red)}.btn[data-button-style=circle]:is(:hover,:focus-visible,:active,.previewing)::before{transform:translateY(-50%) scale(15)}.btn[data-button-style=circle]:is(:hover,:focus-visible,:active,.previewing) .arrow{transform:rotate(45deg);color:var(--ink)}.btn[data-button-style=sweep]{background:transparent;color:var(--paper);border:1px solid #7a6a5b;border-radius:0}.btn[data-button-style=sweep]::before{content:'';position:absolute;inset:0;background:var(--red);transform:translateY(102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:0}.btn[data-button-style=sweep]:is(:hover,:focus-visible,:active,.previewing){color:#fff;border-color:var(--red)}.btn[data-button-style=sweep]:is(:hover,:focus-visible,:active,.previewing)::before{transform:translateY(0)}.btn-light[data-button-style=arrow]{color:var(--ink)}.btn-light[data-button-style=circle]{background:var(--red);color:white;border-color:var(--red)}.paper .btn[data-button-style=sweep]{color:var(--ink)}.paper .btn[data-button-style=sweep]:is(:hover,:focus-visible,:active,.previewing){color:white}
.button-lab{border-top:1px dashed #51483f;background:#171410}.button-lab-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:45px}.button-lab h2{font-size:38px}.button-lab-head p{font-size:16px;color:var(--muted);max-width:450px}.button-options{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.button-option{min-width:0}.button-option h3{font:700 16px var(--font-body);letter-spacing:0;margin-bottom:24px}.button-option .btn{width:100%;max-width:340px}.button-option>p{font-size:14px;color:var(--muted);margin:22px 0 20px;max-width:310px;min-height:65px}.choose-button{background:transparent;color:var(--paper);padding:10px 0;border:0;border-bottom:1px solid #6a6258;font-size:13px}.choose-button[aria-pressed=true]{border-color:var(--red-light);color:var(--red-light)}.choose-button[aria-pressed=true]::after{content:' ✓'}.button-choice-status{color:var(--muted);font-size:14px;margin-top:32px}.button-lab .text-link{margin-top:15px;font-size:13px}
@media(max-width:1050px){.p-card-inner{padding:32px;gap:22px}.mini-doc{width:155px;height:165px;padding:16px}.doc-c{left:40%}.problem-deck[data-layout=expand] .p-card-inner{padding:23px}.problem-deck[data-layout=expand] .p-card.is-open{flex:2.8}.problem-deck[data-layout=expand] h3{font-size:21px}.button-options{gap:18px}.button-option .btn{font-size:12px;gap:12px}.method-showcase[data-layout=stack] .stage-inner{padding:32px;gap:30px}}
@media(max-width:760px){.design-shortcuts{gap:10px 18px;font-size:11px}.problem-row{grid-template-columns:1fr}.problem-row p{grid-column:1}.variant-picker>span{width:100%;margin-bottom:3px}.variant-picker{gap:7px}.variant-picker button{font-size:12px;padding:9px 12px}.variant-hint{margin-bottom:25px}.p-card-inner{grid-template-columns:1fr;gap:12px;padding:29px;min-height:0;border-radius:14px}.p-card h3{font-size:30px}.p-description p{font-size:16px;margin-top:17px}.p-description .text-link{margin-top:16px}.card-art{height:200px;max-width:290px;order:-1}.mini-doc{width:140px;height:140px;padding:13px}.mini-doc b{font-size:9px;margin-bottom:13px}.mini-doc i{margin:8px 0}.mini-grid{height:65px}.doc-a{left:1%;top:0}.doc-b{left:22%;top:22px}.doc-c{left:42%;top:48px}.doc-c em{font-size:9px;margin-top:10px}.quote-page{inset:0 17% 8px 12%;padding:20px}.quote-page b{font-size:14px}.quote-line{height:19px}.pending-mark{font-size:11px;bottom:15px;padding:7px 10px;right:-20px}.message{font-size:11px;padding:12px 15px}.msg-a{top:12px}.msg-b{top:78px}.msg-c{top:145px}.problem-deck[data-layout=stack]{--stack-gap:12px}.problem-deck[data-layout=stack] .p-card{top:calc(88px + var(--i)*var(--stack-gap));padding-bottom:24px}.problem-deck[data-layout=expand]{flex-direction:column;gap:12px}.problem-deck[data-layout=expand] .p-card,.problem-deck[data-layout=expand] .p-card.is-open{flex:none}.problem-deck[data-layout=expand] .p-card-inner{min-height:0;padding:24px;display:block}.problem-deck[data-layout=expand] h3{font-size:25px}.p-trigger{min-height:60px}.problem-deck[data-layout=expand] .card-art{display:none}.problem-deck[data-layout=expand] .p-description{grid-template-rows:0fr}.problem-deck[data-layout=expand] .is-open .p-description{grid-template-rows:1fr}.problem-deck[data-layout=rail]{gap:13px}.problem-deck[data-layout=rail] .p-card{flex-basis:90%}.problem-deck[data-layout=rail] .p-card-inner{padding:25px;min-height:580px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.problem-deck[data-layout=rail] .card-art{height:185px;flex-shrink:0;max-width:260px}.problem-deck[data-layout=rail] .p-card h3{font-size:28px}.method-showcase[data-layout=path] .stage{padding:24px 0 40px 29px}.method-showcase[data-layout=path] .stage-inner{grid-template-columns:1fr;gap:20px}.stage-point{top:35px}.stage-verb{font-size:clamp(35px,9vw,55px)}.stage h3{font-size:23px}.stage-inner>div>p{font-size:17px}.stage-inner>div>.stage-result{font-size:13px;margin-top:18px}.method-tabs{margin-bottom:20px}.method-tabs button{padding:15px 12px;font-size:13px}.stage-panel .stage-inner{grid-template-columns:1fr;gap:25px;padding:28px;min-height:360px}.method-showcase[data-layout=stack] .stage{top:calc(90px + var(--i)*13px)}.method-showcase[data-layout=stack] .stage-inner{grid-template-columns:1fr;gap:24px;padding:30px;min-height:360px}.button-lab-head{grid-template-columns:1fr;gap:23px}.button-lab h2{font-size:32px}.button-options{grid-template-columns:1fr;gap:35px}.button-option{border-top:1px solid var(--line);padding-top:25px}.button-option .btn{font-size:14px}.button-option>p{min-height:0}.button-lab{padding-top:60px}.statement p{font-size:clamp(25px,6vw,38px)}}
@media(max-width:380px){.p-card-inner{padding:22px}.p-card h3{font-size:26px}.variant-picker button{padding:8px 10px;font-size:11px}.problem-deck[data-layout=rail] .p-card-inner{padding:20px}.problem-deck[data-layout=rail] .p-card h3{font-size:25px}.problem-deck[data-layout=rail] .card-art{transform:scale(.9);transform-origin:center;max-width:230px}.method-tabs button{padding:14px 9px;font-size:12px}.stage-verb{font-size:33px}.stage-panel .stage-inner{padding:24px}.method-showcase[data-layout=stack] .stage-inner{padding:24px}.p-description .text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.problem-deck[data-layout=stack] .p-card,.method-showcase[data-layout=stack] .stage{position:relative;top:auto}.stage-panel{animation:none}.method-showcase[data-layout=path]::after{transition:none}.problem-deck[data-layout=rail]{scroll-behavior:auto}.btn[data-button-style=arrow]:is(:hover,:focus-visible,:active,.previewing) .arrow{transform:none}.card-art *{transition:none!important}}
/* Keep long accordion titles and selected navigation buttons inside their boxes. */
.p-trigger>span:first-child{min-width:0;overflow-wrap:anywhere}.p-trigger .plus{width:20px;text-align:center}.nav .nav-cta.btn{padding:14px 22px}.nav .nav-cta.btn[data-button-style=circle]{padding:7px 7px 7px 22px}.nav .nav-cta.btn:hover{color:#fff}.nav .nav-cta.btn[data-button-style=circle]:hover{color:var(--ink)}
@media(max-height:700px) and (max-width:760px){.problem-deck[data-layout=stack] .p-card{position:relative;top:auto}}
.method-showcase:not([data-layout=path]) .stage-point{display:none}