:root {
    --titulos: #124979;
    --colobBoton: #296399;
  }
@font-face {
    font-family: Futura_bold;
    src: url('../fonts/Futura Std Bold.otf')


}

@font-face {
    font-family: Futura_medium;
    src: 
    url('../fonts/Futura Std Medium.otf')


}

@font-face {
    font-family: Futura_heavy;
    src: 
    url('../fonts/Futura Std Heavy.otf')

}

:root{
	/*COLORES GENERALES*/
	--color-naranja : #dd6737;
	--color-azul : #1d4a8e;
	--color-azul-claro : #f6f9fb;
	--color-azul-claro-medio : #e6edf4;

}


*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Futura_medium;
}

.card{
	border: 2px solid var(--color-azul)!important;
	background: #FFFFFF!important;
	margin: 5px 0;
	
}

.container{
	width: 95%!important;
	/*border: 1px solid red;*/

}


@media (max-width: 1366px) { 

.container{
	width: 100%!important;
	/*border: 1px solid red;*/

}

.card-header{
	background: #FFFFFF!important;
}

}

.card p{
	color: var(--color-azul)!important;
}

body{
	padding: 0;
	margin: 0;
	background: #D3D3D3!important;

}

img{
	display: block;
	width: 80%;
	height: auto;
}

a{
	text-decoration: none!important;
	color: var(--color-azul);
	font-family: Futura_bold!important;
	
}



h2, h3, h4, h5{
	font-family: Futura_bold;
	font-weight: 700!important;
	color: #1d4a8e!important;

}

h2, h3, h4, h5{
	font-size: 33px!important;
}

.nav-link{
	text-decoration: none;
	color: var(--color-azul)!important;
	font-family: Futura_bold;
	font-size: 13px!important;
}

p{
	font-family: Futura_medium;
	font-size: 20px!important;
	font-weight: 400!important ;
	line-height: 30px!important;
	letter-spacing: normal;
	color: red;
}

header{
	/*background: #1d4a8e;*/
}

/*header .logo{
	width: 20%;
	padding: 20px;

}
*/


.logotipo img{
	width: 40%!important;
	display: block;
}

.contenedor{
	width: 70%;
	margin: 0 auto;
}

@media only screen and (max-width: 680px){
	.contenedor{
		width: 90%;
		/* border: 1px solid red; */
	}

	header .logo{
		width: 40%;
		padding: 20px;
	
	}
}

.logo-llamada{
	display: flex;
	justify-content: space-between;
	color: white;
	align-items: center;
}

.logo-llamada a{
	color: white;
}



.navegacion a{
	font-size: 0.6rem;
	margin: 0 20px;
	font-family: Futura_bold;
}


@media only screen and (max-width: 680px){
	.navegacion{
		background: white;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	   /* border: 1px solid red; */
		padding: 20px 0;
	}
	
	.navegacion .contenedor{
		background: white;
		display: flex;
		justify-content: center;
		flex-direction: column;
		/*border: 1px solid red;*/
	}
	
	.navegacion a{
		width: 100%;;
		font-size: 0.8rem;
		margin: 10px 0px;
		text-align: center;

	}
	
}

.btnNaranja{
	
	padding: 10px 20px;
	background: var(--color-naranja);
	border-radius: 20px;
	text-align: center;
	color: white;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin:20px 0!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	border: none!important;

}



.btnNaranja-agradecimiento{
	width: 70%!important;
	padding: 10px 20px;
	background: var(--color-naranja);
	border-radius: 20px;
	text-align: center;
	color: white;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin:20px 0!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	border: none!important;
	display: block;

}

.btnBlanco{
	padding: 10px 20px;
	background: white;
	border-radius: 20px;
	text-align: center;
	color: var(--color-azul);
	font-size: 0.8rem;
	text-transform: uppercase;
	margin:20px 0!important;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	border: none!important;
}

