/* GABRIEL STORE · DESTELLOS PRO — capa decorativa sin alterar app.js ni pagos */
:root{--lux-amber:#ffdfa0;--lux-violet:#b78bff;--lux-cyan:#7ddcff}
body{background:radial-gradient(ellipse 1050px 740px at 54% 7%,#3a2a2580 0%,transparent 72%),radial-gradient(ellipse 970px 500px at 96% 40%,#23194d54,transparent 69%),radial-gradient(ellipse 800px 500px at -12% 63%,#26204942,transparent 70%),#07070c}
.stars{opacity:.54;background-image:radial-gradient(circle,#f6e1b5 1px,transparent 1.6px),radial-gradient(circle,#bca1ff 1px,transparent 1.5px),radial-gradient(circle,#99d6fb .7px,transparent 1.4px);background-size:103px 113px,179px 161px,241px 221px;background-position:14px 37px,85px 29px,126px 110px}
.announcement-bar{position:relative;overflow:hidden}
.announcement-bar:after{content:"";position:absolute;left:-50%;top:0;bottom:0;width:50%;background:linear-gradient(90deg,transparent,#ffe6b627,transparent);animation:lux-ribbon 13s linear infinite;pointer-events:none}
.site-header{box-shadow:0 4px 35px #07060c,0 1px 0 #e5bc6c1c}
.site-header .brand-mark-image{filter:drop-shadow(0 0 14px #edc47688) drop-shadow(0 0 7px #ffffee55)}
/* Visible aurora, light trails and sparkling crosses around the ORIGINAL logo. */
.hero{position:relative}
.hero-copy:after{content:'✦';position:absolute;right:12%;top:7%;font-size:20px;color:#ffe4aa;text-shadow:0 0 7px #ffe4aa,0 0 21px #ffb856aa;animation:lux-twinkle 3.9s ease-in-out infinite alternate;pointer-events:none}
.hero-display{isolation:isolate}
.hero-display .hero-aura{opacity:.9;filter:blur(39px);background:conic-gradient(from 20deg,#bd8b38a8,#593bb4a8,#1a5fb37a,#ecc86c9e,#6538b6aa,#bd8b38a8)}
.hero-display .hero-ring{border-width:2.2px;box-shadow:0 0 16px #ead08d9c,0 0 52px #9762f67e,inset 0 0 16px #f4dca765}
.hero-display .gs-luminous-wave{opacity:.8;border-width:2.5px;filter:drop-shadow(0 0 10px #ffdb8cb6)}
.hero-display .gs-wave-violet{opacity:.7;filter:drop-shadow(0 0 11px #aa8affb5)}
.hero-original-logo{filter:drop-shadow(0 16px 34px #000c) drop-shadow(0 0 20px #dab25d88) drop-shadow(0 0 38px #b283e34d)}
.lux-hero-sparks{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden;border-radius:22px}
.lux-twink{position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);height:var(--ss);font-weight:900;display:grid;place-items:center;color:#fff2d0;font-size:var(--ss);line-height:1;text-shadow:0 0 5px #fff,0 0 12px #ffe1aa,0 0 26px #eab86eaa;animation:lux-twinkle var(--st) ease-in-out infinite;animation-delay:var(--sd);filter:drop-shadow(0 0 6px #ffdc99);opacity:.85}
.lux-twink:nth-child(3n){color:#ccb9ff;text-shadow:0 0 6px #fff,0 0 18px #9370ff,0 0 28px #7951f5}
.lux-twink:nth-child(5n){color:#b4ecff;text-shadow:0 0 6px #fff,0 0 18px #78d6ff}
.lux-orbit{pointer-events:none;position:absolute;inset:4%;z-index:4;overflow:visible;width:92%;height:92%}
.lux-orbit path{fill:none;stroke-linecap:round;stroke-dasharray:6 11;animation:lux-flow 14s linear infinite}
.lux-orbit .lux-orbit-a{stroke:#f5d49b;stroke-width:1.5;filter:drop-shadow(0 0 7px #ffca77)}
.lux-orbit .lux-orbit-b{stroke:#ae8dfc;stroke-width:1.2;animation-direction:reverse;filter:drop-shadow(0 0 7px #aa75ff)}
.hero-logo-halo{box-shadow:0 0 54px #e2b77180,0 0 84px #9669ff4d}
@keyframes lux-twinkle{0%,100%{opacity:.38;transform:scale(.66) rotate(0deg)}45%{opacity:1;transform:scale(1.24) rotate(25deg)}75%{opacity:.65;transform:scale(.88) rotate(50deg)}}
@keyframes lux-flow{to{stroke-dashoffset:-270}}
@keyframes lux-ribbon{to{transform:translateX(300%)}}
/* Featured collection: continuously visible lights; fast hover is additional, not required. */
.product-card{background:linear-gradient(153deg,#19121ee6,#070910 77%);border-color:color-mix(in srgb,var(--accent) 40%,#947658);box-shadow:0 14px 33px #000a,0 0 17px color-mix(in srgb,var(--accent) 16%,transparent);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.product-card::before{opacity:.64!important}
.product-card:is(:hover,:focus-within){box-shadow:0 20px 55px #000c,0 0 27px color-mix(in srgb,var(--accent) 58%,transparent),0 0 3px color-mix(in srgb,var(--accent) 65%,white)}
.product-art{isolation:isolate;background:radial-gradient(ellipse 95% 84% at 50% 43%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 84%),radial-gradient(ellipse 77% 58% at 78% 5%,color-mix(in srgb,var(--accent) 47%,transparent),transparent 82%),linear-gradient(155deg,#100d1c,#070b14 64%,#191121)}
.product-art:after{opacity:.88;box-shadow:0 0 19px color-mix(in srgb,var(--accent) 91%,transparent),0 0 45px color-mix(in srgb,var(--accent) 33%,transparent),inset 0 0 17px color-mix(in srgb,var(--accent) 86%,transparent)}
.art-core{box-shadow:0 0 18px color-mix(in srgb,var(--accent) 80%,transparent),0 0 41px color-mix(in srgb,var(--accent) 56%,transparent),inset 0 0 23px #ffffff22;border:1px solid #ffffffa9}
.art-core img{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 60%,white))}
.brand-title{text-shadow:0 0 11px color-mix(in srgb,var(--accent) 65%,transparent),0 0 23px color-mix(in srgb,var(--accent) 40%,transparent),0 1px 3px #000}
.lux-product-sparks{position:absolute;z-index:6;inset:0;pointer-events:none;overflow:hidden}
.lux-card-glimmer{position:absolute;display:block;left:var(--cx);top:var(--cy);font-size:var(--cs);line-height:1;color:#fff4d4;text-shadow:0 0 6px white,0 0 14px #ffdca4,0 0 22px color-mix(in srgb,var(--accent) 70%,white);animation:lux-twinkle var(--ct) ease-in-out infinite;animation-delay:var(--cd)}
.lux-card-glimmer:nth-child(2){color:#f6fbff;text-shadow:0 0 6px #fff,0 0 20px var(--accent)}
.lux-sheen{position:absolute;pointer-events:none;z-index:5;inset:-15% -80%;transform:translateX(-47%) rotate(-16deg);opacity:.43;background:linear-gradient(110deg,transparent 39%,#ffffff07 43%,#ffffff2b 49%,#ffffff06 55%,transparent 65%);animation:lux-sweep 9.5s ease-in-out infinite}
@keyframes lux-sweep{0%,12%{transform:translateX(-45%) rotate(-16deg);opacity:0}30%{opacity:.5}49%,100%{transform:translateX(45%) rotate(-16deg);opacity:0}}
/* Paramount+: brand-accurate mountain/stars badge, true royal blue background. */
.product-card[data-gs-product="paramount"]{--accent:#236efc!important;border-color:#4a94ff9e;box-shadow:0 15px 36px #000b,0 0 18px #276dff64}
.product-card[data-gs-product="paramount"] .product-art{background:radial-gradient(circle at 50% 47%,#3798ff,#0a4cda 53%,#001848 89%)}
.product-card[data-gs-product="paramount"] .product-art:after{border-color:#c3e9ff;box-shadow:0 0 19px #70c6ff,0 0 45px #0046ff80,inset 0 0 21px #78c9ffb9;opacity:.86}
.product-card[data-gs-product="paramount"] .art-core{background:#0064ff;border-radius:50%;width:106px;height:106px;transform:rotate(0deg);box-shadow:0 0 19px #3f9dff,0 0 46px #85c6ff8a,inset 0 1px 7px #a9dbff70;border:1.4px solid #a9daff}
.product-card[data-gs-product="paramount"] .art-core img{height:83px;width:83px;filter:drop-shadow(0 0 4px #fff6)}
.product-card[data-gs-product="paramount"] .brand-title{color:#fff;letter-spacing:.2px;text-shadow:0 0 8px #c8eaff,0 0 18px #9ad7ff}
.product-card[data-gs-product="paramount"] .product-info{border-top-color:#6eb6ff86}
.product-card[data-gs-product="paramount"] .card-price{color:#d7ebff}
/* Special light signature for Netflix / Disney / Prime; the trademarks themselves are unchanged. */
.product-card[data-gs-product="netflix"] .product-art,.product-card[data-gs-product="netflix-extra"] .product-art{background:radial-gradient(ellipse at 50% 45%,#ee1d4b75,#5b0819 62%,#130911 95%)}
.product-card[data-gs-product^="disney"] .product-art{background:radial-gradient(ellipse at 45% 40%,#29c9e68a,#183ac4 54%,#050c34 92%)}
.product-card[data-gs-product="prime"] .product-art{background:radial-gradient(ellipse at 50% 43%,#48bbff73,#074a7c 62%,#040f24 94%)}
/* VIP combo gallery: silver-gold outlines, richer halo and recurring sparkles. */
.combo-card{border-color:#dfb869a8;background:linear-gradient(156deg,#261b27,#10101a);box-shadow:0 18px 46px #0009,0 0 24px #f0c16c3b}
.combo-card::before{opacity:.95!important}
.combo-card .product-art{background:radial-gradient(ellipse at 50% 44%,#d4a96284,transparent 65%),radial-gradient(ellipse 70% 70% at 95% 8%,#9d6dff5a,transparent 85%),linear-gradient(150deg,#33231f,#0c0c16)}
.combo-card .product-art:after{border-color:#ffe4a6;box-shadow:0 0 24px #f8c66eba,0 0 48px #7b55dca0,inset 0 0 22px #fae0ac7d}
.combo-card .combo-mini-logo{background:linear-gradient(145deg,#302238,#100e1b);border-color:#ffe4bce8;box-shadow:0 0 14px #d7a463aa,0 8px 19px #000b;filter:drop-shadow(0 0 5px #a881ff3f)}
.combo-card .combo-medallion{background:#533b2599;color:#fff5df;border-color:#ffdfad;box-shadow:0 0 17px #ffd58fc9,0 0 30px #d6ae66a5}
.combo-card .brand-title{color:#ffe6b8;text-shadow:0 0 9px #f8d09b,0 0 26px #cf9859}
.combo-card .card-price{color:#ffe7b9;text-shadow:0 0 13px #ffc7795e}
.feature-band{border-color:#f5d7a1ac;box-shadow:0 0 31px #bd8f4b3e,0 18px 55px #0009}
.feature-band:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 22%,#ffd99510 34%,#ffd99c24 48%,transparent 61%);transform:translateX(-95%);animation:lux-banner 12s ease-in-out infinite;pointer-events:none}
@keyframes lux-banner{to{transform:translateX(95%)}}
/* Stronger polished interactive details without changing button semantics */
.button-primary,.mini-buy{box-shadow:0 7px 28px #edb76557,0 0 16px #e0ba6a43,inset 0 1px 0 #ffffff9c}
.button-primary:hover,.mini-buy:hover{box-shadow:0 12px 35px #edb76588,0 0 22px #e0ba6a7a}
.filter-button.active{box-shadow:0 0 24px #edbf6880}
.floating-cart{box-shadow:0 0 0 5px #ebd0951e,0 7px 25px #ffca7390,0 0 22px #ebbd62a0}
/* user-controlled visual effects, separate from commerce UI */
.lux-motion-control{margin-top:16px;display:inline-flex;align-items:center;gap:8px;background:#201a20aa;border:1px solid #d1ab7075;color:#d6bc92;padding:8px 12px;border-radius:100px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}
.lux-motion-control:hover{background:#332421;color:#ffe8bd}
/* Accessible and performance-conscious stop-motion setting */
.gs-motion-paused .lux-twink,.gs-motion-paused .lux-card-glimmer,.gs-motion-paused .lux-sheen,.gs-motion-paused .lux-orbit path,.gs-motion-paused .hero-aura,.gs-motion-paused .hero-wave,.gs-motion-paused .gs-luminous-wave,.gs-motion-paused .gs-particle,.gs-motion-paused .feature-band:before,.gs-motion-paused .announcement-bar:after{animation:none!important}
.gs-motion-paused .lux-twink,.gs-motion-paused .lux-card-glimmer{opacity:.6;transform:none}
.gs-motion-paused .lux-sheen{opacity:0}
/* Bright sparkles remain visible on mobile; remove only costly sweeps */
@media(max-width:760px){
  .hero-copy:after{right:8%;top:1%}
  .lux-twink{filter:drop-shadow(0 0 3px #ffc96b)}
  .lux-sheen{animation:none;opacity:.11;transform:translateX(0) rotate(-14deg)}
  .product-art{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent) 52%,transparent),transparent 77%),#0b0c17}
  .product-card[data-gs-product="paramount"] .art-core{height:83px;width:83px}
  .product-card[data-gs-product="paramount"] .art-core img{height:64px;width:64px}
  .combo-card .combo-mini-logo{box-shadow:0 0 8px #e6b8709c}
}
@media(max-width:420px){.product-card[data-gs-product="paramount"] .art-core{height:79px;width:79px}.product-card[data-gs-product="paramount"] .art-core img{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){
  .lux-twink,.lux-card-glimmer,.lux-sheen,.lux-orbit path,.feature-band:before,.announcement-bar:after,.hero-copy:after{animation:none!important}
  .lux-sheen,.feature-band:before,.announcement-bar:after{display:none}
  .lux-twink,.lux-card-glimmer{opacity:.8;transform:none}
  .product-card{transition:none}
}
