@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/* FUENTES */

.outfit-<uniquifier> {
  font-family: "Outfit", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
font-family: "Outfit", system-ui;
font-weight: normal;
  font-style: normal;
  color: #252927;
  overflow-x: hidden;
}
/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-5{margin-top: 5px;}.mt-10{margin-top: 10px;}.mt-15{margin-top: 15px;}.mt-20{margin-top: 20px;}.mt-25{margin-top: 25px;}.mt-30{margin-top: 30px;}.mt-35{margin-top: 35px;}.mt-40{margin-top: 40px;}.mt-45{margin-top: 45px;}.mt-50{margin-top: 50px;}.mt-55{margin-top: 55px;}.mt-60{margin-top: 60px;}.mt-65{margin-top: 65px;}.mt-70{margin-top: 70px;}.mt-75{margin-top: 75px;}.mt-80{margin-top: 80px;}.mt-85{margin-top: 85px;}.mt-90{margin-top: 90px;}.mt-95{margin-top: 95px;}.mt-100{margin-top: 100px;}.mt-105{margin-top: 105px;}.mt-110{margin-top: 110px;}.mt-115{margin-top: 115px;}.mt-120{margin-top: 120px;}.mt-125{margin-top: 125px;}.mt-130{margin-top: 130px;}.mt-135{margin-top: 135px;}.mt-140{margin-top: 140px;}.mt-145{margin-top: 145px;}.mt-150{margin-top: 150px;}.mt-155{margin-top: 155px;}.mt-160{margin-top: 160px;}.mt-165{margin-top: 165px;}.mt-170{margin-top: 170px;}.mt-175{margin-top: 175px;}.mt-180{margin-top: 180px;}.mt-185{margin-top: 185px;}.mt-190{margin-top: 190px;}.mt-195{margin-top: 195px;}.mt-200{margin-top: 200px;}
/*-- Margin Bottom --*/

