/* Maison Le Tapizé · catálogo, cotización y checkout */
html{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
button,a,[role=button]{touch-action:manipulation}
body.shop{background:var(--bg)}
.shop main{padding-top:72px;min-height:100svh}
input,select,textarea{font:inherit;font-size:16px;color:var(--ink)}

/* cabecera */
.shop-head{padding:clamp(3rem,7vh,5rem) 0 1.5rem}
.shop-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:0;margin:0 0 .8rem}
.shop-head h1 em{font-style:italic;color:var(--accent-2)}
.shop-head .lead{margin-bottom:1.6rem}
.tabs{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2)}
.tabs button{border:0;background:transparent;color:var(--ink-2);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.88rem;transition:background .25s var(--ease),color .2s}
.tabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.tabs button:active{transform:scale(.98)}

/* filtros */
.filters{position:sticky;top:72px;z-index:20;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.7rem 0}
.filters__row{display:flex;gap:.6rem;align-items:center;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.filters__row::-webkit-scrollbar{display:none}
.filters input[type=search],.filters select{height:40px;border:1px solid var(--line);background:var(--bg);padding:0 .9rem;border-radius:999px;font-size:16px;min-width:0;flex:0 0 auto;color:var(--ink);appearance:none;-webkit-appearance:none}
.filters input[type=search]{flex:1 1 220px;min-width:180px}
.filters select{padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='none' stroke='%23232620' stroke-width='16' stroke-linecap='round' stroke-linejoin='round' d='m208 96-80 80-80-80'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:12px}
.filters input:focus-visible,.filters select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.filters label.check{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;white-space:nowrap;padding:0 .4rem}
.filters input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}
.filters__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;color:var(--ink-2);padding-top:.6rem}
.filters__meta button{background:none;border:0;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:.85rem;padding:0}
.filters__meta button:active{opacity:.6}

/* grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2.2rem 1.4rem;padding:2rem 0 3rem}
.card{display:flex;flex-direction:column;gap:.9rem}
.card__media,.quick__media,.line__media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;background:var(--bg-2);border:0;padding:0;cursor:pointer}
.card__media img,.quick__media img,.line__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
@media(hover:hover) and (pointer:fine){.card__media:hover img{transform:scale(1.04)}}
.card__media:active img{transform:scale(.99)}
.card__fallback{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(160deg,var(--bg-2),var(--bg-3));color:var(--ink-3)}
.card__fallback b{font-family:var(--serif);font-weight:400;font-size:3rem;color:var(--ink-2);line-height:1}
.card__fallback small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}
.is-fallback img{display:none}
.is-fallback .card__fallback{display:flex}
.card__body{display:flex;flex-direction:column;gap:.25rem}
.card__title{font-family:var(--serif);font-weight:400;font-size:1.3rem;line-height:1.15;margin:0;letter-spacing:0}
.card__meta{margin:0;font-size:.82rem;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card__price{margin:.3rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-variant-numeric:tabular-nums;font-size:.95rem}
.card__price b{font-weight:600;color:var(--ink)}
.card__price s{color:var(--ink-3);font-size:.85rem}
.card__price em{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--accent);border:1px solid currentColor;border-radius:999px;padding:.1rem .5rem}
.card__price span{color:var(--ink-2);font-size:.88rem}
.card__foot{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:.6rem}
.card__stock{font-size:.78rem;color:var(--ink-3)}
.btn.is-added{background:var(--accent);border-color:var(--accent)}
.more{display:flex;justify-content:center;padding-bottom:4rem}
.empty{text-align:center;padding:4rem 1rem;color:var(--ink-2)}
.empty h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:0 0 .5rem;color:var(--ink)}
.note{font-size:.82rem;color:var(--ink-3);max-width:70ch;margin:0 0 3rem}

/* vista rápida (dialog) */
.quick{border:0;padding:0;background:var(--bg);color:var(--ink);width:min(960px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;box-shadow:0 30px 80px -30px rgba(35,38,32,.5);opacity:1;transform:scale(1);transition:opacity .28s var(--ease),transform .28s var(--ease),overlay .28s allow-discrete,display .28s allow-discrete}
.quick::backdrop{background:rgba(35,38,32,.45);backdrop-filter:blur(3px);transition:opacity .28s}
@starting-style{.quick[open]{opacity:0;transform:scale(.97)}.quick[open]::backdrop{opacity:0}}
.quick:not([open]){opacity:0;transform:scale(.97)}
.quick__close{position:absolute;top:.6rem;right:.6rem;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg);color:var(--ink);font-size:1.4rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px -4px rgba(35,38,32,.35)}
.quick__close:active{transform:scale(.94)}
.quick__body{display:grid;grid-template-columns:1fr 1fr;max-height:calc(100dvh - 2rem);overflow:auto}
.quick__media{aspect-ratio:1;cursor:default;position:sticky;top:0;align-self:start}
.quick__info{padding:clamp(1.4rem,3vw,2.6rem)}
.quick__brand{margin:0 0 .3rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.quick__title{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.08;margin:0 0 .6rem;letter-spacing:0}
.quick__price{font-size:1.1rem;margin-bottom:1.2rem}
.specs{margin:0 0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.4rem;border-top:1px solid var(--line);padding-top:1.2rem}
.specs div{min-width:0}
.specs dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.15rem}
.specs dd{margin:0;font-size:.95rem;overflow-wrap:anywhere}
.quick__actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.quick__links{margin:1.2rem 0 0;display:flex;gap:1.2rem;font-size:.85rem}
.quick__links a{border-bottom:1px solid var(--line)}
@media(max-width:760px){.quick__body{grid-template-columns:1fr}.quick__media{position:static}.quick{width:100vw;max-height:100dvh;margin:auto 0 0;height:auto}}