.bienvenida-promesa{
		background: rgb(185,185,185);
background: linear-gradient(90deg, rgba(160,163,164,1) 0%, rgba(223,225,227,1) 100%);
}

.bienvenida-promesa-glaucoma{
		background: rgb(185,185,185);
background: linear-gradient(90deg, rgba(160,163,164,1) 0%, rgba(223,225,227,1) 100%);
}

.bienvenida-promesa-lasik{
	
background: rgb(87,138,176);
background: linear-gradient(90deg, rgba(87,138,176,1) 2%, rgba(203,232,247,1) 78%);
}

.bienvenida-promesa-pterigion{
	background: rgb(47,111,137);
background: linear-gradient(90deg, rgba(47,111,137,1) 2%, rgba(106,189,245,1) 78%);
}

 .bienvenida-promesa-blefa{
	background: rgb(23,67,105);
background: linear-gradient(90deg, rgba(23,67,105,1) 2%, rgba(104,186,242,1) 78%);	
}

.bienvenida-promesa-estrabismo{
		background: rgb(23,67,105);
background: linear-gradient(90deg, rgba(23,67,105,1) 2%, rgba(104,186,242,1) 78%);	
}


/*.lasik{
		background: rgb(185,185,185);
background: linear-gradient(90deg, rgba(185,185,185,1) 0%, rgba(255,255,255,1) 100%);
}
*/


.bienvenida-promesa .contenedor{
	/*width: 95%!important;
	
	display: flex;
	justify-content: flex-start;
	align-items: center;
	 border: 1px solid red!important; */
}

.promesa{
	/* border: 1px solid red; */
	width: 60%;
	text-align: left;
	color: white;	
	padding: 20px;
}

.promesa h1{
	font-size: 27px;
/*	text-shadow: 0 0 10px #A6A6A6;*/
	font-family: Futura_medium;
	font-weight: 700;
	   
}

.promesa .llamada{
	display: block;
	margin-top: 20px;
}


/*  SECCION PUNTOS */


.solucion-lasik{
	background: rgb(185,185,185);
background: linear-gradient(90deg,rgba(216,242,255,1) 0%, rgba(190,215,235,1) 100%);
}

.solucion h4{
	text-align: center;
	
}

.puntos{
	display: flex;
	/* border:1px solid red; */
	justify-content: space-between;

	padding:120px 0;
	
}

.punto{
	width: 33%;
	/* border:1px solid red; */
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.punto h3, p{
	color:var(--color-azul)
}

.punto p{
	line-height: 25px;
	
}



@media only screen and (max-width:680px){
	.puntos{
		display: flex;
		/* border:1px solid red; */
		justify-content: center;
		flex-direction: column;
		padding:120px 0;
		
	}

	.bienvenida-promesa-glaucoma{
		background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 2%, rgba(162,162,162,1) 78%);
}


.bienvenida-promesa-lasik{
background: rgb(87,138,176);
background: linear-gradient(180deg, rgba(87,138,176,1) 2%, rgba(203,232,247,1) 78%);

}


.bienvenida-promesa-pterigion{
background: rgb(87,138,176);
background: linear-gradient(180deg, rgba(87,138,176,1) 2%, rgba(203,232,247,1) 78%);

}





	
	.punto{
		width: 100%;
		/* border:1px solid red; */
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin:20px 0
	}
	
	.punto h3, p{
		color:var(--color-azul)
	}
	
	.punto p{
		line-height: 25px;
		font-size: 12px;
	}
}

.titulo-azul{
	color:var(--color-azul);
	text-align:center!important;
	font-family: 'Anek Telugu';
	font-size: 40px!important;

}

.titulo-blanco{
	color:white!important;
	text-align:center!important;
	font-family: 'Anek Telugu'!important;
	font-size: 40px!important;

}