.mb-5{margin-bottom: 5px;}.mb-10{margin-bottom: 10px;}.mb-15{margin-bottom: 15px;}.mb-20{margin-bottom: 20px;}.mb-25{margin-bottom: 25px;}.mb-30{margin-bottom: 30px;}.mb-35{margin-bottom: 35px;}.mb-40{margin-bottom: 40px;}.mb-45{margin-bottom: 45px;}.mb-50{margin-bottom: 50px;}.mb-55{margin-bottom: 55px;}.mb-60{margin-bottom: 60px;}.mb-65{margin-bottom: 65px;}.mb-70{margin-bottom: 70px;}.mb-75{margin-bottom: 75px;}.mb-80{margin-bottom: 80px;}.mb-85{margin-bottom: 85px;}.mb-90{margin-bottom: 90px;}.mb-95{margin-bottom: 95px;}.mb-100{margin-bottom: 100px;}.mb-105{margin-bottom: 105px;}.mb-110{margin-bottom: 110px;}.mb-115{margin-bottom: 115px;}.mb-120{margin-bottom: 120px;}.mb-125{margin-bottom: 125px;}.mb-130{margin-bottom: 130px;}.mb-135{margin-bottom: 135px;}.mb-140{margin-bottom: 140px;}.mb-145{margin-bottom: 145px;}.mb-150{margin-bottom: 150px;}.mb-155{margin-bottom: 155px;}.mb-160{margin-bottom: 160px;}.mb-165{margin-bottom: 165px;}.mb-170{margin-bottom: 170px;}.mb-175{margin-bottom: 175px;}.mb-180{margin-bottom: 180px;}.mb-185{margin-bottom: 185px;}.mb-190{margin-bottom: 190px;}.mb-195{margin-bottom: 195px;}.mb-200{margin-bottom: 200px;}
/*-- margin left --*/
.ml-5{margin-left:5px;}.ml-10{margin-left:10px;}.ml-15{margin-left:15px;}.ml-20{margin-left:20px;}.ml-25{margin-left:25px;}.ml-30{margin-left:30px;}.ml-35{margin-left:35px;}.ml-40{margin-left:40px;}.ml-45{margin-left:45px;}.ml-50{margin-left:50px;}.ml-55{margin-left:55px;}.ml-60{margin-left:60px;}.ml-65{margin-left:65px;}.ml-70{margin-left:70px;}.ml-75{margin-left:75px;}.ml-80{margin-left:80px;}.ml-85{margin-left:85px;}.ml-90{margin-left:90px;}.ml-95{margin-left:95px;}.ml-100{margin-left:100px;}.ml-105{margin-left:105px;}.ml-110{margin-left:110px;}.ml-115{margin-left:115px;}.ml-120{margin-left:120px;}.ml-125{margin-left:125px;}.ml-130{margin-left:130px;}.ml-135{margin-left:135px;}.ml-140{margin-left:140px;}.ml-145{margin-left:145px;}.ml-150{margin-left:150px;}.ml-155{margin-left:155px;}.ml-160{margin-left:160px;}.ml-165{margin-left:165px;}.ml-170{margin-left:170px;}.ml-175{margin-left:175px;}.ml-180{margin-left:180px;}.ml-185{margin-left:185px;}.ml-190{margin-left:190px;}.ml-195{margin-left:195px;}.ml-200{margin-left:200px;}
/*-- margin right --*/
.mr-5{margin-right:5px;}.mr-10{margin-right:10px;}.mr-15{margin-right:15px;}.mr-20{margin-right:20px;}.mr-25{margin-right:25px;}.mr-30{margin-right:30px;}.mr-35{margin-right:35px;}.mr-40{margin-right:40px;}.mr-45{margin-right:45px;}.mr-50{margin-right:50px;}.mr-55{margin-right:55px;}.mr-60{margin-right:60px;}.mr-65{margin-right:65px;}.mr-70{margin-right:70px;}.mr-75{margin-right:75px;}.mr-80{margin-right:80px;}.mr-85{margin-right:85px;}.mr-90{margin-right:90px;}.mr-95{margin-right:95px;}.mr-100{margin-right:100px;}.mr-105{margin-right:105px;}.mr-110{margin-right:110px;}.mr-115{margin-right:115px;}.mr-120{margin-right:120px;}.mr-125{margin-right:125px;}.mr-130{margin-right:130px;}.mr-135{margin-right:135px;}.mr-140{margin-right:140px;}.mr-145{margin-right:145px;}.mr-150{margin-right:150px;}.mr-155{margin-right:155px;}.mr-160{margin-right:160px;}.mr-165{margin-right:165px;}.mr-170{margin-right:170px;}.mr-175{margin-right:175px;}.mr-180{margin-right:180px;}.mr-185{margin-right:185px;}.mr-190{margin-right:190px;}.mr-195{margin-right:195px;}.mr-200{margin-right:200px;}


/*-- Padding Top --*/

.pt-5{padding-top:5px;}.pt-10{padding-top:10px;}.pt-15{padding-top:15px;}.pt-20{padding-top:20px;}.pt-25{padding-top:25px;}.pt-30{padding-top:30px;}.pt-35{padding-top:35px;}.pt-40{padding-top:40px;}.pt-45{padding-top:45px;}.pt-50{padding-top:50px;}.pt-55{padding-top:55px;}.pt-60{padding-top:60px;}.pt-65{padding-top:65px;}.pt-70{padding-top:70px;}.pt-75{padding-top:75px;}.pt-80{padding-top:80px;}.pt-85{padding-top:85px;}.pt-90{padding-top:90px;}.pt-95{padding-top:95px;}.pt-100{padding-top:100px;}.pt-105{padding-top:105px;}.pt-110{padding-top:110px;}.pt-115{padding-top:115px;}.pt-120{padding-top:120px;}.pt-125{	padding-top:125px;}.pt-130{padding-top:130px;}.pt-135{padding-top:135px;}.pt-140{padding-top:140px;}.pt-145{padding-top:145px;}.pt-150{padding-top:150px;}.pt-155{padding-top:155px;}.pt-160{padding-top:160px;}.pt-165{padding-top:165px;}.pt-170{padding-top:170px;}.pt-175{padding-top:175px;}.pt-180{padding-top:180px;}.pt-185{padding-top:185px;}.pt-190{padding-top:190px;}.pt-195{padding-top:195px;}.pt-200{padding-top:200px;}
/*-- Padding Bottom --*/