/* stepper */
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;height:44px;background:var(--bg)}
.qty button{width:40px;height:100%;border:0;background:transparent;color:var(--ink);font-size:1.2rem;cursor:pointer;border-radius:999px}
.qty button:active{background:var(--bg-2)}
.qty input{width:44px;border:0;background:transparent;text-align:center;font-weight:600;-moz-appearance:textfield;appearance:textfield;padding:0}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* drawer carrito */
.drawer{position:fixed;inset:0 0 0 auto;width:min(440px,100vw);z-index:70;background:var(--bg);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .42s cubic-bezier(.32,.72,0,1),visibility .42s;visibility:hidden;box-shadow:-20px 0 60px -30px rgba(35,38,32,.4);padding-bottom:env(safe-area-inset-bottom)}
.drawer.is-open{transform:none;visibility:visible}
.drawer__backdrop{position:fixed;inset:0;z-index:69;background:rgba(35,38,32,.4);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.drawer.is-open ~ .drawer__backdrop{opacity:1;pointer-events:auto}
.drawer__head{display:flex;justify-content:space-between;align-items:center;padding:1.1rem var(--gutter) 1rem;border-bottom:1px solid var(--line)}
.drawer__head h2{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:0;letter-spacing:0}
.drawer__close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1.3rem;cursor:pointer}
.drawer__close:active{transform:scale(.94)}
.drawer__list{flex:1;overflow:auto;padding:.5rem var(--gutter)}
.drawer__empty{text-align:center;color:var(--ink-2);padding:3rem 0;line-height:1.8}
.drawer__empty a{border-bottom:1px solid var(--ink)}
.drawer__foot{border-top:1px solid var(--line);padding:1rem var(--gutter) 1.2rem;display:grid;gap:.7rem}
.drawer__total{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;font-size:.95rem}
.drawer__total b{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}
.drawer__total small{width:100%;color:var(--ink-3);font-size:.78rem}
.drawer__foot .btn{width:100%}
.line{display:grid;grid-template-columns:72px 1fr auto;gap:.9rem;padding:.9rem 0;border-bottom:1px solid var(--line);align-items:start}
.line__media{aspect-ratio:1;cursor:default}
.line__media .card__fallback b{font-size:1.6rem}.line__media .card__fallback small{display:none}
.line__title{margin:0;font-family:var(--serif);font-size:1.1rem;line-height:1.15}
.line__meta{margin:.1rem 0 .5rem;font-size:.78rem;color:var(--ink-2)}
.line__row{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:.9rem}
.line__row .qty{height:36px}.line__row .qty button{width:34px}.line__row .qty input{width:36px}
.line__price{font-weight:600;font-variant-numeric:tabular-nums}
.line__remove{width:32px;height:32px;border:0;background:transparent;color:var(--ink-3);font-size:1.2rem;cursor:pointer;border-radius:50%}
.line__remove:active,.line__remove:hover{background:var(--bg-2);color:var(--ink)}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(1.4rem + env(safe-area-inset-bottom));z-index:80;transform:translate(-50%,16px);opacity:0;background:var(--ink);color:var(--bg);padding:.8rem 1.1rem;border-radius:999px;font-size:.88rem;display:flex;gap:.8rem;align-items:center;box-shadow:0 12px 30px -10px rgba(35,38,32,.5);transition:transform .35s var(--ease),opacity .3s;pointer-events:none;white-space:nowrap}
.toast.is-on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.toast button{background:var(--bg);color:var(--ink);border:0;border-radius:999px;padding:.35rem .8rem;font:inherit;font-weight:600;cursor:pointer}

