/* GABRIEL STORE — edición designer, solo arte y movimiento.
   Hereda toda la lógica, productos y condiciones del proyecto anterior. */
:root{--gold-1:#ffebbc;--gold-2:#d6a354;--gold-dark:#6a4923;--obsidian:#09090d}
body{background:radial-gradient(ellipse 1100px 700px at 50% 3%,#1b1722 0%,transparent 72%),radial-gradient(ellipse 700px 800px at 91% 38%,#19112655,transparent 77%),#08080c}
.ambient-a{background:#d4a25980;opacity:.14}.ambient-b{background:#6548c8;opacity:.18}.ambient-c{background:#2678a0;opacity:.12}
.site-header{background:#09090eea;border-bottom:1px solid #cba66b35;box-shadow:0 8px 45px #0007}
.announcement-bar{background:linear-gradient(90deg,#111011,#271d13 50%,#111016);border-bottom:1px solid #99703e47}
.main-nav a{position:relative;padding:10px 0;transition:color .2s}.main-nav a:after{content:'';position:absolute;bottom:1px;left:0;right:100%;height:1px;background:linear-gradient(90deg,transparent,#f6c97a,transparent);transition:right .3s}.main-nav a:hover:after{right:0}
.brand-name,.brand{letter-spacing:.1px}.site-header .brand-mark-image{filter:drop-shadow(0 0 12px #d7a34a44)}
/* A luxury hero with softly moving aurora/ribbon lines around the ORIGINAL business logo */
.hero{min-height:620px;gap:48px}.hero-copy{position:relative}.hero-copy:before{content:'✧';position:absolute;left:-25px;top:82px;font-size:22px;color:#e8c48b;opacity:.58;animation:designer-twinkle 4.6s ease-in-out infinite}
.hero h1{font-size:clamp(49px,5.2vw,79px);letter-spacing:-2.8px;line-height:1.07;margin:24px 0}.hero-copy>p{max-width:580px;font-size:16px;line-height:1.9;color:#b9b2af}.hero-copy .gradient-text{background:linear-gradient(110deg,#fff0ce 0%,#d9aa62 42%,#f5dca7 76%,#b57e3b);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-display{min-height:490px;isolation:isolate}.hero-display:before{content:'';position:absolute;inset:12%;background:radial-gradient(circle,#d4aa612e 0%,#30233b45 42%,transparent 74%);filter:blur(25px);border-radius:50%}.hero-display:after{content:'';position:absolute;inset:18% 0 19%;border-top:1.6px solid #ffc5708c;border-bottom:1px solid #7c58c874;border-radius:50%;transform:rotate(-22deg);box-shadow:0 -17px 34px -30px #ffe1a0,0 25px 43px -35px #a589ff;z-index:-1}
.hero-wave{position:absolute;width:107%;height:37%;border:1px solid transparent;border-radius:50%;border-top-color:#e1bc7e8a;border-left-color:#865cf65a;transform:rotate(-21deg);filter:drop-shadow(0 0 14px #ddaa6977);animation:designer-orbit 17s ease-in-out infinite alternate;pointer-events:none}.wave-one{top:27%;left:-4%}.wave-two{top:43%;left:3%;width:91%;height:31%;transform:rotate(24deg);animation-delay:-6s;border-top-color:#629bff91;border-left-color:#d9a25899}.hero-logo-halo{filter:drop-shadow(0 0 22px #bd8c42)}.hero-original-logo{filter:drop-shadow(0 23px 48px #000a) drop-shadow(0 0 23px #c99b486d);animation:designer-float 8s ease-in-out infinite}
.float-label{background:linear-gradient(145deg,#32291db8,#111019e8);backdrop-filter:blur(10px);border:1px solid #e3bb7288;box-shadow:0 12px 26px #0008,0 0 24px #daa75c21}.hero .corner-spark{font-size:20px}
.button-primary,.mini-buy{background:linear-gradient(108deg,#f5d08f,#bd8840 45%,#f9dfaf);color:#241708;border:1px solid #ffe5b5;box-shadow:0 9px 25px #ac753739, inset 0 1px 0 #fff5d688;transition:transform .26s,box-shadow .26s,filter .26s}.button-primary:hover,.mini-buy:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 15px 38px #daa45f45,0 0 17px #f5dca35c}
/* Product cards use brand-driven atmospheric lighting rather than faux logo letter tiles. */
.product-grid{gap:21px;align-items:stretch}.product-card{border-radius:24px;border:1px solid #a48b6450;background:#0f0d15;box-shadow:0 12px 43px #0006;isolation:isolate;transition:transform .33s cubic-bezier(.2,.8,.2,1),box-shadow .33s,border-color .33s}
.product-card:before{content:'';pointer-events:none;position:absolute;z-index:3;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(136deg,#fff8e13d,transparent 30%,transparent 80%,var(--accent)) border-box;mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.3;transition:opacity .4s}
.product-card:hover{transform:translateY(-9px);border-color:color-mix(in srgb,var(--accent) 70%,#ffe3ad);box-shadow:0 25px 50px #0008,0 0 33px color-mix(in srgb,var(--accent) 27%,transparent)}.product-card:hover:before{opacity:.78}
.product-art{height:225px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 66% 88% at 50% 41%,color-mix(in srgb,var(--accent) 46%,transparent),transparent 100%),radial-gradient(ellipse 66% 60% at 103% 8%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 76%),linear-gradient(160deg,#13101a,#06080e 55%,#111220)}
.product-art:before{inset:0;opacity:.18;background:repeating-linear-gradient(113deg,transparent 0 18px,#ffffff0c 19px,transparent 20px 52px);transform:none;mask-image:linear-gradient(90deg,transparent,black,transparent)}
.product-art:after{width:245px;height:87px;border-width:2px;transform:rotate(-25deg);opacity:.65;border-color:color-mix(in srgb,var(--accent) 78%,#fff);box-shadow:0 0 16px var(--accent),0 0 37px color-mix(in srgb,var(--accent) 46%,transparent),inset 0 0 13px var(--accent);z-index:0;transition:opacity .3s,transform .6s}
.product-card:hover .product-art:after{transform:rotate(-18deg) scale(1.08);opacity:.85;animation:none}
.art-halo{position:absolute;inset:10% 12%;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 28%,transparent),transparent 66%);filter:blur(13px);z-index:0;animation:designer-halo 9s ease-in-out infinite alternate}
.art-topline,.art-bottomline{position:absolute;z-index:4;left:14px;right:14px;text-align:center;color:#f5e6ca8f;font-size:9px;font-weight:800;letter-spacing:2.2px;text-shadow:0 0 12px #000d}.art-topline{top:13px}.art-bottomline{bottom:12px;font-size:8px;letter-spacing:2px;opacity:.85}
.art-stars{pointer-events:none;position:absolute;inset:0;z-index:3;color:#fff5df;opacity:.75;text-shadow:0 0 11px #fff,0 0 24px var(--accent);font-size:19px}.art-stars>span,.art-stars>i{position:absolute;font-style:normal}.art-stars{padding:44px 0 0 16%}.art-stars>span{right:15%;top:20%;font-size:14px}.art-stars>i{left:19%;bottom:26%;font-size:11px}
.art-core{position:relative;z-index:2;width:117px;height:116px;border:1px solid #fffbeb94;border-radius:28px;background:linear-gradient(143deg,#24212ae0,#05050cda 52%,color-mix(in srgb,var(--accent) 39%,#14121d));box-shadow:0 28px 50px #000b,0 0 38px color-mix(in srgb,var(--accent) 49%,transparent),inset 0 1px 0 #fff6;transform:rotate(-5deg);transition:transform .45s,box-shadow .45s}
.art-core:after{content:'';position:absolute;inset:4px;border-radius:24px;border-top:1px solid #ffffff58;pointer-events:none}.art-core:before{top:-19px;right:-22px}.art-core img{width:73px;height:73px;filter:drop-shadow(0 0 13px color-mix(in srgb,var(--accent) 67%,transparent));transition:transform .4s}.art-core .fallback-icon{font-size:49px}.product-card:hover .art-core{transform:rotate(0deg) scale(1.055);box-shadow:0 28px 50px #000c,0 0 45px color-mix(in srgb,var(--accent) 63%,transparent),inset 0 1px 0 #fff6}.product-card:hover .art-core img{transform:scale(1.06)}
.brand-title{z-index:4;margin-top:16px;font-size:clamp(19px,1.7vw,24px);font-weight:900;letter-spacing:-.4px;color:#fff;text-shadow:0 3px 16px #000,0 0 21px var(--accent);white-space:normal;max-width:94%;line-height:1.14;overflow:visible}
.product-info{padding:17px 17px 18px;background:linear-gradient(173deg,#141319,#0c0c13 90%);border-top:1px solid #bba0783c}.product-info h3{font-size:17px;letter-spacing:-.2px;margin:8px 0}.description{color:#c0b9bc}.category-label{letter-spacing:1.4px;color:color-mix(in srgb,var(--accent) 47%,#fff7d5)}.duration{color:#d3c3b7}.device-info{margin-top:4px;color:#afa6a9}.device-info a{color:#edd0a0}.plan-pill{background:#262028;border-color:#ae8b5b55;transition:.2s}.plan-pill:hover{border-color:#f2d197}.plan-pill.selected{border-color:#e7bd7b;background:#49301c;color:#fff2cf;box-shadow:0 0 15px #d5a85a29}.card-price{color:#f7daaa;text-shadow:0 0 17px #d69c4938;font-size:26px}.mini-add{background:#2b241b;border:1px solid #b89454;color:#f9d7a4}.mini-add:hover{background:#453021;box-shadow:0 0 18px #d8a45c55}
/* Bundles: a separate jewel-like composition, visible authentic mark tiles + plus signs. */
.combo-card{border-color:#d8ae6b7a;background:#151015}.combo-card:before{background:linear-gradient(140deg,#ffe4ae8a,transparent 45%,#6f54df83) border-box;opacity:.8}.combo-card .product-art{height:225px;background:radial-gradient(ellipse 80% 80% at 50% 42%,#b780303d,transparent 77%),radial-gradient(ellipse at 90% 5%,#804bda4e,transparent 55%),linear-gradient(150deg,#211726,#08080f 75%,#17101d)}
.combo-card .product-art:after{width:88%;height:72%;border-radius:45%;border-color:#e6bf8377;box-shadow:0 0 30px #deb05c30,inset 0 0 25px #a889e934;transform:rotate(-13deg);opacity:.67}
.combo-art-core{z-index:3;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;margin-top:12px;width:100%}
.combo-medallion{font-size:16px;color:#fae3b7;background:#b183463b;border:1px solid #e7c78d82;border-radius:999px;width:27px;height:27px;display:grid;place-items:center;box-shadow:0 0 18px #efc27560}
.combo-logo-row{display:flex;align-items:center;justify-content:center;max-width:98%;gap:3px}
.combo-join{font-size:16px;color:#f9d9a5;text-shadow:0 0 14px #efc277;z-index:3}
.combo-mini-logo{margin:0;width:50px;height:56px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#30273a,#0c0b13);border:1px solid #f1d8a2a8;box-shadow:0 9px 18px #0008,0 0 13px #ba9ed344;transform:rotate(-3deg);transition:transform .3s,box-shadow .3s}
.combo-mini-logo:nth-of-type(even){transform:rotate(3deg)}.combo-card:hover .combo-mini-logo{transform:translateY(-3px) rotate(0);box-shadow:0 9px 24px #0009,0 0 20px #e0bb7b6b}.combo-mini-logo img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px #fff3)}.combo-mini-logo .logo-fallback{font-weight:900;color:#fff;font-size:15px}
.combo-card .brand-title{font-size:23px;color:#ffe4b5;text-shadow:0 0 17px #bd905b8c;margin-top:14px}.combo-card .product-info{background:linear-gradient(155deg,#231b1a,#120e15);border-top-color:#bba17966}.combo-card .category-label{color:#f9d49a}.combo-card .card-price{color:#ffe1aa;font-size:29px}
/* Section navigation + signature waves */
.catalog-section{position:relative}.catalog-section:before{content:'';position:absolute;pointer-events:none;width:65%;height:350px;left:-23%;top:11%;background:radial-gradient(ellipse,#cfab4e17,transparent 70%);filter:blur(50px)}.catalog-tools{position:relative;z-index:2}.filter-button{transition:transform .2s,box-shadow .2s,border-color .2s}.filter-button:hover{transform:translateY(-2px);box-shadow:0 4px 18px #cead5723}.filter-button.active{box-shadow:0 0 24px #edbf6840}
.feature-band{border-color:#d8ae6f74;min-height:300px;background:radial-gradient(ellipse at 85% 48%,#ab7b3b5e,transparent 56%),radial-gradient(ellipse at 56% 25%,#7058aa39,transparent 61%),linear-gradient(100deg,#1d191a,#13101b);box-shadow:0 22px 65px #0009;isolation:isolate}.feature-band:after{content:'';position:absolute;width:500px;height:145px;right:-100px;top:62px;border:1px solid #f3cf9077;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 28px #c08b4540;pointer-events:none}.combo-art span{color:#ffe6b4}.steps .step:hover,.help-card:hover{transform:translateY(-4px);border-color:#deb57988;box-shadow:0 20px 43px #0007}.steps .step,.help-card{transition:transform .3s,box-shadow .3s,border-color .3s}
.help-section,.how-section{position:relative}.help-section:before{content:'';position:absolute;z-index:-1;right:0;top:1%;width:45%;height:320px;background:radial-gradient(ellipse,#795ba522,transparent 70%);filter:blur(40px)}
/* QR framed separately so scanning pixels never change */
.payment-dialog{border:1px solid #dfb77b9c;box-shadow:0 28px 90px #000e,0 0 45px #c1954d32}.qr-box{padding:12px;border:1px solid #f1d8a4;background:#fff!important}.qr-box>img{filter:none!important;transform:none!important;opacity:1!important;image-rendering:auto}.download-qr:hover{text-decoration:underline}
/* Typography, timing and accessible motion */
@keyframes designer-twinkle{50%{opacity:.18;transform:scale(.75)}}
@keyframes designer-halo{50%{opacity:.7;transform:scale(1.1)}}
@keyframes designer-orbit{50%{transform:rotate(-28deg) translateY(13px) scale(1.025)}}
@keyframes designer-float{50%{transform:translateY(-8px)}}
@media(max-width:1120px){.product-grid{gap:15px}.product-art,.combo-card .product-art{height:205px}.combo-mini-logo{width:43px;height:47px}.combo-mini-logo img{width:29px;height:29px}.combo-join{font-size:13px}}
@media(max-width:760px){.hero{min-height:0;gap:3px}.hero h1{font-size:clamp(43px,8.4vw,64px)}.hero-display{min-height:350px;height:350px}.hero-wave{width:93%;left:4%}.hero-original-logo{animation:none}.hero-copy:before{display:none}.product-grid{gap:12px}.product-art,.combo-card .product-art{height:172px}.art-core{width:78px;height:80px;border-radius:20px}.art-core:after{border-radius:17px}.art-core img{width:49px;height:49px}.art-core .fallback-icon{font-size:33px}.product-art:after{width:184px;height:67px}.art-topline{font-size:7px;letter-spacing:1px;top:10px}.art-bottomline{font-size:6.5px;letter-spacing:.8px;bottom:9px}.art-stars{padding:38px 0 0 10%}.art-stars>span{right:10%;top:18%}.brand-title{font-size:17px;margin-top:11px}.product-info{padding:13px}.product-info h3{font-size:15px}.combo-medallion{width:23px;height:23px;font-size:13px}.combo-art-core{gap:10px}.combo-mini-logo{width:35px;height:39px;border-radius:9px}.combo-mini-logo img{width:23px;height:23px}.combo-mini-logo .logo-fallback{font-size:11px}.combo-join{font-size:10px}.combo-card .brand-title{font-size:18px}.combo-card .product-art:after{height:74%}.card-price,.combo-card .card-price{font-size:24px}.product-card:hover{transform:translateY(-3px)}}
@media(max-width:420px){.hero h1{font-size:41px}.hero-display{height:310px;min-height:310px}.product-art,.combo-card .product-art{height:160px}.product-art:after{width:166px;height:57px}.brand-title{font-size:15px}.combo-card .brand-title{font-size:17px}.art-topline{font-size:6px}.art-bottomline{font-size:6px}.combo-mini-logo{width:30px;height:35px}.combo-mini-logo img{width:20px;height:20px}.combo-join{font-size:9px}.product-info{padding:12px}.product-info h3{font-size:14px}.card-price,.combo-card .card-price{font-size:22px}.description{min-height:45px}}
@media(prefers-reduced-motion:reduce){.hero-wave,.hero-original-logo,.art-halo,.hero-copy:before{animation:none!important}.product-card,.art-core,.combo-mini-logo,.steps .step,.help-card{transition:none!important}}

/* Full original app-mark crops supplied in the user's style reference, shown unaltered. */
.art-core img[src$=".png"]{width:84px;height:84px;border-radius:19px;object-fit:cover;filter:drop-shadow(0 0 7px #0007)}
.combo-mini-logo img[src$=".png"]{width:36px;height:36px;border-radius:9px;object-fit:cover}
@media(max-width:760px){.art-core img[src$=".png"]{width:59px;height:59px;border-radius:14px}.combo-mini-logo img[src$=".png"]{width:25px;height:25px;border-radius:6px}}
@media(max-width:420px){.combo-mini-logo img[src$=".png"]{width:21px;height:21px}}
.cart-panel:not(.open){visibility:hidden}