@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,300&display=swap');
:root {
  --blanco:  #ffffff;
  --verde: #519970;
  --verdelogo:#729085;
  --verdeclaro:#729085;
  --verdebg:#366051;
  --negro:#000000;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?x6uobz');
  src:  url('fonts/icomoon.eot?x6uobz#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?x6uobz') format('truetype'),
    url('fonts/icomoon.woff?x6uobz') format('woff'),
    url('fonts/icomoon.svg?x6uobz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;

}
/* scrollbar*/
body{
 
 	scrollbar-base-color: #C0C0C0; 
  	scrollbar-3dlight-color: #C0C0C0;
   	scrollbar-highlight-color: #C0C0C0;
   	scrollbar-track-color: #EBEBEB;
   	scrollbar-arrow-color: black;
  	scrollbar-shadow-color: #C0C0C0;
  	scrollbar-dark-shadow-color: #C0C0C0;
  	background-color:#000;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	margin:0;

}
/*mozilla */
@-moz-document url-prefix(https://),url-prefix(https://) {
	scrollbar {
	   -moz-appearance: none !important;
	   background: rgb(0,255,0) !important;
	}
	thumb,scrollbarbutton {
	   -moz-appearance: none !important;
	   background-color: rgb(0,0,255) !important;
	}

	thumb:hover,scrollbarbutton:hover {
	   -moz-appearance: none !important;
	   background-color: rgb(255,0,0) !important;
	}

	scrollbarbutton {
	   display: none !important;
	}

	scrollbar[orient="vertical"] {
	  min-width: 6px !important;
	}
}


::-webkit-scrollbar {
     background-color: transparent;
     width: 6px;
}
::-webkit-scrollbar-thumb {
   /*  background-color: rgba(0, 0, 0, 0.2); */
   background-color: rgba(255, 255, 255, 0.2);
  /*   border: solid whiteSmoke 4px; */
  width: 6px;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
    -moz-border-radius: 0.25em 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.25em 0.25em 0.25em 0.25em;
}
::-webkit-scrollbar-thumb:hover {
    /* background-color: rgba(0, 0, 0, 0.3); */
    background-color: rgba(255, 255, 255, 0.3);
}
/*Acaba scrollbar*/
/*Iconos*/
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-link:before {
  content: "\e907";
}
.icon-bars:before {
  content: "\e904";
}
.icon-home:before {
  content: "\e906";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-triangle-up:before {
  content: "\e900";
}
.icon-triangle-right:before {
  content: "\e901";
}
.icon-triangle-left:before {
  content: "\e902";
}
.icon-triangle-down:before {
  content: "\e903";
}
.icon-close:before {
  content: "\f00d";
}
.icon-barras:before {
  content: "\f0c9";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-pinterest:before {
  content: "\f231";
}
.icon-whatsapp:before {
  content: "\f232";
}

.tit-aviso{
  color:#000000;
  font-weight:700;
}

/* General*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a,header,nav{display:block}
.clear{clear:both}
.container:after,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before{display:table;content:" "}
.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after{clear:both}
/*.container{padding-right:.9375em;padding-left:.9375em;margin-right:auto;margin-left:auto}*/
.container{margin:0 auto;max-width: 85.625em; /* Ancho máximo del contenedor */}
#bar-menu{background:0 0;border:none;font-size:55px;color:var(--blanco);padding:0}
a{transition:all .4s ease; color: var(--blanco);}
a:hovera.active{text-decoration:none}
a,a:focus{outline:0;border:0}
.img-responsive{width:100%;height:auto; display: flex}
.navbar-header{float:right}
.col-vaff-1,.col-vaff-2,.form80,.form20{float:left;position:relative;min-height:1px;width:100%}
.col-logo,.col-menus{position:relative;min-height:1px}
.col-logo{width:9.6875em;float:left}
.col-menus{width:3.4375em;padding-left:.9375em;float:right;margin:.4375em 0;text-align:right}
.bg-verde{background-color: var(--verde)}
.bg-bco{background-color: var(--blanco)}
.rounded{
  -webkit-border-radius: .625em;
  -moz-border-radius: .625em;
  border-radius: .625em;
}
.rounded2{
  -webkit-border-radius: 1.875em;
  -moz-border-radius: 1.875em;
  border-radius: 1.875em;
}
.text-center{
  text-align: center;
}
.left{text-align:left}
.right{text-align:right}
.header{
 
  padding:0;
  position: absolute;
  top:0;
  left:0; 
  width: 100%;
  height: 6.25em;
  z-index: 10000;
}
.bg-header{
   background-color: var(--verdebg);
   width: 100%;
   height: 6.25em;
    padding: 1.25em;
    top: 0;
    margin: 0;
}
}
.md{font-weight: 300}
.b{font-weight: 400}
.xb{font-weight: 800}
.big{font-size: 1.2em}
.header img{width:100%;max-width:23.75em}
#nosotros{
  position: absolute;
}
.col-vaff-3{
  position: relative;
  max-width: 18.75em;
  padding:.625em;
  margin:2.5em auto;
  background-color: var(--blanco);
  font-weight: 400;
  line-height: 1.25em
}
.cont-logo{
  width: 50%;
   margin:.3125em auto;
}
/* Nav*/
ul{list-style: none}

.navbar-default{border:0;background:0 0}
.navbar-default .navbar-nav>li>a,.navbar-mini>li>a{font-size:1.25em;}
.navbar-default .navbar-nav>li>a:hover,.navbar-mini a:hover{color:var(--blanco)}
.navbar-default .navbar-nav>li>a.active,.navbar-mini a.active{color:var(--blanco)}
.navbar-default .navbar-nav>li>a,.navbar-mini a{text-decoration:none;padding: .625em ;  margin:.125em .625em; }
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{background:var(--verdelogo);color:var(--blanco)}
.navbar-nav>li{float:left;position:relative}
.navbar-header>.navbar-mini{display:none}
.navbar-header.open>.navbar-mini{display:block}

.navbar-collapse{padding:0;text-align:left}
.navbar-mini{background-color: var(--verdebg);width:18.125em;margin:0;padding:.3125em 0;position:absolute;right:-1.25em; max-width: 100vw;z-index:1000;
-webkit-border-bottom-left-radius: 1.875em;
-moz-border-radius-bottomleft: 1.875em;
border-bottom-left-radius: 1.875em;}
.navbar-mini{padding-bottom: 1.5625em}
.navbar-mini>li{float:right}
.navbar-mini>li>a{display:block}
.navbar-mini>li>ul{display:none}
.navbar-mini>li>a:focus,.navbar-mini>li>a:hover{background:var(--verdelogo);color:var(--blanco)}
.navbar-mini>li>.ul-lv2{text-align:right}   
.navbar-mini>li>a>span{text-align:right}



#bar-menu{cursor:pointer}
.navbar-right{z-index:100}
.navbar-right .menu2>ul{padding-left:5em}
.navbar-right>li.open{background-color:#e2d7d7}
.navbar-right{float:none!important;display:none;padding:0}
.navbar-right>.hide-1119,.navbar-right>.hide-1399,.navbar-right>.hide-767{display:none}
/*top*/
#top{
  position:relative;
  background: url(../img/xs/vaff-soluciones-financieras.jpg) ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* Ancho del 100% y altura ajustada automáticamente */
  width: 100% ; /* Asegura que la div ocupe el ancho completo de su contenedor */
 margin-top :  6.25em;
  height: 100vw ;

}
#nosotros{
  position:relative;
  float: left;
  background: url(../img/xs/vaff-soluciones-financieras1.jpg) ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; /* Ancho del 100% y altura ajustada automáticamente */
  width: 100% ; /* Asegura que la div ocupe el ancho completo de su contenedor */
  margin-top : 0;
  height: 100vw ;

}
.top-content{
  margin :   20% 15%; 
  display: inline-block;
  position: relative;
  width: 70%  
}
.eb{
  font-weight: 800;
  font-size:1.5625em;
  color:var(--blanco);
}
.top-texto{
  font-weight: 400;
  color:var(--blanco);
  font-size:1em;
  line-height: 1.4em;
}
/*soluciones*/
.soluciones{
  color:var(--blanco);
}
.soluciones-content{
  line-height: 1.3em;
  margin :   auto; 
  display: inline-block;
  position: relative;
  width: 90%  
}
.soluciones2{
  color: var(--negro);
  font-weight: 700;
  width:100%
}
.input-vaff{
    background-color: transparent!important;
    background-color: inherit;
    border: .0625em solid var(--verde);
    height: 2.5em;
    z-index: 200!important;
    padding: .3125em .625em;
    margin: .3125em;
    color: var(--negro);
    width: 100%
}
.input-vaff .has-error {
  color: #a94442;
  border-color: #B94A48 !important;
}

