@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080c0e;--card:#101719;--text:#f2f5f5;--muted:#aab7bd;--mint:#b5f0db;--line:#30413e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain}.header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}.nav-button,.button{background:var(--mint);color:#0b1d19;border:0;border-radius:9px;padding:14px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;transition:transform .2s,background .2s}.button:hover,.nav-button:hover{transform:translateY(-2px);background:#d4fff0}.hero{min-height:520px;border:1px solid #253330;border-radius:20px;display:flex;align-items:center;background:#070a0b url('assets/hero.webp') center/cover no-repeat;overflow:hidden}.hero-copy{padding:clamp(32px,5vw,68px);width:min(520px,70%)}.eyebrow{color:var(--mint);font-size:10px;letter-spacing:.13em;font-weight:800}.hero h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(52px,6vw,82px);line-height:.99;margin:22px 0}.hero em{color:var(--mint);font-style:normal}.hero p,.section p{color:var(--muted);line-height:1.8;font-size:14px}.hero p{max-width:360px;margin-bottom:28px}.hero small{display:block;color:#8d9b9e;font-size:9px;letter-spacing:.15em;margin-top:34px}.ribbon{display:flex;justify-content:space-between;gap:15px;padding:24px 0;border-bottom:1px solid #263330;font-size:9px;letter-spacing:.08em;color:#a9b7b6}.section{padding:90px 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head p{max-width:350px}.section h2{font-size:clamp(34px,4vw,51px);line-height:1.06;margin:15px 0}.collections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.collection,.product{border:1px solid var(--line);background:#0e1517;border-radius:18px;overflow:hidden}.collection{transition:border-color .2s,transform .2s}.collection:hover{border-color:var(--mint);transform:translateY(-3px)}.collection-art{height:230px;background:#080c0d}.collection-art img{width:100%;height:100%;object-fit:cover}.collection-content{padding:28px}.collection h3,.product h3{font-size:27px;margin:12px 0}.collection p{min-height:50px}.outline{border:1px solid #496962;border-radius:8px;padding:13px 15px;display:flex;justify-content:space-between;color:var(--mint);font-size:11px;font-weight:800}.product{display:grid;grid-template-columns:1.3fr 1fr}.product-image{border:0;padding:0;background:#07101a;min-width:0}.product-image img{display:block;width:100%;height:100%;object-fit:contain}.product-info{padding:clamp(25px,4vw,52px);display:flex;flex-direction:column;justify-content:center}.product-info h3{font-size:36px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;color:var(--mint);border:1px solid #45675c;border-radius:6px;padding:6px 10px;font-weight:700}.product-bottom,.detail-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #30413e;padding-top:22px;margin-top:20px}.product-bottom small,.detail-actions small{display:block;font-size:9px;color:#81918f;letter-spacing:.1em}.product-bottom strong,.detail-actions strong{color:var(--mint);font-size:20px}.paid{padding-bottom:20px}.studio{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:1px solid #263330;margin-top:90px;padding-top:50px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#101719;border:1px solid var(--line);border-radius:18px;margin-top:90px;margin-bottom:40px;padding:35px}.footer p,.footer small{color:var(--muted);font-size:12px}.footer small{font-size:10px}dialog{width:min(1100px,calc(100% - 32px));max-height:90vh;padding:0;background:#101719;color:var(--text);border:1px solid #39514a;border-radius:18px}dialog::backdrop{background:rgba(0,0,0,.8)}.dialog-inner{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding:38px}.close{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:32px}.gallery{align-self:start;position:sticky;top:0}.gallery-frame{border-radius:12px;overflow:hidden;background:#050a0d}.gallery-frame img{display:block;width:100%;height:auto}.gallery-controls{display:flex;align-items:center;gap:10px;margin-top:12px}.gallery-controls button{background:#20312d;color:var(--mint);border:0;border-radius:7px;padding:10px 14px}.gallery-controls span{font-size:12px;color:var(--muted)}.detail-copy h2{font-size:36px;line-height:1.05}.detail-copy h3{font-size:19px;margin:26px 0 8px}.detail-copy p,.detail-copy li{color:var(--muted);line-height:1.7;font-size:14px}.detail-copy ul{padding-left:20px}.detail-copy>small{display:block;color:#8a9998;margin-top:14px}.particles{position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,#c4ffe2 1px,transparent 2px),radial-gradient(circle,#759b91 1px,transparent 2px);background-size:230px 270px,340px 330px;opacity:.17;animation:drift 18s linear infinite}@keyframes drift{to{background-position:100px -270px,-80px -330px}}@media(max-width:700px){.wrap{width:min(100% - 32px,1200px)}.header{height:75px}.header nav{gap:12px}.header nav>a:not(.nav-button){display:none}.hero{min-height:510px;background-position:62% center}.hero-copy{width:100%;background:linear-gradient(90deg,rgba(4,7,8,.94),rgba(4,7,8,.58) 70%,transparent)}.hero h1{font-size:54px}.ribbon span:last-child{display:none}.section{padding-top:65px}.section-head{display:block}.collections,.product,.studio,.dialog-inner{grid-template-columns:1fr}.collection-art{height:200px}.product-info{padding:28px}.studio{margin-top:65px;gap:10px}.footer{margin-top:65px;align-items:start;flex-direction:column}.dialog-inner{padding:30px 22px}.gallery{position:static}.detail-copy h2{font-size:30px}.product-bottom{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Checkout selection */
.support-panel{padding:40px;position:relative;max-width:520px}.support-panel h2{font-size:32px;margin:12px 0}.support-panel p{color:var(--muted);font-size:14px;line-height:1.7}.support-panel label{display:block;color:var(--mint);font-weight:700;font-size:12px;margin:24px 0 8px}.support-panel select{width:100%;padding:14px;border-radius:9px;border:1px solid #496962;background:#0b1112;color:#f2f5f5;font:inherit}.support-panel .button{width:100%;margin-top:8px}.support-panel .button:disabled{opacity:.5;cursor:wait}.support-close{position:absolute;right:18px;top:12px;background:none;border:0;color:white;font-size:30px}.support-note{font-size:11px!important}.support-fallback{color:var(--mint);text-decoration:underline;font-size:12px}#support-dialog{width:min(520px,calc(100% - 32px))}#support-status{min-height:1.4em}
/* Opciones de apoyo */
.support-panel{padding:clamp(24px,5vw,40px)}.support-options{border:0;padding:0;margin:24px 0 0;min-width:0}.support-options legend{color:var(--mint);font-size:12px;font-weight:700;margin-bottom:10px}.support-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.support-choices[aria-busy=true]{min-height:45px}.support-panel .support-option{position:relative;display:flex;align-items:center;gap:9px;min-width:0;min-height:52px;margin:0;padding:11px 12px;border:1px solid #344c46;border-radius:10px;background:#0c1415;color:#e6efed;cursor:pointer;transition:border-color .2s,background .2s}.support-option:hover{border-color:#86cbb4;background:#14231f}.support-option:has(input:checked){border-color:var(--mint);background:#19302a}.support-option:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:2px}.support-option input{position:absolute;opacity:0;pointer-events:none}.option-mark{flex:0 0 16px;width:16px;height:16px;border:1px solid #6d9689;border-radius:50%;display:grid;place-items:center}.support-option input:checked+.option-mark:after{content:'';width:8px;height:8px;border-radius:50%;background:var(--mint)}.option-name{font-size:12px;line-height:1.35;flex:1}.option-price{font-size:11px;color:var(--mint);white-space:nowrap}.support-panel #support-status{min-height:0;margin:12px 0;color:var(--muted)}.support-panel #support-status:empty{display:none}.support-panel .button{margin-top:20px}.support-note{margin-bottom:0}@media(max-width:430px){.support-choices{grid-template-columns:1fr}.support-panel .support-option{min-height:45px}.support-panel h2{font-size:27px}}
