/* AZUL CLARITO color: #38b5de; 
   AZUL OSCURO color: #0f2c47;  */

body, html {
	margin:0px;
	padding:0px;
 

  font-family: 'Roboto Condensed', sans-serif;

  background-color: white;
   
}
html {scroll-behavior: smooth}

#general {
    overflow-x: hidden;
}


@font-face {
    font-family: 'avenirL';
    src:url('../font/AvenirLTStd-Light.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'avenirH';
    src:url('../font/AvenirLTStd-Heavy.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'chalet';
    src:url('../font/Chalet-ParisNineteenSixty.otf')format('opentype');
    font-weight: normal;
    font-style: normal; 
}


/* GENERALES ........................................................................................................................ */

.cien {
  width: 100%;
}


.xref {
     position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1300px;
    z-index: 1000;
    opacity: 0.2;
    border: 1px solid red;
    pointer-events: none;
    top: 2110px;
}




/* SECTION MENU ........................................................................................................................ */
.menu{
    width: 100%;
    height: 110px;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    /* max-width: 1300px; */
    left: 0;
    right: 0;
    margin: auto;
    background-color: white;
    box-shadow: 10px 4px 4px rgba(0,0,0,0.2);
}

.menuPC-Tablet {
    margin-top: 2.4% !important;
    display: flex;
    justify-content: space-around;
    /* max-width: 1300px; */
    margin: 0 auto;
    color: white;
    text-transform: uppercase;
    align-items: center;
    height: 68px;
    width: 92%;
   /* border: 2px solid black;*/
}

.menuPC-Tablet .logo{
    flex: 10%;
    /* border: 1px solid green; */
    text-align: center;
    font-size: 2em;
    letter-spacing: 15px;
    padding-right: 25px;
}

.logo img {
    width: 100%;
    min-width: 70px;
    cursor: pointer;
    max-width: 180px;
}

.menuItem{
 /* flex: 9%;*/
    /* border: 1px solid pink; */
    text-align: center;
    margin-right: 3%;
   /* font-size: 0.8em;*/
    cursor: pointer;
}

.menuItem a {
    text-decoration: none;
    color: black;
    font-family: 'Roboto Condensed';
    letter-spacing: 1.0px;
    font-size: 11px;
}

section.menu > div > div:nth-child(2) {
  border-left: 1px solid white;
}



/* BUTTON FIX ........................................................................................................................ */
.butfix {
position: fixed;
    right: 6%;
    bottom: 50px;
    z-index: 99999;
    cursor: pointer;
    width: 250px;
    opacity: 0;
    display: none;

}
.butfix img {width: 100%;}



/* SECTION 1 ........................................................................................................................ */

.Section1 {
    width: 100vw;
    height: 100vh;
    
    position: relative;  
    overflow: hidden;
    background-image: url('../img/homebkmap.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
   /* background-color: green;*/

    display: flex;
    justify-content: center;
    align-items: center;
}
.se1ZoDown {
  position: absolute;
  width: 100%;
  height: 20vh;
  bottom: 0;
  background-color: #f5f5f5;
  text-align: center;
}

.se1ZoDown .wrappSections p {
    color: #343434;
    line-height: 22px;
    width: 715px;
    text-align: center;
    min-width: 300px;
    margin: auto;
    font-size: 17px;
    font-family: 'Roboto Condensed';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: fit-content;
    bottom: 0;
}


.wrappSections {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1300px;
  /*border: 2px solid black;*/
  left: 0;
  right: 0;
  margin: auto;
}



.iconplace {
 /* border: 1px solid black;*/
  width: 90%;
  height: 80%;
  top: 110px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 500;
  position: absolute;
}
.cartelNegocio {
    opacity: 0;
    width: 11%;
    height: 11%;
    position: absolute;
    top: 10%;
    left: 29%;
    z-index: 150;

    pointer-events: none;
}
.cartelCompetencia {
    opacity: 0;
    width: 10%;
    height: 10%;
    position: absolute;
    top: 70%;
    left: 18%;
    z-index: 150;

    pointer-events: none;
}
.cartelClientes {
    opacity: 0;
    width: 10%;
    height: 10%;
    position: absolute;
    top: 48%;
    left: 10%;
    z-index: 150;

    pointer-events: none;
}
.cartelLanza {
     opacity: 0;
    width: 17%;
    height: 17%;
    position: absolute;
    top: 62%;
    left: 37%;
    z-index: 150;

    pointer-events: none;
}

.cartelImpacUsers {
    opacity: 0;
    width: 17%;
    height: 17%;
    position: absolute;
    top: 60%;
    left: 37%;
    z-index: 150;

    pointer-events: none;
}

.tunegocio {
    opacity: 0;

   /* width: 15%;*/
    height: 15%;
    position: absolute;
    top: 25%;
    left: 48%;
    
    
    z-index: 100;

}
.zona {
    opacity: 0;
    /*width: 42%;*/
    height: 42%;
    position: absolute;
    top: 20%;
    left: 38%;
    z-index: 50;
    transform: scale(0.1);

}
.cliente {
    opacity: 0;
    height: 10%;
    width: 10%;
 
    position: absolute;
 
  
    z-index: 100;
}
.competencia {
    opacity: 0;
    height: 10%;
    width: 10%;
 
    position: absolute;
 
  
    z-index: 50;
}
#txtInfoMap {
    opacity: 1;
    display: none;
    pointer-events: none;
    width: 330px;
    position: absolute;
    bottom: 23%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 500;

    text-align: center;
    text-transform: uppercase;
    color: black;
    font-family: "Roboto Condensed";
    font-size: 12px;
    letter-spacing: 1px;

}
#txtInfo {
    opacity: 1;
    display: none;
    pointer-events: none;
    width: 210px;
    position: absolute;
    bottom: 23%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 500;

}
.fotoIcon {
      max-width: 55px;
    position: absolute;
    z-index: 150;
    top: -20px;
    
    left: -10px;
}
#txtInfoImg {
  width: 100%;
}
#txtInfoText {
      background-color: white;
    padding: 15px 0px 15px 0px;
    padding-right: 30px;
    text-align: right;
    border-radius: 80px;
    color: black;
    font-family: "Roboto Condensed";
    font-size: 12px;
    letter-spacing: 1.1px;
}

