/* MP360 · Ayres de Cardales — "Volver a lotes"
 *
 * Botón reutilizable mp360-boton (variante --oscuro) anclado arriba a la
 * izquierda, debajo del navbar. Posición derivada de las variables que publica
 * mp360-navbar.js en #mp360-root (con respaldo si el navbar no existe).
 * Capa: z-index 34 (debajo del navbar 35: el menú abierto y su velo lo cubren).
 */

#mp360-volver {
  position: absolute;
  z-index: 34;
  top: calc(var(--mp360-navbar-bottom, max(12px, env(safe-area-inset-top, 0px))) + var(--mp360-navbar-gap, 12px));
  left: var(--mp360-navbar-left, max(12px, env(safe-area-inset-left, 0px)));
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  translate: 0 -6px;
  transition: opacity 0.3s var(--mp360-ease-out), translate 0.3s var(--mp360-ease-out), visibility 0.3s;
}
#mp360-volver[hidden] { display: none !important; }

#mp360-volver[data-visible="true"] {
  opacity: 1;
  visibility: visible;
  translate: 0 0;
}

#mp360-volver .mp360-boton {
  --mp360-boton-icono: url("../icons/nucleo/arrow-turn-left.svg");
  pointer-events: auto;
  box-shadow: 0 6px 24px rgba(10, 28, 33, 0.35);   /* --primary-950 */
}

@media (prefers-reduced-motion: reduce) {
  #mp360-volver { transition-duration: 0.001ms; }
}