/* URBAN SOFT — curvas, tipografía de impacto y movimiento reactivo. */
@font-face{font-family:'Urban Display';src:url('fonts/urban-display.woff') format('woff');font-style:normal;font-weight:700 900;font-display:swap}
@font-face{font-family:'Urban Display';src:url('fonts/urban-display-italic.woff') format('woff');font-style:italic;font-weight:700 900;font-display:swap}
:root{--curve-lg:26px;--curve-md:16px;--curve-sm:10px}
.hero h1{font-family:'Urban Display','Arial Black',sans-serif;font-size:clamp(49px,5.6vw,80px);font-weight:800;letter-spacing:-.075em;line-height:1.05}.hero-color{font-style:italic;letter-spacing:-.075em;-webkit-text-stroke:1px #fff}.hero-copy .eyebrow{border:1px solid #666;border-radius:100px;padding:9px 15px;font-size:8px;display:inline-block;max-width:100%}.hero h1:after{content:'';display:block;width:75px;height:5px;background:#fff;border-radius:100px;margin-top:25px}.hero-sub{margin-top:23px}.hero .actions{gap:11px}.section-heading h2,.contact h2,.mood-heading h2{font-family:'Urban Display','Arial Black',sans-serif;font-weight:800;letter-spacing:-.065em}.section-heading h2{font-size:clamp(34px,3.7vw,49px);line-height:1.12}.mood-heading h2{font-size:43px;line-height:1.1}.contact h2{font-size:clamp(40px,5vw,66px);line-height:1.1}.mood-tile strong{font-family:'Urban Display',sans-serif;font-size:34px;line-height:1.1;letter-spacing:-.06em}.wordmark{font-style:italic;font-size:37px}.navlinks a:after{border-radius:100px;height:2px}.navlinks a:hover{color:#555}.hero-stage{border-radius:36px;outline:0;border:1px solid #d4d4ce;box-shadow:0 22px 55px #0003;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,45%),#fff,#deded8 55%,#b5b5af 100%);transition:background .3s}.scent-ring{border-radius:24px}.ring-two{border-radius:100px}.hero-stage:before,.hero-stage:after{color:#666}.urban-stage-code{top:22px;left:22px}.hero-stage .bottle-group{animation:none;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-2deg);transition:transform .25s ease-out}.floating-note{border-radius:100px;box-shadow:0 4px 12px #0001}.hero .float-three{border-color:#888}.hero .illustration-note{bottom:17px;right:22px;font-size:7px}.button,.hero .button{border-radius:100px;padding:13px 23px;position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,background .25s,box-shadow .25s}.button:hover,.hero .button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0002}.button:active,.hero .button:active{transform:translateY(0) scale(.97);box-shadow:none}.icon-button{border-radius:50%;transition:background .2s,transform .2s}.icon-button:active{transform:scale(.94)}.bag span{border-radius:100px}.hero-bottom{border-top-color:#333}.urban-divider{border:0;background:#f0f0ec;border-bottom:1px solid #ddd}.product{border:1px solid #d0d0ca;border-radius:var(--curve-lg);box-shadow:0 4px 13px #00000006;background:#fff;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s}.product-art{border:0;border-bottom:1px solid #deded8;border-radius:var(--curve-lg) var(--curve-lg) 0 0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,45%),#fff,#e4e4df 70%)}.product-art:before{border-radius:20px;border-color:#a4a49d55;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#80808008 31px,#80808008 32px)}.product-art svg,.product-art:hover svg{transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(-5deg);transition:transform .25s ease-out,filter .3s}.product-index{border-radius:100px;left:16px;top:15px;padding:8px 12px;z-index:3;font-size:8px}.art-note{bottom:13px;right:18px;font-size:7px}.product-info{border:0;border-radius:0;margin:0;padding:22px}.product-house{border:0;min-height:30px;padding:0;margin-bottom:7px;font-size:8px}.product-info h3{font-size:26px;line-height:1.05;min-height:55px}.note-teaser{margin-top:13px;min-height:49px;gap:5px}.note-teaser span,.note-chips span{border-radius:100px;font-size:9px;border-color:#deded8;background:#f3f3ef;padding:6px 9px}.detail-link{border-radius:100px;padding:8px 13px;border-color:#c5c5bd;min-height:36px;font-size:10px;transition:background .22s,color .22s,transform .22s;position:relative;overflow:hidden}.detail-link:hover{transform:translateY(-1px);border-color:#111}.product-prices{font-size:10px}.product-controls{border-top:1px solid #e4e4de;padding-top:15px}.size-tabs{border-radius:100px;padding:3px;gap:3px;border-color:#d0d0c7;background:#f5f5f0}.size-tabs button{border-radius:100px;position:relative;overflow:hidden;transition:background .25s,color .25s,box-shadow .25s}.size-tabs button.active{box-shadow:0 2px 5px #0002}.selected-price{display:inline-block;font-size:23px}.qty{border-radius:100px;border-color:#d1d1c8;overflow:hidden;min-width:90px;background:#fafaf7}.qty button{border-radius:100px}.qty button:hover:not(:disabled){background:#e9e9e2}.product-buy{gap:9px}.add-button{font-size:11px;padding:10px 16px}.added-feedback{background:#efefea!important;border-color:#111!important;color:#111!important}.catalog-toolbar{border-color:#d1d1c8;border-radius:18px;background:#f5f5f0;padding:12px 18px}.search input{border-radius:8px}.sort select{border-radius:8px}.mood-filters{border:1px solid #deded6;border-radius:100px;padding:5px;gap:5px;background:#f0f0eb}.mood-filters button{border:0!important;border-radius:100px;padding:11px 15px;position:relative;overflow:hidden;transition:background .25s,color .25s,transform .25s}.mood-filters button:hover{transform:translateY(-1px)}.mood-filters button.active{box-shadow:0 2px 5px #0002}.mood-tile{border:1px solid #bfbfb5;border-radius:var(--curve-lg);box-shadow:none;outline:0;padding:35px}.mood-tile:before{border-radius:50%;opacity:.08}.mood-tile:after{font-size:49px;right:27px;bottom:20px;transition:transform .3s}.mood-tile:hover:after{transform:translate(3px,-3px)}.fresh-tile{background:linear-gradient(125deg,#ebebe5,#d6d6cf)}.sweet-tile{border-color:#333;background:linear-gradient(125deg,#222,#090909)}.mood-tile b{border:0;border-radius:100px;padding:10px 17px;background:#111;color:#fff}.sweet-tile b{background:#f4f4ed;color:#111}.format-section{border-top:0;border-bottom:0}.format-art{border:1px solid #52524c;outline:0;border-radius:36px;background:radial-gradient(ellipse,#fff1,transparent 70%);box-shadow:inset 0 0 40px #ffffff04}.format-art:before,.format-art:after{font-size:16px;color:#999}.format-copy .size-tabs{background:#2b2b28;border-color:#555}.format-copy .size-tabs button{color:#ccc}.format-copy .size-tabs button.active{background:#f5f5ef;color:#111}.format-copy .text-link{border:0;padding:11px 16px;border-radius:100px;background:#ffffff0d;transition:background .25s}.format-copy .text-link:hover{background:#ffffff20}.steps article{border:1px solid #d1d1c8;border-radius:24px;background:#f5f5ef;padding:26px}.steps article:after{border-radius:0 9px 0 0;right:13px;top:13px;border-color:#777;border-width:1px}.step-num{border-bottom:1px solid #cecec5}.steps h3{font-size:22px}.faq{border:1px solid #b9b9b0;border-radius:24px;background:#f5f5ef;padding:0 24px;overflow:hidden}.faq-section{background:#eaeae4;border-color:#d5d5cc}.faq summary{transition:color .2s}.faq summary:hover{color:#666}.faq details{border-color:#ccc}.faq summary:after{transition:transform .3s}.faq details[open] summary:after{transform:rotate(180deg)}.contact{border:1px solid #c4c4bb;border-radius:36px;background:#f3f3ed;box-shadow:none;padding:70px 25px}.contact:before{background:#f3f3ed;border-radius:100px;border:1px solid #c4c4bb;top:-14px;padding:8px 13px;left:26px}.contact:after{border-radius:4px;opacity:.7}.contact .button{min-width:225px}.footer-top .wordmark{font-style:italic}.cart-dialog{border-left:1px solid #bbb;border-radius:28px 0 0 28px}.detail-dialog{border:1px solid #bbb;border-radius:28px;overflow:auto}.detail-art{border-radius:26px 0 0 26px}.detail-info h2{font-size:40px}.mini-art{border-radius:12px}.note-marker{border-radius:50%;font-size:9px}.occasion{border-radius:16px;border:1px solid #d5d5cb;background:#f2f2ed}.version-note{border-radius:12px;border:1px dashed #aaa}.detail-close{border-radius:100px;border:1px solid #ccc;background:#fafaf7}.drawer-head{border-width:1px}.cart-row{border-color:#ddd}.clear-cart,.remove{border-radius:100px}#toast{border-radius:100px;box-shadow:0 8px 30px #0002;border-color:#555;padding:15px 23px}.empty .button{border-radius:100px}.ink-ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:0;transform:scale(0);animation:ink .6s cubic-bezier(.2,.7,.2,1) forwards;z-index:0}.button>span:not(.ink-ripple){position:relative}.button .ink-ripple{background:#888}.size-tabs .ink-ripple,.mood-filters .ink-ripple{background:#999}.product-art:focus-visible{outline-offset:-6px;outline:2px solid #111}.mood-filters button:focus-visible{outline-offset:1px}.button:focus-visible{outline-offset:4px}
@keyframes ink{0%{opacity:.25;transform:scale(0)}100%{opacity:0;transform:scale(1)}}
@media(hover:hover) and (pointer:fine){.product:hover,.product[data-enter].motion-visible:hover{transform:translateY(-6px);box-shadow:0 15px 30px #00000012;border-color:#8c8c82}.mood-tile:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0001}.hero-stage:hover .bottle-group{transition:transform .16s ease-out}.product-art:hover svg{transition:transform .16s ease-out}}
@media(max-width:1000px){.hero h1{font-size:clamp(42px,5.9vw,64px)}.product-info{padding:17px}.product-info h3{font-size:23px}.mood-tile strong{font-size:29px}.mood-filters button{font-size:9px;padding:11px}.mood-heading h2{font-size:36px}}
@media(max-width:700px){.hero h1{font-size:clamp(39px,10.6vw,63px);line-height:1.1;letter-spacing:-.075em}.hero-color{letter-spacing:-.075em}.hero h1:after{margin-top:19px;width:55px;height:4px}.hero-copy .eyebrow{font-size:6.5px;padding:8px 11px;line-height:1.7;max-width:100%}.hero-stage{border-radius:26px;transform:rotate(1deg)}.hero .button{font-size:10px;padding:12px 17px}.wordmark{font-size:33px}.section-heading h2{font-size:34px;line-height:1.1}.catalog-toolbar{border-radius:16px;padding:8px 13px}.product-grid{gap:19px 12px}.product{border-radius:20px;box-shadow:none}.product-art{border-radius:20px 20px 0 0}.product-art:before{border-radius:13px}.product-index{top:11px;left:11px;padding:6px 9px;font-size:7px}.art-note{font-size:6px;right:10px;bottom:11px}.product-info{padding:14px 10px 15px;margin:0}.product-info h3{font-size:21px;min-height:66px}.product-house{font-size:8px;min-height:44px}.product-house>span{font-size:8px}.note-teaser{min-height:73px;gap:4px;margin-top:9px}.note-teaser span{font-size:7px;padding:5px 6px}.detail-link{border-radius:100px;font-size:8px;padding:7px 8px;min-height:35px;gap:6px}.product-prices{font-size:8px;line-height:1.8}.selected-price{font-size:20px}.size-tabs{padding:2px;gap:2px}.size-tabs button{font-size:9px;padding:6px 10px;min-height:31px}.product-controls{padding-top:12px}.product-buy{gap:8px}.product-buy .qty{height:35px}.add-button{font-size:10px;min-height:41px}.mood-filters{display:flex;flex-wrap:nowrap;width:100%;overflow:auto;border-radius:16px;gap:4px;padding:5px;scrollbar-width:thin;scrollbar-color:#aaa transparent}.mood-filters button{flex:0 0 auto;padding:10px 12px;min-height:36px;border-radius:100px;font-size:9px}.mood-heading h2{font-size:33px}.mood-tile{border-radius:24px;padding:28px;min-height:290px}.mood-tile strong{font-size:29px}.format-art{border-radius:28px;min-height:350px}.steps article{border-radius:20px;padding:22px}.steps h3{font-size:20px}.faq{border-radius:20px;padding:0 18px}.contact{border-radius:26px;padding:65px 20px;box-shadow:none}.contact h2{font-size:37px;line-height:1.1}.contact:before{left:18px;font-size:6.5px;padding:7px 10px;top:-13px}.contact .eyebrow{font-size:7px;line-height:1.8}.detail-dialog{border-radius:23px}.detail-art{border-radius:22px 22px 0 0}.detail-info h2{font-size:35px}.cart-dialog{border-radius:22px 0 0 22px}.drawer-head h2{font-size:37px}.detail-close{border-radius:100px}.detail-info .product-buy .qty{height:44px}.hero-stage .bottle-group{transform:rotate(-2deg)}}
/* Control de movimiento compartido con JavaScript. */
:where(html[data-motion="reduced"]) *,:where(html[data-motion="reduced"]) *:before,:where(html[data-motion="reduced"]) *:after{animation:none!important;transition:none!important}:where(html[data-motion="reduced"]) .product-art svg,:where(html[data-motion="reduced"]) .product-art:hover svg{transform:rotate(-5deg)}:where(html[data-motion="reduced"]) .hero-stage .bottle-group{transform:rotate(-2deg)}:where(html[data-motion="reduced"]) .ink-ripple{display:none}