/* Sander Design · web v1 (WebFlash). Paleta de sala de teatro: negro, bordó, dorado y marfil. */
:root{
  --negro:#0d0a0b;--negro2:#171213;--negro3:#211a1b;--bordo:#6e0f1d;--rojo:#8e1b2a;
  --oro:#c9a45c;--oro2:#e6cc94;--marfil:#f3ece1;--marfil2:#e9dfcf;--tinta:#1d1718;--gris:#a99f96;--gris2:#6f6560;
  --serif:"Cormorant Garamond",Georgia,serif;--sans:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;
  --pad:clamp(16px,5vw,72px);--radio:18px;--ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{margin:0;background:var(--negro);color:var(--marfil);font:400 16px/1.65 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.cont b,.paso-n{font-variant-numeric:lining-nums}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.01em}
h2{font-size:clamp(38px,6.2vw,76px)}
h2 em,h1 em{font-style:italic;color:var(--oro)}
p{margin:0}
.saltar{position:absolute;left:-999px;top:8px;background:var(--oro);color:var(--negro);padding:8px 14px;border-radius:8px;z-index:200}
.saltar:focus{left:8px}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 15px/1 var(--sans);letter-spacing:.01em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn-oro{background:linear-gradient(135deg,var(--oro2),var(--oro) 55%,#a8823f);color:#1b1206;box-shadow:0 10px 30px -10px rgba(201,164,92,.6)}
.btn-linea{border-color:rgba(230,204,148,.45);color:var(--oro2);background:transparent}
.btn-linea:hover{background:rgba(201,164,92,.12)}
.btn-chico{min-height:42px;padding:0 18px;font-size:14px}
.btn-full{width:100%}
.eyebrow{font:600 12px/1.2 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--oro);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.eyebrow.centro{justify-content:center}
.lead{font-size:clamp(16px,1.6vw,19px);color:var(--gris);max-width:560px;margin-top:22px}
.nota{font-size:13px;color:var(--gris);margin-top:14px}
.centro{text-align:center;display:flex;justify-content:center}
.pie{font-size:12.5px;color:var(--gris2);text-align:center;margin-top:14px}

/* Telón de entrada */
.telon{display:none}
.js .telon{display:block;position:fixed;inset:0;z-index:150;pointer-events:none}
.telon-l,.telon-r{position:absolute;top:0;bottom:0;width:51%;
  background:
    linear-gradient(180deg,rgba(0,0,0,.35),transparent 18%,transparent 70%,rgba(0,0,0,.55)),
    repeating-linear-gradient(90deg,#3d0710 0,#7a1424 2.2%,#a3213a 3.4%,#7a1424 4.8%,#3d0710 7%);
  box-shadow:inset 0 0 120px rgba(0,0,0,.6)}
.telon-l{left:0;transform-origin:left}
.telon-r{right:0;transform-origin:right}
.cenefa{position:absolute;left:0;right:0;top:0;height:64px;
  background:linear-gradient(180deg,#5a0b17,#8e1b2a 70%,#5a0b17);
  box-shadow:0 6px 18px rgba(0,0,0,.5)}
.cenefa::after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:12px;
  background:repeating-linear-gradient(90deg,var(--oro) 0 3px,transparent 3px 7px);opacity:.9}
.telon.fuera{display:none}

/* Navegación */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--pad);transition:background .4s,backdrop-filter .4s,padding .4s}
.nav.solida{background:rgba(13,10,11,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(201,164,92,.14)}
.nav nav{display:none;gap:30px}
.nav nav a{text-decoration:none;font-size:14px;color:var(--marfil2);opacity:.85;transition:opacity .2s,color .2s}
.nav nav a:hover{opacity:1;color:var(--oro2)}
.marca{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.marca-sd{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--oro);border-radius:50%;font:500 17px/1 var(--serif);letter-spacing:.06em;color:var(--oro2)}
.marca-txt{font:500 22px/1 var(--serif);letter-spacing:.01em}
.marca-txt em{color:var(--oro);font-style:italic}
@media(min-width:900px){.nav nav{display:flex}}
@media(max-width:420px){.marca-txt{font-size:19px}.nav .btn-chico{padding:0 14px;font-size:13px}}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px var(--pad) 40px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;transform:scale(1.08)}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(13,10,11,.55) 0%,rgba(13,10,11,.15) 35%,rgba(13,10,11,.7) 70%,var(--negro) 100%),
  radial-gradient(ellipse at 30% 60%,rgba(13,10,11,.55),transparent 60%)}
