@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
	* {
		border:solid 0px;
	}
	html {
		scroll-behavior: smooth;
	}
	img {
		float:left;
	}
	.no-muestra-pc {
		display:none;
	}
	.boton-solor-movil {
		display:none;
	}
	body {
		margin:0px;
		font-family: 'Encode Sans Condensed', sans-serif;
		color:#142157;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background: rgb(101,157,189);
		background: linear-gradient(0deg, rgba(101,157,189,1) 100%, rgba(5,16,56,1) 100%);
		background-image:url(../imag/fondo_ispotipo.png)
	}
	input,select,textarea {
		float:left;
		padding:2%;
		width:96%;
		margin-bottom:2%;
		border:solid 1px #9ea5c4;
		border-radius:7px;
		font-size:1.3em;
	}
	select {
		width:101%;
	}
	input::placeholder,textarea::placeholder {
		color:#C6D2D8;
		font-size:.9em;
	}
	
	.header {
		float:left;
		position:fixed;
		width:80%;
		padding:1.5% 10% 1.5% 10%;
		background-color:rgba(101,157,189,1);
		transition: 0.3s;
		z-index:5;
		height:auto;
		
		-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
		box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
		
		background: rgb(255,255,255);
		background: linear-gradient(18deg, rgba(255,255,255,1) 0%, rgba(70,139,173,1) 29%, rgba(60,129,163,1) 100%);
		
		img:nth-child(1) {
			float:left;
			width:16%;
			transition: 0.3s;
		}
		img:nth-child(2) {
			float:right;
			width:2%;
			margin-left:5%;
			margin-top:0.5%;
			cursor:pointer;
			padding:0.6%;
			border:solid 2px #FFFFFF;
			border-radius:50%;
			background-color:rgba(0,0,0,0.1);
		}
		h1 {
			float:left;
			width:24%;
			margin-left:4%;
			font-size:1.2em;
			font-weight:500;
			color:#ffffff;
			margin-top:0%;
			display:none;
		}
		h2 {
			float:left;
			width:20%;
			margin-left:2%;
			font-size:1em;
			font-weight:normal;
			color:#ffffff;
			padding-left:2%;
			border-left:solid 1px #FFFFFF;
			margin-top:0%;
		}
		P {
			float:right;
			width:auto;
			padding:0.5%;
			border-radius:25px;
			color:#FBEEC1;
			border:solid 2px white;
			padding:1% 2% 1% 2%;
			margin-right:2%;
		}
		.boton-header {
			color:yellow;
			font-weight:bold;
			background-color:rgba(0,0,0,0.2);
		}
		P:hover {
			background-color:rgba(255,255,255,0.2);
			cursor:pointer;
		}
		
		@media (max-width: 1350px) {
			h1 {
				width:12%;
				font-size:.9em;
			}
			h2 {
				width:25%;
				font-size:.8em;
			}
			P {
				font-size:.9em;
				margin-top:-0.5%;
				padding:0.7%;
			}
			img:nth-child(1) {
				width:16%;
			}
		}
		
	}
	.bajo-slider {
		float:left;
		width:100%;
		height:220px;
		@media (max-width: 1350px) {
			height:160px;
		}
	}
	.arriba {
		float:right;
		position:absolute;
		left:92%;
		top:220px;
		width:40px;
		display:none;
		cursor:pointer;
		opacity:0.5;
	}
	.slider {
		float:left;
		width:80%;
		margin-left:10%;
		opacity:1;
		margin-bottom:2%;
		z-index:2;
		display:block;
		border-radius:32px;
	}
	#_pizarra_ {
		float:left;
		width:80%;
		margin-left:10%;
		margin-bottom:2%;
		border:solid 2px #FBEEC1;
		background-color:rgba(255,255,255,1);
		border-radius: 15px 15px 0px 0px;
		transition: 0.3s;
	}
	.contiene-row-home {
		float:left;
		width:94%;
		padding:3% 3% 6% 3%;
		border-bottom:solid 1px #e2e3e1;
		color:#8D8741;
		
		transition: 0.7s;
		height:20px;
		overflow-x: hidden;
		overflow-y: hidden;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(251,238,193,0.2) 100%);
		
	}
	.contiene-row-home-nom-seccion {
		float:left;
		width:100%;
		font-size:3.2em;
		margin-bottom:3%;
		font-weight:500;
		color:#BC986A;
	}
	/*
	.contiene-row-home:nth-child(1) {
		img {
			float:left;
			width:50%;
			margin-left:25%;
			margin-right:25%;
			margin-bottom:6%;
		}
		P {
			float:left;
			width:68%;
			font-size:2.3em;
			margin-bottom:-0.5%;
		}
		P:nth-child(3),P:nth-child(4),P:nth-child(5) {
			font-weight:600;
			color:#BC986A;
		}
		P:nth-child(2) {
			float:right;
			width:25%;
			font-size:1.2em;
			line-height:1.8em;
			text-align:center;
			color:#142157;
			padding:2%;
			border:solid 1px #bec3db;
			border-radius:16px;
			background-color:#FFFFFF;
		}
		P:nth-last-child(1){
			width:13%;
			margin-top:5%;
		}
		@media (max-width: 1350px) {
			P {
				font-size:1.6em;
			}
			P:nth-child(2) {
				font-size:1.2em;
			}
		}
	}
	*/
	.contiene-row-home:nth-child(1) {
		.video-home {
			float:left;
			width:64%;
			border-radius:18px;
		}
		img:nth-child(1) {
			float:left;
			width:40%;
			margin-left:30%;
			margin-right:30%;
			margin-bottom:6%;
		}
		P {
			float:right;
			width:25%;
			font-size:1.2em;
			line-height:1.8em;
			text-align:center;
			color:#142157;
			padding:2%;
			border:solid 1px #bec3db;
			border-radius:10px;
			background-color:#FFFFFF;
		}
		@media (max-width: 1350px) {
			P {
				font-size:1.2em;
			}
		}
	}
	.icono_pdf {
		float:left;
		width:12%;
		margin-left:44%;
		margin-right:44%;
		margin-top:5%;
	}
	.como-obtengo-mi-orden-columnas {
		float:left;
		width:21%;
		margin-right:4%;
		font-size:1.3em;
		text-align:center;
		
		P:nth-child(4) {
			margin-right:0%;
		}
		
		.como-obtengo-mi-orden-columnas-num {
			float:left;
			width:30%;
			margin:0% 35% 0% 35%;
			font-size:2.3em;
			text-align:center;
			background-color:#DAAD86;
			margin-bottom:10%;
			height:70px;
			width:75px;
			color:#FFFFFF;
			font-weight:normal;
			padding-top:5px;
			border-radius:50%;
		}
		@media (max-width: 1350px) {
			font-size:1.2em;
		}
		
	}
	
	.contiene-row-home:nth-child(3) {
		ul {
			float:left;
			width:20%;
			font-size:1.8em;
			margin-right:1%;
		}
		li {
			float:left;
			width:100%;
			margin-bottom:4%;
		}
		P {
			float:right;
			width:38%;
			font-size:1.2em;
		}
		@media (max-width: 1350px) {
			ul {
				font-size:1.4em;
			}
			P {
				width:36%;
			}
		}
	}
	.contiene-row-home:nth-child(4) {
		P {
			float:left;
			width:30%;
			margin-right:3%;
			font-size:1.1em;
			align:justify;
			line-height:1.6em;
		}
	}
	.fotter {
		float:left;
		width:98%;
		border-top:solid 1px;
		padding:1%;
		margin-bottom:20%;
		font-size:.8em;
		.logo-fotter {
			float:left;
			width:10%;
			margin-right:6%;
		}
		.disclaimer {
			float:right;
			width:60%;
			text-align:right;
		}
		.logo-webpay {
			float:right;
			margin-left:4%;
			margin-right:2%;
		}
		@media (max-width: 1350px) {
			.logo-fotter {
				width:7%;
			}
			.disclaimer {
				width:40%;
			}
		}
	}
	.saber-mas {
		float:left;
		width:auto;
		padding:1%;
		padding-left:3%;
		padding-right:3%;
		font-size:1.2em;
		font-weight:500;
		border:solid 0px #BC986A;
		border-radius:6px;
		cursor:pointer;
		background-color:#BC986A;
		color:#FFFFFF;
		margin-right:4%;
		margin-top:2%;
		text-align:center;
	}
	.saber-mas:hover {
		font-weight:800;
		padding-left:2.4%;
		padding-right:2.4%;
		color:yellow;
	}
	.saber-mas-secundario {
		float:left;
		width:33%;
		padding:1%;
		padding-left:2%;
		padding-right:2%;
		border:solid 2px #daad86;
		border-radius:8px;
		cursor:pointer;
		font-size:1.1em;
		font-weight:500;
		margin-right:4%;
		margin-top:2%;
		color:#c4976f;
		background-color:#FBEEC1;
		text-align:center;
	}
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
	.encierra-ordenes-home {
		float:left;
		width:96%;
		margin:2%;
	}
	.categorias-slides {
		float:left;
		width:20.8%;
		margin:0% 2% 2% 0%;
		padding:1%;
		
		border:solid 1px #d7dae4;
		border-radius:8px;
		overflow-y: hidden;
		overflow-x: hidden;
		transition: 0.3s;
		
		height:220px;
		
		P:nth-child(1) {
			font-size:1.2em;
			font-weight:600;
			margin-top:-1.5%;
		}
		P:nth-child(2) {
			font-size:1.1em;
			font-weight:500;
			line-height:1.3em;
		}
		.ordenes-cat {
			font-size:1.1em;
			margin:2% 0% 0% 1%;
			cursor:pointer;
			.ticket-cat {
				float:right;
				width:5%;
				margin-right:2%;
			}
		}
		.ordenes-cat:hover {
			border-bottom:solid 2px;
		}
	}
	.categorias-slides-informacion {
		float:left;
		width:100%;
		font-size:.8em;
		display:none;
		transition: 0.3s;
	}
	.encierra-detalle-orden {
		float:left;
		width:46%;
		padding:2%;
		.encierra-detalle-orden-cat {
			float:left;
			width:65%;
			font-size:1em;
		}
		.encierra-detalle-orden-nom {
			float:left;
			width:65%;
			font-size:1.4em;
			font-weight:600;
			margin-bottom:5%;
		}
		.bajada-orden {
			float:left;
			width:100%;
			font-size:1.2em;
			margin-bottom:5%;
		}
		.precio-orden {
			float:right;
			width:auto;
			font-size:1.3em;
		}
		img {
			float:left;
			width:5%;
			margin-right:2%;
			cursor:pointer;
		}
	}
	.resumen-carrito {
		float:right;
		width:22%;
		padding:2%;
		text-align:right;
		padding:2% 2% 4% 4%;
		border-top:solid 1px #d2d6e4;
		border-right:solid 1px #d2d6e4;
		border-radius: 0px 12px 0px 0px;
		margin:2%;
		font-size:.8em;
		.tit-resumen {
			float:right;
			width:100%;
			font-weight:600;
			margin-bottom:7%;
		}
		.nombre-donde {
			float:left;
			width:100%;
			border-bottom:solid 1px #d2d6e4;
			margin-bottom:2%;
			padding-bottom:2%;
		}
		.nombre-donde:nth-last-child(1){
			margin-top:6%;
			font-weight:600;
		}
		.nom-orden {
			float:right;
			width:auto;
		}
		.precio {
			float:right;
			width:auto;
			margin-left:4%;
		}
		.saber-mas-secundario {
			float:right;
			margin-top:6%;
		}
	}
	.los-examenes {
		float:left;
		width:100%;
		border:solid 0px;
		.nombre-donde {
			float:left;
			width:100%;
			margin-top:8%;
			margin-bottom:3%;
			font-weight:600;
		}
		.nombre-examen {
			float:left;
			width:100%;
			border-bottom:solid 1px #d4d8ea;
			margin-bottom:1%;
			P {
				float:left;
				width:60%;
				margin-top:-0.05%;
			}
			.check-box {
				float:right;
				width:20px;
				height:20px;
				display:block;
			}
		}
	}
	.carr-col-izq {
		float:left;
		width:36%;
		padding:2%;
		margin-right:2%;
		margin-left:2%;
		.orden-carrito {
			float:left;
			width:100%;
			margin-bottom:2%;
			.nom-bajada {
				float:left;
				width:60%;
				cursor:pointer;
			}
			.precio {
				float:right;
				width:10%;
				text-align:right;
				margin-right:6%;
			}
			.basurero {
				float:right;
				width:2.6%;
				cursor:pointer;
			}
		}
		.examenes-ordenes {
			float:left;
			width:100%;
			height:1px;
			margin-bottom:3%;
			font-size:.9em;
			overflow-y: hidden;
			overflow-x: hidden;
			transition: 0.3s;
		}
		.nombre-donde {
			float:left;
			width:100%;
			padding:2% 0% 2% 0%;
			margin:2% 0% 2% 0%;
			border-top:solid 1px;
		}
		
		.nombre-orden {
			float:left;
			width:100%;
			margin-bottom:2%;
			font-size:1.4em;
			font-weight:600;
		}
		.bajada-orden {
			float:left;
			width:100%;
			margin-bottom:3%;
		}
	}
	.carr-col-der {
		float:left;
		width:36%;
		padding:2%;
		.bajada-orden {
			float:left;
			width:96%;
			font-size:1.2em;
			margin:2%;
			margin-bottom:3%;
		}
	}
	
	/* ///////////////////////////////////////////////////////////////////////////////////////// */
	/* LANDING PAGE */
	.solo-movil {
		display:none;
	}
	.texto-landingpage {
		float:left;
		width:94%;
		margin:3%;
		
	}
	.imag-landingpage {
		float:right;
		width:100%;
		border-radius:16px;
		margin-bottom:5%;
	}
	.lp-encierra-imag-bot {
		float:right;
		width:36%;
	}
	.lp-boton {
		float:right;
		width:auto%;
		font-size:1.5em;
		font-weight:bold;
		text-align:center;
		padding:1% 3% 1% 3%;
		border-radius:6px;
		border:solid 2px;
		cursor:pointer;
	}
	.lp-categoria {
		float:left;
		width:50%;
	}
	.lp-titulo {
		float:left;
		width:50%;
		font-size:2em;
		font-weight:bold;
		margin-bottom:1%;
	}
	.lp-bajada {
		float:left;
		width:50%;
		font-size:1.4em;
		margin-bottom:2%;
	}
	.lp-info {
		float:left;
		width:50%;
		margin-bottom:2%;
	}
	.lp-encierra-examenes {
		float:left;
		width:50%;
	}
	.lp-examenes {
		float:left;
		width:100%;
		margin-bottom:1%;
	}
	.lp-ticket-icon {
		float:left;
		width:20px;
		margin-right:1%;
		margin-left:1%;
	}
	.nombre-orden-lp {
		float:left;
		width:100%;
		margin-bottom:2%;
	}