/*
==================================================
CONFIGURACIÓN ANTIGUA PARA MÓVIL
NO SE APLICA: se conserva comentada por si
queremos volver a utilizarla más adelante.
==================================================

@media (max-width: 800px) {
  #family-qr-container {
    position: static;
    width: fit-content;
    margin: 28px auto;
  }
}

*/

/*
==================================================
NUEVA CONFIGURACIÓN PARA MÓVIL

Mantenemos el QR flotante y visible.
Lo hacemos más pequeño para que no moleste.
==================================================
*/

@media (max-width: 800px) {
  #family-qr-container {
    position: fixed !important;
    right: 12px !important;
    bottom: 12px !important;

    width: auto !important;
    margin: 0 !important;

    padding: 8px !important;
    gap: 4px !important;

    border-radius: 12px !important;
    z-index: 9999 !important;
  }

  #family-qr-container img {
    width: 82px !important;
    height: 82px !important;
    padding: 4px !important;
  }

  #family-qr-container span {
    font-size: 0.68rem !important;
  }
}