.icono{
	width: 40px;
	height: 40px;
	margin:0 auto;
	/* border:1px solid red; */
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.punto img{
	width: 100%;
	display: block;
	height: auto;
	margin:0 auto;
}

/* SECCION DATOS */
.datos{
	background-color: var(--color-azul-claro);
	display: flex;
	justify-content: space-around;
	padding:120px 0;
}



.cirujanos{
	/* border:1px solid red; */

	text-align: center;
}

.cirujanos h1, .personas h1{
	color:var(--color-naranja);
	font-size: 6.7rem;
	
	font-family: 'Oswald', sans-serif;
	font-weight: 700;

}

.personas{
	/* border:1px solid red; */
	text-align: center;
}

@media only screen and (max-width:680px){
	.datos{
		background-color: var(--color-azul-claro);
		display: flex;
		justify-content: space-around;
		padding:120px 0;
		flex-direction: column;
	}

	.cirujanos{
		/* border:1px solid red; */
		text-align: center;
	}

	.cirujanos p{
		font-size: 30px!important;
	}
	
	.cirujanos h1, .personas h1{
		color:var(--color-naranja);
		font-size: 5rem;
	}
	
	.personas{
		/* border:1px solid red; */
		text-align: center;
		margin: 40px 0 ;
	}

	.personas p{
		font-size: 30px!important;
	}
	
}

/* seccion doctora */
.doctora{
/*background: var(--color-azul-claro-medio);*/

}


.doctora .contenedor{
	display: flex;
	justify-content: space-between;
	align-items: center;;
}



.informacion-doctora{
	width: 50%;
	/* border:1px solid red; */

}



.azul{
	color:var(--color-azul);
	margin:10px 0;
}

.informacion-doctora p{
	font-size: 14px;
	line-height: 25px;
}

.doctora-info{
	font-size: 14px;
	line-height: 25px;
}

.informacion-doctora a{
	margin-top: 30px;
	display: block;
	width: 50%;
}


@media only screen and (max-width:680px){
	.doctora .contenedor{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	.informacion-doctora{
		width: 90%;
		padding:20px;
		text-align: center;
		/* border:1px solid red; */
	
	}

	.informacion-doctora a{
		margin-top: 30px;
		display: block;
		width: 100%;
	}
}

.imagen-doctora{
	width: 49%;
	/* border:1px solid red; */
}

.imagen{
	
}

.imagen video{
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px!important;
}



/* testimoniales */
.testimoniales{
	/*background: var(--color-azul);*/
	text-align: center;
	color:white;
	/*padding: 120px 0;*/
}

.testimonioborde{
	border: 5px solid var(--color-azul);
}

.testimoniales-contenedor{
	/* border:1px solid red; */
	color:white;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-top: 30px;
	flex-wrap: wrap;
}
/*
.testimonio{
	
	
	 border:1px solid red; 
	background: white;
	margin: 5px;

	
}*/

@media only screen and (max-width:680px){
	.testimoniales-contenedor{
		/* border:1px solid red; */
		color:white;
		display: flex;
		justify-content: space-around;
		width: 100%;;
		align-items: center;
		/* border:1px solid red; */
		
	}
	
	.testimonio{
		width: 47%;
		/* border:1px solid red; */
		background: white;

		
	}
}

.testimonio .imagen{
	width: 100%;
 /* border:1px solid red; */
}

.testimoniosdos .col-md-4{
	border: 10px solid var(--color-azul);
	box-shadow: 0px 0px 0px 5px var(--color-azul);
	border-radius: 20px;
}

.testimonio .imagen img{
	width: 100%;
	display:block;
}

.testimonio p{
padding: 20px;
	text-align: left;
	color:var(--color-azul);
	font-size:12px;
	line-height: 18px;
}


/* FOOTER */footer{
	/*background-color: var(--color-azul);*/
}


footer .logotipo-footer{
	width: 100%;;
	/* border:1px solid red; */
	padding: 20px 0;
}

.logotipo-footer img{
	width: 8%;
	margin: 0 auto;
}

.menu-footer{
	/* border:1px solid red; */
	background-color: white;
}

.footer .nav-link{
	font-size: 10px!important;
}
/*
.metodo{
	height: 50vh;
	background: url("../img/metodo.png");
}*/
.metodo {
	height: 200px;
	background: url("../img/banner-1.png");
	background-size: cover;
	background-position: center center;
}

.quienes {
	height: 200px;
	background: url("../img/banner-2.png");
	background-size: cover;
	background-position: center center;
}


.organizamos {
	height: 200px;
	background: url("../img/organizamos-1.png");
	background-size: cover;
	background-position: center center;
}

.clinica-banner{
	height: 200px;
	background: url("../img/clinica.png");
	background-size: cover;
	background-position: center center;
}

.prepago-banner{
	height: 200px;
	background: url("../img/prepago.png");
	background-size: cover;
	background-position: center center;
}

.experiencia{
	background: var(--color-azul) ;
}

.financiamos-banner{
	height: 200px;
	background: url("../img/financiamos.png");
	background-size: cover;
	background-position: bottom bottom;
}

.organizamos-banner{
	height: 200px;
	background: url("../img/santa.jpeg");
	background-size: cover;
	background-position: bottom bottom;
}

.padecimientos{
	height: 200px;
	background: url("../img/padecimientos.png");
	background-size: cover;
	background-position: center center;
}

.preguntas-frecuentes{
	height: 200px;
	background: url("../img/preguntas-frecuentes.jpeg");
	background-size: cover;
	background-position: center center;
}

.videos{
	height: 200px;
	background: url("../img/fondo-videos.png");
	background-size: cover;
	background-position: center center;
}

.titulo-video{
	font-size: 23px!important;
}



.tecnologia{
	height: 200px;
	background: url("../img/tecnologia.png");
	background-size: cover;
	background-position: center center;
}

.orga{
	height: 200px;
	background: url("../img/orga.jpg");
	background-size: cover;
	background-position: center center;
}

.equipo-medico{
	height: 200px;
	background: url("../img/equipo.png");
	background-size: cover;
	background-position: center center;
}

.contacto-banner{
	height: 200px;
	background: url("../img/contacto.png");
	background-size: cover;
	background-position: center center;
}



.form p{
	color: white!important;
}

.texto-blanco{
	color: white;
	line-height: 27px;
/*	font-family: Futura_bold;*/
}

label{
	color: #979797;
	font-size: 10px;
}

.campos-form{
	color: gray!important;
	background: none!important;
	border-radius: 30px!important;
	font-size: 12px!important;
}


.campos-form-dos{
	color: white!important;
	background: none!important;
	border-radius: 30px!important;
	font-size: 12px!important;
}

.ojos img{
	border: 10px solid white;
	box-shadow: 0 0 2px grey;
}

.contacto{
	border: 1px solid white;
	border-radius: 10px;
	font-family: 'Montserrat', sans-serif;
	background: white;
	box-shadow: 0 0 6px #B6B6B6;

}

.info{
	border: 2px solid #DEDCDC;
	border-radius: 20px;
	box-shadow: 0 0 12px #E2E2E2;
}

.main{
	
}

.main .container{
	
}

.clinica{
	border: 1px solid #B4B4B4!important;
	box-shadow: 0 0 12px #E2E2E2!important;
	border-radius: 20px;
	background: red!important;
}


.doctor{
	font-size: 20px;
}

.equipo{
	
	background: white;
	margin: 3px;
	box-shadow: 0 0 12px #E2E2E2;
}

.monofocal{
	/*background: var(--color-azul);*/
}

i{
	font-size: 18px;
}

.lente img{
	width: 200%;
}

.solucion .container{
	background: var(--color-azul-claro-medio)!important;
}

.disfruta{
	background: var(--color-azul);
}

.metodo-principal{
	background: url("../img/metodo.jpg");
	background-size: cover;
	background-position: center;
	padding: 120px 0px!important;
	background-repeat: no-repeat;
}

.metodo-retinopatia{
	background: url("../img/retinopatia/hector.jpg");
	background-size: cover;
	background-position: center center;
	padding: 120px 0px!important;
}



.metodo-glaucoma{
	background: url("../img/retinopatia/hector.jpg");
	background-size: cover;
	background-position: center center;
	padding: 120px 0px!important;
}

.metodo-lasik{
	background: url("../img/las.png");
	background-size: cover;
	background-position: center center;
	padding: 120px 0px!important;
}


.recuperado{
	background: var(--color-azul);
	color: white!important;

}

.tecnologia{

}

.quieres{
	
	border-radius: 10px;
	background: white!important;
	box-shadow: 0 4px 12px #B9B9B9;
}


.preguntas{
	font-size: 17px!important;
}

.financiamos{
	background: #f4f4f4;
}

.ventajas{
	background: #f4f4f4!important;
}

.contactanos{
	background: #f4f4f4;
}


.intro-financiamos .container{
	background: #E1F4FD!important;
}

.intro-financiamos h4{
	font-size: 45px!important;
}

.intro-financiamos p{
	font-size: 23px!important;
}

.plan{
	background: var(--color-azul);
}

.calcula{
	background: var(--color-azul);
}

.calculadora{

		background: var(--color-azul);
		
}

.aviso{
	font-size: 14px!important;
	line-height: 16px!important;
	color: white!important;
}

.hombre-mujer {
	background: url("../img/pre.png");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

}

.programa{
	border-radius: 20px;
	background: #E6E6E6!important;
}

.programa p{
	font-size: 12px!important;
}

.tabla-pre{
	font-size: 14px!important;
}

.calc{
	align-items: center!important;
}

.recupera{
	font-size: 45px!important;
	letter-spacing: 2px;
}

.recupera-glaucoma{
	font-size: 37px!important;
	letter-spacing: 2px;
}

/*.imagen-suite{
	width: 100%!important;
	background: red!important;
	
}

.imagen-suite img{
	display: block!important;
	width: 100%!important;
	
}
*/



@media (max-width: 680px){
	.bienvenida-promesa{
	width: 100%;
	
	background: #DADADA!important;

}


/*.bienvenida-promesa .contenedor{
	width: 95%!important;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
}*/


.promesa h1{
	font-size:37px!important;
	text-shadow: 0 0 2px #484848;
	font-family: Futura_medium;
	font-weight: 700;
	   
}
}


.vida h5{
	font-size: 25px!important;
}

.solucion .ciru{

	padding: 200px 0;
	background: white!important;
}

/*.test-con{
	border: 1px solid red!important;
	background:var(--color-azul)!important;
}*/

.texto-testimonial{
	background: white!important;
	height: 100%!important;
}


.contenido-testimonial{
	background: white!important;
}

.form-general{
	background: white!important;
}

.form-general h5{
	color: var(--color-azul)!important;
}

.form-general .contacto{
	background: var(--color-azul)!important;

}

.form-general .campos-form{
	border: 1px solid #4585C5;
	color: var(--color-azul)!important;
	
	background: #B3CAF3!important;
}

.form-general label{
	color: white;
	font-size: 13px!important;
}


.contacto-dos label{
	color: white!important;
}

.contacto-dos .campos-form{
color: white!important;
border: none!important;
border-bottom: 2px solid white!important;
border-radius: 0px!important;
}

.contacto-dos label{
	color: white!important;
}

.definitiva h5{
	font-size: 25px!important;
}

.doctores h5{
	font-size: 30px!important;
}

.mujer h4{
	font-size: 40px!important;
}

.mujer p{
	font-size: 23px!important;
}

.tablafinanciamiento{

}

.organizo h5{
	font-size: 23px!important;
}

.esperar h5{
	font-size: 23px!important ;
}

.plan h5{
	font-size: 23px!important;
}

.mejor h5{
	font-size: 23px!important;
}

i{
	font-size: 8px!important;
}
.encargamos h4 {
	font-size: 25px!important;
}

.financiada{
	font-size: 14px!important;
}

.comision {
	font-size: 25px!important;

}

.financiamos-letra{
	font-family: Futura_bold;
}

.prepago-sub{
	font-size: 23px!important;
}

.programa .descuento-programa{
	font-size:16px!important;
	
}

.retinopatia{
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(185,185,185,1) 100%);
}

.pterigion{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(185,185,185,1)  0%, rgba(255,255,255,1)  100%);
}

