body:has(.pg-club){background:var(--negro);color:var(--arena)}body:has(.pg-club) .header{background:#1f1b18db;border-color:#3a332d}body:has(.pg-club) .header .icono:hover{background:#2b2622}body:has(.pg-club) .header .logo svg path:last-child{fill:var(--arena)}body:has(.pg-club) .nav .club{color:var(--club)}body:has(.pg-club) .nav .online{color:#b9b2d3}.pg-club .c-hero{padding-block:clamp(70px,9vw,140px) 110px;position:relative;overflow:hidden}.pg-club .c-hero .ola i{opacity:.35}.pg-club .c-hero h1{color:var(--arena);font-size:clamp(64px,11vw,190px)}.pg-club .c-hero h1 span{color:var(--club)}.pg-club .c-hero .lead{color:var(--piedra-noche);margin-top:28px}.pg-club .tarjeta{right:var(--gutter);aspect-ratio:1.586;width:min(30vw,380px);color:var(--negro);background:linear-gradient(135deg,#c4ac75,#b39a62 45%,#97804e);border-radius:24px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)rotate(-7deg);box-shadow:0 30px 60px -20px #0009}.pg-club .tarjeta .logo{font-size:22px}.pg-club .tarjeta .logo svg{width:24px;height:24px}.pg-club .tarjeta .logo svg path:first-child{fill:var(--negro)}.pg-club .tarjeta .logo svg path:last-child{fill:#b39a62}.pg-club .foto-banda{border-radius:var(--r-xl);aspect-ratio:21/9;margin-bottom:16px;overflow:hidden}.pg-club .foto-banda img{object-fit:cover;object-position:50% 22%;width:100%;height:100%}@media (max-width:700px){.pg-club .foto-banda{aspect-ratio:4/3}}.pg-club .beneficios-g{grid-template-columns:repeat(3,1fr);gap:16px;padding-block:40px 100px;display:grid}.pg-club .beneficios-g>div{border-radius:var(--r-l);background:#2b2622;flex-direction:column;justify-content:flex-end;min-height:220px;padding:32px;display:flex}.pg-club .beneficios-g b{font-family:var(--f-tit);letter-spacing:-.02em;color:var(--arena);font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.05}.pg-club .beneficios-g p{color:var(--piedra-noche);font-size:15px}.pg-club .beneficios-g .n{font-family:var(--f-tit);color:var(--club);font-size:15px}.pg-club .cuenta-demo{background:var(--hueso);color:var(--negro);border-radius:var(--r-xl);grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;margin-bottom:100px;padding:clamp(28px,4vw,56px);display:grid}.pg-club .saldo{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pg-club .saldo div{background:var(--arena);border-radius:var(--r-m);padding:22px}.pg-club .saldo b{font-family:var(--f-tit);letter-spacing:-.03em;font-size:40px;font-weight:500;line-height:1;display:block}.pg-club .canjes{gap:10px;margin-top:12px;display:grid}.pg-club .canje{background:var(--blanco);border:1.5px solid #e0d8cd;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.pg-club .canje b{font-size:15px;font-weight:500}.pg-club .canje span{color:var(--texto-2);font-size:13px}.pg-club .canje .btn{height:40px;padding:0 18px;font-size:13px}@media (max-width:900px){.pg-club .tarjeta{width:80%;margin:40px auto 0;position:relative;top:auto;right:auto;transform:rotate(-5deg)}.pg-club .beneficios-g,.pg-club .cuenta-demo{grid-template-columns:1fr}}
