/* Overlay a pantalla completa */
#loadingOverlay {
	position: fixed;
	inset: 0; /* top:0 right:0 bottom:0 left:0 */
	background: rgba(80, 80, 80, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2000; /* > offcanvas/modals si lo necesitas */
}
    /* Backdrop que siempre ocupa todo el viewport y centra el modal */
       .afirma-modal-backdrop {
           position: fixed;
           top: 0;
           left: 0;
           width: 100vw;
           height: 100vh;
           background: rgba(0, 0, 0, 0.6);
           z-index: 9990;
           display: flex;
           align-items: center;
           justify-content: center;
           box-sizing: border-box;
       }
       /* Contenedor principal del diálogo */
       .afirma-modal-container {
           background-color: #ffffff;
           border-radius: 8px;
           padding: 20px;
           box-shadow: 0 0px 15px 2px rgb(0 0 0 / 50%);
           width: 90%;
           max-width: 500px;
           max-height: 90vh;
           overflow-y: auto;
           box-sizing: border-box;
           display: flex;
           flex-direction: column;
           align-items: center;
           text-align: center;
       }
       /* Ajuste para pantallas más grandes */
       @media (min-width: 600px) {
           .afirma-modal-container {
               width: 500px;
           }
           /* En pantallas grandes, botones en columna */
           .afirma-modal-button-container {
             display: flex;
             flex-direction: row !important;
             justify-content: flex-end;
           }

           .afirma-modal-button-container button {
             margin: 0 0.5rem 0 0;
         }
       }
       /* Panel de contenido: logo + texto */
       .afirma-modal-message-panel {
           display: flex;
           flex-direction: column;
           align-items: center;
       }
       /* Logo (reutiliza la clase existente) */
       .afirma-modal-logo {
           width: 15%;
           min-width: 64px;
           height: 64px;
           background-image: url(data:image/png;base64,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);
           background-repeat: no-repeat;
           background-position: center;
           background-size: contain;
           margin-bottom: 1rem;
       }
       .afirma-modal-close-button {
         background-color: #878787;
         color: #fff;
         flex: 1;
         margin-top: 0.4rem;
         padding: 0.5rem 1rem;
         border: none;
         border-radius: 4px;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 16px;
         cursor: pointer;
         box-sizing: border-box;
       }
       .afirma-modal-action-button {
         background-color: #c33400;
         color: #fff;
         flex: 1;
         margin-top: 0.4rem;
         padding: 0.5rem 1rem;
         border: none;
         border-radius: 4px;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 16px;
         cursor: pointer;
         box-sizing: border-box;
       }
       /* Texto del mensaje */
       .afirma-modal-loading-message, .afirma-modal-error-message {
         margin-top: 10px;
         font-family: Helvetica, Arial, sans-serif;
         font-size: 16px;
         color: #333;
       }

       .afirma-modal-loading-message a, .afirma-modal-error-message a {
         color: #c33400;
         line-height: 1.5rem;
       }

       .afirma-modal-loading-message a img, .afirma-modal-error-message a img {
           margin-top: 1rem;
           width: 140px;
           max-width: 140px;
       }
       /* Panel de botones: por defecto en fila (pantallas pequeñas) */
       .afirma-modal-button-container {
           display: flex;
           flex-direction: column;
           justify-content: flex-end;
           width: 100%;
           margin-top: 20px;
           box-sizing: border-box;
       }
       /* Elimina margen derecho del último botón */
       .afirma-modal-button-container button:last-child {
           margin-right: 0;
       }
       /* Spinner para indicar carga */
       .afirma-modal-spinner {
           border: 4px solid rgba(0, 0, 0, 0.1);
           border-top-color: #c33400;
           width: 24px;
           height: 24px;
           border-radius: 50%;
           animation: spin 1s linear infinite;
           margin-top: 10px;
       }
       @keyframes spin {
           to { transform: rotate(360deg); }
       }
       /*color azul botón*/
       .colorAzul{
       		color: #34659a;
       }
       
       .cursormano {
       		cursor: pointer;
       	}
       
       
       /* TOOLTIP  estilo idéntico al POPOVER */
.tooltip .tooltip-inner {
  background-color: rgba(255, 255, 255) !important;       /* fondo sólido del popover */
  color: #212529 !important;               /* color de texto del popover */
  border: 1px solid rgba(0, 0, 0, 0.2);    /* borde del popover */
  border-radius: 0.3rem;                   /* borde popover */
  padding: 0.5rem 0.75rem;                 /* padding del popover */
  max-width: 350px !important;             /* igual que popover por defecto */
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); /* sombra tipo popover */
  text-align: left;
  
}

/* FLECHA estilo POPOVER (misma lógica, mismo color, sin transparencia) */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #fff !important;
  box-shadow: 0 .3rem .3rem rgba(0,0,0,.175);
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #fff !important;
  box-shadow: 0 -.3rem .3rem rgba(0,0,0,.175);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #fff !important;
  box-shadow: .3rem 0 .3rem rgba(0,0,0,.175);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #fff !important;
  box-shadow: -.3rem 0 .3rem rgba(0,0,0,.175);
}