body{
	background-color: #f0f0f0;
}

/* ************************************************ FOOTER ********************************************** */
	footer{
		display: block;
		background-color: #222;
		color: #9b9b9b;
	}
	.offcanvas-dedicado{
		min-width: 50% !important;
	}
	footer a{
		color: #9b9b9b;
	}
	footer a:hover{
		color: #fff;
	}

/* ************************************************ HEADER ********************************************** */
	.nav-link{
		padding: 0 10px;
	}
	header{
		background-color: #ffffff;
	}
	header img{
		max-height: 80px;
	}

/* ************************************************ CONTENT ********************************************** */

	.bg-info{
		background-color: #0f4294 !important;
	}
	/* Estilo para la transición suave */
.question-step {
    transition: opacity 0.3s ease-in-out;
}

/* Asegura que el contenedor tenga posición relativa si necesitas posicionar cosas absolutas */
.internal-stepper-container {
    position: relative;
}

/* ************************************************ CONTENT ********************************************** */

	.min-vh-100 {
		min-height: calc(100vh - 190px) !important;
	}
	.btn-primary{
		background-color: #20b4a6;
  		border-color: #16998d;
	}
	.btn-primary:hover{
		background-color: #16998d;
  		border-color: #118479;
	}
	.progress-bar{
		background-color: #0f4294;
	}
	.text-primary{
		color: #0e4194 !important;
	}
	.text-info{
		color: #1eb3a5 !important;
	}
	.lang{
		margin-left: -36px;
    	float: left;
    	font-weight: 100 !important;
	}



.texto-corto {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}

.texto-corto.expandido {
  display: block;
  -webkit-line-clamp: initial;
  overflow: visible;
}