@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.bg-info {
	background-color: #2EA8C3 !important;
}

.bg-success {
	background-color: #32C1A4 !important;
}

.bg-warning {
	background-color: #FFC107 !important;
}

.bg-primary {
	background-color: #4650DD !important;
}
.texto-ayuda {
    color: #212529;
}

.titulos_formularios {
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #343A40;
    border-bottom: thin solid #CED4DA;
	padding-top: 10px;
	padding-bottom: 20px;
}

.descripcion_formularios {
	padding-top: 10px;
	padding-bottom: 15px;
	color: #6C757D;
}

body {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    /*color: #212529 !important;*/
}

td {
	color: #212529 !important;
}

h4 {
	font-weight: 400;
}

h2 {
    font-weight: 300;
    letter-spacing: 3px;
}

.texto-primario {
	color: #4650DD;
}

.texto-exito {
	color: #03CFB7;
}

.texto-peligro {
	color: #DC3545;
}

.texto-info {
	color: #4650DD;
}

.texto-alerta {
    color: #EDB200;
}

.texto-peligro {
	color: #DC3545;
}

.boton {
	display: inline-block;
    padding-block-end: 6px;
	padding-block-start: 6px;
	padding-bottom: 6px;
	padding-inline-end: 12px;
	padding-inline-start: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 6px;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
	outline: none;
	font-kerning: auto;
	font-optical-sizing: auto;
	font-size: 14.4px;
	font-size-adjust: none;
	font-stretch: 100%;
	font-weight: 400;
}

/* Badge Success */
.badge.text-bg-primary {
    background-color: #4650DD !important;
    color: #fff !important;
    font-weight: 400;
}

/* Badge Success */
.badge.text-bg-success {
    background-color: #cdf5f1 !important;
    color: #02BEA8 !important;
    font-weight: 400;
}

/* Badge Danger */
.badge.text-bg-danger {
    background-color: #f8d7da !important; 
    color: #dc3545 !important;
	font-weight: 400;
}

/* Badge Warning */
.badge.text-bg-warning {
    background-color: #fff3cd !important;
    color: #ffc107 !important; 
	font-weight: 400;
}

/* Badge Info */
.badge.text-bg-info {
    background-color: #d1ecf1 !important;
    color: #17a2b8 !important; 
	font-weight: 400;
}

.boton-primario { background-color: #4650DD; color: white; transition: ease-in-out 0.2s; }
.boton-secundario { background-color: #6C757D; color: white; transition: ease-in-out 0.2s; }
.boton-light { background-color: #E2E3E5; color: #4A5156; transition: ease-in-out 0.2s; }
.boton-alerta { background-color: #FFC107; color: #212529; transition: ease-in-out 0.2s; }
.boton-peligro { background-color: #DC3545; color: white; transition: ease-in-out 0.2s; }
.boton-exito { background-color: #03CFB7; color: white; transition: ease-in-out 0.2s; }

.boton-primario:hover {
    background-color: #3C44BC;    
}

.boton-primario:focus {
    background-color: #3C44BC !important;
}

.boton-primario:active {
	 background-color: #3C44BC !important;
}

.boton-secundario:hover {
    background-color: #5C636A;    
}

.boton-secundario:focus {
    background-color: #5C636A !important;
}

.boton-secundario:active {
	 background-color: #5C636A !important;
}

.boton-light:hover {
    background-color: #C4C6CA;
}

.boton-light:focus {
    background-color: #C4C6CA !important;
}

.boton-light:active {
	 background-color: #C4C6CA !important;
}

.boton-alerta:hover {
    background-color: #FFCA2C;    
}

.boton-alerta:focus {
    background-color: #FFCA2C !important;
}

.boton-alerta:active {
	 background-color: #FFCA2C !important;
}

.boton-peligro:hover {
    background-color: #BB2D3B;    
}

.boton-peligro:focus {
    background-color: #BB2D3B !important;
}

.boton-peligro:active {
	 background-color: #BB2D3B !important;
}

.boton-exito:hover {
    background-color: #17A2B8;    
}

.boton-exito:focus {
    background-color: #148A9C !important;
}

.boton-exito:active {
	 background-color: #148A9C !important;
}

/* btn-outline-primary personalizado */
.btn-outline-primary {
  color: #3f51b5;
  border: thin solid #3f51b5;
  background-color: transparent;
	padding-block-end: 5px;
	padding-block-start: 5px;
	padding-bottom: 5px;
	padding-inline-end: 11px;
	padding-inline-start: 11px;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
}

.btn-outline-primary:hover {
  background-color: #3f51b5;
  color: #ffffff;
  border-color: #3f51b5;
}

/* btn-outline-success personalizado */
.btn-outline-success {
  color: #03CFB7;
  border-color: #4caf50;
  background-color: transparent;
}

.btn-outline-success:hover {
  background-color: #4caf50;
  color: #ffffff;
  border-color: #4caf50;
}

/* btn-outline-danger personalizado */
.btn-outline-danger {
  color: #ffffff;
  border-color: #f44336;
  background-color: transparent;
}

.btn-outline-danger:hover {
  background-color: #f44336;
  color: #ffffff;
  border-color: #f44336;
}

.custom-alert-danger {
    background-color: rgb(248, 215, 218);
    border: 1px solid rgb(252, 216, 216);
    border-radius: 8px;
    color: rgb(220, 53, 69);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    text-align: start;
    overflow-wrap: break-word;
}

.custom-alert-warning {
    background-color: rgba(255,242,230,1.00);
    /* background-color: rgb(255, 244, 234); original */
    border: 1px solid rgba(255,229,206,1.00);
    border-radius: 8px;
    color: rgb(246, 120, 4);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    text-align: start;
    overflow-wrap: break-word;
}

.custom-alert-success {
    background-color: rgb(205, 245, 241);
    border: 1px solid rgb(214, 240, 225);
    border-radius: 8px;
    color: rgb(3, 207, 183);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px;
    box-sizing: border-box;
    position: relative;
    text-align: start;
    overflow-wrap: break-word;
}

.form-campo {
    width: 100%;
    padding: 0.556rem;
    border-radius: 0.5rem;	
	border: thin solid #CED4DA;
	transition: ease-in-out 0.15s;
	outline: none;
	box-shadow: none;
}

.form-campo:focus {
	outline: none;         /* Elimina el contorno predeterminado del navegador */
	box-shadow: 0 0 0 4px #D1D3F6; /* Tu estilo personalizado */
	transition: ease-in-out 0.15s;
	border: thin solid #A3A8EE;
}

.form-campo:active {
	outline: none !important;
	box-shadow: 0 0 0 4px #D1D3F6;
}


.form-campo:active {
	outline: 3px solid #D1D3F6; /* Ejemplo: un contorno sólido azul claro */
}

.form-label {
	font-weight: 400;
	margin-bottom: 2px;
}

.pagination .page-link {
  background-color: #FFFFFF;         /* fondo claro */
  color: #333;                       /* texto oscuro */
  margin: 0 3px;
  padding: 9px 15px;
  border-radius: 2px;                /* bordes redondeados */
  transition: all 0.2s ease-in-out;
  font-size: 14px;
border:none;
}

.pagination .page-link:hover {
  background-color: #E2E3E5;         /* azul fuerte al pasar el mouse */
  color: #333;
}

.pagination .page-item.active .page-link {
  background-color: #D9D9D9;
  color: #333;
}

.pagination .page-item.disabled .page-link {
  background-color: #eee;
  color: #999;
  pointer-events: none;
}