/* Cuenkox Arena Shop — presentation only. Ordering logic stays in tienda.html. */
body{background:linear-gradient(110deg,#030b19f5,#071a30e8 55%,#06172ac9),url('assets/cuenkox-arena-blue-cover.png') 65% top/cover fixed no-repeat!important}
main.wrap{max-width:1240px;padding:34px 24px 90px}
main .hero{position:relative;isolation:isolate;overflow:hidden;text-align:left;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:48px clamp(24px,5vw,64px)!important;margin:0 0 24px!important;background:linear-gradient(105deg,#091c32f5 0%,#0b2b49df 55%,#071a3076 100%),url('assets/cuenkox-arena-blue-cover.png') right center/cover no-repeat!important;border:1px solid #397fa5!important;border-radius:24px!important;box-shadow:0 24px 65px #000a, inset 0 1px #92defb33!important}
main .hero:before{content:'CUENKOX ARENA';display:block;color:#a5dff5;font-size:12px;letter-spacing:.27em;font-weight:900;margin-bottom:14px;text-shadow:none}
main .hero:after{content:'X';position:absolute;right:5%;top:50%;transform:translateY(-50%) rotate(-11deg);font-size:clamp(170px,25vw,330px);font-weight:900;line-height:1;color:#53b9e330;text-shadow:0 0 80px #41bbed33;z-index:-1;pointer-events:none}
main .hero h1{font-size:clamp(37px,5vw,68px)!important;line-height:1;letter-spacing:-.045em;margin:0 0 15px!important;color:#f4faff!important;text-shadow:0 5px 30px #000c}
main .hero p{max-width:570px;font-size:17px;line-height:1.55;color:#d7e6f2!important;margin:0 0 22px!important}
main .hero-orders{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:11px 17px;background:#78cfee;color:#061827!important;border:1px solid #b9eafb;border-radius:10px;text-decoration:none;font-weight:900;font-size:12px;letter-spacing:.08em;box-shadow:0 8px 24px #0008}
main .hero-orders:hover{filter:brightness(1.1)}
.shop-intro{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:28px 0 17px}.shop-intro h2{font-size:clamp(24px,3vw,33px);margin:0;color:#f2f9ff}.shop-intro p{margin:5px 0 0;color:#b9cddd}.shop-intro a{color:#8fd9f5;font-weight:800;text-decoration:none;font-size:13px}
main .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
main .grid .card{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:25px!important;border-radius:18px!important;border:1px solid #376987!important;background:radial-gradient(circle at 85% 5%,#1875ad59,transparent 40%),linear-gradient(145deg,#112a45e8,#08192ef7)!important;box-shadow:0 13px 28px #0008!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
main .grid .card:hover{transform:translateY(-4px);border-color:#85d5f4!important;box-shadow:0 22px 48px #000b,0 0 0 1px #8cd9f635!important}
main .grid .card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#168abb,#9fe3fa,transparent)!important}
main .grid .badge-shop{position:static;align-self:flex-start;order:0;margin:0 0 20px;padding:6px 10px;background:#39a8d720;color:#9be3fa!important;border:1px solid #438eaf!important;border-radius:999px;letter-spacing:.1em}
main .grid .icon{order:1;display:grid;place-items:center;width:72px;height:72px;flex:none;margin:0 0 15px;border:1px solid #68b8dc5c;border-radius:17px;background:linear-gradient(145deg,#1c659385,#0a2844);font-size:37px;box-shadow:inset 0 1px #a6e7fa35}
main .grid .card h2{order:2;margin:0 0 8px;font-size:23px;letter-spacing:.02em;color:#f5fbff!important}
main .grid .card p{order:3;color:#c5d7e4!important;font-size:14px;line-height:1.5;margin:0 0 14px;min-height:42px}
main .grid .card-price{order:4;margin:auto 0 13px;font-size:22px;color:#8fdefa!important}
main .grid .personalize-link{order:5;display:block;text-align:center;min-height:43px;padding:12px 10px;border-radius:10px!important;background:linear-gradient(#89d9f3,#399dc7)!important;color:#061827!important;font-size:12px;letter-spacing:.04em}
main .grid .card:not(.featured-product){opacity:.72}main .grid .card:not(.featured-product) h2{font-size:19px}
main .soon{margin:23px 0 43px;padding:14px 18px;border:1px solid #397a9b;border-radius:12px;background:#0b223cdc;color:#d2e2ed;font-size:13px;text-align:left}
main .customizer{padding:clamp(22px,3vw,34px)!important;margin:20px 0!important;border-radius:18px!important;background:linear-gradient(140deg,#102b47ed,#071b32f5)!important}
main .customizer h2{font-size:clamp(21px,2.5vw,29px);line-height:1.15;color:#f3faff!important}
main .customizer .price{padding:10px 14px;border:1px solid #3f9dcc;border-radius:11px;background:#143c5a;color:#a5e4fa!important}
main .custom-grid{gap:14px!important;margin-top:22px!important}
main .custom-grid label{color:#caddea!important;font-weight:700}
main .custom-grid input,main .custom-grid select{min-height:45px;border-radius:9px!important}
main .custom-note{color:#bccdda!important}.custom-result{border-color:#428dad!important;background:#0b2b43!important}
main .orders-panel,main .admin-orders,main .order-box{border-radius:18px!important;padding:clamp(22px,3vw,32px)!important;margin:25px 0!important}
main .orders-head h2{color:#f3faff!important}main .order-card{border-radius:12px!important}
@media(max-width:900px){main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body{background-attachment:scroll!important}main.wrap{padding:18px 14px 65px!important}main .hero{min-height:280px;padding:30px 22px!important}main .hero:after{right:-9%;opacity:.5}main .hero p{font-size:15px}main .grid{grid-template-columns:1fr;gap:12px}main .grid .card{min-height:270px;padding:20px!important}.shop-intro{align-items:start;flex-direction:column}.customizer-head{flex-direction:column!important}.custom-grid{grid-template-columns:1fr!important}}