.pb-5{padding-bottom:5px;}.pb-10{padding-bottom:10px;}.pb-15{padding-bottom:15px;}.pb-20{padding-bottom:20px;}.pb-25{padding-bottom:25px;}.pb-30{padding-bottom:30px;}.pb-35{padding-bottom:35px;}.pb-40{padding-bottom:40px;}.pb-45{padding-bottom:45px;}.pb-50{padding-bottom:50px;}.pb-55{padding-bottom:55px;}.pb-60{padding-bottom:60px;}.pb-65{padding-bottom:65px;}.pb-70{padding-bottom:70px;}.pb-75{padding-bottom:75px;}.pb-80{padding-bottom:80px;}.pb-85{padding-bottom:85px;}.pb-90{padding-bottom:90px;}.pb-95{padding-bottom:95px;}.pb-100{padding-bottom:100px;}.pb-105{padding-bottom:105px;}.pb-110{padding-bottom:110px;}.pb-115{padding-bottom:115px;}.pb-120{padding-bottom:120px;}.pb-125{padding-bottom:125px;}.pb-130{padding-bottom:130px;}.pb-135{padding-bottom:135px;}.pb-140{padding-bottom:140px;}.pb-145{padding-bottom:145px;}.pb-150{padding-bottom:150px;}.pb-155{padding-bottom:155px;}.pb-160{padding-bottom:160px;}.pb-165{padding-bottom:165px;}.pb-170{padding-bottom:170px;}.pb-175{padding-bottom:175px;}.pb-180{padding-bottom:180px;}.pb-185{padding-bottom:185px;}.pb-190{padding-bottom:190px;}.pb-195{padding-bottom:195px;}.pb-200{padding-bottom:200px;}

/*-- Padding left --*/

.pl-0{padding-left:0px;}.pl-5{padding-left:5px;}.pl-10{padding-left:10px;}.pl-15{padding-left:15px;}.pl-20{padding-left:20px;}.pl-25{padding-left:25px;}.pl-30{padding-left:30px;}.pl-35{padding-left:35px;}.pl-40{padding-left:40px;}.pl-45{padding-left:45px;}.pl-50{padding-left:50px;}.pl-55{padding-left:55px;}.pl-60{padding-left:60px;}.pl-65{padding-left:65px;}.pl-70{padding-left:70px;}.pl-75{padding-left:75px;}.pl-80{padding-left:80px;}.pl-85{padding-left:85px;}.pl-90{padding-left:90px;}.pl-100{padding-left:100px;}.pl-105{padding-left:105px;}.pl-110{padding-left:110px;}.pl-115{padding-left:115px;}.pl-120{padding-left:120px;}.pl-125{padding-left:125px;}
/*-- Padding right --*/
.pr-0{padding-right:0px;}.pr-5{padding-right:5px;}.pr-10{padding-right:10px;}.pr-15{padding-right:15px;}.pr-20{padding-right:20px;}.pr-25{padding-right:25px;}.pr-30{padding-right:30px;}.pr-35{padding-right:35px;}.pr-40{padding-right:40px;}.pr-45{padding-right:45px;}.pr-50{padding-right:50px;}.pr-55{padding-right:55px;}.pr-60{padding-right:60px;}.pr-65{padding-right:65px;}.pr-70{padding-right:70px;}.pr-75{padding-right:75px;}.pr-80{padding-right:80px;}.pr-85{padding-right:85px;}.pr-90{padding-right:90px;}.pr-95{padding-right:95px;}.pr-100{padding-right:100px;}.pr-105{padding-right:105px;}
img { max-width: 100%;-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}

