@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;700&display=swap');
:root{--gris:#1d2438;---mgbttom:50px;}
body{margin:0px;padding:0px;font-family:sans-serif;color:var(--gris);background:#f3f3f3;font-family:'Quicksand', sans-serif;position:relative;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div,span{box-sizing:border-box;margin:0px;vertical-align:middle;font-family:'Quicksand', sans-serif;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img{vertical-align:middle;}
h1{font-weight:600;font-size:25px; margin-bottom:10px;}
h2{font-weight:600;font-size:16px;}
h3{}
a,p,li{font-size:18px;}
.clearfix{overflow:auto;}
.clear{clear:both;}
.center{width:100%;max-width:1200px;margin:0px auto;background:#fff;}
#contenedor{max-width:600px;margin:0px auto;display:flex;flex-wrap:wrap;}
.cont{ margin-top:20px;}
.cont:last-child{width:39%;margin-left:2%;}
.cont:first-child{width:59%;}
.movil{display:none;}
.flex-content{display:flex;flex-wrap:wrap;align-content:center;}
.flex-item{display:flex;align-items:center;}
.flex{display:flex;flex-wrap:wrap;}
.bggris{background:var(--gris);}
.mayus{text-transform:uppercase;}
#search-input{padding:10px;width:200px;border:none;outline:none;border-radius:5px;box-shadow:0 1px  gray;font-size:18px;transition:width 0.3s;font-family:Consolas,monaco,monospace;box-sizing:border-box;margin-top:20px;}
#search-input:focus{outline:1px solid blue;box-shadow:none;width:100%;}
#search-input::placeholder{color:blue;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
    .float:hover{text-decoration: none;color: #25d366;background-color:#fff;}
    .my-float{margin-top:16px;}
/*--REGISTRO--*/
.headregistro{background:#4d2cff;padding:10px 20px;max-width:800px;margin:0px auto;}
.etapas{display:flex;padding:20px 0px;}
.etapas p{width:100%;margin-right:10px;height:5px;background:#fff;}
.etapas p:last-child{margin-right:0px;}
.etapas #activa{background:#4d2cff;}
.bgregistro{background:#e0e4ff;padding:20px 40px;}
.registromedico {background:#edeeff;max-width:800px;margin:0px auto;}
.registromedico section{padding:80px 40px 0px;}
.registromedico span{display: block;margin-bottom:50px;}
		input,
		select {
			width: 100%;
		}

		.input-group {
			position: relative;
		}

		.input {
			border: solid 1.5px #9e9e9e;
			border-radius: 1rem;
			background: none;
			padding: 1rem;
			transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
			box-sizing:border-box;
		}

		.user-label {
			position: absolute;
			left: 15px;
			color: #000;
			pointer-events: none;
			transform: translateY(1rem);
			transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
		}

		.input:focus,
		input:valid {
			outline: none;
			border: 1.5px solid #1a73e8;
		}

		.input:focus~label,
		input:valid~label {
			transform: translateY(-50%) scale(0.8);
			background-color: #212121;
			padding: 0 .2em;
			color: #2196f3;
		}

		.button3 {
			align-items: center;
			background-image: linear-gradient(144deg, #534bfa 50%, #0bb6f6);
			border: 0;
			border-radius: 8px;
			box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
			box-sizing: border-box;
			color: #FFFFFF;
			display: flex;
			font-family: Phantomsans, sans-serif;
			font-size: 18px;
			justify-content: center;
			line-height: 1em;
			max-width: 100%;
			min-width: 100%;
			padding: 3px;
			text-decoration: none;
			user-select: none;
			-webkit-user-select: none;
			touch-action: manipulation;
			white-space: nowrap;
			cursor: pointer;
			transition: all .3s;
		}

		.button3:active,
		.button3:hover {
			outline: 0;
		}

		.button3 span {
			background-color: rgb(5, 6, 45);
			padding: 16px 24px;
			border-radius: 6px;
			width: 100%;
			height: 100%;
			transition: 300ms;
			margin:0px !important;
		}

		.button3:hover span {
			background: none;
		}

		.button3:active {
			transform: scale(0.9);
		}

/*-- INCLUSIVO --*/
#acc{position:fixed;bottom:40px;left:40px;z-index:999;transition:.5s;}
#acc img{cursor:pointer;display:block;margin:0px auto 20px;}
#acc #accmain{margin-bottom:0px;}
#acc div{position:relative;}
#acc section{display:none;padding-top:15px;}
.enfoquetop{width:100%;position:absolute;top:0;left:0;z-index:9999;background:rgba(0, 0, 0, .8);display:none;}
.enfoquebottom{width:100%;position:absolute;bottom:0;left:0;z-index:9999;background:rgba(0, 0, 0, .8);display:none;}
.enfactive{display:block !important;will-change:contents;}
textarea  {
    border: solid 1.5px #9e9e9e;
    border-radius: 1rem;
	width:100%;
    background: none;
    padding: 1rem;
    transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}


/*--PRINCIPAL--*/
.linetop{width:100%;height:5px;}
.bgcustom1{background:#1d2538;}
.colorcustom1{color:#1d2538;}
.bgcustom2{background:#fc5c42;}
.colorcustom2{color:#fc5c42;}
.fs-50{font-size:50px;}
.w-200{width:200px;}
.border-black{border-color:#000 !important;}
.cuadros{display:flex;align-items:center;}
.cuadros .row{width:100%;}
.pasos section{display:flex;}
.pasos span{font-size:150px;display:inline-block;line-height:1em;font-weight:bolder;}
.pasos p{display:inline-block;vertical-align:top;padding-top:20px;font-weight:bolder;}
.ms-200{margin-left:15rem;}
.ms-400{margin-left:30rem;}
.animation{position:relative;opacity:0;transition:.5s;}
.anibottom{top:400px;}
.anitop{top:-400px;}
.anileft{left:400px;}
.aniright{left:-400px}
.endanimation{left:0px;top:0px;opacity:1}
#contminivideo{position:fixed;bottom:15px;right:0px;width:100%;max-width:103px;transition:.5s;z-index:999;padding:0px 10px;}
.mini_videos{max-width:100%;position:relative;padding-top:178%;overflow:hidden;}
.cerrar{position:absolute;top:-7px;right:5px;z-index:999;}
.cerrar h3{background:#fff;color:#000;display:table;border-radius:20px;font-size:17px;padding:0px 5px;cursor:pointer;}
.mini_videos section{padding:0px 20px;z-index:1;}
.mini_videos .cambiarVideos{display:none;position:absolute;bottom:0px;flex-wrap:wrap;align-content:end;width:100%;}
.cambiarVideos div{width:100%;background:rgba(0, 0, 0, .5);margin-bottom:10px;padding:4px 10px;border-radius:50px;}
.cambiarVideos h3{margin:0px;color:#fff;font-size:15px;}
.cambiarVideos span{background:#fff;color:#000;border-radius:50px;padding:5px 12px;margin-right:20px;display:none;}
.restart{background:transparent;border:none;padding:0px;margin:0px;}
#speed{padding:5px 0px;background:rgba(255, 255, 255, 0.5);color:rgb(255, 255, 255);font-weight:600;font-size:14px;width:37px;border-radius:8px;color:#fff;text-align:center;}
#titulominivideo{position:absolute;height:100%;width:100%;z-index:99;text-align:center;display:flex;align-items:center;top:0px;}
#titulominivideo h3{width:100%;color:#fff;}
input[type="range"] {flex:1}
.minivideo{height:auto;align-content:center;box-sizing:border-box;overflow:hidden;position:absolute;width:100%;top:0;left:0;right:0;}
.controles_mini_videos{width:100%;position:absolute;z-index:10;display:none;}
.controles_mini_videos section{padding:20px;flex-wrap:nowrap;gap:20px;display:flex;}
#closedvideo{position:fixed;bottom:40px;right:40px;opacity:0;}
#closedvideo h3{display:table;cursor:pointer;}
.videosActivo .controles_mini_videos{display:block;}
.videosActivo .cambiarVideos{display:flex;}


@media screen and (max-width:992px) {
.ms-200{margin-left:0rem;}
.ms-400{margin-left:0rem;}
}

/*--INICIO--*/
.toggle{margin-bottom:var(---mgbttom);}
.menutggle{width:100%;}
.tggle{width:100%;box-sizing:border-box;display:none;padding:20px 20px 50px;color:#fff;}
.slider{margin-bottom:var(---mgbttom);}
.video{margin-bottom:var(---mgbttom);}
#vid{vertical-align:top;width:100%;max-height:780px;position:relative;z-index:-1;}
video {object-fit:cover;}
#video{width:100%;max-width:800px;margin:0px auto 50px;}
#video section{width:100%;position:relative;padding-bottom:56.25%;height:0;}
#video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.info{margin-bottom:var(---mgbttom);}
.info a{display:block;}
.info h4{}
.redes a{display:inline-block;}
.links{margin-bottom:var(---mgbttom);}
.links a{border-radius:20px;text-align:center;margin-bottom:20px;display:block;color:#fff;}
.links a:last-child{margin-bottom:0px;}
.info2{margin-bottom:var(---mgbttom);}
.info2 h3{margin-bottom:0px;}
.info2 span{margin:30px 0px 10px;display:table;border-bottom:1px #1d2438 solid;}
.foot{background:var(--gris);color:#999;text-align:center;padding:10px 20px;width:100%; font-size:10px;}
.head{background:var(--gris);padding:4px 20px;width:100%;}


.pasos span{font-size:120px;}
.button {display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;font-family:inherit;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.4px;color:var(--gris);background-color:none;border-style:solid;border-width:2px 2px 2px 2px;border-color:#fff;border-radius:40px 40px 40px 40px;padding:16px 24px 16px 28px;transform:translate(0px, 0px) rotate(0deg);transition:0.2s;box-shadow:none;margin:0px auto 20px;max-width:170px;width:100%;background-image:none;background:#fff;cursor:pointer;
}

.button:hover {color:#516d91;background-color:#E5EDF5;box-shadow:-2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
}

.button:active {box-shadow:none;
}
.share{background:linear-gradient(144deg, #534bfa 50%, #0bb6f6);color:#fff;text-align:center;font-size:19px;border:none;width:100%;vertical-align:middle;padding:10px 0px 5px;margin-bottom:20px;}
.share img{margin-left:10px;}

/* From uiverse.io by @barisdogansutcu */
.download-button {position:relative;border-width:0;color:white;font-size:15px;font-weight:600;border-radius:4px;z-index:1;display:block;margin:0px auto;
}

.download-button .docs {display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 10px;border-radius:4px;z-index:1;background-color:#242a35;border:solid 1px #e8e8e82d;transition:all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.download-button:hover {box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.download {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-width:90%;margin:0 auto;z-index:-1;border-radius:4px;transform:translateY(0%);background-color:#01e056;border:solid 1px #01e0572d;transition:all .5s cubic-bezier(0.77, 0, 0.175, 1);
}

.download-button:hover .download {transform:translateY(100%)
}

.download svg polyline,.download svg line {animation:docs 1s infinite;
}

@keyframes docs {0% { transform:translateY(0%);}
50% { transform:translateY(-15%);}
100% { transform:translateY(0%);}
}

/* From uiverse.io by @NorthFishHasNa */
.button2 {display:inline-block;border-radius:4px;background-color:#1d2438;border:none;color:#FFFFFF;text-align:left;font-size:22px;transition:all 0.5s;cursor:pointer;margin:10px 0px 0px;font-weight:400;
}

.button2 span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;
}



.button2:hover span {padding-right:15px;
}



.movil{display:inherit;}
.nonemovil{display:none;}
/*--HEAD--*/
#contenedor{display:block;}
.imgprinc{padding:0px 20px 0px;color:#fff;}
.imgprinc img{box-shadow:0px 10px 35px -7px rgba(0,0,0,0.75);}
.info{padding:0px 20px;margin:50px 0px;color:#fff;}
.info h4{margin-bottom:15px;}
.redes{margin-top:40px;padding-bottom:50px;}
.redes2 {padding-top:40px; text-align:center;}
.links{font-size:0px;margin-top:60px;padding:0px 20px;}
.links div{display:inline-block;vertical-align:top;width:47.5%;}
.links div:nth-child(2n){margin-left:5%;}
.info2{background:#fff;padding:50px 20px;margin:0px 20px;}
.toggle{padding:0px 20px 50px;}
.slider{padding:0px 20px;}
.video{padding:0px 20px;}
.qr{padding:40px 0px;text-align:center;}
.qr img{width:60%;}
.cont.qr2{margin:20px 0px;text-align:left;}
.cont.qr2 img{width:20%;}
.degr{margin:0px;height:5px;border:none;width:100%;padding:0px;background:linear-gradient(144deg, #534bfa 50%, #0bb6f6);}