body[data-house=club]{background:var(--core-night);color:var(--core-bone)}.gate{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:calc(18px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.g-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(40% 35% at 20% 15%,rgba(169,157,148,.14),transparent 70%),radial-gradient(35% 30% at 85% 90%,rgba(210,55,44,.1),transparent 70%);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{to{transform:translate3d(3%,-2%,0) scale(1.05)}}.g-lines i{position:absolute;height:1px;left:-10%;width:70%;background:linear-gradient(90deg,transparent,rgba(255,120,100,.7),transparent);transform:scaleX(0);transform-origin:left;opacity:.55}.g-lines i:first-child{top:14%;transform:rotate(-4deg) scaleX(0)}.g-lines i:last-child{top:22%;left:40%;width:65%;transform:rotate(-4deg) scaleX(0);opacity:.3}.gate.play .g-lines i,.gate.open .g-lines i{transition:transform 2.2s var(--ease) .3s;transform:rotate(-4deg) scaleX(1)}.g-intro{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:14px;padding-top:6px;transform:translateY(calc(50svh - 120px)) scale(1.35);transition:transform 1.2s var(--ease)}.gate.open .g-intro{transform:none}.g-mark{width:34px;height:42px;margin-bottom:6px;color:var(--core-stone)}.g-ring{stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:20px 19px}.g-bar{transform:scaleX(0);transform-origin:center;transform-box:fill-box}.gate.play .g-ring,.gate.open .g-ring{transition:stroke-dashoffset 1.3s var(--ease);stroke-dashoffset:0}.gate.play .g-bar,.gate.open .g-bar{transition:transform .7s var(--ease) 1s;transform:scaleX(1)}.g-title{display:flex;align-items:baseline;gap:.55em;font-weight:400;font-size:clamp(22px,5.4vw,34px);opacity:0;transform:translateY(10px)}.g-title .wm{font-size:1.2em}.g-the,.g-club{font-family:var(--f-core);font-weight:300;font-size:.62em;letter-spacing:.36em;text-transform:uppercase;color:var(--core-sand)}.g-sub{font-size:10.5px;letter-spacing:.5em;text-transform:uppercase;color:var(--core-stone);opacity:0;padding-left:.5em}.gate.play .g-title,.gate.open .g-title{transition:opacity 1s var(--ease) 1.1s,transform 1s var(--ease) 1.1s;opacity:1;transform:none}.gate.play .g-sub,.gate.open .g-sub{transition:opacity 1s var(--ease) 1.5s;opacity:1}.gate.open .g-title,.gate.open .g-sub{transition-delay:0s}.doors{position:relative;z-index:2;display:flex;gap:12px;width:100%;max-width:1240px;margin:0 auto;min-height:0}.door{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:22px;text-decoration:none;display:flex;align-items:flex-end;isolation:isolate;opacity:0;transform:translateY(46px);transition:flex-grow .7s var(--ease),opacity .9s var(--ease),transform .9s var(--ease),box-shadow .5s var(--ease);box-shadow:0 30px 60px -30px #000000b3}.gate.open .door{opacity:1;transform:none}.gate.open .door:nth-child(1){transition-delay:0s,.35s,.35s,0s}.gate.open .door:nth-child(2){transition-delay:0s,.5s,.5s,0s}.gate.open .door:nth-child(3){transition-delay:0s,.65s,.65s,0s}@media(hover:hover)and (min-width:761px){.doors:hover .door{flex-grow:.85}.doors .door:hover{flex-grow:1.45}}.d-body{position:relative;z-index:3;display:grid;gap:10px;padding:clamp(18px,3vw,30px);width:100%}.d-kicker{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.75}.d-name{font-size:clamp(30px,4.4vw,52px);line-height:1}.d-desc{font-size:13.5px;opacity:.8}.d-go{margin-top:10px;display:inline-flex;gap:10px;align-items:center;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.d-go b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid currentColor;transition:transform .5s var(--ease);font-weight:400;letter-spacing:0}.door:hover .d-go b,.door:focus-visible .d-go b{transform:translate(6px)}.d-core{background:var(--core-coal);color:var(--core-bone)}.d-core .d-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 30%;filter:grayscale(.55) brightness(.5) contrast(1.05);transform:scale(1.06);transition:transform 1.4s var(--ease),filter .8s var(--ease)}.d-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#1214161a 30%,#121416eb)}.door.d-core:hover .d-bg{transform:scale(1);filter:grayscale(.2) brightness(.6)}.d-core .d-name .wm{letter-spacing:.16em}.d-light{position:absolute;z-index:2;top:22px;left:22px;right:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--core-red),rgba(210,55,44,0));box-shadow:0 0 18px #d2372ccc;transform:scaleX(.25);transform-origin:left;transition:transform 1s var(--ease)}.door.d-core:hover .d-light{transform:scaleX(1)}.d-sip{color:#fff;background:linear-gradient(180deg,#05525400 35%,#055254bf),url(/img/sip/marca/colorful-gradient.webp) center / cover,linear-gradient(135deg,#9a97ca,#cbdc3a 45%,#207379)}.d-sip .d-name{font-family:var(--f-sip);font-stretch:125%;font-weight:800;letter-spacing:.04em}.d-sip .d-kicker,.d-sip .d-desc,.d-sip .d-go{font-family:var(--f-sip);font-stretch:112%}.d-flower{position:absolute;z-index:1;width:64%;max-width:320px;aspect-ratio:1;right:-8%;top:4%;fill:#ffffff29;animation:spin 60s linear infinite}.d-flower svg{width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.d-bl{background:linear-gradient(160deg,var(--bl-cream),var(--bl-paper));color:var(--bl-ink)}.d-bl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,var(--bl-sage) 0 10px,transparent 10px);opacity:.9}.d-logo{position:absolute;z-index:1;width:62%;max-width:280px;height:auto;aspect-ratio:1;right:-6%;top:6%;border-radius:50%;box-shadow:0 24px 50px -24px #1f1d1a59;transition:transform 1.2s var(--ease)}.door.d-bl:hover .d-logo{transform:rotate(-6deg) scale(1.03)}.d-bl .d-name{font-family:var(--f-bl);font-weight:500;text-transform:uppercase;font-size:clamp(24px,3.4vw,40px);letter-spacing:.02em}.d-bl .d-kicker{color:var(--bl-sage-deep);opacity:1}.g-foot{position:relative;z-index:2;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:12px;letter-spacing:.08em;color:var(--core-stone);opacity:0;transition:opacity 1s var(--ease) .9s}.gate.open .g-foot{opacity:1}.g-foot a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.g-foot a:hover{color:var(--core-bone)}.g-skip{position:absolute;z-index:5;right:max(16px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--core-stone);padding:10px 12px;min-height:44px}.gate.open .g-skip{display:none}@media(min-width:761px){.doors{height:clamp(420px,64vh,660px);align-self:center}}@media(max-width:760px){.doors{flex-direction:column;gap:10px}.door{min-height:158px;flex:1 1 0;border-radius:18px}.d-body{gap:4px;padding:18px 20px}.d-go{position:absolute;right:18px;bottom:18px;margin:0}.d-go{font-size:0;gap:0}.d-go b{font-size:16px}.d-desc{font-size:12.5px;padding-right:48px}.d-flower{width:150px;right:-26px;top:50%;margin-top:-75px}.d-logo{width:120px;right:-18px;top:50%;transform:translateY(-50%);opacity:.95}.d-body{gap:6px}.d-name{font-size:34px}.door.d-bl:hover .d-logo{transform:translateY(-50%) rotate(-6deg)}.g-intro{transform:translateY(calc(50svh - 110px)) scale(1.25)}}.gate.instant *,.gate.instant{transition:none!important}.d-sip .d-name{display:block;width:clamp(96px,9vw,150px);height:clamp(48px,4.6vw,76px);font-size:0;background:url(/img/sip/marca/logotipo-blanco.svg) left center / contain no-repeat}.d-logo{display:block;aspect-ratio:1;height:auto;background:var(--bl-cream) url(/img/beauty/marca/beautylab-oscuro.svg) center / 64% auto no-repeat}.d-bl .d-name{font-family:var(--f-bl)}