/* red: #9c1f33; 
blue: #4d83e4*/

.impacto {
    opacity: 0;
    
    height: 15%;
    width: 15%;
 
    position: absolute;
 
    transform: scale(0.8);
    z-index: 90;
     pointer-events: none;
}
.imp1 {
    top: 8%;
    left: 38%;
}
.imp2 {
    top: 17%;
    left: 58%;
}
.imp3 {
    top: 40%;
    left: 33%;
}
.imp4 {
    top: 48%;
    left: 56%;
}

.cli1 {
    top: 24%;
    left: 15%;
}
.cli2 {
    top: 45%;
    left: 10%;
}
.cli3 {
    top: 20%;
    left: 78%;
}
.cli4 {
    top: 50%;
    left: 74%;
}
.cli5 {
    top: 30%;
    left: 25%;
}

.com1 {
    top: 56%;
    left: 20%;
}
.com2 {
    top: 12%;
    left: 65%;
}
.com3 {
    top: 54%;
    left: 84%;
}

.clit1 {
    top: 19%;
    left: 45%;
}
.clit2 {
    top: 44%;
    left: 54%;
}
.clit3 {
    top: 28%;
    left: 58%;
}
.clit4 {
    top: 36%;
    left: 40%;
}
 
.cliente img, .competencia img, .tunegocio img, .zona img,
.cartelNegocio img, .cartelClientes img, .cartelCompetencia img, .cartelLanza img, .cartelImpacUsers img,
.impacto img
     { height: 100%; }


