@charset "UTF-8";:root{--font-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--brand-font-display: var(--font-body);--fw-regular: 400;--fw-bold: 700;--fw-black: 900;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base:1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--fs-4xl: 4rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.55;--lh-relaxed: 1.7;--ls-tight: -.02em;--ls-mono: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--bg: #FFFFFF;--surface: #F6F6F4;--surface-2: #EDEDEA;--line: #E2E2DE;--line-strong: #CFCFC9;--ink: #1A1A1A;--ink-2: #565654;--ink-3: #8A8A85;--ink-inverse: #FFFFFF;--panel: #161514;--panel-surface: #211F1D;--panel-line: #322F2C;--panel-ink: #F7F6F4;--panel-ink-2: #B4ADA6;--ok: #1E8A5B;--ok-soft: #E6F4EC;--warn: #B9820B;--warn-soft: #FBF1D9;--info: #2563C9;--info-soft: #E4ECFB;--danger: #C5392B;--danger-soft: #F9E7E4;--neutral: #565654;--neutral-soft: #ECECE9;--shadow-sm: 0 1px 2px rgba(20,18,16,.05), 0 1px 3px rgba(20,18,16,.05);--shadow-md: 0 4px 12px -2px rgba(20,18,16,.08), 0 12px 32px -12px rgba(20,18,16,.14);--shadow-lg: 0 24px 64px -24px rgba(20,18,16,.28);--shadow-focus: 0 0 0 3px var(--brand-accent-soft);--container: 1200px;--container-wide: 1320px;--gutter: clamp(16px, 5vw, 56px);--nav-h: 68px;--announce-h: 38px;--card-min: 240px;--field-h: 44px;--row-py: 13px;--side-w: 248px;--ease: cubic-bezier(.22,.61,.36,1);--dur: .25s;--brand-accent-strong: color-mix(in srgb, var(--brand-accent) 82%, #000);--brand-accent-soft: color-mix(in srgb, var(--brand-accent) 10%, var(--bg));--brand-accent-line: color-mix(in srgb, var(--brand-accent) 24%, var(--bg));--brand-accent-ink: #FFFFFF;--brand-secondary: var(--brand-accent)}:root,[data-brand=fabricante]{--brand-accent: #D84332;--brand-accent-ink: #FFFFFF}[data-brand=selva]{--brand-accent: #117A5E;--brand-accent-ink: #FFFFFF}[data-density=compact]{--field-h: 38px;--row-py: 9px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}ul{list-style:none;padding:0}input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-accent);color:var(--brand-accent-ink)}h1,h2,h3,h4{line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-black);text-wrap:balance}p{text-wrap:pretty}.mono{font-family:var(--font-mono)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-2)}.eyebrow:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--brand-accent);flex:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.container--wide{max-width:var(--container-wide)}.section{padding-block:clamp(var(--space-7),7vw,var(--space-9))}.section--tight{padding-block:clamp(var(--space-6),5vw,var(--space-7))}.bg-surface{background:var(--surface)}.section-head{max-width:640px;margin-bottom:clamp(var(--space-6),4vw,var(--space-7))}.section-head--center{margin-inline:auto;text-align:center}.section-head .eyebrow{margin-bottom:var(--space-4)}.section-head h1,.section-head h2{font-family:var(--brand-font-display);font-size:clamp(var(--fs-2xl),4vw,var(--fs-3xl))}.section-head p{margin-top:var(--space-4);color:var(--ink-2);font-size:var(--fs-md);max-width:52ch}.section-head--center p{margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:13px 22px;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:-.01em;background:var(--brand-accent);color:var(--brand-accent-ink);transition:transform var(--dur) var(--ease),box-shadow var(--dur);white-space:nowrap}.btn svg{width:18px;height:18px}.btn:hover{background:var(--brand-accent-strong);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn--secondary{background:var(--surface-2);color:var(--ink)}.btn--secondary:hover{background:var(--line)}.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line-strong)}.btn--ghost:hover{background:var(--surface);border-color:var(--ink-3);box-shadow:none}.btn--on-accent{background:var(--bg);color:var(--brand-accent)}.btn--lg{padding:16px 28px;font-size:var(--fs-base)}.btn--sm{padding:9px 14px;font-size:var(--fs-xs)}.btn--block{width:100%}.icon-btn{position:relative;width:42px;height:42px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--ink-2);border:1px solid transparent;transition:all var(--dur)}.icon-btn:hover{background:var(--surface);color:var(--ink)}.icon-btn svg{width:20px;height:20px}.arrow-link{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);color:var(--brand-accent)}.arrow-link svg{width:17px;height:17px;transition:transform var(--dur) var(--ease)}.arrow-link:hover svg{transform:translate(4px)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink)}.field-label .opt{color:var(--ink-3);font-weight:var(--fw-regular)}.input,.select,.textarea{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--bg);color:var(--ink);transition:border-color var(--dur),box-shadow var(--dur)}.input::placeholder,.textarea::placeholder{color:var(--ink-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-accent);box-shadow:var(--shadow-focus)}.textarea{resize:vertical;min-height:96px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A85' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}.field .help{font-size:var(--fs-xs);color:var(--ink-3)}.field.is-error .input,.field.is-error .select{border-color:var(--danger)}.field .err-msg{display:none;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--danger);font-weight:var(--fw-bold)}.field .err-msg svg{width:14px;height:14px;flex:none}.field.is-error .err-msg{display:flex}.field.is-success .input{border-color:var(--ok)}.form-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.form-alert svg{width:18px;height:18px;flex:none;margin-top:1px}.form-alert.is-error{background:var(--danger-soft);color:var(--danger)}.form-alert.is-success{background:var(--ok-soft);color:var(--ok)}.form-alert.is-info{background:var(--info-soft);color:var(--info)}.btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;border:2px solid color-mix(in srgb,var(--brand-accent-ink) 45%,transparent);border-top-color:var(--brand-accent-ink);border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn.is-loading:after{animation:none}}.check,.radio{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--fs-sm)}.check input,.radio input{position:absolute;opacity:0;width:0;height:0}.check .box,.radio .dot{flex:none;width:20px;height:20px;border:1.5px solid var(--line-strong);background:var(--bg);display:grid;place-items:center;transition:all var(--dur);margin-top:1px}.check .box{border-radius:6px}.radio .dot{border-radius:50%}.check .box svg{width:13px;height:13px;color:var(--brand-accent-ink);opacity:0}.check input:checked+.box{background:var(--brand-accent);border-color:var(--brand-accent)}.check input:checked+.box svg{opacity:1}.radio .dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand-accent);transform:scale(0);transition:transform var(--dur) var(--ease)}.radio input:checked+.dot{border-color:var(--brand-accent)}.radio input:checked+.dot:after{transform:scale(1)}.check input:focus-visible+.box,.radio input:focus-visible+.dot{box-shadow:var(--shadow-focus)}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);overflow:hidden}.qty button{width:38px;height:40px;display:grid;place-items:center;color:var(--ink-2);transition:background var(--dur)}.qty button:hover{background:var(--surface-2);color:var(--ink)}.qty button svg{width:16px;height:16px}.qty .qty-val{min-width:38px;text-align:center;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge svg{width:13px;height:13px;flex:none}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--neutral{background:var(--neutral-soft);color:var(--neutral)}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink-2);background:var(--bg)}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--bg);transition:transform var(--dur) var(--ease),box-shadow var(--dur);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-card .pc-media{aspect-ratio:1;background:var(--surface-2);position:relative;overflow:hidden}.product-card .pc-media img{width:100%;height:100%;object-fit:cover}.product-card .pc-flag{position:absolute;top:10px;left:10px;z-index:2}.product-card .pc-flag .badge{background:var(--brand-accent);color:var(--brand-accent-ink)}.product-card .pc-body{padding:var(--space-4);display:flex;flex-direction:column;gap:4px;flex:1}.product-card .pc-cat{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.product-card .pc-name{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:-.01em;line-height:var(--lh-snug)}.product-card .pc-foot{margin-top:auto;padding-top:var(--space-3);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-2)}.product-card .pc-price{line-height:1.2}.product-card .pc-price .from{display:block;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.product-card .pc-price .amt{font-size:var(--fs-lg);font-weight:var(--fw-black);letter-spacing:-.02em;color:var(--ink)}.product-card .pc-swatches{display:flex;gap:4px}.product-card .pc-swatches i{width:14px;height:14px;border-radius:50%;border:1px solid var(--line)}.cat-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/5;background:var(--surface-2);display:flex;align-items:flex-end;isolation:isolate}.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.cat-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 35%,#141210b8)}.cat-card .cc-body{padding:var(--space-4);color:#fff;display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-2)}.cat-card .cc-name{font-size:var(--fs-md);font-weight:var(--fw-black);letter-spacing:-.01em}.cat-card .cc-arrow{width:34px;height:34px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;flex:none;transition:background var(--dur)}.cat-card:hover .cc-arrow{background:var(--brand-accent)}.cat-card .cc-arrow svg{width:16px;height:16px}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:var(--space-5)}.card-ico{width:46px;height:46px;border-radius:var(--radius-sm);background:var(--brand-accent-soft);color:var(--brand-accent);display:grid;place-items:center;margin-bottom:var(--space-4)}.card-ico svg{width:23px;height:23px}.announce{background:var(--panel);color:var(--panel-ink);height:var(--announce-h);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em}.announce .dot{width:5px;height:5px;border-radius:50%;background:var(--brand-accent);margin:0 10px}.shop-header{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line)}.shop-header .header-row{display:flex;align-items:center;gap:var(--space-4);height:var(--nav-h)}.brand-lockup{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-black);font-size:var(--fs-lg);letter-spacing:var(--ls-tight)}.brand-mark{width:32px;height:32px;color:var(--brand-accent);flex:none}.brand-mark svg{width:100%;height:100%}.brand-mark [data-mark]{display:none}[data-brand=fabricante] .brand-mark [data-mark=fabricante],:root .brand-mark [data-mark=fabricante]{display:block}[data-brand=selva] .brand-mark [data-mark=fabricante]{display:none}[data-brand=selva] .brand-mark [data-mark=selva]{display:block}.shop-nav{display:flex;align-items:center;gap:2px;margin-left:var(--space-4)}.shop-nav a{padding:8px 13px;border-radius:var(--radius-sm);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--ink-2);transition:all var(--dur)}.shop-nav a:hover,.shop-nav a.is-active{color:var(--ink);background:var(--surface)}.header-search{flex:1;max-width:360px;margin-left:auto;position:relative}.header-search input{width:100%;padding:10px 14px 10px 40px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--surface);transition:all var(--dur)}.header-search input:focus{outline:none;background:var(--bg);border-color:var(--brand-accent);box-shadow:var(--shadow-focus)}.header-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--ink-3)}.header-actions{display:flex;align-items:center;gap:2px}.cart-btn .count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--brand-accent);color:var(--brand-accent-ink);font-family:var(--font-mono);font-size:10px;font-weight:600;display:grid;place-items:center}.hamburger{display:none}.scrim{position:fixed;inset:0;z-index:90;background:#14121080;opacity:0;visibility:hidden;transition:opacity var(--dur),visibility var(--dur)}.scrim.is-open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;z-index:100;height:100dvh;width:min(420px,100vw);background:var(--bg);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .35s var(--ease);display:flex;flex-direction:column}.cart-drawer.is-open{transform:none}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--line)}.cart-head h3{font-size:var(--fs-lg)}.cart-free{margin:var(--space-4) var(--space-5);padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.cart-free .bar{height:6px;border-radius:var(--radius-pill);background:var(--surface-2);margin-top:8px;overflow:hidden}.cart-free .bar i{display:block;height:100%;width:62%;background:var(--brand-accent);border-radius:inherit}.cart-items{flex:1;overflow-y:auto;padding:0 var(--space-5)}.cart-line{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.cart-line .cl-media{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--surface-2);flex:none;overflow:hidden}.cart-line .cl-media img{width:100%;height:100%;object-fit:cover}.cart-line .cl-body{flex:1;display:flex;flex-direction:column;gap:4px}.cart-line .cl-name{font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:var(--lh-snug)}.cart-line .cl-var{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3)}.cart-line .cl-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cart-line .cl-price{font-weight:var(--fw-black)}.cart-foot{padding:var(--space-5);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-3)}.cart-foot .row{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--ink-2)}.cart-foot .row.total{font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--ink)}.shop-footer{background:var(--panel);color:var(--panel-ink);padding-block:clamp(var(--space-7),6vw,var(--space-8)) var(--space-5)}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(var(--space-5),4vw,var(--space-7))}.footer-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-black);font-size:var(--fs-lg);margin-bottom:var(--space-3)}.shop-footer .blurb{color:var(--panel-ink-2);font-size:var(--fs-sm);max-width:32ch}.footer-social{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.footer-social a{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--panel-line);display:grid;place-items:center;color:var(--panel-ink-2);transition:all var(--dur)}.footer-social a:hover{color:#fff;background:var(--brand-accent);border-color:var(--brand-accent)}.footer-social svg{width:17px;height:17px}.footer-col h4{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--panel-ink-2);margin-bottom:var(--space-4);font-weight:600}.footer-col a{display:block;color:var(--panel-ink-2);font-size:var(--fs-sm);padding:5px 0;transition:color var(--dur)}.footer-col a:hover{color:var(--panel-ink)}.footer-bottom{margin-top:clamp(var(--space-6),5vw,var(--space-7));padding-top:var(--space-5);border-top:1px solid var(--panel-line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);align-items:center}.footer-bottom .legal,.maker-credit{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--panel-ink-2)}.maker-credit strong{color:var(--panel-ink);font-weight:600}.hero{padding-block:clamp(var(--space-6),5vw,var(--space-8))}.hero-card{display:grid;grid-template-columns:1.05fr .95fr;background:var(--brand-accent-soft);border:1px solid var(--brand-accent-line);border-radius:var(--radius-lg);overflow:hidden}.hero-card .hc-copy{padding:clamp(var(--space-5),4vw,var(--space-7));align-self:center}.hero-card .hc-copy .eyebrow{margin-bottom:var(--space-4)}.hero-card h1{font-family:var(--brand-font-display);font-size:clamp(var(--fs-2xl),5vw,var(--fs-3xl));line-height:1;margin-bottom:var(--space-4)}.hero-card h1 em{font-style:normal;color:var(--brand-accent)}.hero-card .sub{font-size:var(--fs-md);color:var(--ink-2);max-width:42ch;margin-bottom:var(--space-5)}.hero-card .hc-media{position:relative;min-height:360px}.hero-card .hc-media .img-ph,.hero-card .hc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-card .hc-media .hv-tag{position:absolute;left:var(--space-4);bottom:var(--space-4);z-index:2}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero--immersive{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:center;color:#fff;border-radius:var(--radius-lg);overflow:hidden}.hero--immersive .hi-img{position:absolute;inset:0;z-index:-2}.hero--immersive .hi-img img{width:100%;height:100%;object-fit:cover}.hero--immersive:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0a08d1,#0c0a088c 42%,#0c0a081f)}.hero--immersive .hi-inner{padding:clamp(var(--space-5),5vw,var(--space-8));max-width:60%}.hero--immersive .eyebrow{color:#fff}.hero--immersive h1,.hero--immersive h2{font-family:var(--brand-font-display);color:#fff;font-size:clamp(var(--fs-2xl),5vw,var(--fs-4xl));line-height:1;margin:var(--space-3) 0 var(--space-4)}.hero--immersive h1 em,.hero--immersive h2 em{font-style:normal;color:color-mix(in srgb,var(--brand-accent) 64%,#fff)}.hero--immersive .sub{color:#ffffffdb;font-size:var(--fs-md);max-width:40ch;margin-bottom:var(--space-5)}.img-ph{width:100%;height:100%;display:grid;place-items:center;gap:10px;color:var(--ink-3);background:repeating-linear-gradient(135deg,var(--surface) 0 14px,var(--surface-2) 14px 28px)}.img-ph svg{width:38px;height:38px;opacity:.5}.img-ph span{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em}.trust{border-block:1px solid var(--line);background:var(--surface)}.trust-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5)}.trust-item{display:flex;align-items:center;gap:var(--space-3)}.trust-item .ti-ico{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;color:var(--brand-accent);flex:none}.trust-item .ti-ico svg{width:19px;height:19px}.trust-item .ti-text strong{display:block;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.trust-item .ti-text span{font-size:var(--fs-xs);color:var(--ink-3)}.cat-grid,.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.benefit h3{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:6px}.benefit p{font-size:var(--fs-sm);color:var(--ink-2);line-height:var(--lh-normal)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-6),5vw,var(--space-8));align-items:center}.featured-media{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;background:var(--surface-2);box-shadow:var(--shadow-md)}.featured-media img{width:100%;height:100%;object-fit:cover}.featured-copy .eyebrow{margin-bottom:var(--space-4)}.featured-copy h2{font-family:var(--brand-font-display);font-size:clamp(var(--fs-2xl),4vw,var(--fs-3xl));margin-bottom:var(--space-3)}.featured-copy p{color:var(--ink-2);font-size:var(--fs-md);margin-bottom:var(--space-5);max-width:42ch}.featured-price{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5)}.featured-price .from{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.featured-price .amt{font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:-.02em;color:var(--ink)}.featured-swatches{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.featured-swatches .lbl{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.featured-swatches i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);display:inline-block}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);counter-reset:step}.step{position:relative;padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg)}.step .step-n{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;color:var(--brand-accent);letter-spacing:var(--ls-mono)}.step h3{font-size:var(--fs-md);font-weight:var(--fw-bold);margin:var(--space-3) 0 6px}.step p{font-size:var(--fs-sm);color:var(--ink-2)}.faq{max-width:760px;margin-inline:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-1);text-align:left;font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:-.01em;transition:color var(--dur)}.faq-q:hover{color:var(--brand-accent)}.faq-ico{flex:none;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--line);display:grid;place-items:center;position:relative;transition:all var(--dur)}.faq-ico:before,.faq-ico:after{content:"";position:absolute;background:currentColor;border-radius:2px}.faq-ico:before{width:12px;height:2px}.faq-ico:after{width:2px;height:12px;transition:transform var(--dur) var(--ease)}.faq-item.is-open .faq-q{color:var(--brand-accent)}.faq-item.is-open .faq-ico{background:var(--brand-accent);color:var(--brand-accent-ink);border-color:var(--brand-accent)}.faq-item.is-open .faq-ico:after{transform:rotate(90deg) scaleX(0)}.faq-a{overflow:hidden;max-height:0;transition:max-height var(--dur) var(--ease)}.faq-a-inner{padding:0 var(--space-1) var(--space-5);color:var(--ink-2);max-width:64ch}.brand-switch{position:fixed;z-index:80;left:50%;bottom:20px;transform:translate(-50%);display:inline-flex;align-items:center;gap:4px;padding:6px;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-md)}.brand-switch .bs-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 0 10px}.brand-switch button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink-2);transition:all var(--dur)}.brand-switch button .sw{width:11px;height:11px;border-radius:50%}.brand-switch button[data-brand-btn=fabricante] .sw{background:#d84332}.brand-switch button[data-brand-btn=selva] .sw{background:#117a5e}.brand-switch button.on{background:var(--ink);color:var(--bg)}@media (max-width: 1040px){.cat-grid,.benefits-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.shop-nav,.header-search{display:none}.hamburger{display:grid}.shop-header .header-row{justify-content:space-between}.header-actions{margin-left:auto;gap:var(--space-1)}.hero-card{grid-template-columns:1fr}.hero-card .hc-media{min-height:0;aspect-ratio:16/10;order:-1}.hero-card .hc-copy{margin-top:-28px;background:var(--brand-accent-soft);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;z-index:2;padding-top:var(--space-5)}.hero-card .hero-cta .btn{flex:1}.hero--immersive{min-height:480px;align-items:flex-end}.hero--immersive:after{background:linear-gradient(0deg,#0c0a08e0,#0c0a0880 45%,#0c0a0826)}.hero--immersive .hi-inner{max-width:100%}.featured{grid-template-columns:1fr}.featured-media{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1 / -1}.trust-row{gap:var(--space-5)}.trust-item{width:calc(50% - var(--space-5))}}@media (max-width: 540px){.cat-grid,.benefits-grid,.steps,.footer-grid{grid-template-columns:1fr}.trust-item{width:100%}.brand-switch .bs-label{display:none}}.mobile-nav{position:fixed;inset:0 0 0 auto;z-index:100;width:min(320px,86vw);background:var(--bg);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .35s var(--ease);padding:var(--space-5);display:flex;flex-direction:column;gap:4px}.mobile-nav.is-open{transform:none}.mobile-nav .mn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.mobile-nav a{padding:14px var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-.01em;border-bottom:1px solid var(--line)}.buy-engine{position:relative;border:1.5px dashed var(--brand-accent-line);border-radius:var(--radius-lg);padding:clamp(var(--space-5),3vw,var(--space-7))}.buy-engine>.be-tag{position:absolute;top:-11px;left:var(--space-5);background:var(--bg);padding:0 10px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--brand-accent)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:var(--space-4)}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6);align-items:start}.catalog-filters{border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5);position:sticky;top:calc(var(--nav-h) + var(--space-4))}.cf-group+.cf-group{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}.cf-group h4{font-size:var(--fs-sm);margin-bottom:var(--space-3)}.cf-opt{display:flex;align-items:center;gap:var(--space-2);padding:5px 0;font-size:var(--fs-sm);color:var(--ink-2)}.catalog-filters .check,.catalog-filters .radio{display:flex}.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.catalog-top .ct-count{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3)}.product-card .pc-add{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-accent);color:var(--brand-accent-ink);display:grid;place-items:center;flex:none;transition:background var(--dur)}.product-card .pc-add:hover{background:var(--brand-accent-strong)}.product-card .pc-add svg{width:18px;height:18px}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-5),4vw,var(--space-7));align-items:start}.pdp-gallery{display:flex;flex-direction:column;gap:var(--space-3);position:sticky;top:calc(var(--nav-h) + var(--space-4))}.pdp-main{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}.pdp-main img,.pdp-main .img-ph{width:100%;height:100%;object-fit:cover}.pdp-thumbs{display:flex;gap:var(--space-2)}.pdp-thumbs button{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--line);background:var(--surface-2);cursor:pointer}.pdp-thumbs button.on{border-color:var(--brand-accent)}.pdp-info .pdp-cat{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.pdp-info h1{font-family:var(--brand-font-display);font-size:clamp(var(--fs-xl),4vw,var(--fs-2xl));letter-spacing:var(--ls-tight);margin:var(--space-2) 0 var(--space-3)}.pdp-price{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-5)}.pdp-price .from{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.pdp-price .amt{font-size:var(--fs-2xl);font-weight:var(--fw-black);letter-spacing:-.02em;color:var(--ink)}.pdp-desc{color:var(--ink-2);font-size:var(--fs-sm);line-height:var(--lh-relaxed);margin-bottom:var(--space-5)}.variant-group{margin-bottom:var(--space-5)}.variant-group .vg-label{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.variant-group .vg-label .vg-sel{font-weight:var(--fw-regular);color:var(--ink-2)}.vg-opts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size-btn{min-width:46px;height:42px;padding:0 14px;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--bg);font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--ink);cursor:pointer;transition:all var(--dur)}.size-btn:hover{border-color:var(--ink-3)}.size-btn.on{border-color:var(--brand-accent);background:var(--brand-accent-soft);color:var(--brand-accent)}.size-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.swatch-btn{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);cursor:pointer;position:relative;transition:all var(--dur)}.swatch-btn.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--brand-accent)}.swatch-btn:disabled{opacity:.35;cursor:not-allowed}.swatch-btn:disabled:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 46%,var(--danger) 46%,var(--danger) 54%,transparent 54%);border-radius:50%}.pdp-stock{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:600;margin-bottom:var(--space-5)}.pdp-stock .dot{width:8px;height:8px;border-radius:50%}.pdp-stock.ok{color:var(--ok)}.pdp-stock.ok .dot{background:var(--ok)}.pdp-stock.low{color:var(--warn)}.pdp-stock.low .dot{background:var(--warn)}.pdp-stock.out{color:var(--danger)}.pdp-stock.out .dot{background:var(--danger)}.pdp-actions{display:flex;gap:var(--space-3);align-items:stretch}.pdp-actions .btn{flex:1}.relateds{margin-top:clamp(var(--space-7),6vw,var(--space-8))}.relateds .rel-head{margin-bottom:var(--space-5)}.relateds .rel-head h2{font-size:var(--fs-xl)}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:clamp(var(--space-5),4vw,var(--space-7));align-items:start}.co-steps{display:flex;align-items:center;margin-bottom:var(--space-6)}.co-step-ind{display:flex;align-items:center;gap:var(--space-2)}.co-step-ind .csi-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);background:var(--bg);color:var(--ink-3);display:grid;place-items:center;font-weight:var(--fw-black);font-size:var(--fs-sm);flex:none}.co-step-ind .csi-label{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink-3);white-space:nowrap}.co-step-ind.done .csi-dot{background:var(--ok);border-color:var(--ok);color:#fff}.co-step-ind.current .csi-dot{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-ink)}.co-step-ind.current .csi-label{color:var(--ink)}.co-steps .csi-line{flex:1;height:2px;background:var(--line);margin:0 var(--space-3);min-width:16px}.co-steps .co-step-ind.done+.csi-line{background:var(--ok)}@media (max-width: 620px){.co-step-ind .csi-label{display:none}}.co-panel{display:flex;flex-direction:column;gap:var(--space-5)}.co-panel.hidden{display:none}.co-block{border:1px solid var(--line);border-radius:var(--radius-md)}.co-block .cob-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);font-weight:var(--fw-black);font-size:var(--fs-md)}.co-block .cob-body{padding:var(--space-5)}.choice-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur)}.choice-card+.choice-card{margin-top:var(--space-3)}.choice-card:hover{border-color:var(--ink-3)}.choice-card input{position:absolute;opacity:0}.choice-card .cc-radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-strong);flex:none;display:grid;place-items:center}.choice-card .cc-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand-accent);transform:scale(0);transition:transform var(--dur) var(--ease)}.choice-card input:checked~.cc-radio{border-color:var(--brand-accent)}.choice-card input:checked~.cc-radio:after{transform:scale(1)}.choice-card input:checked~* .cc-title,.choice-card:has(input:checked){border-color:var(--brand-accent)}.choice-card .cc-main{flex:1}.choice-card .cc-title{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.choice-card .cc-sub{font-size:var(--fs-xs);color:var(--ink-3)}.choice-card .cc-price{font-weight:var(--fw-black);font-variant-numeric:tabular-nums}.choice-card .cc-logo{height:22px;padding:0 8px;border-radius:5px;background:var(--surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:600;color:var(--ink-2)}.co-nav{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.co-nav .spacer{flex:1}.co-summary{border:1px solid var(--line);border-radius:var(--radius-md);position:sticky;top:calc(var(--nav-h) + var(--space-4));overflow:hidden}.co-summary .cs-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);font-weight:var(--fw-black)}.co-summary .cs-items{padding:var(--space-3) var(--space-5);display:flex;flex-direction:column}.cs-line{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.cs-line:last-child{border-bottom:0}.cs-line .csl-media{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);flex:none;position:relative}.cs-line .csl-q{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:10px;display:grid;place-items:center}.cs-line .csl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-line .csl-name{font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.cs-line .csl-var{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3)}.cs-line .csl-price{font-weight:var(--fw-bold);font-size:var(--fs-sm)}.co-summary .cs-free{margin:var(--space-3) var(--space-5);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--fs-xs)}.co-summary .cs-free .bar{height:6px;border-radius:var(--radius-pill);background:var(--surface-2);margin-top:7px;overflow:hidden}.co-summary .cs-free .bar i{display:block;height:100%;background:var(--brand-accent);border-radius:inherit}.co-summary .cs-totals{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.cs-row{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--ink-2)}.cs-row.total{font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--ink);margin-top:4px}.co-confirm{max-width:560px;margin-inline:auto;text-align:center}.co-confirm .cc-check{width:64px;height:64px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;margin:0 auto var(--space-5)}.co-confirm .cc-check svg{width:32px;height:32px}.co-confirm h1{font-family:var(--brand-font-display);font-size:var(--fs-2xl);margin-bottom:var(--space-2)}.co-confirm p{color:var(--ink-2);margin-bottom:var(--space-6)}.co-confirm .cc-tracker{text-align:left;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)}@media (max-width: 900px){.pdp{grid-template-columns:1fr}.pdp-gallery{position:static}.catalog-layout{grid-template-columns:1fr}.catalog-filters{position:static}.checkout-layout{grid-template-columns:1fr}.co-summary{position:static;order:-1}.pdp-vpimg{position:sticky;top:var(--nav-h);z-index:2;background:var(--bg);padding-bottom:var(--space-3)}.pdp-vpimg .vp-image{aspect-ratio:auto;height:30vh}.pdp-desc{order:5}}.vp-image{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.vp-image .vp-tint{position:absolute;inset:0;transition:background var(--dur) var(--ease)}.vp-image .vp-imglabel{position:absolute;left:var(--space-3);bottom:var(--space-3);display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--ink);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 11px;border-radius:var(--radius-pill)}.vp-image .vp-imglabel .sw{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none}.qa-scrim{position:fixed;inset:0;z-index:108;background:#14121080;opacity:0;visibility:hidden;transition:opacity var(--dur),visibility var(--dur)}.qa-scrim.is-open{opacity:1;visibility:visible}.qa-sheet{position:fixed;z-index:110;left:50%;top:50%;transform:translate(-50%,-46%);width:min(400px,94vw);max-height:90vh;overflow-y:auto;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--dur),transform var(--dur) var(--ease),visibility var(--dur)}.qa-sheet.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.qa-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg)}.qa-head .qa-thumb{width:46px;height:46px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2);flex:none;position:relative}.qa-head .qa-meta{flex:1;min-width:0}.qa-head .qa-cat{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--ink-3)}.qa-head .qa-name{font-weight:var(--fw-bold);line-height:var(--lh-snug)}.qa-body{padding:var(--space-5)}@media (max-width: 560px){.qa-sheet{top:auto;bottom:0;left:0;transform:translateY(100%);width:100%;max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.qa-sheet.is-open{transform:translateY(0)}}.vp-compact .vp-image{aspect-ratio:16/10;margin-bottom:var(--space-4)}.vp-compact .variant-group{margin-bottom:var(--space-4)}.vp-compact .size-btn{height:38px;min-width:42px;padding:0 12px}.vp-compact .swatch-btn{width:32px;height:32px}.vp-compact .pdp-price{margin-bottom:var(--space-3)}.vp-compact .pdp-price .amt{font-size:var(--fs-xl)}.cl-media{position:relative;overflow:hidden}.cl-media .vp-tint{position:absolute;inset:0}.cl-varrow{display:flex;align-items:center;gap:var(--space-2)}.cl-change{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:600;color:var(--brand-accent);cursor:pointer;letter-spacing:.03em}.cl-editor{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--line)}.cl-editor[hidden]{display:none}.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.table-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);flex-wrap:wrap}.table-foot .tf-info{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3)}.pager{display:flex;align-items:center;gap:4px}.pager button{min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink-2);cursor:pointer;transition:all var(--dur)}.pager button:hover{border-color:var(--ink-3)}.pager button.active{background:var(--brand-accent);color:var(--brand-accent-ink);border-color:var(--brand-accent)}.pager button:disabled{opacity:.4;cursor:not-allowed}.catalog-grid+.panel{margin-top:var(--space-5)}.order-tracker{display:flex;flex-direction:column}.ot-step{display:flex;gap:var(--space-3)}.ot-mark{flex:none;display:flex;flex-direction:column;align-items:center}.ot-dot{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);background:var(--bg);color:var(--ink-3);display:grid;place-items:center}.ot-dot svg{width:15px;height:15px}.ot-line{width:2px;flex:1;min-height:22px;background:var(--line)}.ot-step:last-child .ot-line{display:none}.ot-body{padding-bottom:var(--space-5);padding-top:4px}.ot-title{font-weight:var(--fw-bold)}.ot-time{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--ink-3);margin-top:2px}.ot-step.done .ot-dot{background:var(--ok);border-color:var(--ok);color:#fff}.ot-step.done .ot-line{background:var(--ok)}.ot-step.current .ot-dot{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-accent-ink);box-shadow:0 0 0 4px var(--brand-accent-soft)}.ot-step.pending .ot-title{color:var(--ink-3)}