@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');:root{--blue:#45c6d2;--darkblue:#095b79;--lightblue:#6b7f97;--black:#111820;--gray:#323846;}
body{margin:0px;padding:0px;font-family: "Raleway", sans-serif;}
h3,h1{font-size:60px;font-family:"Red Hat Display", sans-serif;font-weight:700;}
h4{font-size:32px;font-weight:300;}
h5{font-family:"Red Hat Display", sans-serif;font-weight:400;font-size:26px;}
p,a,li,h2{font-size:18px;font-weight:300;opacity:.6;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div{box-sizing:border-box;margin:0px;vertical-align:middle;}
ul{margin:0px;padding:0;padding-left:20px;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img,video{vertical-align:middle;max-width:100%;}
.container{display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;}
.container .content{flex-grow:1;}
.clearfix{overflow:auto;}
.clear{clear:both;}
.center{width:100%;max-width:1240px;padding:0px 20px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.line{width:150px;display:table;}
.line span{background:var(--blue);height:7px;display:block;margin-bottom:10px;width:200px;}
.line p{background:var(--darkblue);height:7px;display:block;width:70px;}
.video{height:auto;align-content:center;box-sizing:border-box;overflow-y:hidden;max-height:80vh;}
.video2{position:relative;align-content:center;}
.titulo{max-width:500px;text-align:center;margin:0px auto;}
.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;opacity:1;}
.float:hover{text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;opacity:1;}

.animation{position:relative;opacity:0;transition:.8s;}
.anbottom{top:400px;}
.antop{top:-400px;}
.anleft{left:-400px;}
.anright{left:400px}
.anend{left:0px;top:0px;opacity:1}

/*-- HEAD --*/
header{background:var(--black);color:#fff;padding:5px 0px;}
header .center{display:flex;align-items:center;}
header .center .logo{background:var(--black);}
header .center .logo img{width:150px;}
header .center nav{font-size:0;flex:1;text-align:right;}
header .center nav a{padding:0px 20px 0px;display:inline-block;background:var(--black);opacity:1;}
header .center nav a:last-child{background:var(--blue);color:#fff;padding:10px;width:200px;text-align:left;color:#000;background:linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(69, 198, 210, 1) 50%, rgba(69, 198, 210, 1) 100%);background-size:200%;background-position:100%;transition:.3s;}
header .center nav a:last-child:hover{background-position:0px;}

.hmb1{border-bottom:solid 5px var(--blue);margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}
.hmb2{border-bottom:solid 5px var(--blue);margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;position:relative;}
.hmb3{border-bottom:solid 5px var(--blue);margin:0px auto;text-align:center;width:50px;transition:1s;opacity:1;position:relative;}
.hmb{width:50px;height:25px;z-index:10;position:relative;cursor:pointer;display:none;margin:0px auto;}

/*-- INICIO --*/
.banner{position:relative;}
.banner img{position:relative;z-index:1;}
.banner section{height:100%;width:100%;top:0;z-index:1;position:absolute;color:#fff;display:flex;align-items:center;}

.doctores{display:flex;margin-bottom:100px;}
.doctores section{width:50%;margin-top:-250px;padding:50px;position:relative;z-index:1;}
.doctores aside{width:50%;}
.doctores .foto{box-shadow: 0px 10px 56px 3px rgba(0,0,0,0.75);}
.doctores .nombre{display:flex;box-shadow: 0px 10px 56px 3px rgba(0,0,0,0.75);}
.doctores .nombre div{padding:30px 20px;width:50%;text-align:center;background:var(--black);}


.cirugia{background:var(--gray);color:#fff;padding:70px 0px 100px;}
.cirugia .line{margin:30px 0px;}
.cirugia .menutggle{background:linear-gradient(90deg,rgba(0, 0, 0, 1) 50%, rgba(17, 24, 32, 1) 50%);margin-top:10px;width:100%;background-size:200%;background-position:100%;transition:.3s;}
.cirugia .menutggle:hover{background-position:0px;}
.cirugia .menutggle img{float:right;}
.cirugia .menutggle:nth-child(2){transition:.5s;}
.cirugia .menutggle:nth-child(4){transition:.8s;}
.cirugia .menutggle:nth-child(6){transition:1.1s;}
.cirugia .menutggle:nth-child(8){transition:1.4s;}
.cirugia .menutggle:nth-child(10){transition:1.7s;}
.cirugia .menutggle:nth-child(12){transition:2s;}

.menutggle{background:var(--black);padding:10px 20px;cursor:pointer;}
.servicios .tggle{background:#fff;color:#000;}
.servicios .tggle p{margin-top:20px;}
.servicios .tggle li{margin:0px 0px 20px;}
.servicios .tggle section{display:flex;gap:50px;}
.servicios .tggle .imagen{width:200px;}
.servicios .tggle aside{width:50%;padding-top:55px;}
.tggle{transition:max-height .5s linear;overflow:hidden;padding-right:0px;background:var(--black);max-height:0px;}
.tggle.expanding,.tggle.collapsing {transition: max-height 0.5s ease;}
.tggle section{padding:20px;}
.tggle h4{margin:0px;}

.tggle2{transition:max-height .5s linear;overflow:hidden;padding-right:0px;background:var(--black);max-height:0px;}
.tggle2.expanding,.tggle.collapsing {transition: max-height 0.5s ease;}
.tggle2 section{padding:40px 20px 20px;}
.tggle2 h4{margin:0px;}

.expertos{padding:100px 0px;background:var(--black);color:#fff;}
.expertos .video{margin:50px 0px;}
.expertos .line{margin-bottom:30px;}

.equipo{padding:100px 0px;background:var(--lightblue);color:#fff;}
.equipo h3{margin:50px 0px;}
.equipo .titulo{margin-bottom:100px;}
.equipo img{box-shadow: 0px 10px 56px 3px rgba(0,0,0,0.75);}
.equipo .personal{display:flex;gap:4%;flex-wrap:wrap;}
.equipo .personal img{margin-bottom:30px;box-shadow: 0px 10px 56px 3px rgba(0,0,0,0.75);}
.equipo .personal section{width:22%;margin-top:50px;}

#dr1{transition:.5s;}
#dr2{transition:.8s;}
#dr3{transition:1.1s;}
#dr4{transition:1.4s;}


.toneladas{padding:100px 0px;background: linear-gradient(0deg,rgba(107, 127, 151, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.testimonio .marquee-container{margin-top:100px;}
.testimonio h3{text-align:center;}
.testimonio p{max-width:1240px;padding:0px 20px;margin:0px auto;}

.marquee-container{overflow:hidden;position:relative;margin:0px 0px;padding:10px 0px;}
.marquee{display:flex;width:max-content;animation:scroll-left 50s linear infinite;}
.marquee-container:hover .marquee {animation-play-state:paused;}
.marquee section {flex:0 0 auto;width:400px;padding:30px 5px;margin:0px 5px;}
.marquee section img{width:160px;}
@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
.marquee-container2{overflow:hidden;position:relative;margin:0px 0px;padding:10px 0px;}
.marquee2{display:flex;width:max-content;animation:scroll-left 20s linear infinite;}
.marquee-container2:hover .marquee {animation-play-state:paused;}
.marquee2 section {flex:0 0 auto;width:200px;padding:30px 5px;margin:0px 5px;}
.marquee2 section img{width:160px;}

.toneladas .logo{text-align:center;margin:100px 0px 50px;}
.toneladas .marquee-container{margin:50px 0px;}
.toneladas h3{text-align:center;margin-top:100px;}
.toneladas .programa h3{text-align:left;margin-top:0px;}
.programa{margin-bottom:100px;}
.programa .pasos{display:flex;margin-top:50px;}
.pasos .menu{width:320px;}
.pasos .menu .menutggle{background:var(--black);cursor:pointer;color:#fff;margin-bottom:10px;width:300px;}
.pasos .menu .menutggle p{max-width:260px;}
.pasos .menu .menutggle:first-child{width:320px;}
.pasos .info{flex:1;background:#fff;}
.pasos .info .tggle2{background:none;display:flex;}

.pilares{background:var(--gray);padding:200px 0px;color:#fff;}
.pilares h3{margin-left:70px;}
.pilares .line{margin:70px 0px 50px;margin-left:70px;}
.pilarestxt{border-left:15px solid #fff;border-right:15px solid #fff;padding:30px 0px 50px;}
.pilarestxt .txt{margin-bottom:100px;padding:0px 50px;}
.pilarestxt section{display:flex;background:var(--black);padding:100px 50px;gap:50px;}
.pilarestxt section div{width:100%;border:solid #fff 1px;padding:100px 30px;}
.pilarestxt section div h3{margin-bottom:50px;margin-left:0px;}

.pacientes{background:var(--gray);color:#fff;padding-bottom:100px;}
.pacientes .info{background:var(--lightblue);padding:50px 40px 0px;}
.pacientes .info section{display:flex;align-items:center;gap:50px;margin-top:50px;}
.pacientes .info section aside{width:50%;}
.pacientes .info section aside img{float:left;margin-right:20px;}
.pacientes .info section div{width:100%;text-align:center;padding:30px 0px;border:solid #45c6d2 1px;color:#000;border-bottom:none;min-height:175px;}
.pacientes .preguntas{padding:0px 40px;display:flex;gap:50px;}
.pacientes .preguntas section{width:100%;padding:20px 20px 40px;border:solid #45c6d2 1px;border-top:none;}
.pacientes .preguntas section li{margin-top:20px;}

.ciudad{background:var(--black);color:#fff;padding:0px 0px 150px;margin-top:-300px;}
.ciudad .center section{display:flex;gap:100px;}
.ciudad .center section .info{width:47.5%;}
.ciudad .center section aside{flex:1;}
.rs{padding:50px 0px;background:#000;color:#fff;}
.rs .center{display:flex;align-items: center;}
.rs a{text-decoration:underline;display:block;margin-top:10px;}
.rs aside{flex:1}

.input-group{position:relative;margin-top:30px;}
.input{border:solid 1.5px #9e9e9e;border-radius:1rem;background:#fff;padding:1rem;font-size:1rem;color:#000;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;width:100%;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);top:0;}
.input:focus, input:valid {outline:none;border:1.5px solid #fff;}
.input:focus ~ label, input:valid ~ label {transform:translateY(-50%) scale(0.8);background-color:#212121;padding:0 .2em;color:#fff;}
.sendBtn{display:table;background:var(--blue);color:#fff;padding:10px 20px;margin-top:30px;border:none;}
.g-recaptcha{display:block;margin:20px 0px;}
/* From Uiverse.io by ShrinilDhorda */ 
.btn {
	font-size: 1.2rem;
	padding: 1rem 2.5rem;
	border: none;
	outline: none;
	border-radius: 0.4rem;
	cursor: pointer;
	text-transform: uppercase;
	background-color: rgb(14, 14, 26);
	color: rgb(234, 234, 234);
	font-weight: 700;
	transition: 0.6s;
	box-shadow: 0px 0px 60px #1f4c65;
	-webkit-box-reflect: below 10px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
  }
  
  .btn:active {
	scale: 0.92;
  }
  
  .btn:hover {
	background: rgb(2,29,78);
	background: linear-gradient(270deg, rgba(2, 29, 78, 0.681) 0%, rgba(31, 215, 232, 0.873) 60%);
	color: rgb(4, 4, 38);
  }
.rs aside a{display:inline-block;vertical-align:middle;margin-left:20px;opacity:.4;text-decoration:none;font-size:13px;}
.rs section{width:150px;}

.terms{padding:100px 20px;}
.terms h4{margin-top:50px;}
.terms p{}

@media screen and (max-width:750px){
.movil{display:inherit;}
.nonemovil{display:none !important;}
h3,h1{font-size:40px;font-family:"Red Hat Display", sans-serif;font-weight:700;}
h4{font-size:28px;font-weight:300;}
h5{font-family:"Red Hat Display", sans-serif;font-weight:400;font-size:24px;}

.anleft{left:-400px;}
.anright{left:-400px}

/*--HEAD--*/
header .center{flex-wrap:wrap;}
header .center .logo{flex:1;}
header .center nav{flex:none;width:100%;display:none;}
header .center nav a{display:block;text-align:center;font-size:40px;padding:10px 0px;margin:10px 0px;}
header .center nav a:last-child{background:none;color:#fff;text-align:center;padding:0px;width:100%;}
.hmb{display:table;}

.cirugia{padding:0px 0px 100px;}
.cirugia .tggle img{width:100%;}

.doctores{display:block;margin-bottom:100px;}
.doctores .nombre{padding:0px;margin-bottom:50px;}
.doctores section{width:100%;margin-top:-100px;padding:0px;}
.doctores aside{width:100%;}
.servicios .tggle .imagen{width:100px;margin-bottom:30px;}
.servicios .tggle section{display:block;}
.servicios .tggle aside{width:100%;}

.toneladas .titulo{padding:0px 20px;}

.pilares{padding:50px 0px 100px;}
.pilares .line{margin:30px 0px;margin-left:70px;}
.pilarestxt{margin-bottom:50px;}
.pilarestxt .txt{margin-bottom:50px;}
.pilarestxt section{display:block;background:var(--black);padding:30px;gap:50px;}
.pilarestxt section div{width:100%;border:solid #fff 1px;padding:100px 30px;margin-bottom:50px;}
.pilarestxt section div:last-child{margin-bottom:0px;}
.pilarestxt section div h3{margin-bottom:50px;margin-left:0px;}

.programa .pasos{display:block;}
.pasos .menu{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.pasos .menu .menutggle{width:400px !important;max-width:48%;}


.equipo{padding:100px 0px;background:var(--lightblue);color:#fff;}
.equipo h3{margin:50px 0px;}
.equipo .personal{margin-top:0px;display:flex;gap:5%;flex-wrap:wrap;}
.equipo .personal section{width:47.5%;margin-top:50px;}

.pacientes .info{padding:50px 15px 0px;}
.pacientes .info section{flex-wrap:wrap;padding:50px 0px;}
.pacientes .info section aside{width:100%;}
.pacientes .preguntas{display:block;padding:0px;}
.pacientes .preguntas section{border:solid #45c6d2 1px;margin-top:50px;}

.ciudad{background:var(--black);color:#fff;margin-top:0px;}
.ciudad .center section{flex-wrap:wrap-reverse;}
.ciudad .center section:last-child{flex-wrap:wrap;}
.ciudad .center section div{width:100%;}
.ciudad .center section aside{width:100%;}
.ciudad .center section .info{width:100%;}

}