.hero-in{max-width:880px}
.hero h1{font-size:clamp(46px,9vw,118px);line-height:.98}
.hero h1 .linea{display:block}
.hero-sub{font-size:clamp(16px,1.7vw,20px);color:var(--marfil2);max-width:620px;margin-top:26px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.conts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 18px;margin-top:56px;padding-top:28px;border-top:1px solid rgba(201,164,92,.25);max-width:1100px}
.cont b{display:block;font:500 clamp(36px,5vw,58px)/1 var(--serif);color:var(--oro2)}
.cont small{display:block;margin-top:6px;font-size:13px;color:var(--gris);letter-spacing:.02em}
@media(min-width:760px){.conts{grid-template-columns:repeat(4,1fr)}}
.bajar{position:absolute;right:var(--pad);bottom:44px;width:26px;height:44px;border:1px solid rgba(230,204,148,.5);border-radius:20px;display:none}
.bajar span{position:absolute;left:50%;top:9px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--oro2);animation:bajar 1.8s infinite}
@keyframes bajar{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media(min-width:1100px){.bajar{display:block}}

/* Cinta */
.cinta{border-block:1px solid rgba(201,164,92,.2);overflow:hidden;padding:18px 0;background:var(--negro2)}
.cinta-in,.salas-in{display:flex;width:max-content;align-items:center;gap:28px;animation:cinta 38s linear infinite}
.cinta span{font:italic 500 clamp(22px,3vw,34px)/1 var(--serif);color:var(--marfil2)}
.cinta i,.salas i{font-style:normal;color:var(--oro);font-size:14px}
@keyframes cinta{to{transform:translateX(-50%)}}

/* Secciones */
.sec{padding:clamp(80px,12vw,160px) var(--pad);position:relative}
.cab{max-width:1200px;margin:0 auto 56px}
.cab-fila{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px}

/* Butaca 3D */
.sec-3d{display:grid;gap:40px;align-items:center;background:
  radial-gradient(ellipse 60% 55% at 70% 45%,rgba(201,164,92,.16),transparent 70%),
  radial-gradient(ellipse 80% 60% at 70% 100%,rgba(142,27,42,.28),transparent 70%),var(--negro)}
.sec-3d{grid-template-areas:"cab" "esc" "panel";gap:26px}
.tres-cab{grid-area:cab;max-width:560px}.tres-esc{grid-area:esc}.panel{grid-area:panel;max-width:560px}
@media(min-width:1000px){.sec-3d{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"cab esc" "panel esc";grid-template-rows:auto 1fr;column-gap:56px;row-gap:30px;align-items:start}.tres-esc{align-self:center}}
.panel{padding:22px;border:1px solid rgba(201,164,92,.22);border-radius:var(--radio);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.panel-t{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:12px}
.panel-t b{color:var(--oro2);letter-spacing:.04em;text-transform:none;font-weight:600;font-size:14px;margin-left:8px}
.telas{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
@media(max-width:559px){.tela span{display:none}.tela i{border-radius:10px;margin:0}}
.tela{appearance:none;border:0;background:none;padding:0;cursor:pointer;color:var(--gris);font:500 11.5px/1.2 var(--sans);text-align:center}
.tela i{display:block;aspect-ratio:1;border-radius:14px;margin-bottom:7px;background:
  radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 45%),
  repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 2px,transparent 2px 4px),var(--c);
  box-shadow:inset 0 -8px 16px rgba(0,0,0,.35);outline:2px solid transparent;outline-offset:3px;transition:outline-color .25s,transform .3s var(--ease)}
.tela:hover i{transform:translateY(-2px)}
.tela[aria-checked=true]{color:var(--oro2)}
.tela[aria-checked=true] i{outline-color:var(--oro)}

.panel-fila{display:grid;gap:18px;margin-top:22px}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-s{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(243,236,225,.18);background:transparent;color:var(--marfil2);font:500 13px/1 var(--sans);cursor:pointer;transition:all .25s}
.chip-s i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.chip-s[aria-checked=true]{border-color:var(--oro);color:var(--oro2);background:rgba(201,164,92,.1)}
.panel-acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.panel-acc .btn-oro{min-height:42px;padding:0 20px;font-size:14px}
.tres-esc{position:relative}
.escena{position:relative;aspect-ratio:1/1;max-height:min(76vh,640px);margin:0 auto;width:100%;border-radius:28px;overflow:hidden;
  background:radial-gradient(ellipse 50% 40% at 50% 38%,rgba(230,204,148,.22),transparent 70%),radial-gradient(ellipse 70% 30% at 50% 92%,rgba(0,0,0,.6),transparent 70%)}
.escena canvas{position:absolute;inset:0;width:100%!important;height:100%!important;cursor:grab;touch-action:pan-y}
.escena canvas:active{cursor:grabbing}
.escena-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s}
.escena.lista .escena-fallback{opacity:0}
.escena::after{content:"";position:absolute;left:50%;top:-10%;width:60%;height:70%;transform:translateX(-50%);background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,236,190,.07) 175deg,rgba(255,236,190,.1) 180deg,rgba(255,236,190,.07) 185deg,transparent 200deg);pointer-events:none}
.escena-ayuda{position:absolute;left:50%;bottom:16px;white-space:nowrap;transform:translateX(-50%);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);display:flex;gap:8px;align-items:center;pointer-events:none}
.escena-ayuda span{color:var(--oro)}

