/* Vidrio VA: azul nocturno, reflejo dorado y luz dirigida por el cursor. */
body{background:#0c1924;isolation:isolate}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}
body::before{background:radial-gradient(circle at 13% 19%,#387db44a 0,transparent 36%),radial-gradient(circle at 88% 46%,#489fd644 0,transparent 35%),radial-gradient(circle at 30% 91%,#28669855 0,transparent 38%),linear-gradient(130deg,#0c1924,#112536 55%,#0b1823)}
body::after{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.intro,.author,.catalog-controls,dialog{background:linear-gradient(135deg,#35546c3d,#152c3c75);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);border-color:#bdd9ec28;box-shadow:inset 0 1px 0 #e4f3ff1f,0 20px 65px #030d1840}
.product{position:relative;background:linear-gradient(145deg,#44657b25,#14283985);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #ffffff14,0 12px 35px #0002;transform:scale(1);transition:transform 550ms cubic-bezier(.16,.75,.22,1),border-color 350ms ease,box-shadow 350ms ease}
.preview-bar{background:#09121a85;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
:is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover){--light-x:50%;--light-y:50%;position:relative;isolation:isolate;overflow:hidden;border:1px solid #d3eafb38;background:linear-gradient(150deg,#a9d1f21c,#244a681c 50%,#92bcde0c);box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #ffffff0c,0 5px 16px #020c1828;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);transition:box-shadow 350ms ease,border-color 350ms ease,transform 450ms cubic-bezier(.2,.75,.2,1);}
:is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover)::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;background:radial-gradient(circle at var(--light-x) var(--light-y),#b4e6ff55,transparent 72%);transition:opacity 350ms ease}
:is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover)::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:.3;background:linear-gradient(115deg,transparent 15%,#ffffff08 34%,#ffffff30 45%,transparent 59%);background-size:250% 100%;background-position:100% 0;transition:background-position 650ms cubic-bezier(.2,.75,.2,1),opacity 350ms ease}
.gold-button,.categories .selected{background:linear-gradient(135deg,#e4c999dc,#c3a160ba 55%,#dfc48bbd);color:#101e27;border-color:#ffe1a777;box-shadow:inset 0 1px 0 #fff6d3a6,inset 0 -1px 0 #ad854b55,0 6px 20px #c29d5620;font-weight:600}
.gold-button::before,.categories .selected::before{background:radial-gradient(circle at var(--light-x) var(--light-y),#fff5d999,transparent 75%)}
.outline-button,.detail-link{color:#e8d1a6}.categories button{color:#d1dce4;min-height:44px}.categories .selected{color:#101e27}.close{width:44px;height:44px}.cart-button{color:#f1eee7}.detail-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.search{background:linear-gradient(120deg,#35577636,#0c21383d);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff15}
.product-cover{background:#35414ae8;backdrop-filter:none;-webkit-backdrop-filter:none}.product-cover img.thumbnail{transform:scale(1);transition:transform 550ms cubic-bezier(.16,.75,.22,1);position:relative;z-index:0}.cover-meta{z-index:3;pointer-events:none;background:#173046a1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
:is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover):focus-visible{outline:2px solid #e7c589;outline-offset:4px;box-shadow:0 0 0 5px #7dbdeb22,0 0 25px #93c9f132}
@media(hover:hover) and (pointer:fine){
 :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover):hover{border-color:#d7efff80;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -1px 0 #ffffff16,0 0 18px #8bc9f533,0 0 42px #5eaeee25;transform:translateY(-2px)}
 :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover):hover::before{opacity:1}
 :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover):hover::after{background-position:0 0;opacity:.8}
 .gold-button:hover,.categories .selected:hover{background:linear-gradient(135deg,#e4c999dc,#c3a160ba 55%,#dfc48bbd);border-color:#ffe8bcb0;box-shadow:inset 0 1px 0 #fff5cdbb,0 0 22px #d3b47750,0 0 45px #d3b47725}
 .categories button:hover:not(.selected){background:linear-gradient(150deg,#a9d1f21c,#244a681c 50%,#92bcde0c)}
 .product-cover:hover img.thumbnail{transform:scale(1)}
 .product:hover{transform:translateY(-4px) scale(1.015);z-index:5;border-color:#a8d7f180;box-shadow:inset 0 1px 0 #d5edff60,0 0 25px #68b8ed40,0 0 60px #68b8ed25,0 20px 55px #0006}
}
@media(prefers-reduced-motion:reduce){:is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover),.product,.product-cover img.thumbnail{transition:none!important;transform:none!important}body::before,body::after{animation:none}.product-cover:hover img.thumbnail{transform:none!important}}
@supports not (backdrop-filter:blur(1px)){.intro,.author,.catalog-controls,dialog{background:#152936}.product{background:#162c3b}}
/* Elección explícita del visitante cuando su sistema reduce las animaciones. */
html[data-motion="full"] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover){transition:box-shadow 350ms ease,border-color 350ms ease,transform 450ms cubic-bezier(.2,.75,.2,1)!important}
html[data-motion="full"] .product{transform:scale(1)!important;transition:transform 550ms cubic-bezier(.16,.75,.22,1),border-color 350ms ease,box-shadow 350ms ease!important}
html[data-motion="full"] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover)::before{transition:opacity 350ms ease!important}
html[data-motion="full"] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover)::after{transition:background-position 650ms cubic-bezier(.2,.75,.2,1),opacity 350ms ease!important}
@media(hover:hover) and (pointer:fine){html[data-motion="full"] .product:hover{transform:translateY(-4px) scale(1.015)!important}html[data-motion="full"] :is(.gold-button,.outline-button,.cart-button,.detail-link,.categories button,.close,.product-cover):hover{transform:translateY(-2px)!important}}
.motion-button{font-size:12px;margin-top:4px}.motion-button[hidden]{display:none}
