:root{--ink:#111;--ink-2:#2a2a2e;--paper:#fff;--paper-2:#f3f3f4;--paper-3:#ebebed;--muted:#73737a;--muted-2:#9a9aa1;--line:#1111111f;--line-2:#11111112;--accent:#e11d2a;--accent-press:color-mix(in srgb, var(--accent) 80%, #000);--on-accent:#fff;--bevel:10px;--anim:1;--grid-cols:4;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Archivo", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--container:1280px;--gut:clamp(16px,4vw,40px);--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--shadow-1:drop-shadow(0 1px 1px #1111110d) drop-shadow(0 6px 14px #1111110f);--shadow-2:drop-shadow(0 2px 4px #11111114) drop-shadow(0 18px 38px #11111124);--bshadow-1:0 1px 1px #1111110d,0 6px 14px #1111110f;--bshadow-2:0 2px 4px #11111114,0 18px 38px #11111124}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none}button{font-family:inherit}::selection{background:var(--accent);color:var(--on-accent)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.02}p{text-wrap:pretty;margin:0}.wrap{max-width:var(--container);padding-inline:var(--gut);margin:0 auto}.mono{font-family:var(--font-mono);font-weight:500}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6em;font-size:.72rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:18px;height:2px}.eyebrow.on-dark{color:var(--accent)}.section{padding-block:clamp(56px,8vw,120px)}.dim{color:var(--muted)}.bevel{clip-path:polygon(var(--bevel) 0, calc(100% - var(--bevel)) 0, 100% var(--bevel), 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, var(--bevel) 100%, 0 calc(100% - var(--bevel)), 0 var(--bevel))}.bevel-diag{clip-path:polygon(var(--bevel) 0, 100% 0, 100% calc(100% - var(--bevel)), calc(100% - var(--bevel)) 100%, 0 100%, 0 var(--bevel))}.edge{background:var(--ink);position:relative}.edge>.inner{background:var(--paper);position:absolute;inset:1.4px}.btn{--b:var(--bevel);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:normal;text-align:center;min-height:52px;clip-path:polygon(var(--b) 0,100% 0,100% calc(100% - var(--b)),calc(100% - var(--b)) 100%,0 100%,0 var(--b));transition:transform .25s var(--ease),background .2s,color .2s,filter .25s;border:0;justify-content:center;align-items:center;gap:.6em;padding:.8em 1.5em;font-size:.82rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-press);filter:var(--shadow-1)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{filter:var(--shadow-1)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:#fff}.btn-ghost.on-dark{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff4d}.btn-ghost.on-dark:hover{color:var(--ink);background:#fff}.btn-lg{min-height:60px;padding:.9em 2em;font-size:.88rem}.btn-block{width:100%;display:flex}.btn-arrow{transition:transform .3s var(--ease)}.btn:hover .btn-arrow{transform:translate(4px)}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{--b:7px;font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;background:var(--paper-2);color:var(--ink);clip-path:polygon(var(--b) 0,100% 0,100% calc(100% - var(--b)),calc(100% - var(--b)) 100%,0 100%,0 var(--b));transition:background .2s,color .2s,transform .2s var(--ease);border:0;align-items:center;gap:.5em;padding:.5em 1em;font-size:.78rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--paper-3);transform:translateY(-1px)}.chip[aria-pressed=true],.chip.is-active{background:var(--ink);color:#fff}.chip .ct{color:var(--accent)}.chip[aria-pressed=true] .ct,.chip.is-active .ct{color:#fff}.stars{--fill:var(--accent);font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.45em;font-size:.78rem;display:inline-flex}.stars svg{width:14px;height:14px;display:block}.stars .star-row{gap:2px;display:inline-flex}.star-on{fill:var(--accent)}.star-off{fill:var(--paper-3)}.card{background:var(--paper);cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease);box-shadow:var(--bshadow-1);flex-direction:column;min-width:0;display:flex;position:relative}.card:hover{box-shadow:var(--bshadow-2);transform:translateY(-6px)}.card-media{aspect-ratio:1;background:var(--paper-2);backface-visibility:hidden;position:relative;overflow:hidden;transform:translateZ(0)}.card-media image-slot,.card-media .ph{width:100%;height:100%}.card-media img,.card-media .media-zoom{width:100%;height:100%;transition:transform .7s var(--ease);backface-visibility:hidden}.card:hover .media-zoom{transform:scale(1.06)}.card-badge{z-index:3;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:#fff;padding:.35em .7em;font-size:.66rem;font-weight:600;position:absolute;top:12px;left:12px}.card-fav{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:0;background:#ffffffdb;border:0;place-items:center;width:36px;height:36px;transition:opacity .3s,transform .3s,background .2s;display:grid;position:absolute;top:10px;right:10px;transform:translateY(-6px)}.card:hover .card-fav{opacity:1;transform:none}.card-fav:hover{background:#fff}.card-fav svg{width:17px;height:17px;stroke:var(--ink);fill:none;stroke-width:1.8px}.card-fav.on svg{fill:var(--accent);stroke:var(--accent)}.card-quick{z-index:3;background:var(--ink);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;transition:transform .35s var(--ease);padding:.95em;font-size:.74rem;font-weight:600;position:absolute;bottom:0;left:0;right:0;transform:translateY(101%)}.card:hover .card-quick{transform:none}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 16px 18px;display:flex}.card-cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem}.card-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.04rem;font-weight:600;line-height:1.15}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 10px;margin-top:auto;padding-top:6px;display:flex}.price{font-family:var(--font-mono);letter-spacing:-.01em;font-size:1.12rem;font-weight:600}.price .cur{color:var(--accent);margin-right:.15em;font-size:.78em}.price-old{font-family:var(--font-mono);color:var(--muted-2);margin-left:.5em;font-size:.8rem;text-decoration:line-through}.ph{background:repeating-linear-gradient(135deg,var(--paper-2) 0 11px,var(--paper-3) 11px 22px);color:var(--muted);place-items:center;display:grid;position:relative}.ph:after{content:attr(data-label);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--paper);padding:.5em .9em;font-size:.72rem}[data-cc-header]{display:contents}.hdr{z-index:60;border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.hdr-bar{align-items:center;gap:clamp(14px,2.5vw,32px);height:74px;display:flex}.hdr-search{max-width:560px;transition:max-width .45s var(--ease);flex:1}.hdr-bar.searching .hdr-search{max-width:860px}.hdr-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.icon-btn{cursor:pointer;width:44px;height:44px;color:var(--ink);background:0 0;border:0;place-items:center;transition:background .2s;display:grid;position:relative}.icon-btn:hover{background:var(--paper-2)}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:21px;height:21px}.icon-btn .dot{background:var(--accent);border:2px solid var(--paper);width:8px;height:8px;position:absolute;top:9px;right:9px}.hdr-nav{transition:opacity .3s var(--ease),max-width .45s var(--ease),margin .45s var(--ease),transform .45s var(--ease);align-items:center;gap:26px;display:flex}.hdr-bar.searching .hdr-nav{opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;max-width:0;margin-left:-26px;overflow:hidden;transform:translate(12px)}.hdr-nav a{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-2);padding:4px 0;font-size:.8rem;font-weight:500;transition:color .2s;position:relative}.hdr-nav a:after{content:"";background:var(--accent);height:2px;transition:right .3s var(--ease);position:absolute;bottom:-2px;left:0;right:100%}.hdr-nav a:hover{color:var(--ink)}.hdr-nav a:hover:after,.hdr-nav a.active:after{right:0}.hdr-nav a.active{color:var(--ink)}.search{align-items:center;width:100%;display:flex;position:relative}.search svg{width:19px;height:19px;stroke:var(--muted);fill:none;stroke-width:1.8px;pointer-events:none;transition:stroke .2s;position:absolute;left:16px}.search:focus-within svg{stroke:var(--accent)}.search input{border:1.5px solid var(--ink);background:var(--paper);width:100%;height:50px;font-family:var(--font-mono);color:var(--ink);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);outline:none;padding:0 16px 0 46px;font-size:.86rem;transition:border-color .2s,box-shadow .2s}.search input::placeholder{color:var(--muted-2)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.search .skbd{font-family:var(--font-mono);color:var(--muted-2);border:1px solid var(--line);padding:.15em .5em;font-size:.68rem;position:absolute;right:12px}.hdr-burger{display:none}.cc-logo{cursor:pointer;align-items:center;gap:11px;display:inline-flex}.cc-mark{flex:none;width:40px;height:40px;display:block}.cc-mark path,.cc-mark polygon{fill:var(--ink)}.cc-mark .cls-1,.cc-mark .cls-2,.cc-mark .cls-3{fill:var(--accent)}.cc-word{width:auto;height:17px}.cc-word *{fill:var(--ink)}.cc-logo.on-dark .cc-word *{fill:#fff}.cc-badge{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#fff;flex:none;place-items:center;width:46px;height:46px;display:grid}.cc-badge .cc-mark{width:34px;height:34px}.ftr{background:var(--ink);color:#fff}.ftr a{color:#ffffffa8;transition:color .2s}.ftr a:hover{color:#fff}.ftr-top{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-block:64px 48px;display:grid}.ftr h4{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-size:.74rem;font-weight:600}.ftr-links{flex-direction:column;gap:11px;font-size:.92rem;display:flex}.ftr-blurb{color:#fff9;max-width:30ch;margin:18px 0 22px;font-size:.92rem}.socials{gap:10px;display:flex}.social{width:42px;height:42px;transition:background .2s,transform .2s var(--ease);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#ffffff12;place-items:center;display:grid}.social:hover{background:var(--accent);transform:translateY(-2px)}.social svg{fill:#fff;width:19px;height:19px}.ftr-bottom{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted-2);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-block:24px;font-size:.74rem;display:flex}.reveal{opacity:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*{animation-duration:.001ms!important}}.shead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(28px,4vw,48px);display:flex}.shead h2{font-size:clamp(1.8rem,3.6vw,2.9rem)}.shead .lead{color:var(--muted);max-width:42ch;margin-top:10px;font-size:1.02rem}.link-more{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;align-items:center;gap:.6em;font-size:.8rem;font-weight:600;display:inline-flex}.link-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}.link-more:hover svg{transform:translate(4px)}.link-more .lm-line{background:var(--accent);width:0;height:2px;transition:width .3s var(--ease);align-self:center}.link-more:hover .lm-line{width:20px}.pgrid{grid-template-columns:repeat(var(--grid-cols),1fr);gap:clamp(14px,1.6vw,22px);display:grid}.marquee{white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-row{animation:marq calc(28s / var(--anim)) linear infinite;gap:0;display:inline-flex}.marquee:hover .marquee-row{animation-play-state:paused}.marquee-item{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:.6em;padding:0 .6em;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;display:inline-flex}.marquee-item .md{background:var(--accent);flex:none;width:9px;height:9px;transform:rotate(45deg)}.marquee-item.ghost{color:#0000;-webkit-text-stroke:1.4px var(--line)}@keyframes marq{to{transform:translate(-50%)}}@media (max-width:1024px){.ftr-top{grid-template-columns:1fr 1fr;gap:36px}.pgrid{--grid-cols:3}}@media (max-width:768px){.hdr-nav,.hdr-search.desktop{display:none}.hdr-burger{display:grid}.hdr-bar{height:auto;min-height:62px;padding-top:22px;padding-bottom:8px;position:relative}.hdr-bar .cc-word{pointer-events:none;height:17px;margin-block:auto;position:absolute;top:22px;bottom:8px;left:50%;transform:translate(calc(-50% - 11px))}.hdr-actions .icon-btn[aria-label=Cuenta],.hdr-actions .icon-btn[aria-label=Favoritos]{display:none}.pgrid{--grid-cols:2}.ftr-top{grid-template-columns:1fr;gap:30px;padding-block:44px 32px}.shead{align-items:flex-start}.hdr{transition:transform .35s var(--ease)}.hdr.hdr--hidden{transform:translateY(-100%)}.msheet{inset:0}}@media (max-width:480px){.pgrid{--grid-cols:1}}.stars .sv{color:var(--ink);font-weight:600}.stars .sc{color:var(--muted-2)}.msheet{z-index:55;background:var(--paper);animation:sheetIn .25s var(--ease) forwards;position:fixed;inset:62px 0 0;transform:translateY(-6px)}@keyframes sheetIn{to{transform:none}}.msheet-in{padding:22px var(--gut)}.msheet-link{font-family:var(--font-display);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;font-size:1.4rem;font-weight:600;display:flex}.msheet-link svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2px}.cc-tw{z-index:2147483646;color:#fff;width:268px;font-family:var(--font-mono);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#161616;border:1px solid #ffffff24;flex-direction:column;max-height:calc(100vh - 32px);font-size:12px;display:none;position:fixed;bottom:16px;right:16px;box-shadow:0 18px 50px #0006}.cc-tw.open{display:flex}.cc-tw-hd{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:13px 12px 13px 16px;display:flex}.cc-tw-hd b{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}.cc-tw-hd .dotmark{background:var(--accent);width:8px;height:8px;margin-right:7px;display:inline-block;transform:rotate(45deg)}.cc-tw-x{appearance:none;color:#fff9;cursor:pointer;background:0 0;border:0;width:24px;height:24px;font-size:15px;line-height:1}.cc-tw-x:hover{color:#fff}.cc-tw-body{flex-direction:column;gap:16px;padding:14px 16px 18px;display:flex;overflow-y:auto}.cc-tw-row{flex-direction:column;gap:8px;display:flex}.cc-tw-lbl{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;font-size:10px}.cc-seg{border:1px solid #ffffff26;display:flex}.cc-seg button{appearance:none;color:#fff9;cursor:pointer;background:0 0;border:0;border-right:1px solid #ffffff1f;flex:1;padding:8px 4px;font-family:inherit;font-size:11px;transition:background .15s,color .15s}.cc-seg button:last-child{border-right:0}.cc-seg button.on{background:var(--accent);color:#fff}.cc-seg button:not(.on):hover{color:#fff;background:#ffffff14}.cc-sw-row{gap:8px;display:flex}.cc-sw{cursor:pointer;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border:2px solid #0000;width:30px;height:30px}.cc-sw.on{border-color:#fff}.cc-tw-note{color:#fff6;font-size:10px;line-height:1.5}[data-anim="0"] .reveal{transition-duration:.001ms}