.glaucoma{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(185,185,185,1) 0%, rgba(255,255,255,1) 100%);
}

.estrabismo{
	background: rgb(161,190,216);
background: linear-gradient(90deg, rgba(161,190,216,1) 10%, rgba(236,240,244,1) 100%);
}

.blefa{
  background: rgb(170,170,170);
background: linear-gradient(90deg, rgba(170,170,170,1) 0%, rgba(242,242,242,1) 93%);
}

.solucion .container-blefa{
	background: rgb(222,242,253)impo !important;
background: linear-gradient(90deg, rgba(222,242,253,1) 2%, rgba(56,131,182,1) 78%)!important;
}

.lasik{
		background: rgb(185,185,185);
background: linear-gradient(90deg, rgba(76,129,169,1) 0%, rgba(216,242,255,1) 100%);
}

.parrafo-azul{
	font-size: 25px!important;
	color:red!important;
}

/*.mejorable{
	background:url("../img//retinopatia/retina.png");
	background-size: cover;

}*/
.container .navbar{
	 background: white!important;
}

.agradecicmiento{
	width: 100%;
	height: auto;

	background: url("../img/agradecimiento/1.jpg");
	background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
	
}

.agradecicmiento .container{
	margin-top: 100px;
}




 .col-12{
 	
 	
 	padding: 0!important;
 }



 .footer{
 	margin-top: 100px;
 }