/* Antes y después (fondo marfil) */
.sec-ad,.sec-pil,.sec-pasos,.sec-mob,.sec-faq{background:var(--marfil);color:var(--tinta)}
.sec-ad .lead,.sec-pil .lead,.sec-pasos .lead,.sec-mob .lead,.sec-faq .lead{color:var(--gris2)}
.sec-ad h2 em,.sec-pil h2 em,.sec-pasos h2 em,.sec-mob h2 em,.sec-faq h2 em{color:var(--bordo)}
.sec-ad .eyebrow,.sec-pil .eyebrow,.sec-pasos .eyebrow,.sec-mob .eyebrow,.sec-faq .eyebrow{color:#9a7432}
.ad{position:relative;max-width:1100px;margin:0 auto;border-radius:24px;overflow:hidden;aspect-ratio:1168/880;box-shadow:0 40px 80px -40px rgba(29,23,24,.6);--p:50%}
.ad img{width:100%;height:100%;object-fit:cover}
.ad-despues{position:absolute;inset:0;clip-path:inset(0 0 0 var(--p))}
.ad-linea{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--oro2);transform:translateX(-1px);pointer-events:none}
.ad-linea span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--marfil);color:var(--tinta);display:grid;place-items:center;font:600 16px/1 var(--sans);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ad input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}
.ad-tag{position:absolute;top:18px;padding:7px 14px;border-radius:999px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:rgba(13,10,11,.65);color:var(--marfil);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}
.ad-tag-a{left:18px}.ad-tag-d{right:18px;background:rgba(201,164,92,.9);color:#1b1206}

/* Servicios */
.servs{max-width:1200px;margin:0 auto;display:grid;gap:22px}
@media(min-width:700px){.servs{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.servs{grid-template-columns:repeat(3,1fr)}}
.serv{background:var(--negro2);border:1px solid rgba(201,164,92,.12);border-radius:22px;overflow:hidden;transition:transform .5s var(--ease),border-color .4s}
.serv:hover{transform:translateY(-6px);border-color:rgba(201,164,92,.4)}
.serv-img{aspect-ratio:4/3;overflow:hidden;background:#fff}
.serv-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.serv:hover .serv-img img{transform:scale(1.06)}
.serv-txt{padding:24px 24px 28px}
.serv-n{font:italic 500 18px/1 var(--serif);color:var(--oro)}
.serv h3{font-size:30px;margin:8px 0 10px}
.serv p{color:var(--gris);font-size:15px}

/* Pilares */
.sec-pil{display:grid;gap:44px;align-items:center}
@media(min-width:1000px){.sec-pil{grid-template-columns:1fr 1fr;gap:72px}}
.pil-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3.3}
.pil-img img{width:100%;height:115%;object-fit:cover}
.pilares{margin-top:34px;display:grid;gap:4px}
.pilar{padding:22px 0;border-top:1px solid rgba(29,23,24,.14);display:grid;grid-template-columns:48px 1fr;column-gap:12px}
.pilar span{font:italic 500 20px/1.4 var(--serif);color:var(--bordo);grid-row:span 2}
.pilar h3{font-size:28px}
.pilar p{color:var(--gris2);margin-top:6px}

/* Salas */
.sec-salas{padding-top:90px;padding-bottom:90px;overflow:hidden;background:var(--negro)}
.salas{overflow:hidden;margin:20px calc(var(--pad) * -1) 0}
.salas-in{animation-duration:30s;gap:40px}
.salas span{font:500 clamp(40px,7vw,96px)/1.1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(230,204,148,.55);white-space:nowrap}
.salas span:nth-of-type(2n){color:var(--oro2);-webkit-text-stroke:0;font-style:italic}

/* Pasos */
.pasos{list-style:none;margin:0 auto;padding:0;max-width:1200px;display:grid;gap:18px;counter-reset:p}
@media(min-width:760px){.pasos{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.pasos{grid-template-columns:repeat(4,1fr)}}
.paso{background:#fff;border-radius:22px;padding:28px 24px 30px;box-shadow:0 20px 50px -35px rgba(29,23,24,.45);position:relative;overflow:hidden}
.paso-n{display:block;font:italic 500 72px/1 var(--serif);color:var(--bordo);opacity:.9}
.paso h3{font-size:28px;margin:14px 0 8px}
.paso p{color:var(--gris2);font-size:15px}
.inst{max-width:1200px;margin:22px auto 0;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding:28px;border-radius:22px;background:var(--negro);color:var(--marfil)}
.inst .eyebrow{color:var(--oro)}
.inst p:not(.eyebrow){max-width:640px;color:var(--marfil2)}

/* Mobiliario */
.sec-mob{background:#faf7f2;overflow:hidden}
.tabs{display:inline-flex;padding:5px;border-radius:999px;background:var(--marfil2)}
.tabs button{appearance:none;border:0;background:transparent;padding:12px 18px;border-radius:999px;font:600 14px/1 var(--sans);color:var(--gris2);cursor:pointer;transition:all .3s}
.tabs button[aria-selected=true]{background:var(--negro);color:var(--oro2)}
.gal{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--pad) 26px;margin:0 calc(var(--pad) * -1);scrollbar-width:thin;scrollbar-color:var(--oro) transparent;overscroll-behavior-x:contain}
.mob{flex:0 0 clamp(250px,30vw,340px);scroll-snap-align:start;margin:0;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 40px -32px rgba(29,23,24,.5)}
.mob img{width:100%;aspect-ratio:1;object-fit:contain;padding:14px;transition:transform .7s var(--ease)}
.mob:hover img{transform:scale(1.05)}
.mob figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px 18px;font-size:13.5px;color:var(--gris2);border-top:1px solid #efe8dd}
.mob figcaption a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--bordo);text-decoration:none}
.mob figcaption svg{width:16px;height:16px}
.sec-mob .btn-linea{color:var(--bordo);border-color:rgba(110,15,29,.4);margin-top:20px}

/* Formulario */
.sec-form{display:grid;gap:44px;background:
  radial-gradient(ellipse 60% 50% at 0% 0%,rgba(142,27,42,.35),transparent 70%),var(--negro)}
@media(min-width:1000px){.sec-form{grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.form-txt{position:sticky;top:120px}}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:center;color:var(--marfil2)}
.checks li::before{content:"✦";color:var(--oro);font-size:12px}
.form{background:var(--negro2);border:1px solid rgba(201,164,92,.18);border-radius:26px;padding:clamp(20px,3.5vw,38px);display:grid;gap:22px}
.form fieldset{border:0;padding:0;margin:0}
.form legend,.campo>span{display:block;font:600 13px/1.3 var(--sans);letter-spacing:.06em;color:var(--marfil2);margin-bottom:12px}
.campo small{color:var(--gris);font-weight:400;letter-spacing:0}
.ops{display:flex;flex-wrap:wrap;gap:8px}
.op input{position:absolute;opacity:0;pointer-events:none}
.op span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(243,236,225,.18);font-size:14px;color:var(--marfil2);cursor:pointer;transition:all .25s}
.op input:checked+span{border-color:var(--oro);background:rgba(201,164,92,.14);color:var(--oro2)}
.op input:focus-visible+span{outline:2px solid var(--oro);outline-offset:2px}
.campos{display:grid;gap:18px}
@media(min-width:620px){.campos{grid-template-columns:1fr 1fr}}
.campo{display:block}
.campo input,.campo select,.campo textarea{width:100%;min-height:50px;padding:12px 16px;border-radius:14px;border:1px solid rgba(243,236,225,.16);background:var(--negro3);color:var(--marfil);font:400 16px/1.4 var(--sans);transition:border-color .25s}
.campo textarea{resize:vertical;min-height:96px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--oro)}
.campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--oro) 50%),linear-gradient(135deg,var(--oro) 50%,transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;background-size:6px 6px;background-repeat:no-repeat}
.campo input::placeholder,.campo textarea::placeholder{color:#7a706a}
.tela-elegida{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;background:rgba(201,164,92,.1);border:1px solid rgba(201,164,92,.3);font-size:14px;color:var(--marfil2)}
.tela-elegida b{color:var(--oro2)}
.tela-elegida button{margin-left:auto;appearance:none;border:0;background:none;color:var(--gris);cursor:pointer;font-size:14px;padding:4px 6px}
.form-err{color:#ff9d9d;font-size:14px;min-height:0}
.form-err:empty{display:none}

/* Preguntas */
.faqs{max-width:900px;margin:0 auto}
.faq{border-top:1px solid rgba(29,23,24,.15)}
.faq:last-child{border-bottom:1px solid rgba(29,23,24,.15)}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq h3{font-size:clamp(22px,2.6vw,28px)}
.faq summary i{flex:none;position:relative;width:34px;height:34px;border-radius:50%;border:1px solid rgba(110,15,29,.35)}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--bordo);transform:translate(-50%,-50%);transition:transform .3s}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq p{padding:0 50px 26px 0;color:var(--gris2)}

