.tienda-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}.tienda-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:transform var(--dur-micro) var(--ease-out-soft),box-shadow var(--dur-micro) var(--ease-out-soft),border-color var(--dur-micro) var(--ease-out-soft)}@media(hover:hover)and (pointer:fine){.tienda-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--brand-soft);text-decoration:none}}.tienda-card:active{transform:translateY(-1px)}.tienda-card__media{background:var(--day);padding:12px 12px 0}.tienda-card__photo{position:relative;aspect-ratio:4 / 3}.tienda-card__photo img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;transform:scale(var(--zoom, 1));transform-origin:center}.tienda-card__body{flex:1;display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px}.tienda-card__body .stock-note{min-height:1.5em}.tienda-card__name{font-weight:600;font-size:18px;letter-spacing:-.01em;margin:0}.tienda-card__what{color:var(--ink-2);font-size:var(--fs-small);line-height:1.5;margin:0;flex:1}.tienda-card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px}.tienda-card__price{font-weight:600;font-size:20px;font-variant-numeric:tabular-nums}.swatch-row{display:flex;align-items:center;gap:6px}.swatch-dot{width:14px;height:14px;border-radius:999px;border:1px solid rgba(82,47,20,.18)}.swatch-dot--out{opacity:.28}.tienda-badge{display:inline-block;font-size:var(--fs-caption);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--night);color:var(--ink-n)}.tienda-badge--out{background:var(--ink-3);color:#fff}.guia{display:grid;gap:10px;margin-top:10px}.guia__titulo{font-size:var(--fs-small);font-weight:600;color:var(--ink-2)}.guia__chips{display:flex;flex-wrap:wrap;gap:8px}.guia-chip{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1.5px solid var(--rule);border-radius:var(--radius-pill);font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;transition:border-color var(--dur-micro) var(--ease-out-soft),color var(--dur-micro) var(--ease-out-soft),background-color var(--dur-micro) var(--ease-out-soft)}@media(hover:hover)and (pointer:fine){.guia-chip:hover{border-color:var(--naranja);color:var(--brand-deep);text-decoration:none}}.guia-chip[aria-current]{border-color:var(--naranja);background:color-mix(in srgb,var(--naranja) 12%,transparent);color:var(--brand-deep);font-weight:600}.tienda-card{scroll-margin-top:calc(var(--header-h) + 16px)}.tienda-card--luz{border-color:var(--naranja);box-shadow:var(--sh-2)}.tienda-card--sombra{opacity:.45}.producto{display:grid;gap:clamp(28px,4vw,56px);align-items:start}@media(min-width:900px){.producto{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.galeria{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--header-h) + 20px)}@media(max-width:899px){.galeria{position:static}}.galeria__stage{--galeria-pad: clamp(20px, 4vw, 48px);position:relative;aspect-ratio:1 / 1;background:var(--day);border:1px solid var(--rule);border-radius:var(--radius-xl)}.galeria__stage img{position:absolute;inset:var(--galeria-pad);width:calc(100% - 2 * var(--galeria-pad));height:calc(100% - 2 * var(--galeria-pad));object-fit:contain}.galeria__thumbs{display:flex;gap:10px;flex-wrap:wrap}.galeria__thumb{position:relative;width:72px;height:72px;padding:0;background:var(--day);border:1.5px solid var(--rule);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out-soft),transform var(--dur-micro) var(--ease-out-soft)}@media(hover:hover)and (pointer:fine){.galeria__thumb:hover{border-color:var(--rule-strong)}}.galeria__thumb[aria-pressed=true]{border-color:var(--naranja)}.galeria__thumb img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}.compra{display:flex;flex-direction:column;gap:22px}.compra__price{display:flex;align-items:baseline;gap:12px}.compra__price b{font-weight:600;font-size:clamp(28px,2.4vw,38px);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.compra__compare{color:var(--ink-3);text-decoration:line-through;font-variant-numeric:tabular-nums}.field-label{display:block;font-weight:600;font-size:var(--fs-small);margin-bottom:8px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{position:relative;width:42px;height:42px;border-radius:999px;border:2px solid transparent;box-shadow:inset 0 0 0 1px #522f1429;cursor:pointer;padding:0;background-clip:content-box;transition:border-color var(--dur-micro) var(--ease-out-soft),transform var(--dur-micro) var(--ease-out-soft)}@media(hover:hover)and (pointer:fine){.swatch:hover:not(:disabled){transform:scale(1.06)}}.swatch[aria-pressed=true]{border-color:var(--ink)}.swatch:disabled{cursor:not-allowed;opacity:.35}.swatch:disabled:after{content:"";position:absolute;inset:8px;border-top:2px solid var(--ink);transform:rotate(-45deg);transform-origin:center}.stock-note{font-size:var(--fs-small);color:var(--ink-2);min-height:1.5em}.stock-note--out{color:var(--danger);font-weight:600}.spec-list{display:grid;gap:10px;margin:0;padding:0}.spec-list div{display:flex;gap:12px;justify-content:space-between;padding-block:10px;border-top:1px solid var(--rule);font-size:var(--fs-small)}.spec-list dt{color:var(--ink-2);margin:0}.spec-list dd{margin:0;font-weight:600;text-align:right}.checkout{display:grid;gap:clamp(24px,3vw,44px);align-items:start}@media(min-width:940px){.checkout{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.checkout__summary{position:sticky;top:calc(var(--header-h) + 20px)}}.form-grid{display:grid;gap:16px}@media(min-width:620px){.form-grid--two{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--rule);border-radius:var(--radius-md);padding:12px 14px;min-height:48px;width:100%;transition:border-color var(--dur-micro) var(--ease-out-soft),box-shadow var(--dur-micro) var(--ease-out-soft)}.field textarea{min-height:84px;resize:vertical}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--naranja);box-shadow:0 0 0 3px var(--brand-container)}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:var(--danger)}:root{--chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.3 5.6a1 1 0 0 1 1.4 0L8 8.9l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E")}.select-shell{position:relative;display:block}.field select{appearance:none;-webkit-appearance:none;padding-right:42px}.select-shell:after,.combo__toggle:after{content:"";position:absolute;top:50%;right:14px;transform:translateY(-50%);width:16px;height:16px;background-color:var(--ink-2);-webkit-mask:var(--chevron-down) center / 16px 16px no-repeat;mask:var(--chevron-down) center / 16px 16px no-repeat}.select-shell:after{pointer-events:none}.field__error{color:var(--danger);font-size:var(--fs-caption);font-weight:600}.field__hint{color:var(--ink-3);font-size:var(--fs-caption)}.combo{position:relative}.combo input{padding-right:42px}.combo__toggle{position:absolute;top:0;bottom:0;right:0;width:42px;border:0;background:none;padding:0;cursor:pointer}.combo__toggle:after{transition:transform var(--dur-micro) var(--ease-out-soft)}.combo__toggle--open:after{transform:translateY(-50%) rotate(180deg)}@media(hover:hover)and (pointer:fine){.combo__toggle:hover:after{background-color:var(--ink)}}.combo__list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;max-height:min(300px,44vh);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border:1.5px solid var(--rule);border-radius:var(--radius-md);box-shadow:var(--shadow-3)}.combo__option{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 12px;width:100%;padding:9px 10px;border:0;border-radius:var(--radius-sm);background:none;font:inherit;font-size:var(--fs-small);color:var(--ink);text-align:left;cursor:pointer}.combo__option--active{background:var(--brand-container);color:var(--brand-ink)}.combo__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo__dept{flex:0 1 auto;color:var(--ink-3);font-size:var(--fs-caption);line-height:1.4}.combo__option--active .combo__dept{color:var(--brand-deep)}.combo__note{padding:9px 10px;color:var(--ink-3);font-size:var(--fs-caption);line-height:1.45}.check{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-small);line-height:1.5;cursor:pointer}.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--naranja)}.summary{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius-xl);padding:20px;display:flex;flex-direction:column;gap:14px}.summary__lines{display:grid;gap:10px}.summary__line{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;font-size:var(--fs-small)}.summary__media{position:relative;width:44px;height:44px;background:var(--day);border:1px solid var(--rule);border-radius:var(--radius-sm)}.summary__media img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain}.summary__what{display:grid;gap:2px;min-width:0}.summary__name{font-weight:600;color:var(--ink);line-height:1.3}.summary__meta{color:var(--ink-2);font-size:var(--fs-caption)}.summary__amount{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.summary__rows{display:grid;gap:8px;font-size:var(--fs-small)}.summary__row{display:flex;justify-content:space-between;gap:12px;color:var(--ink-2)}.summary__row span:last-child{font-variant-numeric:tabular-nums;color:var(--ink)}.summary__total{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding-top:12px;border-top:1px solid var(--rule);font-weight:600;font-size:20px}.summary__total span:last-child{font-variant-numeric:tabular-nums}.summary--stale{opacity:.6}.alert{border-radius:var(--radius-md);padding:12px 14px;font-size:var(--fs-small);line-height:1.5}.alert--error{background:var(--danger-bg);color:#8a1c1c}.alert--warn{background:var(--warning-bg);color:#6b4400}.alert--ok{background:var(--success-bg);color:#14603d}.alert--info{background:var(--info-bg);color:#12496b}.pedido{display:flex;flex-direction:column;gap:22px}.pedido__state{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.state-pill{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-small);padding:8px 14px;border-radius:999px;background:var(--day);border:1px solid var(--rule)}.state-pill--paid{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 60%,transparent);color:#14603d}.state-pill--pending{background:var(--warning-bg);border-color:color-mix(in srgb,var(--warning) 65%,transparent);color:#6b4400}.state-pill--failed{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:#8a1c1c}.state-pill__dot{width:8px;height:8px;border-radius:999px;background:currentColor}.state-pill--live .state-pill__dot{animation:pill-breathe 1.8s ease-in-out infinite}@keyframes pill-breathe{50%{opacity:.3}}.pedido__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}.pedido__actions .alert{flex-basis:100%}.pedido__next{background:var(--brand-container);border-radius:var(--radius-xl);padding:22px;display:flex;flex-direction:column;gap:12px}.pedido__next .btn{align-self:flex-start;margin-top:4px}.pedido__lines{display:grid;gap:12px}.pedido__line{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--rule);font-size:var(--fs-small)}.pedido__line b{font-variant-numeric:tabular-nums}.skeleton{background:var(--rule);border-radius:var(--radius-sm);animation:skeleton-pulse 1.4s var(--ease-out-soft) infinite}@keyframes skeleton-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.tienda-card,.guia-chip,.swatch{transition:none!important}.skeleton,.state-pill--live .state-pill__dot{animation:none}}html:not(.js) .tienda-card,html:not(.js) .guia-chip,html:not(.js) .swatch{transition:none!important}html:not(.js) .skeleton,html:not(.js) .state-pill--live .state-pill__dot{animation:none}
