@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}

* {margin: 0;padding: 0;border:0;font-family: 'Open Sans',Verdana,Helvetica,Tahoma,Arial,sans-serif;outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#000}

a:link, a:visited, a:active {text-decoration: none;color: #3E638E;outline:0;}
a:hover {text-decoration: none;}


.clear{clear:both;}
.fd{float:right !important}
.fl{float:left !important}
.l{text-align:left !important}
.d{text-align:right !important}
.c{text-align:center !important}

:root
{
	--negro:rgba(37, 55, 63, 1);/*#0f110f;*/
	--naranja:#E55200;
	--verde:#D7D12D;
	--fucsia:#DC2E8A;
	--blanco:#FFF;
	--gris:#F0F2F5;
}

.colorF {color:var(--fucsia) !important}
.colorV {color:var(--verde) !important}
.colorN {color:var(--naranja) !important}
.fillF {fill:var(--fucsia) !important}
.fillV {fill:var(--verde) !important}
.fillN {fill:var(--naranja) !important}

.colorW {color:var(--blanco) !important}
.colorB {color:var(--negro) !important}
.bcolorF {background-color:var(--fucsia) !important}
.bcolorV {background-color:var(--verde) !important}
.bcolorN {background-color:var(--naranja) !important}
.bgris {background-color:var(--gris) !important}
.bcolorW {background-color:var(--blanco) !important}

body {background:var(--blanco);text-align: center;padding:0;color:var(--negro);font-family: "DM Sans", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;}/* url(images/bg.png) 0 0 repeat-x*/

strong,b {font-family: "DM Sans", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}

/* COOKIES */
.msgcookie {display:block;position:fixed;z-index:1001;bottom:0;left:0;background:var(--negro);font-size:16px;padding:25px;box-shadow:0 0 35px rgba(0,0,0,0.25);right:0}
		.msgcookie p {text-align:left;font-size:15px;color:var(--blanco);}
		.msgcookie .miniboton{display:inline-block;font-size:15px;text-decoration:none;padding:10px;transition:0.2s all linear;margin:10px 10px 0 0}
			.acepto {background:var(--blanco);color:var(--negro);text-decoration:none !important;}
			.elotro {background:var(--blanco);color:var(--negro);text-decoration:none !important}
			
	a.ftwh {border-radius:50%;width:70px;height:70px;text-align:center;background:#25d366;position:fixed;right:25px;bottom:-80px;box-shadow:2px 2px 5px rgba(0,0,0,0.25);animation: floatBubble 1s forwards 1s;}
		a.ftwh svg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:0.2s all linear}
	a.ftwh:hover {background:var(--negro);}
		a.ftwh:hover svg {fill:var(--blanco);}
	@keyframes floatBubble {to {transform: translateY(-110px);}}

.contenedor{width:1140px;margin:0 auto;clear:both;position:relative}

	.header {display:inline;float:left;width:100%;z-index:102;background:var(--blanco);}
	
		.topbar {display:inline;float:right;margin:20px 0 0 0;position:relative;}
			.topbar h2 {font-size:15px;font-weight:400;text-align:right;color:var(--fucsia);}
				.topbar h2 span {display:block;font-size:26px;font-weight:700;line-height:100%;color:var(--fucsia);}
		
		.logo {display:inline;float:left;text-align:left;margin:20px 0;}
			.logo svg {height:40px;width:auto;}
		
		/* NEW slider */
		.slider {display:inline;float:left;width:100%;background:url(images/bg.jpg) 50% 50% no-repeat;background-size:cover !important}
			
			.sliderflex {display:flex;align-items:center;padding:50px 0;gap:50px}
			
			.c1 {flex:1 1 auto;text-align:left;}
				.c1 h2 {font-size:40px;text-shadow:2px 2px 2px #000;font-weight:300;line-height:100%;color:var(--blanco);}
					.c1 h2 span {display:block;padding-left:25px;font-weight:700;font-size:50px;color:var(--blanco);}
				.c1 h3 {font-size:24px;text-shadow:2px 2px 2px #000;font-weight:300;line-height:100%;padding-left:25px;margin:15px 0 20px 0;color:var(--blanco);}
				
				.c1 ul {list-style:none;margin:0 0 0 25px;}
					.c1 li {display:block;font-size:15px}
						.c1 li span {display:inline-block;background:#000;background:rgba(0,0,0,0.30);padding:4px 10px;font-weight:400;margin:0 0 4px 0;color:var(--blanco); }
							.c1 li span i {margin-right:5px;color:var(--fucsia)}
							
			.c2 {text-align:left;flex:0 0 350px;padding:20px 0;background:var(--blanco);}
				.c2 h3 {font-size:26px;font-weight:400;margin:0 0 10px 0;color:var(--fucsia);}
				.c2 p {font-size:14px;font-weight:400;margin:0 20px}
					.f12 {font-size:12px !important}
					.f11 {font-size:11px !important}
				.c2 fieldset {display:inline;float:left;width:100%;padding:20px 40px 0 40px}
					.c2 div {padding:0 0 10px 0}
					.form div {padding:0 0 10px 0;text-align:left}
						.form label {font-size:13px;font-weight:400;margin:0 0 5px 0;}
						.form input[type=text],.form input[type=tel],.form input[type=email],.form input[type=number] {width:100%;height:35px;padding:0 10px;border:0;background:var(--gris);}
							.form input[type=submit] {font-size:22px;font-weight:700;height:60px;background:var(--fucsia);color:var(--blanco);width:100%;}
							
			.dn {margin:15px 0 0 25px;display:none}
							
		/* VENTAJAS */
		.ventajas {display:inline;float:left;width:100%;padding:50px 0 0 0;text-align:left}
			.ventajas h2 {font-weight:700;font-size:40px;margin:0;}
			
			.ventajasflex {display:flex;align-items:flex-end}
				
				.ventajas dl {flex:1 1 auto;display:flex;flex-wrap:wrap}
					.ventajas dl div {flex:0 0 50%;padding:0 20px 50px 50px;position:relative}
					.ventajas dl div:before {position:absolute;top:0;left:0;width:36px;height:36px;font-size:28px;font-family:"Font Awesome 6 Free";font-weight:900;text-align:left;color:var(--verde);}
						.ventajas dl div:nth-child(1):before {content:"\f19d"}
						.ventajas dl div:nth-child(2):before {content:"\f248"}
						.ventajas dl div:nth-child(3):before {content:"\f091"}
						.ventajas dl div:nth-child(4):before {content:"\f4da"}
						
						.ventajas dt {font-size:18px;font-weight:700;margin:0 0 8px 0}
						.ventajas dd {font-size:13px;}
						.ventajas p {flex:0 0 100%;margin-bottom:50px}
					
			.chica {flex:0 0 420px;}
				.chica img {width:100%;height:auto;display:block;}
		
		/* LA MEJOR... */
		.about {padding:20px 0 50px 0}
			.about p:first-child {font-size:16px;letter-spacing:10px}
			.about h2 {margin:15px 0;font-size:40px;line-height:115%;font-weight:700}
			.about p.last {font-size:20px;line-height:28px;margin-bottom:0}
			
			.txt {max-width:100%}
				.txt p {font-size:16px;line-height:155%;margin-bottom:20px;letter-spacing:0 !important;}
		
		.bloques_2 {display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;list-style:none;margin:0 0 50px;padding:0;width:100%}
				.bloques_2 li{position:relative;border-radius:15px;padding:40px;transition:0.2s all linear;text-align:center}
					.bloques_2 li h2{font-size:24px;display:block;margin:0 0 15px 0;line-height:115%;display:block;transition:0.2s all linear;font-weight:700}
					.bloques_2 li p {font-size:16px;line-height:145%;transition:0.2s all linear}
					.bloques_2 li span {border-radius:100%;display:block;margin:0 auto 25px auto;width:80px;height:80px;position:relative;transition:all 0.2s all;}
						.bloques_2 li svg {display:block;width:40px;height:40px;transition:all 0.2s all;margin:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
						
						.bloques_2 li:hover h2,.bloques_2 li:hover p {color:var(--blanco);}
					
						.bloques_2 li:nth-child(1) span {background:var(--fucsia);}
						.bloques_2 li:nth-child(2) span {background:var(--verde);}
						.bloques_2 li:nth-child(3) span {background:var(--naranja);}
						.bloques_2 li:nth-child(1) svg,.bloques_2 li:nth-child(2) svg,.bloques_2 li:nth-child(3) svg {fill:var(--negro);transition:all 0.2s all;}
					
					.bloques_2 li:nth-child(1) {background:rgba(220,46,138,0.15);}
					.bloques_2 li:nth-child(1):hover {background:var(--fucsia);}
						.bloques_2 li:nth-child(1):hover svg {fill:var(--blanco);}
						.bloques_2 li:nth-child(1):hover span {background:var(--negro);}
					.bloques_2 li:nth-child(2) {background:rgba(215,209,45,0.15);}
					.bloques_2 li:nth-child(2):hover {background:var(--verde);}
						.bloques_2 li:nth-child(2):hover svg {fill:var(--blanco);}
						.bloques_2 li:nth-child(2):hover span {background:var(--negro);}
					.bloques_2 li:nth-child(3) {background:rgba(229,82,0,0.15);}
					.bloques_2 li:nth-child(3):hover {background:var(--naranja);}
						.bloques_2 li:nth-child(3):hover svg {fill:var(--blanco);}
						.bloques_2 li:nth-child(3):hover span {background:var(--negro);}
		
		
		.boton {display:inline-block;font-size:18px;border-radius:16px;padding:12px 20px;color:var(--blanco);text-decoration:none !important;box-shadow: 0 19px 40px -10px inherit;border:0;font-weight:700;text-transform:uppercase}
			.botonF {box-shadow: 4px 4px 50px rgba(220,46,138,0.45);}
			.botonN {box-shadow: 4px 4px 50px rgba(229,82,0,0.45);}
			.botonV {box-shadow: 4px 4px 50px rgba(215,209,45,0.45);}
		
		
		
		.bg {display:inline;float:left;width:100%;background:var(--gris);padding:35px 0;text-align:center}
		
		/* AGENDAR */
		.seo {background:var(--negro) 50% 50% no-repeat;padding:60px 0;position:relative;clear:both}
			.seo h2,.agencias h2,.medida h2 {font-size: 45px;line-height: 52px;}
			.seo h3,.agencias h3,.medida h3 {font-size:23px;line-height:38px;margin:10px 0 30px 0;font-weight:300}
		
		/* FOOTER */
		.footer {padding:20px 0;display:inline;float:left;width:100%;}
			.f1 {width:50%;display:inline;float:left}
				.f1 p {font-size:13px;line-height:110%;text-align:left}
			.f2 {width:50%;display:inline;float:left}
				.f2 p {font-size:13px;line-height:110%;text-align:right}
					
		/* POPUP */
		.overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.90);z-index:105;display:none}
		.popup {display:none;width:600px;height:400px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:106;padding:20px;background:var(--blanco);}
			.popup h2 {font-size:39px;font-weight:700;margin:0 0 15px 0}
				.popup .col1 {display:inline;float:left;width:50%;}
					.col1 h3 {text-align:left;font-size:16px;line-height:120%;font-weight:400}
					.col1 p {text-align:left;font-size:11px;line-height:120%;font-weight:400;margin:15px 0 0 0}
					
					.closepopup {position:absolute;right:10px;top:10px}
					
		.popup2 {display:none;width:600px;height:170px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:106;padding:20px;background:var(--blanco);}
			.popup2 h2 {font-size:39px;font-weight:700;margin:0 0 15px 0}
			
		.peque {font-size:13px}
			
/* RESPONSIVE */

/* Minimo 960px y maximo 1140px */
@media only screen and (max-width: 1149px) 
{
	.contenedor { width: 960px; }
	
	.ventajas h2 {margin:0 0 30px 0;}

}


/* Minimo 768px y maximo 960px */
@media only screen and (max-width: 959px) 
{
	.contenedor { width: 100%;padding:0 20px; }
	
	.sliderflex {gap:30px}
		.c1 h2 {font-size:35px;}
			.c1 h2 span {padding-left:15px;font-size:48px;line-height:48px;}
		
		.c2 {flex:0 0 320px;}
			.c2 fieldset {padding:20px 20px 0 20px}

	.ventajasflex {flex-wrap:wrap}
		.ventajas dl,.chica {flex:0 0 50%;}
			.ventajas dl div {flex:0 0 100%;padding:0 0 20px 50px;}
				.ventajas p {flex:0 0 100%;margin-bottom:20px;margin-top:20px}
			
	.bloques_2 {grid-template-columns:repeat(1,1fr);}
	
	.seo h2 {font-size: 35px;line-height: 42px;}
	.seo h3 {font-size:18px;line-height:23px;}
	
	.f1 p {font-size:12px;}
	.f2 p {font-size:12px;}
}

/* Minimo 480px y maximo 767px  */
@media only screen and (max-width: 767px) 
{
	.contenedor { }
	
	.sliderflex {flex-wrap:wrap;gap:50px}
		.c1,.c2 {flex:0 0 100%;}
	
	.ventajasflex {flex-wrap:wrap;gap:20px}
		.ventajas dl,.chica {flex:0 0 100%;}
			.ventajas dl div {flex:0 0 50%;padding:0 20px 20px 50px;}
			
	.f1,.f2 {width:100%;}
		.f1 p {text-align:center;font-size:12px;}
		.f2 p {text-align:center;font-size:12px;}
	
	.popup {width:100%;max-width:580px}
		.popup h2 {font-size:30px;}
			.popup .col1 {padding:0 20px 0 0}
				.col1 img {max-width:100%;height:auto}
					
	.popup2 {width:100%;}
		.popup2 h2 {font-size:30px;}
	
}

/* Maximo 768 para todos */
@media only screen and (max-width: 479px) 
{
	.contenedor { }
	
	.topbar {width:100%;margin:0 0 20px 0;background:var(--negro);}
		.topbar h2 {font-size:13px;text-align:center;padding:5px 0 7px 0;color:var(--blanco);}
				.topbar h2 span {display:inline-block;font-size:13px;margin-left:10px}
	
	.logo {display:block;float:left;text-align:center;margin:0 0 20px 0;width:100%;}
			.logo svg {height:40px;width:auto;display:block;margin:0 auto}

	.sliderflex {padding:20px 0;gap:20px}
		.c1 h2 {font-size:30px;}
			.c1 h2 span {padding-left:15px;font-size:40px;line-height:40px;}
		.c1 h3 {padding-left:15px;}
		.c1 ul {margin:0 0 0 15px;}
		
		
	.ventajas {padding:20px 0 0 0;}
		.ventajas h2 {font-size:30px;}
		
		.ventajas dl div {flex:0 0 100%;}
		
	.about h2 {font-size:24px;}
		.about p.last {font-size:16px;line-height:22px;}
		
}