/* Visor de fotos por estancias (showroom, Palau 5, Propiedades en exclusiva y SS Performance). */
.tss-visor{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#060504;color:#f3efe8;font-family:"Montserrat","Helvetica Neue",Arial,sans-serif}
.tss-visor[open]{display:flex;flex-direction:column}
.tss-visor::backdrop{background:rgba(0,0,0,.85)}
.tss-visor-cabeza{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:14px clamp(16px,2vw,32px);border-bottom:1px solid rgba(255,255,255,.14)}
.tss-visor-titulo{margin:0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e9ae45}
.tss-visor-grupos{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.tss-visor button.tss-visor-cerrar,.tss-visor button.tss-visor-paso,.tss-visor .tss-visor-grupos button{font:inherit;color:#f3efe8;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);border-radius:0;cursor:pointer;padding:0}
.tss-visor .tss-visor-grupos button{padding:7px 12px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.tss-visor .tss-visor-grupos button[aria-current="true"]{background:#f2b94f;border-color:#f2b94f;color:#140f08}
.tss-visor button.tss-visor-cerrar{margin-left:auto;width:44px;height:44px;font-size:26px;line-height:1}
.tss-visor-escena{position:relative;flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px clamp(56px,5vw,80px)}
.tss-visor-escena img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}
.tss-visor button.tss-visor-paso{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;font-size:32px;line-height:1}
.tss-visor button.tss-visor-paso[data-paso="-1"]{left:clamp(4px,1vw,16px)}
.tss-visor button.tss-visor-paso[data-paso="1"]{right:clamp(4px,1vw,16px)}
.tss-visor button:hover,.tss-visor button:focus-visible{border-color:#e9ae45;color:#f3efe8;background:rgba(0,0,0,.65)}
.tss-visor .tss-visor-grupos button[aria-current="true"]:hover{background:#ffcd6b;color:#140f08}
.tss-visor-cuenta{margin:0;padding:0 0 14px;text-align:center;font-size:13px;color:#bdb5a9}
@media (max-width:767px){.tss-visor button.tss-visor-paso{width:36px;height:52px;font-size:26px}.tss-visor-escena{padding:8px 4px}}
@media (max-width:767px){
  .tss-visor-cabeza{position:relative;padding-right:64px}
  .tss-visor-titulo{flex:1 1 100%}
  .tss-visor button.tss-visor-cerrar{position:absolute;top:8px;right:8px}
}
.tss-visor button.tss-visor-paso[hidden]{display:none}