:root{--black:#0c0613;--cream:#fff8eb;--pink:#ff2687;--orange:#ff5a2f;--violet:#7d27ff;--cyan:#24e8df;--yellow:#ffe552}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:96px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30}.brand img{width:82px;height:82px;object-fit:contain;filter:invert(1);mix-blend-mode:screen}.menu{display:none;background:var(--pink);border:0;padding:10px 14px;color:white;font-weight:700}nav{display:flex;align-items:center;gap:28px;font-size:.76rem;font-weight:700;letter-spacing:.07em}nav a:hover{color:var(--cyan)}.reserve-mini{background:var(--pink);padding:13px 17px;color:white!important;transform:rotate(-2deg)}.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:145px 7vw 95px;isolation:isolate;background:linear-gradient(90deg,#0c0613fa 0%,#0c0613db 43%,#0c061338 76%),url("hero-sala-tropical.png") center/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(100deg,transparent 0 85px,#ffffff08 86px 87px)}.glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.65}.glow.pink{width:350px;height:350px;background:var(--pink);right:3%;top:15%}.glow.blue{width:220px;height:220px;background:var(--cyan);right:27%;bottom:2%}.hero-stamp{position:absolute;right:6vw;top:17%;width:min(31vw,410px);transform:rotate(8deg);filter:drop-shadow(0 20px 45px #000)}.hero-stamp img{width:100%;filter:invert(1);mix-blend-mode:screen}.hero-copy{z-index:2}.kicker{display:flex;align-items:center;gap:12px;font-size:.73rem;font-weight:700;letter-spacing:.2em;margin:0 0 24px}.kicker span{display:inline-block;width:35px;height:3px;background:var(--cyan)}h1,h2,h3{font-family:"Archivo Black",sans-serif;margin:0;line-height:.86;letter-spacing:-.055em}.hero h1{font-size:clamp(4.2rem,9.5vw,9.7rem);text-transform:uppercase}.hero h1 b{color:transparent;-webkit-text-stroke:2px #fff}.hero h1 i{font-style:normal;color:var(--pink);text-shadow:5px 5px 0 #5c0d9e}.lead{font-weight:700;line-height:1.7;letter-spacing:.06em;color:#eee3f5;margin:30px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.cta{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 19px;font-size:.78rem;font-weight:700;letter-spacing:.05em;transition:.2s}.cta:hover{transform:translateY(-4px) rotate(-1deg)}.cta.hot{background:var(--pink);box-shadow:5px 5px 0 var(--violet)}.cta.clear{border:1px solid #ffffff70;background:#0c061398}.side-note{position:absolute;right:3vw;bottom:55px;writing-mode:vertical-rl;font-size:.65rem;font-weight:700;letter-spacing:.15em}.side-note span{margin-top:12px}.ticker{background:var(--yellow);color:var(--black);padding:14px 0;overflow:hidden;transform:rotate(-1.5deg) scale(1.02);position:relative;z-index:5}.ticker div{width:max-content;font-family:"Archivo Black";font-size:1.15rem;white-space:nowrap;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.party{background:var(--cream);color:var(--black);display:grid;grid-template-columns:1.25fr .55fr;gap:10vw;padding:130px 7vw}.kicker.dark span{background:var(--pink)}.party h2,.insta-copy h2,.visit>h2,.finale h2{font-size:clamp(3.7rem,7.2vw,7.6rem)}.party mark{background:var(--pink);color:white;padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.party-copy{position:relative;padding-top:70px}.big-number{position:absolute;right:0;top:-30px;font-family:"Archivo Black";font-size:8rem;color:#efe4d6;z-index:0}.party-copy p,.insta-copy>p{position:relative;font-size:1.1rem;line-height:1.75}.party-copy a{display:flex;justify-content:space-between;border-bottom:3px solid var(--black);padding:18px 0;font-weight:700}.instagram{min-height:800px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;padding:110px 10vw;background:radial-gradient(circle at 20% 50%,#711ad2 0,#2a0b4b 35%,#0c0613 70%)}.phone-card{width:min(100%,380px);justify-self:center;border:7px solid #fff;border-radius:35px;background:#160c20;box-shadow:18px 20px 0 var(--pink),0 30px 90px #000;overflow:hidden;transform:rotate(-4deg)}.phone-top{height:72px;display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:.78rem}.phone-top img{width:46px;height:46px;filter:invert(1);mix-blend-mode:screen}.phone-top span{margin-left:auto}.reel{height:480px;display:grid;place-items:center;position:relative;text-align:center;background:linear-gradient(145deg,#ff6337 0 25%,#ff2088 25% 50%,#8128ee 50% 75%,#15dcd5 75%)}.reel:before{content:"";position:absolute;inset:25px;border:2px solid #ffffff80;border-radius:50%}.reel span{font-family:"Archivo Black";font-size:3.5rem;line-height:.85;transform:rotate(-6deg);text-shadow:4px 4px 0 #0c0613;z-index:1}.reel i{position:absolute;bottom:22px;right:22px;font-style:normal;font-size:1.5rem}.phone-bottom{height:60px;padding:18px;font-size:1.3rem}.insta-copy em,.visit>h2 em{font-style:normal;color:var(--cyan)}.insta-copy>p{max-width:560px;color:#cbbfd3;margin:28px 0}.visit{padding:130px 7vw;background:var(--cream);color:var(--black)}.visit .kicker span{background:var(--pink)}.visit>h2{margin-bottom:70px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{min-height:390px;padding:28px;display:flex;flex-direction:column;transition:.25s}.info-card:hover{transform:translateY(-8px) rotate(-1deg)}.info-card>span{font-family:"Archivo Black";font-size:4rem;color:#ffffff55}.info-card small{font-weight:700;letter-spacing:.14em;margin-top:auto}.info-card h3{font-size:clamp(2.4rem,4vw,4rem);margin:16px 0 30px}.info-card b{border-top:2px solid currentColor;padding-top:16px;font-size:.75rem;letter-spacing:.05em}.coral{background:var(--orange);color:white}.violet{background:var(--violet);color:white}.cyan{background:var(--cyan);color:var(--black)}.finale{min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px;position:relative;overflow:hidden;background:radial-gradient(circle,#5b1690 0,#260b43 45%,#0c0613 74%)}.finale:before,.finale:after{content:"";position:absolute;border:1px solid #ffffff20;width:700px;height:700px;border-radius:50%}.finale:after{width:1000px;height:1000px}.finale>img{width:170px;filter:invert(1);mix-blend-mode:screen;margin-bottom:15px;z-index:1}.finale>p{font-weight:700;letter-spacing:.2em;font-size:.72rem;z-index:1}.finale h2{color:white;text-shadow:7px 7px 0 var(--pink);z-index:1}.finale .actions{margin-top:40px;justify-content:center;z-index:1}footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:35px;padding:18px 5vw;border-top:1px solid #ffffff25;font-size:.7rem;font-weight:700;letter-spacing:.08em}footer img{width:64px;filter:invert(1);mix-blend-mode:screen}footer a{color:var(--cyan)}@media(max-width:820px){.nav{height:82px;padding:8px 18px}.brand img{width:65px;height:65px}.menu{display:block}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#0c0613f7;padding:25px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{padding:125px 22px 95px;background-position:61% center}.hero:before{content:"";position:absolute;inset:0;background:#0c06134f;z-index:-1}.hero-stamp{width:175px;right:-25px;top:12%;opacity:.42}.hero h1{font-size:clamp(3.9rem,19vw,6.5rem)}.hero h1 b{-webkit-text-stroke:1px #fff}.actions{flex-direction:column}.cta{width:100%}.side-note{display:none}.party{grid-template-columns:1fr;padding:95px 22px;gap:30px}.party-copy{padding-top:35px}.big-number{font-size:6rem;top:-45px}.instagram{grid-template-columns:1fr;padding:90px 24px;gap:90px}.phone-card{width:300px}.reel{height:390px}.reel span{font-size:2.8rem}.cards{grid-template-columns:1fr}.visit{padding:95px 22px}.info-card{min-height:330px}.finale{min-height:650px}.finale h2{text-shadow:4px 4px 0 var(--pink)}footer{grid-template-columns:1fr;gap:8px;text-align:center;justify-items:center}.ticker div{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.cta,.info-card{transition:none}}

/* Sala Tropical · nueva dirección visual y servicios */
.hero{background:radial-gradient(circle at 76% 28%,#ff268766 0 8%,transparent 28%),radial-gradient(circle at 82% 72%,#24e8df55 0 7%,transparent 25%),conic-gradient(from 205deg at 78% 52%,#0c0613 0 20deg,#40106b 21deg 38deg,#0c0613 39deg 60deg,#9d145e 61deg 76deg,#0c0613 77deg 100deg,#1c5874 101deg 116deg,#0c0613 117deg 360deg)}
.hero:after{background:linear-gradient(90deg,#0c0613 0%,#0c0613e8 42%,transparent 72%),repeating-linear-gradient(100deg,transparent 0 85px,#ffffff08 86px 87px)}
.hero-visual{position:absolute;right:5vw;top:25%;display:flex;flex-direction:column;align-items:flex-end;transform:rotate(7deg);font-family:"Archivo Black";font-size:clamp(3rem,6vw,7rem);line-height:.8;color:transparent;-webkit-text-stroke:2px #ffffff88;letter-spacing:-.07em}
.hero-visual span+span{color:var(--cyan);-webkit-text-stroke:0;text-shadow:6px 6px 0 var(--violet)}
.hero-visual i{color:var(--yellow);-webkit-text-stroke:0;font-style:normal;font-size:2.5rem;margin:25px 12% 0 0}
.party mark{display:inline-block;padding:.08em .1em .12em;line-height:.9;margin-top:.15em}
.venue{padding:130px 7vw;background:var(--black);position:relative;overflow:hidden}
.venue:before{content:"04";position:absolute;right:-.04em;top:-.18em;font-family:"Archivo Black";font-size:min(38vw,34rem);color:#ffffff05;line-height:1}
.venue-head{display:grid;grid-template-columns:1.1fr .8fr;gap:7vw;align-items:end;position:relative}
.venue-head .kicker{grid-column:1/-1}
.venue-head h2{font-size:clamp(3.7rem,7.2vw,7.6rem)}
.venue-head h2 em{font-style:normal;color:var(--yellow)}
.venue-head>p:last-child{color:#cbbfd3;font-size:1.08rem;line-height:1.75;max-width:560px}
.venue-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid #ffffff32;position:relative}
.venue-grid article{min-height:330px;padding:28px 24px;border-right:1px solid #ffffff32;display:flex;flex-direction:column}
.venue-grid article:last-child{border-right:0}
.venue-grid article>span{color:var(--cyan);font-family:"Archivo Black";font-size:1rem}
.venue-grid h3{font-size:clamp(1.6rem,2.6vw,2.8rem);line-height:.95;margin:auto 0 22px}
.venue-grid p{color:#bcaec8;line-height:1.6;margin:0}
.venue-cta{width:max-content;margin-top:42px}
.timba{min-height:700px;display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:center;padding:110px 9vw;background:linear-gradient(125deg,#0d7377 0%,#063c51 48%,#0c0613 100%);position:relative;overflow:hidden}
.timba:after{content:"SOCIAL";position:absolute;right:-.05em;bottom:-.18em;font-family:"Archivo Black";font-size:18vw;color:#ffffff08;line-height:1}
.timba-badge{aspect-ratio:1;border:4px solid var(--yellow);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:"Archivo Black";font-size:clamp(1.6rem,3vw,3.2rem);line-height:1;transform:rotate(-8deg);box-shadow:18px 18px 0 #ff2687;color:white;position:relative;z-index:1}
.timba-badge strong{font-size:.55em;color:var(--yellow);margin-top:14px}
.timba-copy{position:relative;z-index:1}
.timba-copy h2{font-size:clamp(3.7rem,7.2vw,7.6rem)}
.timba-copy h2 em{font-style:normal;color:var(--yellow)}
.timba-copy>p{max-width:640px;color:#d8f0ef;font-size:1.08rem;line-height:1.75;margin:28px 0}
.timba-primary{background:var(--yellow);color:var(--black);box-shadow:5px 5px 0 var(--pink)}
@media(max-width:820px){
  .hero{background:radial-gradient(circle at 85% 18%,#ff268766 0 8%,transparent 30%),radial-gradient(circle at 80% 78%,#24e8df55 0 7%,transparent 27%),conic-gradient(from 220deg at 85% 50%,#0c0613 0 30deg,#40106b 31deg 48deg,#0c0613 49deg 75deg,#9d145e 76deg 91deg,#0c0613 92deg 360deg)}
  .hero-visual{right:-8vw;top:19%;font-size:3.5rem;opacity:.45}
  .venue{padding:95px 22px}.venue-head{grid-template-columns:1fr;gap:25px}.venue-head .kicker{grid-column:auto}.venue-grid{grid-template-columns:1fr 1fr;margin-top:55px}.venue-grid article{min-height:285px;border-bottom:1px solid #ffffff32}.venue-grid article:nth-child(2){border-right:0}.venue-grid h3{font-size:1.8rem}.venue-cta{width:100%}
  .timba{grid-template-columns:1fr;padding:95px 24px;gap:80px}.timba-badge{width:min(85%,330px);justify-self:center}.timba-copy .actions{flex-direction:column}
}
@media(max-width:520px){.venue-grid{grid-template-columns:1fr}.venue-grid article{min-height:250px;border-right:0}.hero-visual{top:16%;right:-14vw}}

/* Keep the mobile artwork and long display type inside the viewport. */
html{overflow-x:clip}
.hero{overflow:hidden}
.hero-copy{min-width:0;max-width:100%}
@media(max-width:820px){
  .hero h1{font-size:clamp(2rem,11vw,5.8rem)}
  .hero-visual{pointer-events:none}
  .party h2,.insta-copy h2,.visit>h2,.finale h2,.venue-head h2,.timba-copy h2{font-size:clamp(2.3rem,9.5vw,4.5rem)}
  .party-title,.insta-copy,.timba-copy{min-width:0}
}