/* ============================================================
   Torre Prisma — solo lo propio del proyecto.
   La base va en ../assets/css/showroom.css
   ============================================================ */


/* Botón que entra al edificio, sobre la fachada */
.marca.acceso {
  background: var(--verde); color: #fff; padding: 11px 20px;
  font-size: 13.5px; letter-spacing: .01em;
  box-shadow: 0 0 0 6px rgba(63,107,79,.22), 0 6px 22px rgba(0,0,0,.45);
  animation: pulso-acceso 2.6s var(--ease) infinite;
}
.marca.acceso svg { width: 17px; height: 17px; flex: none; }
.marca.acceso:hover, .marca.acceso:focus-visible {
  background: #34593F; color: #fff; animation: none;
  transform: translate(-50%, -50%) scale(1.07);
}
@keyframes pulso-acceso {
  0%, 100% { box-shadow: 0 0 0 6px rgba(63,107,79,.22), 0 6px 22px rgba(0,0,0,.45); }
  60%      { box-shadow: 0 0 0 18px rgba(63,107,79,0),  0 6px 22px rgba(0,0,0,.45); }
}

/* ---------- Menú lateral de pisos ---------- */
#v-niveles { background: #0E1310; }
#planta-nivel { position: absolute; inset: 0; overflow: hidden; }
#planta-nivel .toma > img { object-fit: cover; background: #0E1310; }

#niveles {
  position: absolute; top: 50%; right: 18px; transform: translateY(-50%); z-index: 12;
  display: flex; flex-direction: column; gap: 5px;
  background: var(--niebla); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid var(--linea); border-radius: var(--r-lg); padding: 10px;
  box-shadow: var(--sombra-lg); max-height: calc(100vh - 150px); overflow-y: auto;
}
#niveles button {
  border: 0; background: transparent; cursor: pointer; border-radius: 11px;
  padding: 9px 15px; text-align: right; min-width: 150px;
  transition: background .16s, color .16s;
}
#niveles button b { display: block; font-size: 14px; font-weight: 600; }
#niveles button em {
  display: block; font-style: normal; font-size: 10.5px; color: var(--tenue);
  letter-spacing: .04em; margin-top: 1px;
}
#niveles button:hover { background: var(--verde-cl); }
#niveles button.on { background: var(--verde); color: #fff; }
#niveles button.on em { color: rgba(255,255,255,.72); }

@media (max-width: 820px) {
  /* Va justo encima de la barra de filtros, no flotando a media altura */
  #niveles {
    top: auto; bottom: 136px; left: 12px; right: 12px; transform: none;
    flex-direction: row; flex-wrap: nowrap; max-width: none; max-height: none;
    border-radius: 14px; padding: 6px;
    overflow-x: auto; scrollbar-width: none;
  }
  #niveles::-webkit-scrollbar { display: none; }
  #niveles button { min-width: auto; flex: 0 0 auto; padding: 8px 13px; text-align: center; }
  #niveles button em { display: none; }

  /* La planta entera a la vista: con `cover` en vertical se recortaban los
     apartamentos de los extremos y quedaban fuera de alcance. */
  #planta-nivel .toma > img { object-fit: contain; }
}