/* nav carrito como botón */
.nav__cart{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:.3rem}
.nav__cart:active{transform:scale(.96)}

/* ---------- checkout ---------- */
.co{display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(2rem,6vw,6rem);padding:clamp(2.5rem,6vh,4rem) 0 5rem;align-items:start}
.co__title{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:0 0 1.5rem;letter-spacing:0}
.steps{list-style:none;margin:0 0 2.2rem;padding:0;display:flex;gap:0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--ink-3)}
.steps li{padding:.7rem 0;margin-right:1.6rem;position:relative;white-space:nowrap}
.steps li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.steps li.is-current{color:var(--ink);font-weight:600}
.steps li.is-current::after{transform:scaleX(1)}
.steps li.is-done{color:var(--accent)}
.co__panel[hidden]{display:none}
.co__panel h2{font-family:var(--serif);font-weight:400;font-size:1.6rem;margin:0 0 1rem;letter-spacing:0}
.co__actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.8rem}
.co__actions .link{background:none;border:0;color:var(--ink-2);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:.5rem}
.co__aside{position:sticky;top:96px;background:var(--bg-2);padding:1.4rem clamp(1rem,2.4vw,1.8rem) 1.6rem}
.co__aside h2{font-family:var(--serif);font-weight:400;font-size:1.4rem;margin:0 0 .6rem;letter-spacing:0}
.co__aside .line{grid-template-columns:56px 1fr auto}
.co__aside .line:last-child{border-bottom:0}
.co__totals{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:1rem;margin-top:.5rem;font-size:.95rem}
.co__totals b{font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}
.co__totals small{display:block;font-size:.75rem;color:var(--ink-3);text-align:right}
.co__note{font-size:.78rem;color:var(--ink-3);margin:.8rem 0 0;line-height:1.5}
.is-empty .co__totals,.is-empty .co__actions,.is-empty form{display:none}

