/* color: #d24e57 */

body {
	position: relative;
	background-color: #efefef;
}

#header11-m {
	background: linear-gradient(0deg, rgba(239,239,239,1) 4%, rgba(255,255,255,1) 77%);
	padding: 0px;
}

#aux {
	height: 70px;
}

#toggle1-n {
	background: #efefef;
	min-height: 75vh;
}

#textoPortada {
	color: #d24e57;
	text-shadow: 2px 2px 5px #00000025;
}

#masInfo {
	background-color: #ffffff;
	width: 100%;
}

#tituloMasInfo, #textoFinal {
	background-color: #d24e57;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 2px;
}

	#tituloMasInfo h2 {
		text-align: center;
		color: whitesmoke;
	}

#masInformacion {
	height: 60px;
	width: 0px;
	position: absolute;
	bottom: 0;
}

#containerMasInfo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

p.card-text {
	padding: 8px 0;
	width: 100%;
}

.card-body {
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
}

.card {
	border: 1px solid rgba(0,0,0,0.125);
}

.row .carta {
	margin-bottom: 20px;
}

.card:hover {
	background-color: rgb(240,240,240);
}


#textoFinal {
	margin-bottom: 7px;
	color: whitesmoke;
	padding: 18px 0 10px 0;
}

#SubTituloRequisitos, #SubTituloNoPueden {
	margin: 10px 0;
	padding-top: 10px;
	padding-bottom: 7px;
}

	#SubTituloRequisitos h2, #SubTituloNoPueden h2 {
		text-transform: uppercase;
		color: #d24e57;
		font-family: bariol;
		font-weight: bold;
	}

h2.display-7 {
	text-align: center;
	font-size: 1.24em;
}

#btnMasInformacion {
	margin-top: 200px;
}

@media (max-width: 767px) {
	.mbr-arrow {
		display: block !important;
	}
}

.boton a {
	border-radius: 3em;
}

#header11-w .container .row h3 {
	margin-top: 1em;
}

#row {
	margin-top: 1em;
}

	#row .item {
		height: 6.5em;
		margin-top: 1.2em;
		margin-left: 20px;
		width: 92%;
		padding: 0;
		background-color: #ffffff42;
		border: 1px solid #00000020;
		border-radius: 0.25em;
	}

		#row .item img {
			height: 100%;
			width: 20%;
			display: inline;
			float: left;
			border-top-left-radius: 0.19em;
			border-bottom-left-radius: 0.19em;
		}

		#row .item div {
			display: inline;
			float: right;
			width: 80%;
		}

		#row .item:hover {
			background-color: rgb(240,240,240);
		}

		#row .item div h4 {
			margin-top: 0.5em;
			text-align: center;
			font-family: "Lato";
		}

		#row .item div p {
			line-height: 100%;
			padding: 0 1.5em;
			font-family: "Lato";
		}

.row .col-lg-6 .box {
	padding: 40px;
	margin-bottom: 1.5em;
	box-shadow: 5px 5px 10px 2px rgb(40 40 40 / 5%);
	background: #fff;
	transition: 0.4s;
}

	.row .col-lg-6 .box .icon {
		float: left;
	}

		.row .col-lg-6 .box .icon i {
			color: #444;
			font-size: 3.3em;
			transition: 0.5s;
			line-height: 0;
			margin-top: 34px;
		}

			.row .col-lg-6 .box .icon i:before {
				/*background: #8e0917;
    background: linear-gradient(45deg, #e85464 0%, #8e0917 100%);*/
				background: #d24e57;
				background-clip: border-box;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}

	.row .col-lg-6 .box h4 {
		margin-left: 100px;
		font-weight: 700;
		margin-bottom: 15px;
		font-size: 1.46em;
		color: #444;
		line-height: 150%;
		font-family: bariol;
		line-height: 1.15;
	}

	.row .col-lg-6 .box p {
		font-size: 1em;
		margin-left: 100px;
		margin-bottom: 0;
		line-height: 24px;
		line-height: 150%;
		font-family: bariol;
	}

#rowNoPueden .box i {
	font-size: 35px;
}

	#rowNoPueden .box i::before {
		background-color: #222 !important;
	}

#rowNoPueden .box h4 {
	margin-left: 50px;
}

#rowNoPueden .box p {
	margin-left: 50px;
}

#rowNoPueden .box {
	border: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: none;
}

.btn:focus, .btn:active {
	outline: none !important;
	box-shadow: none !important;
}

#header11-m h1 {
	font-family: "portico","Lato";
	font-weight: bold;
	font-size: 2.5em;
	text-shadow: 2px 2px 5px #00000025;
	color: #d24e57 !important;
	text-align: center;
	/*margin-top:0.7em;*/
}

@media (max-width: 575px) {
	#header11-m h1 {
		line-height: 0.9;
		font-size: 2.2em;
		/*font-size:2em;*/
	}
}

@media (min-width: 576px) {
	/* SM */
	#header11-m h1 {
		margin-top: 0.9em;
	}
}

@media (min-width: 768px) {
	/* MD */
	#header11-m h1 {
		margin-top: 1.1em;
	}

	#divQuiz #imagenesQuiz img {
		width: 85% !important;
	}

	#divQuiz #imagenesQuiz #img1 img {
		width: 80% !important;
	}

	div#btnPregunta1 {
		margin-top: -69px;
	}
}

