/* ---------- Páginas Mi comercio y Textos legales ----------
   Contenedor centrado, con ancho máximo y márgenes, y X de salida
   hacia el mapa. No son modales. */

@media (min-width: 768px) {
  .a2-page-shell.a2-profile-shell,
  .a2-page-shell.a2-legal-shell {
    left: 50%;
    right: auto;
    top: 20px;
    bottom: 64px;
    width: min(1200px, calc(100vw - 200px));
    transform: translateX(-50%);
    border-radius: 24px;
  }

  .a2-profile-content,
  .a2-legal-content {
    padding-top: 58px;
  }
}

@media (max-width: 767px) {
  .a2-page-shell.a2-profile-shell,
  .a2-page-shell.a2-legal-shell {
    left: 12px;
    right: 12px;
    top: 12px;
    bottom: calc(96px + env(safe-area-inset-bottom));
    width: auto;
    transform: none;
    border-radius: 20px;
  }

  .a2-profile-content,
  .a2-legal-content {
    padding-top: 52px;
  }
}

.a2-page-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 30;
}

@media (max-width: 767px) {
  .a2-page-close {
    top: 12px;
    right: 12px;
  }
}