/* general*/
section, footer { margin: 0 auto; position: relative; max-width:1920px;}
.head_img { width: 100%; min-height: 100vh; position: relative; background-size: cover; background-position: center top; background-attachment: fixed;background-repeat: no-repeat;	background-image: url(../images/fondo-slider.jpg); padding-bottom:265px;}
.navbar-area { background: url(../images/fondo_top.png); background-position:top left; background-size:100% 182px; height:182px; padding-top:50px;background-repeat:no-repeat}
.parainfo { position: absolute; width:100%;right: 15px; }
.parainfo .container-fluid { position: relative;  }
.info { position: absolute; right:0;top:50px   }
.f20 { font-size:20px;}

.btn-wp { width: 55px ;
  height: 55px;
  overflow: hidden !important;
  border-radius: 0 !important;
  position: fixed !important;
  bottom: 90px;
  right: 75px;
  transition: 250ms !important;
  z-index: 999999999 !important;}
.btn-wp img {border: none !important;
  padding: 0 !important;
  outline: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
 	z-index: 999 !important;
  transition: 250ms !important;}
.vineta { max-width:590px; padding-top:100px; position:relative}
.vineta .contenedor {position: relative;height: 285px;padding-top: 93px;padding-left: 14.28%;margin-top: 40px;overflow: hidden;}
.vineta .contenedor::before { content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: url(../images/Contenedor.svg);background-size: 100% 286px;background-repeat: no-repeat;transition: opacity 0.5s ease;}
.vineta .contenedor:hover::before {opacity: 0;}
.vineta .contenedor:hover {background-image: url(../images/Contenedor_over.svg);}
.vineta .contenedor:hover > h3{color:#fff!important;}
.contenedor img { position:absolute; right:5px; bottom: 10px; z-index:2}
.vineta img.big { position:absolute;  z-index:1;right: -2px;  top: -65px;}
.vineta.float-r img.big { position:absolute;  z-index:1;right: 10px;  top: -80px;}
.contenedor h3 { font-weight:500; letter-spacing: -0.51px; border-left:6px #F00000 solid; padding-left:5.35%; line-height:1.185em;font-size: 1.68em; position:relative; z-index:5}
 a .contenedor h3 { color:#252927}
.boton { border-radius: 5px; padding: 15px 21px; text-align: left; display:inline-block; font-weight:400; font-size:20px; cursor:pointer; background-color: #F00000; color:#fff; border: none;-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.boton.btn_flecha:hover {  background-color: #252927;}
.vineta a:hover{ opacity:1!important;}
.btn_flecha { background-image: url(../images/flecha-blanca.svg); background-repeat: no-repeat; background-position:  center right  21px; cursor:pointer;padding-right: 85px;}

.parapico {  position: absolute; bottom: 0;   width: 100%;}
.pico { position:absolute; z-index:5; bottom: 0; right:0;}
.parapico .container-fluid {    position: relative;  }
.parapico .container-fluid .redes {    position: absolute; z-index:10; right: 15px; top:-68px;  }
.parapico .container-fluid .redes span { font-weight:500; font-size:17px; line-height:2.52;  }

.info_foot h6 { font-size:17px; font-weight:500; margin-bottom:5px;}
.info_foot span { font-size:17px; font-weight:200; }
.footer-area .footer-copyright a {  color: #0058FF; font-weight:600; font-size:15px; text-align:right}
.footer-area .footer-copyright { font-size:16px; }
.footer-copyright .rowy2 { border-top:1px solid #F00000;}
.redes a {display: inline-block; width:48px; height:48px;-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.redes a:hover {text-align: center; background-color: #F00000; border-radius: 50px;}
.redes a:hover img {filter: brightness(100);}

@media (min-width:992px) and (max-width: 1199.98px){
	.pico img {max-width: 830px;  height: 107px; }
	.rowy { justify-content: center; flex-wrap: wrap; margin: 0 auto; text-align: center; width: 750px;	}
	.col2 {	width: 50%;	}
	.col3 {	width: 40%;	}
	.col4 {	width: 60%;	}
	.col2 .br { border:none;}
}
@media (min-width:768px) and (max-width: 991.98px){
	.pico img {max-width: 560px;  height: 107px; }
	.max-xs { display:none;}
	.rowy { justify-content: center; flex-wrap: wrap; margin: 0 auto; text-align: center; width: 738px;}
	.col2 { width: 50%;	}
	.col3 {	width: 40%;	}
	.col4 {	width: 60%;	}
	.col2 .br { border:none!important;}
	.btn-wp {width: 40px; height:40px;right: 35px;bottom: 180px;}

}

@media (min-width:576px) and (max-width:767.98px){

	.max-xs { display:none;}
	#footer div.mb-25{ max-width:576px; margin: 0 auto 25px auto;}
	.footer-copyright div.mb-15{ max-width:576px; margin: 0 auto 15px auto;}
	.footer-copyright .rowy2 { max-width:576px; margin: 0 auto;}
	.btn-wp {width: 40px; height:40px;right: 35px;bottom: 120px;}
}
@media (max-width:575.98px){
	
	.btn-wp {width: 40px; height:40px;right: 10px;bottom: 60px;}
	.parainfo .info img { width:132px;}
	
	.vineta {width:320px;}
	.vineta .logos { width: 163px;}
	.vineta.float-r { padding-top: 100px!important;}
	.vineta.float-r .logos { width: 150px;}
	.vineta .contenedor {height: 160px; padding-top: 0; padding-left: 35px; margin-top: 20px; overflow: hidden; }
	.vineta .contenedor:hover {background-size: 100% 160px;}
	.vineta .contenedor::before {background-size: 100% 160px;}
	.contenedor img { width:80px}
	.contenedor img.mini { width:100px}
	.vineta.float-r img.big { width: 152px; top: -40px; right: 0px;}
	.vineta img.big { width:160px; top:-36px; right:-10px}
	.vineta .contenedor h3{ font-size:15px; position:absolute; top:50px}
	.pico img {max-width: 100%;    height: 42px;}
	.pico img.desk { display:none;}
	.btn_flecha {background-position: center right  10px!important;padding: 10px 40px 10px 10px !important;}

	.boton {font-size: 14px!important;}
	#footer div.mb-25{ max-width:320px; margin: 0 auto 25px auto;}
	.footer-copyright div.mb-15{ max-width:320px; margin: 0 auto 15px auto;}
	.footer-copyright .rowy2 { max-width:320px; margin: 0 auto;}
}

@media (max-width:767.98px){

	.navbar-area { background: url(../images/fondo_top_mobile.png); background-position:top left; background-size:100% 77px; height:78px; padding-top:21px; background-repeat:no-repeat}
	.logo img { max-width: 120px;}
	.info {  top:0   }
	.parainfo .info span, .parapico .container-fluid .redes { display:none;}
	.vineta {padding-top:50px;}
	#footer .redes { padding-bottom:25px; border-bottom:1px solid #F00000; }
	
	.rowy {	justify-content: center;display: block !important;	margin: 0 auto;	}
	.col1 { display:none} 
/**/

	
}

/*-------GENERALES-------------*/

@media (max-width:1199.98px){
	.vineta {margin: 0 auto;}
	.vineta.float-r { padding-top:150px;}
}


@media (min-width: 992px){
	.max-xs { display:none;}
	.max-md { display:none;}
	
}
@media (min-width: 1200px){
	.vineta.float-r{ margin-left: auto;  order: 2; }
	.rowy { justify-content: space-between;align-items: center}
	/**/
	
}

@media (min-width: 768px){
	#footer .redes { display:none;}	
	.info_foot { text-align:right;}
	.info_foot.br {border-right: 1px solid #707070; padding-right:30px;}
.rowy2 { justify-content: space-between;align-items: center; display:flex;}
}