@media (min-width: 992px) {
	/* LG */
	#header11-m h1 {
		margin-top: 1.3em;
	}

	div#btnPregunta1 {
		margin-top: -31px;
	}
}

@media (min-width: 1200px) {
	/* XL */
	#header11-m h1 {
		margin-top: 1.5em;
	}
}

#redes {
	margin: 0.7em 0 0 0;
}

	#redes img {
		width: 1.8em;
		margin-left: 0.3em;
		margin-right: 0.3em;
	}

#divQuiz .tituloQuiz {
	text-align: center;
	margin-bottom: 0.5em !important;
	margin-left: auto;
	margin-right: auto;
}

#divQuiz div {
	text-align: center;
	/*margin-left:auto;
	margin-right:auto;*/
}

.btnQuiz {
	padding: 0 !important;
	margin: 0 !important;
	width: 50px;
	height: 50px;
}

.btn {
	border-radius: 4em !important;
}

.display-5 {
	font-size: 1rem !important;
}

#divQuiz input[type="image"] {
	width: 70px;
}

#divQuiz #imagenesQuiz img {
	margin-right: auto;
	margin-left: auto;
}

#divQuiz #imagenesQuiz img {
	width: 75%;
}

#divQuiz #imagenesQuiz #img1 img {
	width: 65.4%;
}

#divMsjError {
	text-align: left !important;
	background-color: #ffc1076b;
	border: 1px solid #ffc107db;
	border-radius: 1em;
	padding: 0.8em 1em;
}

#lblMensajeError {
	font-family: bariol;
	line-height: 1;
}

#divProgreso meter {
	width: 50%
}

#divComenzar img {
	width: 100%;
}

#divQuiz h2, #divQuiz h3 {
	font-family: bariol;
	font-size: 1.3em;
}

#divQuiz .msjCompleta {
	font-size: 1.2em;
}

.gotaInicial {
	margin-left: auto;
	margin-right: auto;
}

#divSeguir img {
	width: 70%;
}

#divBarraProgreso {
	background-color: #3bb958 !important;
}

#divProgreso .progress {
	margin-right: auto;
	margin-left: auto;
	background-color: #dbdbdb;
	height: 0.55rem;
}

#btnRedireccionar:hover {
	background-color: #d24e57;
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 45%);
}

#btnRedireccionar {
	font-size: 0.7em !important;
	font-family: bariol;
	font-weight: bold;
	text-shadow: 2px 2px 5px #00000044;
}

#fijo {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -o-sticky;
	position: -ms-sticky;
	position: sticky;
	bottom: 3.5em;
	z-index: 1891;
	margin-left: auto;
	margin-right: auto;
}

	#fijo a {
		font-family: bariol;
		font-weight: bold;
		background-color: #d24e57;
		color: #fff;
		padding: 1em 2em;
		border-radius: 3em;
		box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 45%);
		text-shadow: 2px 2px 5px #00000044;
	}

		#fijo a:hover {
			box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
			background-color: #c33831;
		}

.felicitaciones h2 {
	font-family: bariol;
	font-size: 1.3em;
	text-align: center;
}

#divQuiz .advertencia {
	font-size: 1.1em;
}

#botonesPreguntas .botonesQuiz .btn {
	padding: 1em;
	width: 4em;
	margin: 0.2em !important;
	font-family: bariol;
	font-weight: bold;
	text-shadow: 2px 2px 5px #00000044;
}

#botonesPreguntas .botonesQuiz .entendido {
	width: 8em;
}

#botonesPreguntas .botonesQuiz input:hover {
	background-color: #c33831 !important;
	border-color: #c33831 !important;
	transform: scale(1.1) !important;
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 15%);
}

/* focus #b3241d */
@media (max-width: 575px) {
	div#preguntasQuiz {
		height: 70px;
		/*height: 110px;*/
		position: relative;
	}

		div#preguntasQuiz div {
			margin: auto 0;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			/*transform: translateY(-50%) translateX(-50%);*/
			/*margin-left: 50%;*/
			width: 92%;
		}

			div#preguntasQuiz div h2 {
				text-align: center;
			}

	.row .col-lg-6 .box .icon i {
		font-size: 2.5em;
	}

	.row .col-lg-6 .box h4 {
		margin-left: 75px;
	}

	.row .col-lg-6 .box p {
		margin-left: 75px;
	}
}

/* ALINEADO DE ALTURA DE ITEMS */
@media (min-width: 992px) {
	/* Talle LG */
	.condiciones .box {
		min-height: 266px;
		max-height: 266px;
	}

	.sangre #rowNoPueden .box {
		min-height: 243px;
		max-height: 243px;
	}

	.aferesis #rowNoPueden .box {
		min-height: 315px;
		max-height: 315px;
	}
}

@media (min-width: 1200px) {
	/* Talle XL */
	.condiciones .box {
		min-height: 218px;
		max-height: 218px;
	}

	.sangre #rowNoPueden .box {
		min-height: 219px;
		max-height: 219px;
	}

	.aferesis #rowNoPueden .box {
		min-height: 267px;
		max-height: 267px;
	}
}
/* FIN DE ALINEADO */