.soluciones2-content{
  line-height: 1.3em;
  margin :  0  auto; 
  display: block;
  position: relative;
  width: 90%  ;
  padding:1.25em;
}
.vaff-btn{
  background-color: var(--verde);
  color:var(--blanco);
  border:none;
  padding:.3125em 1.875em;
  height: 2.5em
}
.form80,.form20{
  text-align: center;
}
.footer{
  background-color: var(--verde);
  color:var(--blanco);
  display: block;
  font-weight: 400;
  padding-top: 1.25em
}
.social-div,.dir-div{
 width: 100%;
  float:left;
}
.social-links{
  width: 100%;
  float:left;
  font-size: 2.5em;
  display: inline-block;
  margin-top: .625em
}
.social-links a, .dir-div a{
  text-decoration:none;
   display: inline-block;
   font-weight: 700
}
.social-links a:hover, .dir-div a:hover{
  color:var(--verdebg);
}
.dir-div{
  padding:1.25em;
  line-height: 1.5625em
}
#topcontrol span{
  height: 30px;
  font-size:40px;
}
#contModal{
   position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20000;
  display: none;

}
#aviso{
  line-height: 1.875em;
  display: block;
  cursor:pointer;
}
#aviso:hover{
  color:var(--verdebg);
}
#avisoModal{
  /*background-color: #51635c;*/
 /* background-color: #6a9c7f;
  color: var(--blanco);*/
  color:var(--verde);
  background-color: var(--blanco);
 width: 90vw;
  height: 90vh;
  overflow-y:auto;
  padding: 1em;
  position: relative;

}
.close-button {
    border-radius: 3.125rem;
    border: 0.0625rem solid var(--verde);
    width: 2.0625rem;
    height: 2.0625rem;
        right: 1rem;
    top: 0.5rem;
    font-size: 2em;
    line-height: 1;
    position: absolute;
    cursor: pointer;
    color: var(--verde)
}
@media(min-width: 400px){
  .top-content{
    width: 50%  
  }
}
@media(min-width: 500px){
  .top-content{
    width: 40%  
  }
}
@media(min-width: 700px){
  .top-content{
    width: 30%  
  }
  .form80{width: 80%;text-align:left;}
  .form20{width: 20%;float: right; text-align: right;}
}
@media (min-width:1000px){
  .top-content{
    margin : 15%; 
    width: 15.625em
  }
  .header{padding:0; height: fit-content; position:fixed;width: 100%}
  #bar-menu{display: none}
  .navbar-collapse{text-align:center}
  
  .col-menus{width:80%}
  .nav>li>a{ padding: .25em .5em;}
  
  .navbar-header.open>.navbar-mini {
      display: none;
  }
    
  .col-vaff-1{width: 40%}
  .col-vaff-2{
    width: 60%
  }
  .navbar-mini{display: none;}
  .navbar-right {display:inline-block;margin:0;}
  #top{
   background: url(../img/md/vaff-soluciones-financieras.jpg) ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    height: calc(100vw /2.13675213675214);
  }
  #nosotros{
   background: url(../img/md/vaff-soluciones-financieras1.jpg) ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    height: calc(100vw /2.13675213675214);
  }
  .soluciones-content{ margin-top: 5em}
  .soluciones2-content{
     width:80%;
      margin-top: 1.875em
  }
  .col-vaff-3{
    width: 20em;
    max-width:20em;
    height: 20em;
    line-height: 2em;
    padding:1em;
    font-size:1.25em;
    margin-top: 3em
  }
  .dir-div{
    width: 50%;
   
  }
  .social-div{
    width: 50%;
     float: right;
     padding-bottom: 2.5em
  }
  #avisoModal{
    padding: 2em;
  }
}
@media(min-width:1400px){
  .container{width:85.625em}
}
@media (min-width:3000px){
   #top{
    background: url(../img/xl/vaff-soluciones-financieras.jpg) ;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    height: 36.8421em;
  }
}