@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 red;
	}
	html {
		scroll-behavior: smooth;
	}
	img {
		float:left;
	}
	.no-muestra-movil {
		display:none;
	}
	body {
		margin:0px;
		font-family: 'Encode Sans Condensed', sans-serif;
		color:#ffffff;
		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:94%;
		margin-bottom:2%;
		border:solid 1px #9ea5c4;
		border-radius:7px;
		font-size:1.3em;
	}
	select {
		width:98%;
	}
	input::placeholder,textarea::placeholder {
		color:#C6D2D8;
		font-size:.9em;
	}
	
	.header {
		float:left;
		position:fixed;
		width:96%;
		padding:6% 2% 2% 2%;
		background-color:rgba(101,157,189,1);
		transition: 0.3s;
		z-index:5;
		
		background-image:url(../imag/fondo-header-m.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.6);
		
		text-align:center;
	}
	.menu-header {
		float:right;
		width:auto;
		padding:0.5%;
		font-size:1em;
		border-radius:25px;
		color:yellow;
		display:none;
	}
	.boton-header {
		color:yellow;
		font-weight:bold;
		background-color:rgba(0,0,0,0.2);
	}
	h1 {
		float:left;
		width:80%;
		margin-left:10%;
		font-size:1.2em;
		font-weight:600;
		transition: 0.3s;
		display:block;
		margin-top:-1%;
		display:none;
	}
	h2 {
		float:left;
		width:90%;
		margin-left:5%;
		font-size:1em;
		font-weight:normal;
		margin-top:-1%;;
	}
	.logo-header {
		float:left;
		width:50%;
		margin-left:5%;
		transition: 0.3s;
		margin-bottom:3%;
	}
	.carrito-ico {
		float:right;
		width:8%;
		margin-right:6%;
		margin-top:1%;
		display:block;
		padding:2%;
		border:solid 2px #FFFFFF;
		border-radius:50%;
		background-color:rgba(0,0,0,0.2);
	}
	.arriba {
		float:right;
		position:absolute;
		left:92%;
		top:220px;
		width:40px;
		display:none;
		cursor:pointer;
		opacity:0.5;
	}
	.slider {
		float:left;
		width:96%;
		margin-left:2%;
		opacity:1;
		margin-bottom:6%;
		z-index:2;
		border-radius:24px;
	}
	.boton-solor-movil {
		float:left;
		width:94%;
		padding:1%;
		margin:2% 2% 6% 2%;
		text-align:center;
		font-size:1.4em;
		font-weight:bold;
		border:solid 1px #FFFFFF;
		border-radius:5px;
	}
	#_pizarra_ {
		float:left;
		width:95%;
		margin-left:2%;
		margin-bottom:2%;
		border:solid 2px #FBEEC1;
		background-color:rgba(255,255,255,1);
		border-radius: 15px 15px 0px 0px;
	}
	.contiene-row-home {
		float:left;
		width:90%;
		padding:0% 3% 6% 3%;
		margin:2%;
		border-bottom:solid 1px #e2e3e1;
		color:#8D8741;
		
		transition: 0.7s;
		height:20px;
		overflow-x: hidden;
		overflow-y: hidden;
		
	}
	.contiene-row-home-nom-seccion {
		float:left;
		width:100%;
		font-size:1.6em;
		margin-bottom:4%;
		font-weight:500;
		color:#BC986A;
		text-align:center;
	}
	.contiene-row-home-1-P {
		float:left;
		width:100%;
		margin-bottom:-0.5%;
		color:#142157;
	}
	.logo-lineal {
		float:left;
		width:50%;
		margin:0% 25% 5% 25%;
	}
	.contiene-row-home-1-P:nth-child(3),P:nth-child(4),P:nth-child(5) {
		font-weight:600;
		color:#142157;
		font-size:1.4em;
		text-align:center;
	}
	.contiene-row-home-1-P:nth-child(2) {
		float:left;
		width:100%;
		text-align:center;
		font-size:1.2em;
	}
	.contiene-row-home-1-P:nth-last-child(1) {
		font-size:1.8em;
		width:70%;
		text-align:center;
		margin-left:13%;
		margin-top:9%;
	}
	.video-home {
		float:left;
		width:100%;
		border-radius:18px;
		margin-bottom:4%;
	}
	.selfie {
		float:left;
		width:50%;
		margin-left:25%;
		margin-right:25%;
	}
	.descrip-selfie {
		float:right;
		width:100%;
		text-align:center;
	}
	.icono_pdf {
		float:left;
		width:12%;
		margin-left:44%;
		margin-right:44%;
		margin-top:5%;
	}
	.como-obtengo-mi-orden-columnas {
		float:left;
		width:100%;
		text-align:center;
		margin-bottom:3%;
		P:nth-child(4) {
			margin-right:0%;
		}
	}
	.como-obtengo-mi-orden-columnas-num {
		float:left;
		margin:0% 43% 0% 43%;
		font-size:1.2em;
		background-color:#DAAD86;
		margin-bottom:5%;
		height:38px;
		width:16%;
		color:#FFFFFF;
		font-weight:400;
		padding-top:4%;
		border-radius:50%;
	}
	ul {
		float:left;
		width:37%;
		height:120px;
	}
	li {
		float:left;
		width:100%;
		margin-bottom:6%;
	}
	.contiene-row-home:nth-last-child(1) > P {
		float:left;
		width:100%;
		font-size:1em;
		font-weight:400;
		text-align:center;
		color:#8D8741;
	}
	.fotter {
		float:left;
		width:96%;
		border-top:solid 1px;
		padding-top:5%;
		margin-left:2%;
		margin-right:2%
		margin-bottom:20%;
		margin-top:3%;
		
		a {
			font-size:.8em;
			color:#FFFFFF;
		}
		

	}
		.logo-fotter {
			float:left;
			width:50%;
			margin-left:25%;
			margin-right:25%;
			margin-top:3%;
		}
		.logo-webpay {
			float:right;
			width:20%;
			margin-bottom:3%;
		}
		.disclaimer {
			float:left;
			width:100%;
			margin-top:6%;
			font-size:.9em;
			text-align:center;
		}
	.saber-mas {
		float:left;
		width:90;
		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%;
	}
	.saber-mas:active {
		font-weight:800;
		padding-left:2.4%;
		padding-right:2.4%;
		color:yellow;
	}
	.saber-mas-secundario {
		float:left;
		width:auto;
		padding:1%;
		padding-left:3%;
		padding-right:3%;
		border:solid 2px #daad86;
		border-radius:4px;
		cursor:pointer;
		font-size:1em;
		font-weight:500;
		margin-right:4%;
		margin-top:2%;
		color:#c4976f;
		background-color:#FBEEC1;
	}
	
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
	.encierra-ordenes-home {
		float:left;
		width:96%;
		margin:2%;
		color:#3d4875;
	}
	.categorias-slides {
		float:left;
		width:90%;
		margin:2%;
		padding:3%;
		padding-bottom:6%;
		border:solid 1px #d7dae4;
		border-radius:8px;
		color:#3d4875;
		P:nth-child(1) {
			font-size:1.2em;
			font-weight:400;
			margin-top:-1.5%;
		}
		P:nth-child(2) {
			font-size:1.1em;
			font-weight:500;
			display:block;
		}
		.ordenes-cat {
			font-size:.9em;
			margin:4% 0% 0% 3%;
			cursor:pointer;
			.ticket-cat {
				float:right;
				width:5%;
				margin-right:2%;
			}
		}
	}
	.encierra-detalle-orden {
		float:left;
		width:96%;
		padding:2%;
		color:#3d4875;
	}
	.atras {
		float:left;
		width:8%;
		margin-right:3%;
		cursor:pointer;
	}
	.encierra-detalle-orden-cat {
		float:left;
		width:auto;
	}
	.encierra-detalle-orden-nom {
		float:left;
		width:auto;
		font-size:1.2em;
		font-weight:600;
		margin-bottom:5%;
	}
	.bajada-orden {
		float:left;
		width:100%;
		font-size:1em;
		margin-bottom:5%;
	}
	.precio-orden {
		float:right;
		width:auto;
	}
	.resumen-carrito {
		float:right;
		width:50%;
		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;
		color:#3d4875;
		.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:94%;
		padding:2%;
		color:#3d4875;
	}
	.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:4%;
			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:94%;
		padding:2%;
		color:#3d4875;
		.bajada-orden {
			float:left;
			width:96%;
			font-size:1.2em;
			margin:2%;
			margin-bottom:3%;
		}
	}
	
	/* ///////////////////////////////////////////////////////////////////////////////////////// */
	/* LANDING PAGE */
	.solo-movil {
		display:block;
	}
	.bajo-slider {
		height:120px;
	}
	.texto-landingpage {
		float:left;
		width:94%;
		margin:3%;
		color:#4812a0;
	}
	.imag-landingpage {
		float:left;
		width:100%;
		border-radius:16px;
		margin-bottom:5%;
	}
	.lp-encierra-imag-bot {
		float:right;
		width:100%;
		margin-bottom:2%;
	}
	.lp-boton {
		float:left;
		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;
		margin:10% 10% 0% 0%
		background-color:#2fb50b;
	}
	.lp-categoria {
		float:left;
		width:100%;
	}
	.lp-titulo {
		float:left;
		width:100%;
		font-size:2em;
		font-weight:bold;
		margin-bottom:3%;
	}
	.lp-bajada {
		float:left;
		width:100%;
		font-size:1.4em;
		margin-bottom:3%;
	}
	.lp-info {
		float:left;
		width:100%;
		margin-bottom:3%;
	}
	.lp-encierra-examenes {
		float:left;
		width:100%;
	}
	.lp-examenes {
		float:left;
		width:100%;
		margin-bottom:3%;
	}
	.lp-ticket-icon {
		float:left;
		width:15px;
		margin-right:2%;
		margin-left:1%;
	}