.txtintro {
     position: absolute;
    top: 0;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 200;
   /* width: 300px;*/
    height: fit-content;
   /* border: 1px solid red;*/
    text-align: center;

    opacity: 0;

    font-family: 'Roboto Condensed';
    color: red;
    font-size: 41px;
    line-height: 46px;

    background: -webkit-linear-gradient(0deg, #911c2e, #c43042);

    transform: translateY(50px);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Section1 .wrapper {
  margin-top: -15%;
  width: 35%;
  height: 35%;
  position: relative;
}





/* SECTION 2 ........................................................................................................................ */
.Section2 {
    width: 100vw;
    height: 20vh;
    background-color: #f5f5f5;
    position: relative;

}

.Section2 .wrappSections p {
    color: #343434;
    width: 715px;
    text-align: center;
    min-width: 300px;
    margin: auto;
    font-size: 17px;
    font-family: 'Roboto Condensed';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: fit-content;
    bottom: 0;
}
























/* SECTION 3 ........................................................................................................................ */
.Section3 {
    width: 100vw;
   /* height: 60vh;*/
    background-color: white;
    position: relative;
    overflow: hidden;


}

.s3content {
     display: flex;
    flex-direction: row;
    width: 90%;
    /*height: 60vh;*/
    margin: 80px 0px;
   /* border: 1px solid black;*/
}

.s3izq {
   /* background-color: yellow;*/
    flex: 1.1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


    transform: translate(0px, 70px);
}
.s3der {
  /*background-color: green;*/
    flex: 0.9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.imas3cuad {
    width: 100%;
   /* float: left;*/
}
.imas3around{
   width: 100%;
    float: left;
    margin-right: 20px;
}
.divima {
  max-width: 100px;
  transform: scale(0.1);
  opacity: 0;
  float: left;
  margin-right: 20px;
 /* border: 1px solid red;*/
}
.divimader {
  max-width: 70px;
}
.s3dertxt {
  border-left: 2px solid black;
    margin-left: 90px;
}
.s3derimatxt {
      margin-left: 30px;
}
.s3izqimatxt {
    margin-bottom: 25px;
    clear: both;
    overflow: auto;
    width: 80%;
    /*border: 1px solid black;*/
}
.spp {
  padding-left: 20px !important;
}
.wsp {
  width: 370px;
}
.s3izqtxt {
  margin-top: 25px;
}
.sderBigtit {
    font-family: 'Roboto Condensed';
    color: #4266b2;
    font-size: 40px;
    /* width: 330px; */
    margin-left: 50px;
    /* padding-bottom: 50px; */
    font-weight: 600;
    line-height: 46px;
    background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s3tit {
   font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.s3subtit {
      font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.s3minitxt {
      font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 13px;
    margin: 0;
    padding: 0;
}



.plataTit {
 
  transform: translate(0px, 30px);
 }







/* SECTION VIDEO  ...................... */

.SectionVideo {
    width: 100%;
   /* height: 80vh;*/
    background-color: white;
    position: relative;
 overflow: hidden;
    margin-top: -1px !important;

}

video {
  width: 100%;
  height: auto;
  margin-bottom: 80px !important;
  cursor: pointer;
}

video:focus {
  outline: none !important;
}
.videoScale {
    width: 75%;
    margin: 0 auto;
}



/* SECTION 4  ...................... */

.Section4 {
    width: 100%;
    height: 100vh;
    background-color: #f5f5f5;
 /*      background-color: grey;*/
    position: relative;
    overflow: hidden;
    margin-top: -1px !important;




}
.Section4Mobile {
  width: 100vw;
 /* background-color: red;*/
  overflow: hidden;

}
.s4content {
      width: 90%;
    height: 60vh;
    /* margin: 80px 0px; */
  /*  border: 1px solid black;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}


.aliC {text-align: center}



.title0 {
 
  font-family: 'Roboto Condensed';
    color: #4266b2;
    font-size: 40px;
   /* width: 330px;*/
    margin-left: 30px;
     font-weight: 600;
    padding-bottom: 20px;
    line-height: 46px;
   background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} 
.txtParrafo {
 
  font-size: 14px;
  /* letter-spacing: 1px; */
  line-height: 16px;
  color: #343434;
  opacity: 1;

}
 .apagado {opacity: 0.2}
.sec4Ima1 {
  /* position: absolute;
    left: 0;
    top: -80px;
    max-width: 1000px;
    left: -400px;
    z-index: -10;*/
}
.spColorBod { background-color: #122229;}


.Section4 .section4Txt {
    position: relative;
    color: #182d35;
    padding: 60px 0px 60px 00px !important;
    
}

.section4TxtMobile, .sec4CarruselMob {display: none}

.section4Txt-Caja {
  
     margin-left: 22px;
    max-width: 400px;
    padding-left: 15px;
    margin-bottom: 30px;
}
.cajaPrimera {margin-top: 30px;}
.cajaResto {margin-top: 20px;}

.s4-cajaTitular {
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;

}

 .apagado {opacity: 0.2}
 

.s4-cajaParrafo {
    font-family: 'Roboto Condensed';
  padding: 0 !important;
  margin: 0 !important;
  text-align: justify;
} 


#s4Caja2 .s4-cajaTitular span::before{
 content: "\A";
 white-space: pre;
}


.section4Image {
position: absolute;
    right: 0;
    top: 0;
    max-height: 700px;
    width: 70%;
    bottom: 0;
    max-width: 860px;
    margin: auto;
    /* border: 2px solid green;
  /*border: 2px solid green;*/

}
.detailSec4_4 {
    width: 90%;
    margin-left: 60px;
    margin-top: 100px;
}
/*.section4Image  img {
  position: absolute;
  opacity: 0;
  transform: translateY(600px);
  transition: all 0.5s;

}*/
.mg {
   position: absolute;
  opacity: 0;
  transform: translateY(600px);
  transition: all 0.5s;
}
.s4marginB {padding-bottom: 10px;}
.s4g2{
 /*  display: flex;
    flex-direction: row;*/
   /* border: 1px solid red;*/
    width: 85%;
    top: 15%;
    left: 140px;
   /* align-items: flex-end;*/

  /*  height: 100%;*/

}
.v1_2 {
    width: 60%;
    position: absolute;
    left: -20px;
    right: 0;
    bottom: -160px;
    margin: auto;

    opacity: 0.3;
    transform: translateY(150px);

}
.v2_2 {
   width: 50%;
    position: absolute;
    left: -340px;
    right: 0;
    bottom: -220px;
    margin: auto;
    z-index: 100;

    opacity: 0.3;
    transform: translateY(150px);

   
}
.detailSec4_3 {
  width: 85%;
}
.v2_3 {
    right: 0;
    width: 53%;
    position: absolute;
    right: 20px;
    top: 160px;
    margin: auto;

    opacity: 0.3;
    transform: translateY(150px);
}

.detailSec4_V2 {
    width: 70%;
    position: absolute;
    left: 90px;
    right: 0px;
    top: 180px;
    margin: auto;

    opacity: 0.3;
    transform: translateY(150px);
}
.detailSec44_V2{
   width: 65%;
    position: absolute;
    /* left: 0px; */
    right: 80px;
    bottom: -110px;
    margin: auto;

    opacity: 0.3;
      transform: translateY(150px);
}
.cap2 {color:white}

.s4TitBeCirc {
 /*  color: white;*/
    font-family: dinproBl;
    letter-spacing: 2.5px;
    font-weight: 800;
    margin-bottom: 30px;

    padding-left: 20px;

    background: rgb(121,104,67);
    background: linear-gradient(90deg, rgba(121,104,67,1) 0%, rgba(226,208,144,1) 18%, rgba(202,185,159,1) 40%, rgba(100,89,78,1) 63%, rgba(113,106,98,1) 100%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.s4FlexConCircle {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 20px;
}

.s4CirCapa1 {
     flex: 40%;
   /* border: 1px solid green;*/
}
.s4CirCapa1 img {
  width: 100%;
}
   
.s4CirCapa2 {
    color: white;
   /* border: 1px solid green;*/
    top: 0;
    flex: 80%;
    bottom: 0;
    margin: auto;
    /* position: absolute; */
    /* margin-top: 15%; */
    /* line-height: 85px; */
    padding-left: 15px;
    /* margin-top: 25px; */
    font-family: dinproB;
    font-size: 15px;
    opacity: 1;
}
.s4CirCapa2 span {
  font-family: dinpro;
}
.s4zCapa {
    flex: 50%;
    max-width: 500px;

  /*  border: 1px solid green;*/
    

}






















/* SECTION 5 ........................................................................................................................ */
.Section5 {
    width: 100vw;
    height: 250px;
    background-color: white;
    position: relative;
    overflow: hidden;
}
.s5txt {
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: left;
}
.logcuad {
    display: flex;
    margin-top: 20px;
    flex-direction: row;

}
.logspace {
    height: 52px;
    flex: 1;
    margin: 20px;
    display: flex;
    align-items: flex-end;

   
}
.logspace img {
  height: 100%;
}
.s5content {
    width: 80%;
    margin: 0 auto;
    /*border: 2px solid green;*/
    margin-top: 45px;
}


.Section5 .wrappSections .s5content .logcuad .logspace {
     opacity: 0;
    transform: scale(0.1);
}


















/* SECTION 6 ........................................................................................................................ */
.Section6 {
    width: 100vw;
   /* height: 300px;*/
    background-color: #f5f5f5;
    position: relative;
    overflow: hidden;
}




.s6txt {
    font-family: 'Roboto Condensed';
    color: #4266b2;
      font-weight: 600;
    font-size: 40px;
   background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    margin-top: 0;
    margin-bottom: 70px;

}
.s6content {
    width: 85%;
    text-align: center;
    margin: 0 auto;
        padding: 70px 0px 100px 0px;
    /*border: 2px solid green;*/
   /* margin-top: 45px;*/
}

.s6logcuad {
    display: flex;
    margin-top: 20px;
    flex-direction: row;

}
.s6logcuad .logspace {
   height: 60px;
    justify-content: center;
    flex: 1;
    margin: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.s6logcuad .logspace img {
  height: 100%;
  margin-bottom: 40px;
}

.s6tit {
   font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.s6subtit {
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}



.Section6 .wrappSections .s6content .s6logcuad .logspace {
    opacity: 0;
    transform: translate(0px, 20px);
}













/* SECTION 7 ........................................................................................................................ */
.Section7 {
    width: 100vw;
    height: 780px;
    background-color: white;
    position: relative;
    overflow: hidden;
}



.s7txt {
    font-family: 'Roboto Condensed';
    color: #4266b2;
    font-size: 40px;
        font-weight: 600;
    background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 70px !important;
    margin-bottom: 70px;
    width: 800px;
    margin: 0 auto;

}
.s7content {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    /*border: 2px solid green;*/
   /* margin-top: 45px;*/
}

.s7logcuad {
    display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.s7logspace {
/*     background-color: red;*/
    width: 220px;
    height: 220px;
    margin: 15px;
    overflow: hidden;
    position: relative;

    transform: translate(0px, 60px) scale(0.9);

    opacity: 0;
    /*border: 2px solid black;*/
}

/*.s7logcuad .logspace {
   height: 60px;
    justify-content: center;
    flex: 1;
    margin: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}*/
.s7logspace img {
  /*width: 100%;*/
  
  width: 100%;
  opacity: 1;
  transform: scale(1.3);
  
}
.s7capaRed {
    background-image: url(../img/sec7/capared.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}
.s7tit {
    font-family: 'Roboto Condensed';
    color: white;
    font-size: 16px;
    pointer-events: none;
    margin: auto;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: fit-content;
    width: fit-content;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 300;
}

.s7subtit {
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}








/* SECTION 8A ........................................................................................................................ */

.Section8A {
    width: 100vw;
    height: 180px;
    background-color: white;
    position: relative;
}




.s8Atxt {
   font-family: 'Roboto Condensed';
  color: #4266b2;
  font-weight: 600;
    font-size: 40px;
       background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 15px !important;
    margin-bottom: 70px;
   /* width: 800px;*/
    margin: 0 auto;

    transform: translate(0px, 50px);

}


















/* SECTION 8 ........................................................................................................................ */

.Section8 {
    width: 100vw;
   /* height: 73vh;*/
    
    position: relative;  
    
   /* background-image: url('../img/homebkgente2.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    /*background-color: green;*/

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;
}

.wrappSectionsSp {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 1300px;
  border: 2px solid black;
  left: 0;
  right: 0;
  margin: auto;
}


.s8bkimag {
    width: 100%;
  
   
}
.lay1 {
    position: absolute;
    display: block;
  
    left: 0;
    z-index: 100;
    width: 100%;
    bottom: 0;

    opacity: 0;

}
.lay2 {
    position: absolute;
    display: block;
  
    left: 0;
    z-index: 200;
    width: 100%;
    bottom: 0;  

    opacity: 0;
    
}
.lay3 {
    position: absolute;
    display: block;
  
    left: 0;
    z-index: 300;
    width: 100%;
    bottom: 0;  

    opacity: 0;
    
}
.laymira{
    position: absolute;
    display: block;
  
    left: 0;
    z-index: 400;
    width: 100%;
    bottom: 0;  

    opacity: 0;
    display: none;
    
}
.miracircle{
      position: absolute;
    display: block;
    left: 22%;
    z-index: 400;
    width: 23%;
    /* bottom: 0; */
    /* right: 0; */
    /* margin: auto; */
    top: 42%;
    filter: brightness(100);
    
}
.miracircle img{
    width: 100%;
   
    
}
.lay0 {
    width: 100%;
    position: absolute;
  
    left: 0;
    height: 100%;
    z-index: 50;    
    
}
.bottLay {
     bottom: 15vh;
}
.lay0 img, .lay1 img, .lay2 img {width: 100%;}

.s8bkmap {
    background-image: url('../img/sec8/map.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.s8Data {
    width: 40%;
    z-index: 500;
    height: 55vh;
   /* border: 4px solid red;*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    
    /* left: 5%; */
  /*  display: block;*/

    opacity: 1;

    position: absolute;
    top: 15%;
    left: 8%;
    
}
.hvBl {
  width: 80%;
  margin: 0 auto;
 /* border: 1px solid red;*/
 transition: all 0.5s;
 transform: scale(0.95);


}
.hvBl:hover {
transform: scale(1);
}
.s8row3 {
    /*border: 4px solid yellow;*/
    display: flex;
    flex: 1;
    justify-content: space-between;
   /* background-color: yellow;*/
   
}
    
.cuadBlcuad {
    width: 30%;
    box-shadow: 4px 4px 10px rgba(0,0,0,0.4);
    background-color: white;
    border-radius: 10px;
    text-align: center;

    opacity: 0;
    transform: translateY(70px);

    display: flex;
    align-items: center;
}

.s8txtcuad {
          font-family: 'Roboto Condensed';
    font-size: 16px;
    margin: 0;
    padding: 0;
    margin-top: 7px;

    pointer-events: none !important;
}

.s8RedBigtxt {
    font-family: 'Roboto Condensed';
    font-size: 26px;
    color: #006cc0;
    margin: 0;
    padding: 0;
    margin-top: 6px;
    pointer-events: none !important;
}

.filaBlfila {
    display: flex;
    flex-direction: column;
    height: 90%;
    width: 95%;
    margin: 0 auto;

    

}
.fdivfila {
    flex: 0.2;
}
.sdivfila {
    flex: 1;
    /* background-color: yellow; */
    overflow: hidden;
    border-radius: 10px;
    /* margin-top: 0px;*/
}
.filaBlfila p {
        display: block;
    font-family: 'Roboto Condensed';
    font-size: 13px;
    margin: 0;
    padding: 0;
  
    padding: 10px;
}
.filaBlfila img {
    width: 100%;

}
.s8row1 {
        flex: 1;
    background-color: white;
    margin: 10px 0px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 0;
}
    
.cuadBlcuad img {
  width: 60%;
 /* margin-top: 20%;*/
}


















/* SECTION 9 ........................................................................................................................ */

.Section9 {
    width: 100vw;
    overflow: hidden;
   /* height: 60vh;*/
   /* background-color: #e1e1e1;*/
     background-color: #f5f5f5;
    position: relative;

/*    background-color: green;*/

}


.s9content {
    display: flex;
    flex-direction: row;
    
    width: 80%;
    margin: 0 auto;
   /* height: 60vh;*/
    padding: 60px 0px;
  /*  border: 1px solid black;*/
}

.s9izq {
   /* background-color: yellow;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    transform: translateY(40px);
}
.s9der {
  /*background-color: green;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}


.s9izq img {
  width: 100%;
  
}

.s9sderBigtit {
 font-family: 'Roboto Condensed';
      color: #4266b2;
    font-size: 40px;
    font-weight: 600;
    /*width: 330px;*/
    /*margin-left: 30px;*/
    /*padding-bottom: 50px;*/
    line-height: 46px;

    background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

      transform: translateY(40px);
   
}




























/* SECTION 10 ........................................................................................................................ */

.Section10 {
    width: 100vw;
    height: 300px;
    background-color: white;
    position: relative;
    overflow: hidden;
}
.s10txt {
    font-family: 'Roboto Condensed';
    color: red;
    font-size: 42px;
    background: -webkit-linear-gradient(0deg, #911c2e, #c43042);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    margin-top: 0;
    margin-bottom: 70px;

}
.s10content {
      width: 85%;
    margin-top: 140px !important;
    text-align: center;
    margin: 0 auto;
}

.s10logcuad {
    display: flex;
  /*  margin-top: 20px;
    flex-direction: row;*/

}
.s10logcuad .logspace {
   height: 80px;
    justify-content: center;
    flex: 1;
  
    display: flex;
    align-items: center;
    flex-direction: column;

    opacity: 0;


   



   /* border: 1px solid red;*/
}
.s10logcuad .logspace img {
     height: 100%;
    margin-bottom: 30px;
}
.spwf {
      flex: 1.2 !important;
}
.s10tit {
     font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.s10subtit {
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}



.Section10 .wrappSections .s10content .s10logcuad .logspace {
    opacity: 0;
    transform: translate(0px, 20px);
}

































/* SECTION 11 ........................................................................................................................ */
.Section11 {
    width: 100vw;
   /* height: 80vh;*/
    background-color: #f5f5f5;
    
    position: relative;
    overflow: hidden;
}

.s11content {
    width: 72%;
    margin-top: 25px !important;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 85px !important;
    padding: 40px 0px;
    
}

.zonaZ {
  display: flex !important;

}
.zoni {
  flex: 1;
 /* background-color: green;*/
}
.zoni img { width: 100%;}

.zond {
  flex: 1;
 /* background-color: yellow;*/
  display: flex;
  align-items: center;
}


.bolder {
  font-family: 'Roboto Condensed';
}

.parrCarru {
    text-align: left;
    font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
    
    width: 75%;
    margin-left: 45px;
}

















/* SECTION 11B ........................................................................................................................ */
.Section11B {
    width: 100vw;
   /* height: 300px;*/
    background-color: white;
    position: relative;
}
.s11Btxt {
    font-family: 'Roboto Condensed';
     color: #4266b2;
      font-weight: 600;
    font-size: 40px;
  background: -webkit-linear-gradient(0deg, #4266b2, #2a4c95);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    margin-top: 0;
    margin-bottom: 40px;

}


.s11Bcontent {
    width: 85%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 80px;

    padding: 90px 0px;

}

.s11Blogcuad {
    display: flex;
       flex-direction: column;

}
.s11Blogcuad .logspace {
    margin-bottom: 40px;
    justify-content: center;
    flex: 1;
        height: 60px;
    display: flex;
    align-items: center;
    flex-direction: column;

        opacity: 0;
    transform: translate(0px, 20px);
}
.s11Blogcuad .logspace img {
  height: 100%;
  margin-bottom: 10px;
}

.s11Btit {
   font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.s11Btit span {
   font-family: 'Roboto Condensed';
    color: #343434;
    font-size: 18px;
    margin: 0;
    padding: 0;
}




/*.Section6 .wrappSections .s6content .s6logcuad .logspace {
    opacity: 0;
    transform: translate(0px, 20px);
}*/



















/* SECTION 12 ........................................................................................................................ */

.Section12 {
    width: 100vw;
  /*  height: 280px;*/
    background-color: white;
    position: relative;
}
.s12content {
    width: 100%;
   /* margin-top: 85px !important;*/
    text-align: center;
    margin: 0 auto;
  /*  margin-bottom: 85px !important;*/
    padding: 120px 0px;
    
}
.s12Atxt {
   font-family: 'Roboto Condensed';
    color: red;
    font-size: 42px;
    background: -webkit-linear-gradient(0deg, #911c2e, #c43042);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
   
    margin: 0 auto;
}

.s12Abut {
    font-family: 'Roboto Condensed';
    color: white;
    font-size: 18px;
    margin: 0 auto;
  /*  background-color: red;*/
    background: -webkit-linear-gradient(0deg, #911c2e, #c43042);
    width: 350px;
    padding: 15px;
    border-radius: 50px;
    margin-top: 20px;

    transform: scale(0.95);

    transition: all 0.5s;

    cursor: pointer !important;
}

.s12Abut a{
   text-decoration: none !important;
   color: white !important;
   pointer-events: none;

   
}

.s12Abut:hover {
  transform: scale(1);
}


















/* SECTION FOOTER ........................................................................................................................ */

.SectionFooter {
    width: 100vw;
    background: -webkit-linear-gradient(0deg, #004068, #0078d6);
    position: relative;
}
.sFcontent {
    width: 100%;
    text-align: center;
    margin: 0 auto;
   padding: 40px 0px 70px 0px;
   
}


.sFlogcuad {
    display: flex;
    margin-top: 20px;
    flex-direction: row;

}
.sFlogcuad .logspace {
    height: 100px;
    justify-content: center;
    flex: 1;
    margin: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.sFlogcuad .logspace img {
  height: 100%;
  margin-bottom: 40px;
}

.sFtit {
   font-family: 'Roboto Condensed';
    color: white;
    font-size: 18px;
    margin: 0;
    padding: 0;
}

.sFsubtit {
    font-family: 'Roboto Condensed';
    color: white;
    font-size: 18px;
    margin: 0;
    padding: 0;
    opacity: 0.5;
}

.logoFooter {text-align: center;}
.logoFooter img {
  width: 10%;
}

.smailcorr {
    font-family: 'Roboto Condensed' !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: 700;
}































@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease-in-out;
  -webkit-animation-direction: alternate;
}



/*
.Section5 .section5Txt {
   position: absolute;
   top: 10%;
   left: 5%;
   color: #182d35;
   text-align: center;
 
   width: 90%;
}
.Section5 .section5Txt div:nth-child(1){
  font-family: 'dinproBl';
  letter-spacing: 2px;
  font-size: 24px;
  line-height: 47px;
  text-align: left;
  color: #182d35;

} 

.section5Logos {
    position: relative;
 
    width: 100%;
    left: 0;
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: baseline;

}

.section5Logos div{
    width: 150px;
    height: 40px;
    margin-right: 20px;
    margin-bottom: 50px;
    background-color: grey;
  
}

.section5Carrusel {
  position: absolute;
  bottom: 3%;
  width: 90%;
  left: 0;
  right: 0;
  margin: auto;
  height: 55%;
  background-color: pink;
}

*/




/* SECTION FOOTER ........................................................................................................................ */
/*.SectionFooter {
    width: 100%;
    height: 70vh;
    background: rgb(25,45,54);
    background: linear-gradient(0deg, rgba(25,45,54,1) 0%, rgba(1,3,2,1) 100%);
    position: relative;
}
.SectionFooter .sectionFooterTxt {
 position: relative;
 color: white;
 width: 100%;
 display: flex;
 top: 10%;
}

.columFooter{
   flex: 1;

}

.titFooter {
    font-family: 'dinproBl';
    letter-spacing: 2px;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

.columFooter div a {
    font-family: 'dinproL';
    letter-spacing: 1px;
    font-size: 18px;
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
}

.socialesIcons {
  display: flex;
}

.transIma {
  width: 72%;
  max-width: 255px;
  margin-bottom: 15px;
  min-width: 200px;
}

.sigueIma {
  width: 60%;
  max-width: 45px;
  min-width: 30px;
  margin-right: 20px;
}

.copyRight {
  color: white;
  font-size: 18px;
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  text-align: center;
}

*/














/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */
/* LEGALIDAD ................................................................................................................ */


/* LEGALIDAD  - SECTION 1 ........................................................................................................................ */

.lega-Section1 {
    width: 100%;
    height: 100vh;
    
    position: relative;  
    
    background-image: url('../img/lega-sect1bk.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;

   /* display: flex;
    justify-content: center;
    align-items: center;*/

}


.lega-section1Txt {
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: fit-content;
    border:2px solid green;
    /*max-width: 440px;
    max-height: 270px;*/
}


.lega-section1Txt .miniTitleGold {
  margin-top: 28px;
}





/* LEGALIDAD  - SECTION 2 ........................................................................................................................ */
.lega-Section2 {
    width: 100%;
    height: 90vh;
    background-color: white;
    position: relative;
}

.legaFlex{
  position: relative;
  width: 100%;
  height: inherit;
  display: flex;
  flex-direction: row;
}

.rowLegal {
    flex: 50%;
    border: 2px solid green;
    text-align: center;
    position: relative;
}

.txtRow1 {
  position: absolute;
  bottom: 15%;
  width: 50%;
  left: 0;
  right: 0;
  margin: auto;

}

.legaTextLight {
 font-family: 'dinproL';
 letter-spacing: 2px;
 font-size: 30px;
 margin-top: -30px;
 vertical-align: super;
}


.legalButton {
  margin-top: 25px;
  border: 1.5px solid #cab99f;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 20px;
  font-size: 15px;
  font-family: dinproB;  
}

.legalBType1 {
  text-align: left;
  width: 90%;
  bottom: 15%;
  position: absolute;
}
.b1Tit{font-family: dinproBl;}

.b1parr {
  margin-bottom: 20px;
  width: 90%;
}
.b1Photo1 { 
   width: 100%;
   margin-bottom: 20px;
 }
.b1Photo2 {   width: 30%; }
.b1Float {
    position: absolute;
    z-index: 10;
    /* border: 1px solid red; */
    width: 250px;
    /* height: 150px; */
    bottom: 30px;
    background-color: white;
    padding: 30px;
    line-height: 30px !important;
    /* margin: 60px; */
    right: 40px;
}











































































#scrollData {
   position: fixed;
    top: 0;
    left: 0;
    font-size: 15px;
    width: 150px;
    height: 50px;
    color: red;
    z-index: 999999;
   /* border: 2px solid red;*/
}

h1 {
  font-family: "Poppins";
  color: #43515c;
  font-size: 70px;
  font-weight: lighter;
  letter-spacing: -5px;
  padding: 50px 0px 0px 0px;
  z-index: 999;
}

p {
  font-family: "Poppins";
  color: #43515c;
  font-size: 24px;
  font-weight: 100;
  z-index: 999;
}

.third-section {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  background-color: white;
}

.third-section .images-wrapper {
  margin-top: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.third-section .images-wrapper img {
  position: absolute;
}


.forth-section {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
}

.forth-section .images-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.forth-section .images-wrapper img {
  position: absolute;
}