﻿/*
Tripwin V8.1.10.22.4
Contrato global de capas para modales Bootstrap.

Regla:
- backdrop siempre debajo del modal;
- modal siempre en una capa superior a navegación/offcanvas ordinarios;
- el JS reubica el modal como hijo directo de <body> para escapar de
  stacking contexts creados por transform, filter, backdrop-filter, etc.
*/
:root {
    --tw-modal-backdrop-z: 2040;
    --tw-modal-z: 2050;
}

body > .modal-backdrop {
    z-index: var(--tw-modal-backdrop-z) !important;
}

body > .modal {
    z-index: var(--tw-modal-z) !important;
}

body > .modal.show {
    pointer-events: auto !important;
}

body > .modal > .modal-dialog {
    position: relative;
    z-index: 1;
}

body.modal-open > .modal.show .modal-content {
    pointer-events: auto;
}

/* SweetAlert debe seguir quedando por encima de un modal cuando se usa
   para confirmar una acción dentro del propio modal. */
.swal2-container {
    z-index: 2100 !important;
}
