body{background:var(--canvas)}.vitrine{min-height:100svh;padding:0 16px calc(24px + env(safe-area-inset-bottom));isolation:isolate;color:var(--ink);background:radial-gradient(120% 60% at 50% -10%, var(--violet-soft), transparent 70%), var(--canvas);flex-direction:column;display:flex;position:relative;overflow-x:clip}.vitrine:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--violet) 16%, transparent), transparent);pointer-events:none;border-radius:50%;width:min(720px,120vw);height:420px;animation:22s ease-in-out infinite alternate vitrine-drift;position:absolute;top:-120px;left:50%}@keyframes vitrine-drift{0%{transform:translate(-70%)scale(1)}to{transform:translate(-30%)scale(1.15)}}.vitrine main{flex:1;width:100%;max-width:1180px;margin:0 auto}.vitrine-header{align-items:center;gap:14px;width:100%;max-width:1180px;margin:0 auto;padding:28px 0 22px;animation:.5s backwards vitrine-enter;display:flex}.vitrine-header img{object-fit:contain;flex:none;width:64px;height:64px}.vitrine-header h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,5vw,2.2rem)}.vitrine-header p{color:var(--muted);margin:4px 0 0;font-size:.95rem;line-height:1.4}.vitrine-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.vitrine-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 6px 20px #291b4d0f}.can-reveal .vitrine-reveal{transition:opacity .55s ease var(--enter-delay,0s), transform .55s cubic-bezier(.2, .7, .2, 1) var(--enter-delay,0s), box-shadow .25s ease}.can-reveal .vitrine-reveal:not(.is-visible){opacity:0;transform:translateY(22px)}.can-reveal .vitrine-card.is-visible{--enter-delay:0s}.vitrine-groups{gap:40px;display:grid}.vitrine-section-heading{margin:0 0 16px}.vitrine-section-heading h2{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:clamp(1.25rem,3.6vw,1.6rem);display:flex}.vitrine-section-heading h2 span{color:var(--muted);letter-spacing:0;font-size:.8rem;font-weight:600}.vitrine-section-heading h2:before{content:"";background:linear-gradient(var(--violet), color-mix(in srgb, var(--violet) 40%, transparent));border-radius:999px;align-self:center;width:6px;height:22px}.vitrine-section-heading p{max-width:60ch;color:var(--muted);margin:6px 0 0 16px;font-size:.92rem;line-height:1.5}.vitrine-featured{margin-bottom:28px}.vitrine-rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(72%,280px);grid-auto-flow:column;gap:12px;margin:0 -16px;padding:4px 16px 18px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.vitrine-rail::-webkit-scrollbar{display:none}.vitrine-rail .vitrine-card{scroll-snap-align:start}@media (hover:hover){.vitrine-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.vitrine-card:hover .vitrine-track img{transform:scale(1.03)}}.vitrine-categories{z-index:5;scrollbar-width:none;background:color-mix(in srgb, var(--canvas) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:8px;margin:0 -16px 16px;padding:10px 16px;animation:.5s 50ms backwards vitrine-enter;display:flex;position:sticky;top:0;overflow-x:auto}.vitrine-categories::-webkit-scrollbar{display:none}.vitrine-categories button{border:1.5px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.vitrine-categories button span{min-width:20px;color:var(--muted);background:var(--surface-strong);border-radius:999px;padding:1px 6px;font-size:.72rem;font-weight:700;transition:inherit}.vitrine-categories button[aria-pressed=true]{border-color:var(--violet);color:#fff;background:var(--violet)}.vitrine-categories button[aria-pressed=true] span{color:var(--violet);background:#fff}.vitrine-categories button:active,.vitrine-chips button:active,.vitrine-swatches button:active{transform:scale(.95)}.vitrine-card.skeleton{aspect-ratio:4/5.6;background:linear-gradient(100deg, var(--surface) 30%, var(--surface-strong) 50%, var(--surface) 70%);background-size:300% 100%;animation:1.4s linear infinite vitrine-shimmer}@keyframes vitrine-shimmer{to{background-position:-150% 0}}.vitrine-card-body{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:12px 12px 14px;display:block}.vitrine-card-body small,.vitrine-code{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.vitrine-card-body h3{margin:3px 0 10px;font-size:.95rem;line-height:1.3}.vitrine-card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:-4px 0 10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.vitrine-card-footer{flex-direction:column;gap:8px;display:flex}.vitrine-price{display:grid}.vitrine-price small{letter-spacing:.02em;text-transform:none;font-size:.7rem}.vitrine-price b{color:var(--violet);font-size:1.1rem}.vitrine-dots{align-items:center;padding-left:5px;display:flex}.vitrine-dots i{border:2px solid var(--surface);background:var(--swatch);border-radius:50%;width:18px;height:18px;margin-left:-5px;box-shadow:inset 0 0 0 1px #0000001f}.vitrine-dots em{color:var(--muted);margin-left:4px;font-size:.75rem;font-style:normal;font-weight:700}.vitrine-carousel{aspect-ratio:4/5;background:var(--surface-strong);position:relative;overflow:hidden}.vitrine-carousel.large{aspect-ratio:4/5;max-height:70svh}.vitrine-carousel.empty{cursor:pointer;background:linear-gradient(145deg, var(--violet-soft), var(--surface-strong));place-items:center;display:grid}.vitrine-carousel.empty span{color:var(--violet);opacity:.55;font-size:4rem;font-weight:800}.vitrine-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:pointer;height:100%;display:flex;overflow-x:auto}.vitrine-track::-webkit-scrollbar{display:none}.vitrine-track img{object-fit:contain;scroll-snap-align:center;-webkit-user-select:none;user-select:none;opacity:0;flex:none;width:100%;height:100%;transition:opacity .4s,transform .4s}.vitrine-track img.loaded{opacity:1}.vitrine-indicators{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14101e59;border-radius:999px;gap:4px;padding:5px 7px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.vitrine-indicators button{cursor:pointer;background:#ffffff8c;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:width .2s}.vitrine-indicators button[aria-current=true]{background:#fff;width:16px}.vitrine-arrow{width:36px;height:36px;color:var(--ink);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000026}.vitrine-arrow svg{width:20px;height:20px}.vitrine-arrow.previous{left:10px}.vitrine-arrow.next{right:10px}.vitrine-arrow:disabled{opacity:0;pointer-events:none}@media (hover:hover){.vitrine-carousel:hover .vitrine-arrow{display:grid}}.vitrine-sheet-layer{z-index:20;background:#14101e73;justify-content:center;align-items:flex-end;animation:.2s vitrine-fade;display:flex;position:fixed;inset:0}.vitrine-sheet{background:var(--surface);border-radius:26px 26px 0 0;width:100%;max-height:94svh;animation:.25s vitrine-rise;position:relative;overflow-y:auto}.vitrine-sheet .vitrine-carousel{border-radius:26px 26px 0 0}.vitrine-close{z-index:2;width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #00000026}.vitrine-close svg{width:20px;height:20px}.vitrine-sheet-body{padding:18px 20px calc(22px + env(safe-area-inset-bottom))}.vitrine-sheet-body h2{letter-spacing:-.02em;margin:4px 0 6px;font-size:1.5rem;line-height:1.2}.vitrine-sheet-price{color:var(--violet);font-size:1.6rem;animation:.3s vitrine-pop;display:block}.vitrine-description{color:var(--muted);margin-top:14px;font-size:.95rem;line-height:1.55}.vitrine-description p,.vitrine-description ul{margin:0 0 10px}.vitrine-description strong{color:var(--ink)}.vitrine-description ul{gap:4px;padding:0;list-style:none;display:grid}.vitrine-description li{padding-left:18px;position:relative}.vitrine-description li:before{content:"";background:var(--violet);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:4px}.vitrine-options{border:0;margin:20px 0 0;padding:0}.vitrine-options legend{margin-bottom:10px;padding:0;font-size:.85rem;font-weight:700}.vitrine-options legend span{color:var(--muted);margin-left:6px;font-weight:500}.vitrine-chips{flex-wrap:wrap;gap:8px;display:flex}.vitrine-chips button{border:1.5px solid var(--line);min-height:40px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;padding:0 16px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s}.vitrine-chips button[aria-pressed=true]{border-color:var(--violet);color:var(--violet);background:var(--violet-soft)}.vitrine-swatches{flex-wrap:wrap;gap:12px;display:flex}.vitrine-swatches button{border:3px solid var(--surface);background:var(--swatch);width:40px;height:40px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0;transition:box-shadow .15s,transform .15s}.vitrine-swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--violet);transform:scale(1.08)}.vitrine-actions{gap:10px;margin-top:26px;display:flex}.vitrine-whatsapp,.vitrine-share{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:700;text-decoration:none;display:inline-flex}.vitrine-whatsapp{color:#fff;background:#1f9d55;flex:1;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 8px 20px #1f9d5547}.vitrine-whatsapp:hover{background:#188447;transform:translateY(-2px);box-shadow:0 12px 24px #1f9d5552}.vitrine-share{border:1.5px solid var(--line);width:52px;color:var(--ink);background:var(--surface);padding:0;position:relative}.vitrine-whatsapp svg,.vitrine-share svg{flex:none;width:20px;height:20px}.vitrine-share span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.vitrine-message{color:var(--muted);text-align:center;margin:60px auto}.vitrine-footer{color:var(--muted);text-align:center;padding:36px 0 8px;font-size:.8rem}@keyframes vitrine-fade{0%{opacity:0}}@keyframes vitrine-rise{0%{opacity:0;transform:translateY(40px)}}@keyframes vitrine-enter{0%{opacity:0;transform:translateY(14px)}}@keyframes vitrine-pop{0%{opacity:.4;transform:scale(.92)}}@media (width>=760px){.vitrine{padding-inline:28px}.vitrine-header{padding:44px 0 32px}.vitrine-header img{width:84px;height:84px}.vitrine-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.vitrine-card-body{padding:14px 16px 16px}.vitrine-card-body h3{font-size:1.08rem}.vitrine-categories{margin-inline:-28px;padding-inline:28px}.vitrine-rail{grid-auto-columns:280px;gap:24px;margin-inline:-28px;padding-inline:28px;scroll-padding-inline:28px}.vitrine-groups{gap:56px}.vitrine-card-footer{flex-direction:row;justify-content:space-between;align-items:flex-end}.vitrine-share{width:auto;padding:0 16px}.vitrine-share span{clip-path:none;width:auto;height:auto;position:static}.vitrine-sheet-layer{align-items:center;padding:24px}.vitrine-sheet{border-radius:26px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);max-width:920px;height:min(680px,92svh);display:grid;overflow:hidden}.vitrine-sheet .vitrine-carousel{aspect-ratio:auto;border-radius:0;height:100%;max-height:none}.vitrine-sheet-body{padding:36px 32px 32px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.vitrine:before,.vitrine *,.vitrine :before,.vitrine :after{transition:none!important;animation:none!important}}