.logotipo-footer-agradecimiento{
	
}

.logotipo-footer-agradecimiento img{
	width: 15%;
	margin: 0 auto;
}


 @media (max-width:600px) {
 
		 .agradecicmiento{
			padding:0;
			background: white;
				
			
		}

		.blefa{
  background: rgb(13,83,137);
background: linear-gradient(0deg, rgba(13,83,137,1) 0%, rgba(209,231,242,1) 100%);
}

		.footer{
		 	margin-top: 0;
		   }

		 .agradecicmiento .container{
			margin-top: 0;
		}


		.lasik{
		background: rgb(81,133,172);
background: linear-gradient(0deg, rgba(81,133,172,1) 2%, rgba(203,232,247,1) 78%);
}



}




@media (max-width:600px) {

	.icono-final {
/*	border: 1px solid red!important;*/
	
}

.icono-final img{
	width: 40%!important;
	display: block;
	margin: auto;
}


}




.texto-estrabismo{
	color: red!important;
}


.prepago-texto {
	color: white!important;
	text-shadow: 1px 1px #558ABB;
}


.red {
	
	display: flex;
	
	align-items: center;

	margin:10px 0;
	padding-left: 40px!important;
}

.red img{
	width: 12%!important;
	display: block;
	margin: 0 5px;
	padding: 0;
	
}