/* formularios */
.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
.field{display:grid;gap:.35rem}
.field--full{grid-column:1/-1}
.field label{font-size:.82rem;font-weight:600;letter-spacing:.02em}
.field small{font-size:.76rem;color:var(--ink-3)}
.field input,.field textarea{height:48px;border:1px solid var(--line);background:var(--bg);padding:0 .95rem;border-radius:0;transition:border-color .2s,box-shadow .2s}
.field textarea{height:auto;min-height:96px;padding:.7rem .95rem;resize:vertical}
.field input:focus-visible,.field textarea:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,99,73,.18)}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}
.field.has-error input,.field.has-error textarea{border-color:#8E3B2F}
.field__error{margin:0;font-size:.78rem;color:#8E3B2F}
.choices{display:grid;gap:.7rem;margin:0 0 1.4rem}
.choice{display:grid;grid-template-columns:auto 1fr auto;gap:.9rem;align-items:center;padding:1rem 1.1rem;border:1px solid var(--line);cursor:pointer;transition:border-color .2s,background .2s}
.choice:has(input:checked){border-color:var(--ink);background:var(--bg-2)}
.choice input{width:18px;height:18px;accent-color:var(--ink);margin:0}
.choice b{display:block;font-weight:600;font-size:.95rem}
.choice span{font-size:.8rem;color:var(--ink-2)}
.choice small{font-size:.74rem;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}

/* pasarela simulada */
.demo{display:flex;gap:.7rem;align-items:flex-start;background:var(--bg-2);border-left:1px solid var(--accent);padding:.8rem 1rem;font-size:.82rem;color:var(--ink-2);margin:0 0 1.4rem}
.demo b{color:var(--ink)}
.cardprev{position:relative;aspect-ratio:1.586;max-width:380px;background:linear-gradient(135deg,#2F3329,#5B6349 70%,#7C8467);color:var(--bg);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;margin:0 0 1.4rem;box-shadow:0 24px 50px -24px rgba(35,38,32,.6)}
.cardprev::before{content:"";position:absolute;top:1.3rem;right:1.4rem;width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,#D8C58F,#A8925C)}
.cardprev small{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.cardprev [data-prev-num]{font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.65rem);letter-spacing:.08em;margin:1.2rem 0 .8rem;font-variant-numeric:tabular-nums}
.cardprev__row{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;font-size:.82rem}
.cardprev [data-prev-brand]{font-weight:700;letter-spacing:.06em;font-size:.8rem}
.btn.is-busy{opacity:.7;cursor:progress}
.btn.is-busy::before{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* confirmación */
.ok{display:flex;gap:1rem;align-items:center;margin-bottom:1.4rem}
.ok__icon{width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--bg);display:grid;place-items:center;flex:0 0 auto}
.ok h2{margin:0}
.ok p{margin:.2rem 0 0;color:var(--ink-2);font-size:.9rem}
.conf{margin:0 0 1.6rem;display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1.4rem;border-top:1px solid var(--line);padding-top:1.2rem}
.conf dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.15rem}
.conf dd{margin:0;font-size:.95rem;overflow-wrap:anywhere}
.btn--wa{background:#1F7A4D;border-color:#1F7A4D}
@media(hover:hover) and (pointer:fine){.btn--wa:hover{background:#186640;border-color:#186640}}

@media(max-width:900px){
  .co{grid-template-columns:1fr}
  .co__aside{position:static;order:-1}
  .fields{grid-template-columns:1fr}
  .steps{overflow-x:auto;scrollbar-width:none}
  .filters{top:72px}
  .grid{grid-template-columns:repeat(2,1fr);gap:1.6rem .9rem}
  .card__title{font-size:1.1rem}
  .conf{grid-template-columns:1fr}
}
@media(max-width:420px){.card__foot{flex-direction:column;align-items:stretch}.card__foot .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.drawer,.quick,.toast,.steps li::after,.card__media img{transition:none}}

/* v2: códigos, niveles, galería, calculadora */
.legend{list-style:none;margin:-.4rem 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.85rem;color:var(--ink-2)}
.legend li{display:flex;align-items:center;gap:.5rem}
.off{font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:.12rem .55rem;color:#fff;background:var(--accent)}
.off--rojo{background:#9B2C22}.off--amarillo{background:#8A6A12}.off--azul{background:#2A3D66}.off--linktree{background:var(--accent)}
.card__price em.off{color:#fff;border:0}
.card__code,.line__code{margin:0;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);font-variant-numeric:tabular-nums}
.card__note{margin:0;font-size:.78rem;color:var(--ink-3)}
.card__price b{font-size:1.02rem}
.quick__gallery{position:sticky;top:0;align-self:start}
.quick__gallery .quick__media{position:static}
.quick__thumbs{display:flex;gap:.5rem;padding:.6rem;background:var(--bg-2)}
.quick__thumbs button{width:64px;height:64px;padding:0;border:1px solid transparent;background:none;cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s}
.quick__thumbs button[aria-current]{opacity:1;border-color:var(--ink)}
.quick__thumbs img{width:100%;height:100%;object-fit:cover}
.quick__disclaimer{margin:-.6rem 0 1.2rem;font-size:.8rem;color:var(--ink-2);line-height:1.5}
.quick__hint{margin:-.6rem 0 1.2rem;font-size:.8rem;color:var(--ink-2);background:var(--bg-2);padding:.6rem .8rem}
.qty__lock{padding:0 1rem;font-size:.85rem;font-weight:600}
.drawer__total b small,.co__totals b small{display:block;font-size:.72rem;font-weight:400;color:var(--ink-3);text-align:right}
@media(max-width:760px){.quick__gallery{position:static}}
@media(min-width:761px){.quick__gallery{display:flex;flex-direction:column;height:100%;max-height:calc(100dvh - 2rem);background:var(--bg-2)}.quick__gallery .quick__media{flex:1;aspect-ratio:auto;min-height:0}.quick__body{align-items:stretch}}

/* v3: stepper con límites visibles, affordance en tarjetas */
.qty button[aria-disabled="true"]{opacity:.3}
.line__row{flex-wrap:wrap}
.line__price{white-space:nowrap}
.line__max{width:100%;font-size:.72rem;color:var(--ink-3)}
.card__media::after{content:"+";position:absolute;right:.6rem;bottom:.6rem;width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--char);display:grid;place-items:center;font:500 1.3rem/1 var(--sans);box-shadow:0 4px 12px -4px rgba(35,38,32,.4);transition:transform .2s var(--ease)}
@media(hover:hover) and (pointer:fine){.card__media:hover::after{transform:scale(1.1)}}
.card__media:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.card__title{cursor:pointer}
.off--linktree{background:var(--accent);color:var(--on-accent)}

/* ================= v4: sesión, GPS, marcas de tarjeta, cuenta ================= */
.session{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--bg-2);padding:.9rem 1rem;border-radius:12px;margin:0 0 1.4rem;font-size:.9rem}
.session b{font-weight:600}
.session .btn{padding:.55rem 1rem;font-size:.85rem}
.gps{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.2rem}
.gps button{display:inline-flex;align-items:center;gap:.5rem;height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 .88rem/1 var(--sans);cursor:pointer;touch-action:manipulation}
.gps button:active{transform:scale(.97)}
.gps button[aria-busy="true"]{opacity:.6;cursor:progress}
.gps svg{width:18px;height:18px}
.gps__status{font-size:.82rem;color:var(--ink-2)}
.gps__status a{text-decoration:underline;text-underline-offset:2px}
.save-profile{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin-top:1rem}
.save-profile input{width:18px;height:18px;accent-color:var(--ink)}
.brands{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 1.2rem}
.brands img{height:26px;width:40px;object-fit:contain;padding:3px 6px;background:#fff;border:1px solid var(--line);border-radius:6px;opacity:.35;transition:opacity .2s,transform .2s}
.brands img.is-on{opacity:1;transform:translateY(-2px);border-color:var(--ink-3)}
.brands small{font-size:.78rem;color:var(--ink-3);margin-left:.3rem}
.cardnum{position:relative}
.cardnum img{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);height:24px;width:38px;object-fit:contain;background:#fff;border-radius:4px;padding:2px 4px}
.cardnum input{padding-right:3.6rem}
.cardprev [data-prev-logo]{height:30px;width:auto;max-width:60px;background:#fff;border-radius:5px;padding:3px 6px}
.cardprev [data-prev-logo][hidden]{display:none}

/* página de cuenta */
.acct{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,5rem);padding:clamp(2.5rem,6vh,4rem) 0 5rem;align-items:start}
.acct h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4vw,3rem);margin:0 0 .4rem}
.acct h2{font-family:var(--serif);font-weight:500;font-size:1.5rem;margin:0 0 1rem}
.orders{display:grid;gap:1rem}
.order{border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;display:grid;gap:.4rem}
.order__top{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem}
.order__top b{font-weight:600}
.order ul{margin:.2rem 0;padding-left:1.1rem;color:var(--ink-2);font-size:.88rem}
.order__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.3rem}
.acct__empty{color:var(--ink-2);background:var(--bg-2);padding:1.2rem;border-radius:12px}
@media(max-width:900px){.acct{grid-template-columns:1fr}}
.cardnum{display:block;width:100%}
.cardnum input{width:100%;box-sizing:border-box}

/* v6: sello de pago seguro (demo) */
.secure{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;margin:0 0 1.2rem;background:var(--bg)}
.secure__lock{width:40px;height:40px;border-radius:50%;background:#1F7A4D;color:#fff;display:grid;place-items:center;flex:0 0 auto}
.secure__lock svg{width:20px;height:20px}
.secure__txt{flex:1 1 220px;min-width:0}
.secure__txt b{display:block;font-size:.95rem}
.secure__txt span{display:block;font-size:.78rem;color:var(--ink-2);line-height:1.45}
.secure__by{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--ink-3);white-space:nowrap}
.secure__by img{height:28px;width:auto;border-radius:4px}
.wallets{display:flex;gap:.6rem;flex-wrap:wrap;margin:0 0 1.2rem}
.wallets button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 160px;height:46px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:600 .92rem/1 var(--sans);cursor:pointer;transition:transform .15s,opacity .2s}
.wallets button:active{transform:scale(.98)}
.wallets img{width:18px;height:18px;filter:invert(1)}
:root[data-theme="dark"] .wallets img{filter:none}
.wallets small{flex-basis:100%;font-size:.74rem;color:var(--ink-3)}

.wallets img[src*="google"]{filter:none}
html.has-cartbar .toast{bottom:calc(1.4rem + 64px + env(safe-area-inset-bottom,0px))}

/* vaciar cotización (acción secundaria, lejos del botón principal) */
.clearcart{display:inline-flex;align-items:center;gap:.45rem;justify-self:center;margin:0 auto .2rem;background:none;border:0;color:var(--ink-3);font:500 .82rem/1 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.6rem .8rem;border-radius:999px;transition:background .2s,color .2s}
.clearcart[hidden]{display:none}
@media(hover:hover) and (pointer:fine){.clearcart:hover{color:#9B2C22}}
.clearcart.is-armed{background:#9B2C22;color:#fff;text-decoration:none;font-weight:600}
.co__aside .clearcart{display:flex;margin:.6rem auto .2rem}

/* v9 · cupones y descuento de arquitecto (calculados en el servidor) */
.coupon{display:grid;gap:.45rem;margin:.9rem 0 .2rem}
.coupon label{font-size:.8rem;font-weight:600;color:var(--ink-2)}
.coupon__row{display:flex;gap:.5rem}
.coupon__row input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:999px;padding:0 1rem;background:var(--bg);color:var(--ink);font:600 16px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.coupon__row input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-3)}
.coupon__row input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,99,73,.2)}
.coupon__row .btn{height:44px}
.coupon__msg{margin:0;font-size:.8rem;color:var(--ink-2);min-height:0}
.coupon__msg:empty{display:none}
.coupon__msg.is-ok{color:#3E7A4F;font-weight:600}
.coupon__msg.is-err{color:#A23B2A;font-weight:600}
.coupon__msg .copy-btn{padding:0 .2rem;font-size:.78rem}
.discounts{display:grid;gap:.35rem;margin-top:.6rem}
.discounts:empty{display:none}
.disc-row{display:flex;justify-content:space-between;gap:1rem;font-size:.88rem;font-variant-numeric:tabular-nums}
.disc-row.is-off{color:#3E7A4F;font-weight:700}
.disc-note{margin:0;font-size:.78rem;color:var(--ink-3)}
.disc-note.is-err{color:#A23B2A}
.arq-badge{margin:0;padding:.6rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:.82rem;color:var(--ink)}
.arq-badge b{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
:root[data-theme="dark"] .coupon__msg.is-ok,:root[data-theme="dark"] .disc-row.is-off{color:#8BC79A}
:root[data-theme="dark"] .coupon__msg.is-err,:root[data-theme="dark"] .disc-note.is-err{color:#F09683}

/* v10 · antifraude en el pago */
.card-lock{margin:0 0 1rem;padding:.8rem 1rem;border-radius:10px;background:#F6E1DC;color:#A23B2A;font-weight:600;font-size:.88rem}
.choice.is-locked{opacity:.5;pointer-events:none}

/* v15 · catálogo: cabecera compacta, filtros laterales tipo búsqueda avanzada, lupa y botón 3D */
.shop-head{padding:clamp(1.6rem,4vh,2.6rem) 0 1.2rem;border-bottom:1px solid var(--line)}
.shop-head__row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.shop-head h1{font-size:clamp(2rem,3.6vw,2.8rem);margin:.25rem 0 .35rem}
.shop-head__sub{margin:0;max-width:58ch;color:var(--ink-2);font-size:.95rem;line-height:1.5}
.crumbs{display:flex;gap:.45rem;font-size:.8rem;color:var(--ink-3)}
.crumbs a{color:var(--ink-2);text-decoration:none}
@media(hover:hover) and (pointer:fine){.crumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}}
.shop-head__tools{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}
.shop-head .measure{margin:0;position:relative;width:auto;border-radius:999px;padding:.1rem 1.1rem}
.shop-head .measure[open]{padding-bottom:.1rem}
.shop-head .measure>summary{min-height:44px}
.shop-head .measure>summary small{display:none}
.shop-head .measure[open]>[data-calc-slot]{position:absolute;right:0;top:calc(100% + .5rem);z-index:30;width:min(440px,calc(100vw - 2rem));padding:1rem;border-radius:14px;background:var(--bg);box-shadow:0 24px 60px -24px rgba(35,38,32,.45),0 0 0 1px var(--line)}

.catalog{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}
.shop__main{min-width:0}
.facets{position:sticky;top:calc(72px + 1rem);max-height:calc(100dvh - 72px - 2rem);overflow:auto;overscroll-behavior:contain;padding:1.2rem 0 2rem;scrollbar-width:thin}
.facets__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.facets__head h2{margin:0;font:500 1.35rem var(--serif)}
.facets__close,.facets__foot{display:none}
.facet{border-bottom:1px solid var(--line);padding:.2rem 0}
.facet>summary{display:flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer;list-style:none;font-weight:600;font-size:.92rem}
.facet>summary::-webkit-details-marker{display:none}
.facet>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
.facet[open]>summary::after{transform:rotate(-135deg) translateY(-1px)}
.facet__n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-size:.7rem}
.facet__list{display:grid;gap:.1rem;padding:0 0 .8rem}
.facet__opt{display:flex;align-items:center;gap:.6rem;min-height:36px;padding:.2rem .4rem;margin:0 -.4rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--ink-2)}
.facet__opt input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--accent)}
.facet__opt span{flex:1;min-width:0}
.facet__opt small{font-size:.76rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.facet__opt:has(input:checked){color:var(--ink);font-weight:600}
.facet__opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px}
@media(hover:hover) and (pointer:fine){.facet__opt:hover{background:var(--bg-2);color:var(--ink)}}
.facet__sw{flex:none;width:16px;height:16px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(35,38,32,.18)}
.facet__opt .off{flex:none}
.facet__more{justify-self:start;margin-top:.3rem;padding:.3rem 0;border:0;background:none;color:var(--ink);font:600 .82rem var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.facets__check{display:flex;align-items:center;gap:.6rem;min-height:40px;margin-top:.4rem;font-size:.88rem;color:var(--ink-2);cursor:pointer}
.facets__check input{width:17px;height:17px;accent-color:var(--accent)}

.shop__main .filters{top:72px;margin:0;border-top:0;padding:.9rem 0 .7rem}
.filters__row{overflow:visible}
.filters__open{display:none;align-items:center;gap:.45rem;height:40px;padding:0 1rem;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:600 .88rem var(--sans);cursor:pointer;flex:none}
.filters__open svg{width:18px;height:18px}
.filters__meta{flex-wrap:wrap;justify-content:flex-start;gap:.5rem .8rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:.2rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--ink);font:600 .8rem var(--sans);cursor:pointer}
.chip span{font-size:1rem;line-height:1;color:var(--ink-3)}
@media(hover:hover) and (pointer:fine){.chip:hover{border-color:var(--ink)}}
.filters__meta #reset{margin-left:auto}
.shop__results .grid{padding-top:1.2rem}

@media(max-width:900px){
  .catalog{grid-template-columns:1fr}
  .filters__open{display:inline-flex}
  .facets{--w:min(360px,88vw);position:fixed;inset:0;z-index:60;max-height:none;padding:0;display:flex;flex-direction:column;overflow:auto;background:linear-gradient(to right,var(--bg) var(--w),rgba(35,38,32,.45) 0);opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
  .facets>*{width:var(--w);flex:none}
  .facets__head{position:sticky;top:0;z-index:1;margin:0;padding:1rem 1.2rem .6rem;background:var(--bg)}
  .facets__body{padding:0 1.2rem}
  .facets__check{margin:0;padding:.3rem 1.2rem}
  .facets__close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--bg-2);color:var(--ink);font-size:1.4rem;cursor:pointer}
  .facets__foot{display:block;position:sticky;bottom:0;margin-top:auto;padding:1rem 1.2rem calc(1rem + env(safe-area-inset-bottom,0px));background:var(--bg);box-shadow:0 -1px 0 var(--line)}
  .facets__foot .btn{width:100%}
  .facets.is-open{opacity:1;pointer-events:auto}
  html.facets-open{overflow:hidden}
}

/* ficha: lupa al pasar el mouse y enlaces de origen en la esquina */
.quick__media{position:relative;overflow:hidden}
.quick__lens{position:absolute;left:0;top:0;z-index:2;width:190px;height:190px;border-radius:14px;background-repeat:no-repeat;background-color:var(--bg);box-shadow:0 18px 40px -16px rgba(20,22,18,.55),0 0 0 2px var(--paper),0 0 0 3px rgba(35,38,32,.25);opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}
.quick__media.is-zoom .quick__lens{opacity:1}
.quick__media.is-zoom{cursor:zoom-in}
@media(hover:none),(pointer:coarse){.quick__lens{display:none}}
.quick__src{position:absolute;left:.7rem;bottom:.7rem;z-index:3;display:flex;gap:.35rem;margin:0}
.quick__src a{padding:.3rem .65rem;border-radius:99px;background:rgba(243,239,231,.9);color:#232620;font-size:.74rem;font-weight:600;text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@media(hover:hover) and (pointer:fine){.quick__src a:hover{background:#F3EFE7;text-decoration:underline;text-underline-offset:2px}}
.btn--vis{gap:.6rem;text-align:left;line-height:1.2}
.btn__3d{width:24px;height:24px;flex:none}
.btn__two{display:grid;gap:.1rem}
.btn__two small{font-size:.72rem;font-weight:500;opacity:.8}

/* v16 · filtros sin barras de scroll ni desborde lateral; galería a pantalla completa */
.facets{padding-inline:.45rem;margin-inline:-.45rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(#000 calc(100% - 2.4rem),transparent);mask-image:linear-gradient(#000 calc(100% - 2.4rem),transparent);padding-bottom:3rem}
.facets::-webkit-scrollbar,.quick__body::-webkit-scrollbar,.drawer__list::-webkit-scrollbar,.cselect__list::-webkit-scrollbar,.lbox__thumbs::-webkit-scrollbar{display:none}
.quick__body,.drawer__list,.cselect__list,.lbox__thumbs{scrollbar-width:none}
@media(max-width:900px){.facets{margin-inline:0;padding-inline:0;-webkit-mask-image:none;mask-image:none;padding-bottom:0}}
.quick__media img{cursor:zoom-in}
.quick__expand{position:absolute;top:.7rem;left:.7rem;z-index:3;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(243,239,231,.9);color:#232620;cursor:pointer;box-shadow:0 6px 18px -8px rgba(20,22,18,.5)}
.quick__expand svg{width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.quick__expand:hover{background:#F3EFE7;transform:scale(1.05)}}
.lbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141612;color:#F3EFE7;overflow:hidden}
.lbox::backdrop{background:#141612}
.lbox__stage{position:absolute;inset:0 0 104px;display:grid;place-items:center;overflow:hidden;touch-action:pan-y}
.lbox__stage img{max-width:min(92vw,1400px);max-height:calc(100dvh - 140px);object-fit:contain;cursor:zoom-in;transition:transform .35s var(--ease);user-select:none;-webkit-user-select:none}
.lbox.is-zoom .lbox__stage img{transform:scale(2.4);cursor:zoom-out}
.lbox.is-zoom .lbox__stage{touch-action:none}
.lbox__btn{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(243,239,231,.12);color:#F3EFE7;font-size:1.6rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .2s var(--ease)}
.lbox__btn svg{width:22px;height:22px}
@media(hover:hover) and (pointer:fine){.lbox__btn:hover{background:rgba(243,239,231,.24)}}
.lbox__btn:focus-visible,.lbox__thumbs button:focus-visible{outline:2px solid #C9CFB5;outline-offset:2px}
.lbox__close{top:1rem;right:1rem}
.lbox__prev{left:1rem;top:calc(50% - 76px)}.lbox__next{right:1rem;top:calc(50% - 76px)}
.lbox.is-single .lbox__nav{display:none}
.lbox__bar{position:absolute;left:0;right:0;bottom:0;height:104px;display:flex;align-items:center;gap:1rem;padding:0 1.2rem calc(env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.35))}
.lbox__count{font:600 .85rem var(--sans);font-variant-numeric:tabular-nums;min-width:3.5rem}
.lbox__hint{font-size:.8rem;color:rgba(243,239,231,.65)}
.lbox__thumbs{display:flex;gap:.5rem;margin-left:auto;overflow-x:auto;max-width:60vw}
.lbox__thumbs button{flex:none;width:64px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;opacity:.6;cursor:pointer;transition:opacity .2s,border-color .2s}
.lbox__thumbs button[aria-current="true"]{opacity:1;border-color:#F3EFE7}
.lbox__thumbs img{width:100%;height:100%;object-fit:cover}
html.motion-off .lbox__stage img{transition:none}
@media(max-width:600px){.lbox__prev,.lbox__next{top:auto;bottom:120px}.lbox__hint{display:none}.lbox__thumbs{max-width:70vw}}

/* v17 · liquidaciones como interruptor, WhatsApp secundario en el carrito y campos parejos en el checkout */
.field{align-content:start}
.lswitch{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;padding:.35rem 1.1rem .35rem .45rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);cursor:pointer;font:600 .9rem var(--sans);color:var(--ink);user-select:none;-webkit-user-select:none}
.lswitch input{position:absolute;opacity:0;width:1px;height:1px}
.lswitch__track{position:relative;flex:none;width:44px;height:26px;border-radius:99px;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .25s var(--ease)}
.lswitch__track span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--bg);box-shadow:0 1px 3px rgba(35,38,32,.35);transition:transform .25s var(--ease)}
.lswitch input:checked+.lswitch__track{background:#A13A2E}
.lswitch input:checked+.lswitch__track span{transform:translateX(18px)}
.lswitch input:focus-visible+.lswitch__track{outline:2px solid var(--accent);outline-offset:3px}
.lswitch:has(input:checked){border-color:#A13A2E}
html.motion-off .lswitch__track,html.motion-off .lswitch__track span{transition:none}
.drawer__wa{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:center;min-height:40px;padding:.3rem .6rem;color:var(--ink-2);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.drawer__wa svg{width:16px;height:16px;flex:none}
@media(hover:hover) and (pointer:fine){.drawer__wa:hover{color:var(--ink)}}