/* Umbral Labs — estilos del sitio */
:root{
  --bg:#F5F5F3;--ink:#121212;--muted:#5E5E5A;--text2:#45453F;--line:#E6E5E1;--line2:#EEEDEA;--line3:#DAD9D5;
  --green:#0E6B4A;--green-d:#0A5038;--green-bg:#EEF6F1;--green-chip:#DCEFE3;--strike:#77776F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.4}
img{max-width:100%}
a{color:var(--ink)}a:hover{color:var(--green)}
button{font-family:inherit}
.mono{font-family:'Geist Mono',ui-monospace,Consolas,monospace}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.eyebrow{font:500 12px 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.h2{margin:8px 0 0;font-size:38px;letter-spacing:-.03em;font-weight:700;line-height:1.08}
.h2 .light,.light{font-weight:300}
.lead{margin:0;font-size:17px;line-height:1.55;color:var(--text2)}
.sec{padding:64px 0 24px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.hide{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Botones */
.btn{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font:600 14px 'Geist',sans-serif;border-radius:12px;height:44px;padding:0 18px;white-space:nowrap}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#2A2A2A;color:#fff}
.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:var(--green-d);color:#fff}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid #CFCDC8}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.btn-round{border-radius:999px}
.btn-lg{height:54px;font-size:15px;padding:0 24px}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.icon-btn{appearance:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line3);background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex:none}
.icon-btn:hover{border-color:var(--ink)}
.icon-btn.bare{border-color:transparent}
.linkbtn{appearance:none;border:0;background:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;text-align:left}
.chip{appearance:none;border:1px solid var(--line3);background:#fff;color:var(--ink);border-radius:999px;padding:0 16px;height:40px;font:500 14px 'Geist',sans-serif;cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pill{appearance:none;border:1px solid var(--line3);background:#fff;color:var(--ink);border-radius:8px;padding:0 10px;height:32px;font:500 12px 'Geist Mono',monospace;cursor:pointer}
.pill:hover{border-color:var(--ink)}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pill-lg{height:40px;padding:0 14px;font-size:13px;border-radius:10px}
.stepper{display:flex;align-items:center;gap:6px}
.stepper .n{min-width:22px;text-align:center;font:600 14px 'Geist Mono',monospace}

/* Barra superior y cabecera */
.topbar{background:var(--ink);color:#EDEDEA;font:500 12px 'Geist Mono',monospace;letter-spacing:.04em;text-align:center;padding:10px 16px}
.hdr{background:rgba(245,245,243,.92);border-bottom:1px solid #E2E1DE;position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.logo{text-decoration:none;color:var(--ink);display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1}
.logo b{font-size:30px;letter-spacing:-.04em;font-weight:800}.logo b span{font-weight:300}
.logo i{font:normal 11px 'Geist Mono',monospace;margin-top:2px}
.nav{display:flex;gap:28px;font-size:14px;font-weight:500}.nav a{text-decoration:none}
.cart-count{background:#fff;color:var(--ink);border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font:600 12px 'Geist Mono',monospace;padding:0 6px}

/* Portada */
.hero{position:relative;overflow:hidden;min-height:660px;display:flex;align-items:center;justify-content:center;padding:96px 20px}
.hero-txt{position:relative;z-index:2;max-width:660px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.hero h1{margin:0;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.04em;font-weight:700}
.br-m{display:none}
.hero p{margin:0;font-size:18px;line-height:1.55;color:var(--text2);max-width:30em}
.tag-pe{display:inline-flex;align-items:center;gap:8px;font:500 12px 'Geist Mono',monospace;letter-spacing:.08em;color:var(--text2);background:#fff;border:1px solid #E2E1DE;border-radius:999px;padding:6px 12px}
.flag{border-radius:2px;flex:none}
.fv{position:absolute;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0 26px 28px rgba(18,18,18,.16));animation:ufloat 8s ease-in-out infinite;transform:rotate(var(--r))}
@keyframes ufloat{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-16px) rotate(var(--r))}}
.v1{--r:-9deg;left:6%;top:7%;width:138px}
.v2{--r:10deg;right:7%;top:5%;width:128px;animation-delay:-2s}
.v3{--r:7deg;left:15%;bottom:4%;width:112px;animation-delay:-4s}
.v4{--r:-7deg;right:15%;bottom:4%;width:118px;animation-delay:-1s}
.v5{--r:16deg;left:1%;top:47%;width:78px;filter:blur(2px) drop-shadow(0 18px 18px rgba(18,18,18,.12));opacity:.85;animation-delay:-3s}
.v6{--r:-14deg;right:1.5%;top:43%;width:82px;filter:blur(2px) drop-shadow(0 18px 18px rgba(18,18,18,.12));opacity:.85;animation-delay:-5s}
.v7{--r:-18deg;left:27%;top:3%;width:58px;filter:blur(3.5px);opacity:.6;animation-delay:-6s}
.v8{--r:20deg;right:28%;bottom:2%;width:62px;filter:blur(3.5px);opacity:.6;animation-delay:-2.5s}
.v9{--r:-24deg;left:31%;bottom:3%;width:50px;filter:blur(4px);opacity:.5;animation-delay:-1.5s}
.v10{--r:14deg;right:31%;top:4%;width:52px;filter:blur(4px);opacity:.5;animation-delay:-3.5s}

/* Compra con respaldo */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.trust-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:14px;align-items:flex-start}
.trust-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.trust-item strong{display:block;font-size:15px}
.trust-item>div>span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:3px}

/* Catálogo */
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:20px;scrollbar-width:thin}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 36px -18px rgba(18,18,18,.28)}
.card-img{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:5/6;overflow:hidden;text-decoration:none}
.card-img img{height:76%;width:auto;display:block;filter:drop-shadow(0 18px 18px rgba(18,18,18,.16));transition:transform .5s ease}
.card:hover .card-img img{transform:translateY(-6px) scale(1.03)}
.card-cat{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.9);border-radius:999px;padding:5px 10px;font:500 11px 'Geist Mono',monospace;letter-spacing:.04em;color:var(--ink);max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-off{position:absolute;top:12px;right:12px;background:var(--ink);color:#fff;border-radius:999px;padding:5px 9px;font:600 11px 'Geist Mono',monospace}
.badge-best{position:absolute;left:12px;bottom:12px;background:var(--green);color:#fff;border-radius:999px;padding:5px 10px;font:600 10px 'Geist Mono',monospace;letter-spacing:.06em}
.card-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}
.card-name{margin:0;font-size:20px;letter-spacing:-.02em;font-weight:700}
.card-name a{text-decoration:none}.card-name a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.card-sub{font:400 12px 'Geist Mono',monospace;color:var(--muted);margin-top:4px;min-height:16px}
.desc{margin:0;font-size:14px;line-height:1.5;color:var(--text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px dashed var(--line3);min-height:53px}
.price{font:600 18px 'Geist Mono',monospace;color:var(--green)}
.btn-add{height:40px;padding:0 14px;font-size:13px;border-radius:10px}

/* Packs */
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pack-art{position:relative;height:190px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.pack-art img{height:150px;width:auto;margin:0 -14px 14px;filter:drop-shadow(0 14px 14px rgba(18,18,18,.18));transition:transform .4s ease}
.pack-art img:nth-child(1){transform:rotate(-7deg)}
.pack-art img:nth-child(3){transform:rotate(7deg)}
.pack-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.pack-items li{display:flex;justify-content:space-between;gap:8px}
.pack-items a{text-decoration:underline;text-decoration-color:#CFCDC8;text-underline-offset:3px}
.strike{font:400 12px 'Geist Mono',monospace;color:var(--strike);text-decoration:line-through}

/* Volumen */
.vol{position:relative;overflow:hidden;background:linear-gradient(100deg,#EEF6E4 0%,#F5F6EF 38%,#EEF0FA 72%,#E6EDFA 100%);margin-top:48px}
.vol-in{position:relative;z-index:2;max-width:680px;margin:0 auto;padding:104px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.vol h2{margin:0;font-size:clamp(32px,4.4vw,52px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
.vt{position:absolute;border-radius:16px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;pointer-events:none;box-shadow:0 10px 24px -14px rgba(18,18,18,.35);animation:ufloat 9s ease-in-out infinite}
.vt img{height:84%;width:auto;margin-bottom:6%}
.t1{--r:-8deg;left:3%;top:10%;width:64px;height:72px}
.t2{--r:6deg;left:11%;top:50%;width:84px;height:94px;animation-delay:-2s}
.t3{--r:-4deg;left:4%;top:74%;width:58px;height:64px;filter:blur(1.5px);animation-delay:-4s}
.t4{--r:-5deg;left:20%;top:70%;width:70px;height:78px;animation-delay:-1s}
.t5{--r:10deg;left:21%;top:14%;width:46px;height:52px;filter:blur(2px);opacity:.65;animation-delay:-3s}
.t6{--r:-12deg;left:29%;top:84%;width:42px;height:46px;filter:blur(3px);opacity:.5}
.t7{--r:8deg;right:4%;top:9%;width:60px;height:68px;animation-delay:-5s}
.t8{--r:-6deg;right:13%;top:22%;width:52px;height:58px;filter:blur(2px);opacity:.7;animation-delay:-2.5s}
.t9{--r:-6deg;right:6%;top:56%;width:76px;height:86px;animation-delay:-1.5s}
.t10{--r:5deg;right:17%;top:74%;width:56px;height:62px;filter:blur(1px);animation-delay:-6s}
.t11{--r:12deg;right:25%;top:10%;width:40px;height:44px;filter:blur(3px);opacity:.5}
.t12{--r:-14deg;right:28%;top:84%;width:44px;height:48px;filter:blur(2.5px);opacity:.55;animation-delay:-3.5s}
.t13{--r:16deg;left:34%;top:6%;width:36px;height:40px;filter:blur(3.5px);opacity:.4}
.t14{--r:-10deg;right:35%;top:5%;width:38px;height:42px;filter:blur(3.5px);opacity:.4;animation-delay:-4.5s}
.vchip{font:600 12px 'Geist Mono',monospace;border-radius:999px;padding:8px 12px}
.vol-card{background:#fff;border-radius:20px;padding:14px 18px 14px 14px;display:flex;align-items:center;gap:14px;box-shadow:0 20px 40px -24px rgba(18,18,18,.35);max-width:380px;width:100%;text-align:left;margin-top:6px}
.vol-thumb{position:relative;width:64px;height:72px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;flex:none}
.vol-thumb img{height:60px;width:auto;margin-bottom:4px}
.x10{position:absolute;right:-6px;bottom:-6px;background:var(--ink);color:#fff;border-radius:999px;font:600 11px 'Geist Mono',monospace;padding:3px 7px}
.ok-chip{display:inline-block;font:600 10px 'Geist Mono',monospace;background:var(--green-chip);color:var(--green-d);border-radius:6px;padding:3px 6px}

/* Por qué / FAQ / COA */
.why{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.why-cards{flex:999 1 520px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.why-cards .box{display:flex;flex-direction:column;gap:8px}
.why-cards h3{margin:0;font-size:16px}
.why-cards p{margin:0;font-size:14px;line-height:1.55;color:var(--text2)}
.faq{display:flex;flex-wrap:wrap;gap:40px;padding-bottom:72px}
.faq-list{flex:999 1 560px;min-width:0;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line3);padding:18px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:'Geist Mono',monospace}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--text2)}
.coa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 32px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 24px}
.coa-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line2)}

/* Ficha de producto */
.crumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:400 12px 'Geist Mono',monospace;color:var(--muted);padding-top:24px}
.crumbs a{color:var(--muted)}
.prod{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;padding:16px 0 32px}
.prod-img{flex:1 1 400px;min-width:0;position:relative;border:1px solid var(--line);border-radius:26px;overflow:hidden;min-height:460px;display:flex;align-items:center;justify-content:center}
.prod-img img{height:330px;width:auto;display:block;filter:drop-shadow(0 30px 30px rgba(18,18,18,.2))}
.prod-tags{position:absolute;left:14px;bottom:14px;right:14px;display:flex;gap:6px;flex-wrap:wrap}
.prod-tags span{font:500 10px 'Geist Mono',monospace;letter-spacing:.06em;background:#fff;border:1px solid #E2E1DE;border-radius:999px;padding:5px 9px}
.prod-buy{flex:1 1 460px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(20px,3vw,28px);display:flex;flex-direction:column;gap:18px}
.prod-buy h1{margin:6px 0 0;font-size:clamp(34px,4vw,46px);line-height:1;letter-spacing:-.04em;font-weight:800}
.prod-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line2)}
.lbl{font:500 11px 'Geist Mono',monospace;letter-spacing:.08em;color:var(--muted);width:92px;flex:none}
.qty{display:flex;align-items:center;gap:6px;border:1px solid #E2E1DE;border-radius:12px;padding:3px}
.qty .n{min-width:28px;text-align:center;font:600 14px 'Geist Mono',monospace}
.big-price{font:700 32px 'Geist Mono',monospace;letter-spacing:-.02em;color:var(--green)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:14px 10px}
.tile{appearance:none;position:relative;border:1px solid #E2E1DE;background:#fff;border-radius:14px;padding:14px 10px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left;font:inherit;color:var(--ink);min-height:76px}
.tile:hover{border-color:var(--ink)}
.tile.on{border-color:var(--green);background:var(--green-bg);box-shadow:inset 0 0 0 1px var(--green)}
.tile-badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font:600 9px 'Geist Mono',monospace;letter-spacing:.06em;padding:3px 7px;border-radius:6px;white-space:nowrap;color:#fff}
.tile strong{display:block;font-size:12px}.tile em{display:block;font:600 11px 'Geist Mono',monospace;font-style:normal;color:var(--green)}
.tile em.grey{color:var(--muted);font-weight:400}
.thumbs{position:relative;width:44px;height:52px;flex:none;border-radius:10px;overflow:hidden}
.thumbs img{position:absolute;bottom:4px;height:42px;width:auto}
.th1{left:50%;transform:translateX(-50%)}.th2a{left:6px}.th2b{left:20px}.th3a{left:2px}.th3b{left:13px}.th3c{left:24px}
.note-green{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;background:var(--green-bg);color:var(--green-d);border-radius:12px;padding:10px 14px}
.note-green a,.note-green button{color:var(--green-d);font-weight:600}
.info-list{border:1px solid var(--line2);border-radius:16px;overflow:hidden}
.info-list>div{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid var(--line2)}
.info-list>div:last-child{border-bottom:0}
.info-list>div:first-child{background:#F3F8F4}
.info-list strong{display:block;font-size:13px}.info-list span{display:block;font-size:12px;color:var(--muted)}
.pack-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--ink);border:1px dashed var(--green);border-radius:14px;padding:12px 14px;background:#F3F8F4;font-size:13px}
.info-cols{display:flex;flex-wrap:wrap;gap:16px}
.about{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px;padding:clamp(20px,3vw,32px)}
.about>p{margin:0;font-size:17px;line-height:1.65;color:#2A2A27}
.fx{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.fx li{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:14px;padding:14px;font-size:14px;line-height:1.5}
.side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}
.spec{margin:10px 0 0}
.spec div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line2)}
.spec dt{font-size:13px;color:var(--muted);flex:none}.spec dd{margin:0;font-size:13px;font-weight:600;text-align:right}
.tagl{font-size:12px;border:1px solid #E2E1DE;border-radius:999px;padding:5px 10px}
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.rel a{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.rel-box{height:180px;display:flex;align-items:center;justify-content:center}
.rel-box img{height:138px;width:auto;filter:drop-shadow(0 12px 12px rgba(18,18,18,.14))}
.coa-dark{flex:1 1 340px;min-width:0;background:var(--ink);color:#EDEDEA;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:18px}

/* Pie */
.foot{background:var(--ink);color:#EDEDEA;margin-top:48px}
.foot .wrap{padding-top:48px;padding-bottom:120px;display:flex;flex-direction:column;gap:28px}
.foot a{color:#EDEDEA}
.foot .logo{color:#EDEDEA}.foot .logo b{font-size:40px}
.foot-cols{display:flex;gap:40px;flex-wrap:wrap;font-size:14px}
.foot-cols>div{display:flex;flex-direction:column;gap:10px}
.foot-cols .eyebrow{color:#A3A39E;font-size:11px}
.legal{margin:0;font-size:12px;line-height:1.6;color:#A3A39E;max-width:60em;border-top:1px solid #2E2E2C;padding-top:20px}

/* Barra flotante */
.sticky{position:fixed;left:0;right:0;bottom:16px;z-index:30;padding:0 16px;pointer-events:none}
.sticky>div{max-width:760px;margin:0 auto;pointer-events:auto;background:var(--ink);color:#fff;border-radius:18px;padding:12px 12px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 18px 40px -16px rgba(0,0,0,.45)}

/* Carrito + checkout (panel lateral) */
.co-wrap{position:fixed;inset:0;z-index:90;background:rgba(18,18,18,.42);display:flex;justify-content:flex-end}
.co-panel{width:100%;max-width:520px;height:100%;overflow-y:auto;background:var(--bg);padding:18px 20px 32px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}
.co-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.co-h{margin:0;font-size:26px;letter-spacing:-.03em;font-weight:700}
.field{width:100%;height:46px;border:1px solid var(--line3);border-radius:12px;padding:0 14px;font:400 16px 'Geist',sans-serif;background:#fff;color:var(--ink)}
.field:focus{outline:2px solid var(--ink);outline-offset:1px}
.fl{display:flex;flex-direction:column;gap:6px}.fl label,.fl>span{font-size:13px;font-weight:600}
.seg{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:8px}
.seg-btn{appearance:none;border:1px solid var(--line3);background:#fff;color:var(--ink);border-radius:14px;padding:12px;font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}
.seg-btn:hover{border-color:var(--ink)}.seg-btn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.seg-btn small{font:400 12px 'Geist Mono',monospace;color:var(--muted)}
.copy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line2)}
.copy-row:last-child{border-bottom:0}
.copy-row .k{font:400 11px 'Geist Mono',monospace;color:var(--muted)}
.copy-row .v{font:600 14px 'Geist Mono',monospace;margin-top:2px;word-break:break-all}
.copy-btn{appearance:none;border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:10px;height:36px;padding:0 12px;font:600 12px 'Geist',sans-serif;cursor:pointer;white-space:nowrap;flex:none}
.copy-btn:hover,.copy-btn.ok{background:var(--ink);color:#fff}
.steps{display:flex;align-items:center;gap:8px;font:500 12px 'Geist Mono',monospace;color:var(--strike)}
.steps .on{color:var(--ink);font-weight:600}
.ship-bar{height:6px;border-radius:999px;background:#E2E1DE;overflow:hidden}
.ship-bar span{display:block;height:100%;background:var(--green);border-radius:999px;transition:width .3s ease}
.line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line2)}
.line-thumb{width:52px;height:60px;border-radius:12px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;flex:none}
.line-thumb img{height:50px;width:auto;margin-bottom:4px}
.sum{display:flex;justify-content:space-between;font-size:14px;color:var(--text2)}
.usdt-alert{background:var(--ink);color:#fff;border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center}
.warn{font-size:13px;line-height:1.5;background:#FFF4D6;color:#6B4A00;border-radius:12px;padding:12px 14px}

/* Verificación */
.gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(245,245,243,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gate-card{width:100%;max-width:460px;background:#fff;border:1px solid #E2E1DE;border-radius:26px;padding:30px;box-shadow:0 40px 80px -40px rgba(18,18,18,.45);display:flex;flex-direction:column;gap:16px}

@media (prefers-reduced-motion:reduce){.fv,.vt{animation:none}html{scroll-behavior:auto}}
@media (max-width:1100px) and (min-width:761px){
  .hero{padding:120px 20px}
  .hero-txt{max-width:520px}
  .v1{width:92px;left:2%;top:6%}.v2{width:86px;right:2%;top:5%}
  .v3{width:80px;left:3%;bottom:5%}.v4{width:82px;right:3%;bottom:5%}
  .v5,.v6,.v9,.v10{display:none}
  .v7{left:22%;top:3%;width:46px}.v8{right:22%;bottom:3%;width:48px}
}
@media (max-width:760px){
  .hero{min-height:0;padding:200px 16px 210px}
  .v1{width:72px;left:3%;top:18px}.v2{width:68px;right:4%;top:24px}
  .v3{width:64px;left:8%;bottom:16px}.v4{width:66px;right:8%;bottom:14px}
  .v5,.v6,.v9,.v10{display:none}
  .v7{left:38%;top:30px;width:40px}.v8{right:38%;bottom:30px;width:42px}
  .t3,.t4,.t5,.t6,.t8,.t10,.t11,.t12,.t13,.t14{display:none}
  .t1{top:16px;left:4%}.t7{top:20px;right:4%}
  .t2{top:auto;bottom:18px;left:6%;width:60px;height:68px}
  .t9{top:auto;bottom:22px;right:6%;width:60px;height:68px}
  .nav{display:none}
}
@media (max-width:600px){
  .h2{font-size:30px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .desc,.card-cat,.hide-sm{display:none!important}
  .card-body{padding:12px}
  .card-name{font-size:16px}
  .card-foot{flex-wrap:wrap}
  .prod-img{min-height:340px}.prod-img img{height:250px}
  .rel-box{height:150px}.rel-box img{height:112px}
  .co-panel{max-width:none}
  .sticky{bottom:10px;padding:0 10px}
  .sticky>div{flex-wrap:nowrap;padding:10px 10px 10px 16px;border-radius:16px}
  .sticky .btn{height:42px;padding:0 14px;font-size:13px}
  .br-m{display:inline}
}