:root{--vp-green:var(--site-brand-accent);--vp-green-deep:var(--site-brand-dark);--vp-ink:#020817;--vp-panel:rgba(var(--site-brand-panel-rgb),.91);--vp-line:rgba(var(--site-brand-light-rgb),.20)}
body{background:radial-gradient(circle at 12% 12%,rgba(var(--site-brand-main-rgb),.17),transparent 31%),radial-gradient(circle at 88% 28%,#22c55e20,transparent 34%),linear-gradient(145deg,#01050c,var(--site-brand-panel) 54%,#020617)!important;background-attachment:fixed!important}
.contenedor{max-width:1380px!important;padding:116px clamp(15px,3vw,38px) 34px!important}
.vp-site-header{position:fixed;z-index:99996;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));border-bottom:1px solid var(--vp-line);background:linear-gradient(180deg,#02130ff5,#02100de8);box-shadow:0 13px 40px #0009;backdrop-filter:blur(17px)}
.vp-brand{text-decoration:none;color:var(--site-brand-pale)}.vp-brand strong{display:block;color:var(--site-brand-light);font-size:clamp(1.05rem,3vw,1.45rem);font-weight:1000;letter-spacing:.12em}.vp-brand small{display:block;margin-top:3px;color:#6b9c90;font-size:.52rem;font-weight:900;letter-spacing:.2em}
.vp-menu-button{position:relative;width:52px;height:52px;display:grid;place-content:center;gap:5px;border:1px solid rgba(var(--site-brand-light-rgb),.33);border-radius:16px;background:linear-gradient(145deg,var(--site-brand-deep),var(--site-brand-panel));box-shadow:0 10px 26px #0008;cursor:pointer}.vp-menu-button span{display:block;width:23px;height:3px;border-radius:99px;background:var(--site-brand-pale);transition:.25s}.vp-menu-button.open span:first-child{transform:translateY(8px) rotate(45deg)}.vp-menu-button.open span:nth-child(2){opacity:0}.vp-menu-button.open span:last-child{transform:translateY(-8px) rotate(-45deg)}
.vp-menu-backdrop{position:fixed;z-index:99997;inset:0;background:#010806b8;opacity:0;visibility:hidden;transition:.26s;backdrop-filter:blur(5px)}.vp-menu-backdrop.open{opacity:1;visibility:visible}
.vp-menu{position:fixed;z-index:99998;right:max(10px,env(safe-area-inset-right));top:max(82px,calc(env(safe-area-inset-top) + 72px));width:min(390px,calc(100vw - 20px));padding:11px;border:1px solid rgba(var(--site-brand-light-rgb),.26);border-radius:22px;background:linear-gradient(155deg,#0b2521f5,#04110ff5);box-shadow:0 30px 90px #000c;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.97);transform-origin:top right;transition:.25s}.vp-menu.open{opacity:1;visibility:visible;transform:none}
.vp-menu-user{display:flex;align-items:center;gap:11px;margin:2px 2px 10px;padding:12px;border-radius:15px;background:#ffffff08;color:#94a3b8}.vp-menu-user i{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--site-brand-main-rgb),.13);color:var(--site-brand-light);font-style:normal}.vp-menu-user b{display:block;color:var(--site-brand-pale)}.vp-menu-user small{display:block;font-size:.62rem;letter-spacing:.08em}
.vp-menu-item{width:100%;display:flex;align-items:center;gap:12px;margin:5px 0;padding:13px 14px;border:1px solid transparent;border-radius:14px;color:var(--site-brand-pale);background:#ffffff07;text-decoration:none;font:800 .83rem/1.2 Inter,system-ui;cursor:pointer;text-align:left}.vp-menu-item:hover,.vp-menu-item:focus-visible{border-color:rgba(var(--site-brand-light-rgb),.27);background:rgba(var(--site-brand-main-rgb),.09)}.vp-menu-item i{width:27px;color:var(--site-brand-light);font-size:1.12rem;font-style:normal;text-align:center}.vp-menu-item.danger{color:#fecaca}.vp-menu-item.danger i{color:#fb7185}.vp-menu-item[hidden]{display:none!important}
.logo{margin:0 auto 28px!important;padding:34px 18px 28px}.logo:before{content:"CASINO ONLINE";display:inline-block;margin-bottom:12px;padding:6px 12px;border:1px solid rgba(var(--site-brand-light-rgb),.27);border-radius:999px;color:var(--site-brand-light);background:rgba(var(--site-brand-main-rgb),.07);font-size:.57rem;font-weight:1000;letter-spacing:.24em}.logo h1{font-size:clamp(2.4rem,9vw,5.2rem)!important;line-height:.92}.logo p{margin-top:16px!important;color:var(--site-brand-muted)!important;font-size:clamp(.68rem,2vw,.9rem)!important}
.games-grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;gap:clamp(13px,2vw,23px)!important}.game-card{overflow:hidden!important;min-height:190px!important;border:1px solid rgba(var(--site-brand-light-rgb),.17)!important;border-radius:22px!important;background:linear-gradient(145deg,#0b2521cc,#061312f2)!important;box-shadow:0 17px 45px #0007!important;transition:transform .3s,border-color .3s,box-shadow .3s!important}.game-card:before{content:"JUGAR";position:absolute;z-index:4;right:12px;bottom:12px;padding:7px 11px;border-radius:999px;color:var(--site-brand-panel);background:var(--site-brand-light);font-size:.6rem;font-weight:1000;letter-spacing:.1em;opacity:0;transform:translateY(6px);transition:.25s}.game-card:hover{transform:translateY(-5px)!important;border-color:rgba(var(--site-brand-light-rgb),.50)!important;box-shadow:0 24px 60px #0009,0 0 25px rgba(var(--site-brand-main-rgb),.13)!important}.game-card:hover:before{opacity:1;transform:none}.game-image{height:100%!important;min-height:190px!important}.game-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#020b09cc)}.game-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.install-app-wrap,.exit-app-wrap{display:none!important}.notification-bell{top:max(15px,env(safe-area-inset-top))!important;left:auto!important;right:max(82px,calc(env(safe-area-inset-right) + 72px))!important;width:48px!important;height:48px!important}.login-box{position:relative;z-index:3;border-radius:24px!important;box-shadow:0 25px 80px #000a!important}.contador-visitas{width:max-content;max-width:100%;margin:18px auto 8px!important;padding:7px 13px;border:1px solid rgba(var(--site-brand-light-rgb),.15);border-radius:999px;color:#6b9c90!important;background:rgba(var(--site-brand-main-rgb),.04);font-size:.68rem!important;font-weight:800;letter-spacing:.04em;opacity:.85}.footer{margin-top:0!important;padding-top:20px;border-top:1px solid rgba(var(--site-brand-light-rgb),.12)}
@media(max-width:700px){.contenedor{padding-top:94px!important}.vp-site-header{min-height:70px}.vp-menu{top:max(72px,calc(env(safe-area-inset-top) + 62px))}.vp-brand small{display:none}.notification-bell{top:max(11px,env(safe-area-inset-top))!important;right:max(76px,calc(env(safe-area-inset-right) + 66px))!important}.logo{padding:22px 4px 18px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.game-card,.game-image{min-height:130px!important;border-radius:16px!important}.game-card:before{display:none}}
@media(max-width:390px){.games-grid{grid-template-columns:1fr!important}.game-card,.game-image{min-height:170px!important}}