/* Cierre */
.sec-cierre{min-height:90vh;display:grid;place-items:center;text-align:center;overflow:hidden;isolation:isolate}
.cierre-bg{position:absolute;inset:0;z-index:-1}
.cierre-bg img{width:100%;height:120%;object-fit:cover}
.cierre-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--negro),rgba(13,10,11,.78) 30%,rgba(13,10,11,.85) 70%,var(--negro))}
.cierre-in{max-width:980px;display:grid;justify-items:center;gap:26px}
.sec-cierre h2{font-size:clamp(34px,5.4vw,68px)}
.cierre-tel{color:var(--gris)}
.cierre-tel a{color:var(--oro2)}
.ubics{display:grid;gap:14px;width:100%;margin-top:20px;text-align:left}
@media(min-width:760px){.ubics{grid-template-columns:repeat(3,1fr)}}
.ubic{padding:20px;border-radius:18px;border:1px solid rgba(201,164,92,.2);background:rgba(13,10,11,.55)}
.ubic small{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);margin-bottom:6px}
.ubic p{color:var(--marfil2);font-size:15px}
.pagos{font-size:13.5px;color:var(--gris)}

/* Pie */
.pie-web{padding:44px var(--pad) 110px;border-top:1px solid rgba(201,164,92,.14);display:grid;gap:16px;color:var(--gris);font-size:13.5px}
.pie-web .cred a{color:var(--oro2)}
@media(min-width:900px){.pie-web{padding-bottom:44px;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}}

/* WhatsApp flotante */
.wa-flot{position:fixed;right:16px;bottom:16px;z-index:90;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 14px 30px -8px rgba(0,0,0,.5);transform:scale(0);transition:transform .4s var(--ease)}
.wa-flot svg{width:30px;height:30px}
.wa-flot.ver{transform:scale(1)}

/* Animaciones de entrada (solo con JS) */
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.js .reveal.visto{opacity:1;transform:none}
.js .hero-a{opacity:0;transform:translateY(30px)}
@media (prefers-reduced-motion:reduce){
  .js .reveal,.js .hero-a{opacity:1;transform:none}
  .js .telon{display:none}
  .cinta-in,.salas-in{animation:none}
}