.pg-h1{font-family:var(--display);letter-spacing:-.045em;color:var(--ink);margin:0;font-size:clamp(2.6rem,min(5.4vw,9vh),6rem);font-weight:600;line-height:.95;animation:.9s cubic-bezier(.2,.8,.2,1) .1s both inUp}.pg-intro{max-width:52ch;color:var(--ink-2);margin:0;font-size:clamp(.98rem,1.1vw,1.15rem);line-height:1.55;animation:.9s cubic-bezier(.2,.8,.2,1) .25s both inUp}.pg-sec{padding:clamp(3.5rem,10vh,6.5rem) var(--pad-r) 0 var(--pad)}.pg-link{white-space:nowrap;color:var(--ink);text-underline-offset:3px;text-decoration:underline #ff7d22b3}.pg-btn{cursor:pointer;height:50px;color:var(--ink);font:inherit;background:#171513;border:0;border-radius:13px;align-items:center;gap:.8rem;padding:0 6px 0 1.2rem;font-size:.98rem;font-weight:500;transition:box-shadow .3s,background .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #ece7dd29}.pg-btn svg{background:var(--accent);color:#180b02;border-radius:9px;width:38px;height:38px;padding:11px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.pg-btn:hover,.pg-btn:focus-visible{box-shadow:inset 0 0 0 1px var(--accent),0 0 0 4px #ff7d221f;background:#1d1a17}.pg-btn:hover svg{transform:rotate(45deg)}.pg-btn:focus-visible{outline:none}.mf{flex:none;height:230vh}.mf-in{height:100dvh;padding:0 var(--pad-r) 0 var(--pad);flex-direction:column;justify-content:center;gap:clamp(1.4rem,4vh,2.4rem);display:flex;position:sticky;top:0}.mf-h1{max-width:20ch;font-family:var(--display);letter-spacing:-.05em;color:var(--ink);margin:0;font-size:clamp(2.8rem,min(7vw,12vh),8.4rem);font-weight:600;line-height:.98}.mf-w{color:color-mix(in srgb,var(--ink) calc(18% + var(--l,1) * 82%),transparent);transition:color .25s linear}.mf-w--n{color:color-mix(in srgb,var(--accent) calc(18% + var(--l,1) * 82%),transparent)}.mf-pie{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem 2rem;display:flex}.mf-nodos{--w:clamp(4.4rem,8vw,6rem);--b:48px;flex:0 780px;margin:0;padding:0;list-style:none;display:flex}.mf-n{flex:1 1 0;align-items:flex-start;min-width:0;display:flex}.mf-n:last-child{flex:none}.mf-n__nodo{width:var(--w);animation:mfNodo .7s cubic-bezier(.3,1.5,.5,1) calc(.4s + var(--i) * .55s) both;flex-direction:column;flex:none;align-items:center;gap:.6rem;display:flex}.mf-n:first-child{--i:0}.mf-n:nth-child(2){--i:1}.mf-n:nth-child(3){--i:2}.mf-n:nth-child(4){--i:3}.mf-n:nth-child(5){--i:4}.mf-n__b{width:var(--b);height:var(--b);color:var(--ink-2);animation:mfLuz 5s ease-out calc(3.4s + var(--i) * 1s) infinite;background:#171513;border-radius:14px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ece7dd29}.mf-n__b svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mf-n__b:before,.mf-n__b:after{content:"";background:#0d0c0b;border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;box-shadow:inset 0 0 0 1.5px #ece7dd59}.mf-n__b:before{left:-4px}.mf-n__b:after{right:-4px}.mf-n:first-child .mf-n__b:before,.mf-n:last-child .mf-n__b:after,.mf-n__c{display:none}.mf-n__t{text-align:center;max-width:12ch;color:var(--ink-3);font-size:.58rem;line-height:1.35}.mf-cable{min-width:14px;height:2px;margin:calc(var(--b) / 2 - 1px) calc((var(--b) - var(--w)) / 2) 0;transform-origin:0;animation:mfCable .4s cubic-bezier(.6,0,.3,1) calc(.75s + var(--i) * .55s) both;background:repeating-linear-gradient(90deg,#ece7dd47 0 5px,#0000 5px 9px);flex:1;position:relative}.mf-cable i{background:var(--accent);opacity:0;width:9px;height:9px;animation:mfPaquete 5s linear calc(3.4s + var(--i) * 1s) infinite;border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:0;box-shadow:0 0 0 3px #ff7d2238,0 0 16px 2px #ff7d22cc}@keyframes mfNodo{0%{opacity:0;transform:scale(.4)translateY(10px)}}@keyframes mfCable{0%{transform:scaleX(0)}}@keyframes mfLuz{0%{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 5px #ff7d2224,0 0 30px -4px #ff7d22b3}18%,to{color:var(--ink-2);box-shadow:inset 0 0 0 1px #ece7dd29}}@keyframes mfPaquete{0%{opacity:0;left:0}2%,18%{opacity:1}20%,to{opacity:0;left:100%}}@keyframes mfBaja{50%{transform:translateY(5px)}}.op{padding:clamp(4rem,12vh,7.5rem) var(--pad-r) 0 var(--pad);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.op-txt{flex-direction:column;align-items:flex-start;gap:1.1rem;display:flex}.op-txt>*{margin:0}.op-k{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:.62rem}.op-t{font-family:var(--display);letter-spacing:-.05em;color:var(--ink);font-size:clamp(2.4rem,4.6vw,4.8rem);font-weight:600;line-height:.95}.op-t em{color:var(--accent);font-style:normal}.op-d{max-width:34ch;color:var(--ink-2);font-size:clamp(.98rem,1.1vw,1.12rem);line-height:1.55}.op-ctl{align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.op-b{cursor:pointer;width:52px;height:52px;color:var(--ink);background:#171513;border:0;border-radius:50%;place-items:center;padding:0;transition:background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid;box-shadow:inset 0 0 0 1px #ece7dd29}.op-b svg{width:20px;height:20px}.op-b:hover{background:var(--accent);color:#180b02;transform:scale(1.06)}.op-b:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.op-n{color:var(--ink-3);margin-left:.8rem;font-size:.8rem}.op-n b{color:var(--ink);font-weight:500}.op-prog{background:#ece7dd1f;border-radius:2px;width:min(100%,220px);height:2px;display:block;overflow:hidden}.op-prog i{background:var(--accent);transform-origin:0;height:100%;animation:6s linear both opProg;display:block}.op:hover .op-prog i,.op.parado .op-prog i{animation-play-state:paused}@keyframes opProg{0%{transform:scaleX(0)}}.op-g{margin-top:.6rem;font-size:.9rem}.op-mazo{--dx:26px;--dy:-22px;touch-action:pan-y;padding:3.5rem 5.5rem 0 0;display:grid;position:relative}.op-mazo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#ff7d2229,#0000 70%);position:absolute;inset:10% 0 -10% -10%}.op-c{--k:0;--t:translate3d(calc(var(--k) * var(--dx)),calc(var(--k) * var(--dy)),0) rotate(calc(var(--k) * 2.4deg)) scale(calc(1 - var(--k) * .05));color:#171513;user-select:none;cursor:grab;min-height:clamp(340px,52vh,440px);z-index:calc(10 - var(--k));opacity:clamp(0,calc(2 - var(--k) * .5),1);transform-origin:50% 100%;transform:var(--t) translateX(calc(var(--arr,0) * 1px)) rotate(calc(var(--arr,0) * .04deg));filter:brightness(calc(1 - var(--k) * .12));background:#ece7dd;border-radius:28px;flex-direction:column;grid-area:1/1;gap:clamp(1.4rem,3vh,2.2rem);margin:0;padding:clamp(1.6rem,3vw,2.6rem);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .7s;display:flex;box-shadow:0 40px 80px -40px #000000f2,0 0 0 1px #0000000f}.op-c:nth-child(2){--k:1}.op-c:nth-child(3){--k:2}.op-c:nth-child(4){--k:3}.op-c:nth-child(n+5){--k:4}.op-c.arrastra{cursor:grabbing;transition:none}.op-c.vuelve{animation:.9s cubic-bezier(.5,0,.2,1) opVuelve}.op-c.viene{animation:.75s cubic-bezier(.2,.8,.2,1) opViene}@keyframes opVuelve{0%{z-index:20;opacity:1;transform:translateX(calc(var(--arr,0) * 1px)) rotate(calc(var(--arr,0) * .04deg))}42%{z-index:20;opacity:1;transform:translate3d(calc(var(--dir,-1) * 58%),5%,0) rotate(calc(var(--dir,-1) * 10deg))}43%{z-index:0}to{z-index:0;transform:var(--t)}}@keyframes opViene{0%{z-index:20;opacity:0;transform:translate(-58%,5%)rotate(-10deg)}to{z-index:20}}.op-c--naranja{background:var(--accent);color:#180b02}.op-c--oscura{color:var(--ink);background:#1b1916;box-shadow:0 40px 80px -40px #000000f2,inset 0 0 0 1px #ece7dd1f}.op-c__top{justify-content:space-between;align-items:center;display:flex}.op-c__g{background:#fff;border-radius:50%;width:30px;height:30px;padding:6px}.op-c__est{letter-spacing:.12em;color:#f2a516;font-size:1.05rem}.op-c--naranja .op-c__est{color:#180b02}.op-c blockquote{font-family:var(--display);letter-spacing:-.035em;white-space:pre-line;flex:1;margin:0;font-size:clamp(1.5rem,2.3vw,2.4rem);font-weight:600;line-height:1.08;position:relative}.op-c--larga blockquote{letter-spacing:-.02em;font-size:clamp(1.12rem,1.5vw,1.5rem);line-height:1.25}.op-c--muy blockquote{letter-spacing:-.01em;font-size:clamp(.98rem,1.12vw,1.15rem);font-weight:500;line-height:1.5}.op-c--muy blockquote:before{font-size:2.6em}.op-c blockquote:before{content:"“";height:.42em;color:var(--accent);margin-bottom:.15em;font-size:3.4em;line-height:.85;display:block}.op-c--naranja blockquote:before{color:#180b02}.op-c figcaption{align-items:center;gap:.8rem;display:flex}.op-c figcaption>span:last-child{flex-direction:column;gap:.1rem;display:flex}.op-c figcaption b{font-weight:600}.op-c figcaption small{opacity:.65;font-size:.82rem}.op-c__av{color:#ece7dd;letter-spacing:.04em;background:#171513;border-radius:50%;place-items:center;width:44px;height:44px;font-size:.85rem;font-weight:600;display:grid}.op-c--oscura .op-c__av{background:var(--accent);color:#180b02}.fq{padding:clamp(1rem,5vh,3.5rem) var(--pad-r) clamp(3rem,8vh,5rem) var(--pad);grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.fq-lado{flex-direction:column;gap:1.2rem;display:flex;position:sticky;top:1.5rem}.fq-h1{font-size:clamp(2.6rem,min(4.6vw,9vh),5.2rem)}.fq-temas{border-top:1px solid #ece7dd1a;flex-direction:column;display:flex}.fq-temas a{color:var(--ink-2);border-bottom:1px solid #ece7dd1a;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;transition:color .25s,padding .35s cubic-bezier(.2,.8,.2,1);display:flex}.fq-temas a:hover{color:var(--ink);padding-left:.5rem}.fq-temas small{color:var(--ink-3);font-size:.58rem}.fq-mas{background:radial-gradient(90% 90% at 100% 0,#ff7d2233,#0000 60%),#12110f;border-radius:18px;flex-direction:column;align-items:flex-start;gap:.9rem;margin-top:.4rem;padding:1.3rem;display:flex;box-shadow:inset 0 0 0 1px #ece7dd14}.fq-mas p{color:var(--ink-2);margin:0;font-size:.95rem;line-height:1.45}.fq-mas b{color:var(--ink);font-weight:500}.fq-lista{flex-direction:column;gap:clamp(2.2rem,6vh,3.5rem);display:flex}.fq-g{scroll-margin-top:1.5rem}.fq-g__t{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem;font-size:.62rem;font-weight:500}.faq{interpolate-size:allow-keywords;border-bottom:1px solid #ece7dd1a}.faq:first-of-type{border-top:1px solid #ece7dd1a}.faq summary{cursor:pointer;font-family:var(--display);letter-spacing:-.02em;color:var(--ink);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 0;font-size:clamp(1.15rem,1.6vw,1.5rem);font-weight:600;line-height:1.2;list-style:none;transition:color .25s;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--accent)}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.faq summary i{border-radius:50%;flex:none;width:38px;height:38px;transition:background .3s,box-shadow .3s,transform .5s cubic-bezier(.3,1.4,.5,1);position:relative;box-shadow:inset 0 0 0 1px #ece7dd33}.faq summary i:before,.faq summary i:after{content:"";background:var(--ink);width:13px;height:2px;margin:-1px 0 0 -6.5px;transition:background .3s;position:absolute;top:50%;left:50%}.faq summary i:after{transform:rotate(90deg)}.faq[open] summary i{background:var(--accent);box-shadow:none;transform:rotate(135deg)}.faq[open] summary i:before,.faq[open] summary i:after{background:#180b02}.faq p{max-width:66ch;color:var(--ink-2);margin:0;padding:0 3.5rem 1.4rem 0;font-size:1rem;line-height:1.6}.faq::details-content{block-size:0;transition:block-size .45s cubic-bezier(.2,.8,.2,1),content-visibility .45s allow-discrete;overflow:hidden}.faq[open]::details-content{block-size:auto}.ct{padding:clamp(1rem,5vh,3.5rem) var(--pad-r) clamp(3rem,8vh,5rem) var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.ct-info{flex-direction:column;gap:1.3rem;display:flex}.ct-info .pg-h1{max-width:12ch}.ct-datos{border-top:1px solid #ece7dd1a;flex-direction:column;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.ct-datos li{border-bottom:1px solid #ece7dd1a;animation:.8s cubic-bezier(.2,.8,.2,1) both inUp}.ct-datos li:first-child{animation-delay:.35s}.ct-datos li:nth-child(2){animation-delay:.45s}.ct-datos li:nth-child(3){animation-delay:.55s}.ct-dato{color:var(--ink);align-items:center;gap:1.1rem;padding:1.2rem .2rem;transition:padding .4s cubic-bezier(.2,.8,.2,1);display:flex}.ct-dato__i{width:52px;height:52px;color:var(--accent);background:#171513;border-radius:15px;flex:none;place-items:center;transition:background .3s,color .3s;display:grid;box-shadow:inset 0 0 0 1px #ece7dd1f}.ct-dato__i svg{width:24px;height:24px}.ct-dato__t{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ct-dato__t small{color:var(--ink-3);font-size:.56rem}.ct-dato__t b{font-family:var(--display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.15rem,1.8vw,1.6rem);font-weight:600}.ct-dato__ir{color:var(--ink-3);margin-left:auto;font-size:1.3rem;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}.ct-dato:hover{padding-left:.7rem}.ct-dato:hover .ct-dato__i{background:var(--accent);color:#180b02}.ct-dato:hover .ct-dato__ir{color:var(--accent);transform:translate(4px)}.ct-form{background:radial-gradient(90% 55% at 100% 0,#ff7d222e,#0000 60%),#141210;border-radius:26px;flex-direction:column;gap:.9rem;padding:clamp(1.5rem,3vw,2.4rem);animation:.9s cubic-bezier(.2,.8,.2,1) .3s both inUp;display:flex;box-shadow:inset 0 0 0 1px #ece7dd1a,0 50px 100px -40px #000000e6}.ct-form__t{font-family:var(--display);letter-spacing:-.05em;color:var(--ink);margin:0 0 .4rem;font-size:clamp(2.2rem,3.6vw,3.2rem);font-weight:600;line-height:.95}.ct-form__t>span[aria-hidden]{color:var(--accent)}@media (prefers-reduced-motion:reduce){.mf-n__nodo,.mf-n__b,.mf-cable,.mf-cable i{animation:none}.op-c{transition:none}.op-prog{display:none}}@media (width<=1000px){.fq,.ct{grid-template-columns:1fr}.fq-lado{position:static}.mf{height:180vh}.op{grid-template-columns:1fr}.op-mazo{--dx:12px;--dy:-14px;padding:2.2rem 2.6rem 0 0}}@media (width<=600px){.mf-nodos{--b:36px;--w:3.6rem}.mf-n__t{letter-spacing:.08em}.mf-n__l:has(+.mf-n__c){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.mf-n__c{display:inline}.mf-n__b{border-radius:12px}.mf-n__b svg{width:19px;height:19px}.mf-n__t{font-size:.52rem}}@media (width<=560px){.faq p{padding-right:0}}