.redes-sociales{
	border: 1px solid red;

}

.redes{
	
	display: flex!important;
	justify-content: center!important;

}

./* SECCION CONTACTO */
.contacto{
    background: url("../img/ffondofinal.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    
}


.banner-principal{
	background: #D3D3D3!important;
}

.card-body{
	color:#1d4a8e!important;
}

.card-body p{
	color:#1d4a8e!important;
	
}

/*validacion de formularios*/

@keyframes myAnim {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.validacion{
	color: white;
	text-align: center;
	animation: myAnim 4s ease 0s infinite normal forwards;
}


.modal-content{
	background: #1d4a8e!important;
}

.form-general-pop{
	background: #1d4a8e!important;
	
}

.modal-title{
	color:white!important;
	line-height: 20px;
}

.close{
	color:white!important;
}

.campos-form-pop{
	color:white!important;
}


/*estilos whatsapp*/
.what {
    width: 10%;
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    background: #296399;
    box-shadow: 0 0 10px #6A6A6A;
    border-radius: 2%;
    cursor: pointer;
}

.what:hover{
    width: 10%;
    position: fixed;
    z-index: 99999;
    
   right: 0;
    bottom: 0;
    background: #1EE331;
    box-shadow: 0 0 10px #6A6A6A;
    border-radius: 2%;
    transition: all .3s ease;
      cursor: pointer;
}

.what img{
 width: 40%;
   margin: 0 auto;
   display: block;
}

@media (max-width: 600px) {
   .what{
    width: 100%;
    position: fixed;
    z-index: 99999;
    right: 0;

   bottom: 0;
    
    background: #296399;
    box-shadow: 0 0 10px #6A6A6A;
    border-radius: 2%;
    cursor: pointer;
}

.what:hover{
    width: 100%;
    position: fixed;
    z-index: 99999;
    
   right: 0;
  
    bottom: 0;
    background: #1EE331;
    box-shadow: 0 0 10px #6A6A6A;
    border-radius: 2%;
    transition: all .3s ease;
      cursor: pointer;
}

.what img{
 width: 8%;
   margin: 0 auto;
   display: block;
}
}

.doctora {
    background: white;
}

.iconito {
    width: 30%;
    border: 1px solid red;
}

.iconito img {
    width: 60%;
    display: block;
    height: auto;
}

/*faltantes*/
.iconito-doctora{
    width: 30%!important;
    
}

.iconito-doctora img{
     width: 60%!important;
    display: block;
   
}

.texto-icono{
    width: 100%;
 
}


.boton{
    background: #1d4a8e!important; 
    border:none!important;
    border-radius: 30px!important;
    
}


.sin-intermediarios {
    border-top: 2px solid var(--titulos);
    border-bottom: 2px solid var(--titulos);
    font-weight: 700!important;
    font-family: 'Oswald', sans-serif!important;
    text-transform: uppercase;
    
}

/*.g-recaptcha{
	display: block!important;
	border: 1px solid red;
}

#rc-anchor-container{
	width: 100%!important;
}*/


/*ESTILOS BTN NAVIDAD*/

/* Definir la animación */
@keyframes fadeInOut {
    0% {
/*        opacity: 1;*/
        transform: scale(1);
        transform: rotate(0deg);
        background-color: white!important;
    }
    50% {
/*        opacity: 0.5;*/
        transform: scale(1.1); /* Aumentar el tamaño en un 10% */
        transform: rotate(5deg);
        background-color: white!important;
    }

    100%{
    	 transform: scale(1.1); /* Aumentar el tamaño en un 10% */
        transform: rotate(0deg);
        background-color: white!important;
    }
}

.botones{
	/*display: flex;
	justify-content: flex-end;*/
}

button{

}

.btnNavidad{
	/*display: flex;
	flex-wrap: wrap;
	align-items: center;*/
	padding: 10px;
	background-color: white!important;
	border-radius: 15px;
	text-align: center;
	color: #970B0B;	
	font-size: 1rem;
/*	text-transform: uppercase;*/
/*	margin:20px 0!important;*/
	font-family: 'Sansita';
	font-weight: 900;
/*	border: 2px solid #FFFFFF!important;*/
	animation: fadeInOut 2s infinite; /* Aplicar la animación */
	box-shadow: 1px 1px 6px #B6B6B6;
	border: none;
	transform: rotate(5deg);

}

style{
	background: white!important;
}

i{
	margin-top: 22px!important;
	font-size: 18px!important;
	margin:0 5px ;
	color:green!important;
/*	border:1px solid red;*/
}







