/* Estilos para el fondo de la página */
  @font-face {
    font-family: 'Lexend Deca';
    src: url('../fonts/LexendDeca-VariableFont_wght.ttf') format('truetype');

}
  *{
    padding:0;
    margin:0;
    font-family: 'Lexend Deca';
  }

  html, body { 
      min-height: 100%; 
    }
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    height: 100%;
    width:100%;
    position: relative;
  }
  
  .diagonal {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 80px;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    
  }
  
  .diagonal video {
    width: 100%;
    height: 90%;
    object-fit: cover;
    top: 0;
    left: 0;
  }
/* Estilos para el menú hamburguesa */
.menu-icon {
    display: none;
    cursor: pointer;
  }
  
  .menu {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    margin-right: 50px;
    padding-top: 20px;
    padding: 0;
    font-family: 'Lexend Deca';
  }
  
  .menu li {
    margin: 0 10px;
  }
  
  .menu a {
    color: #FEC400;
    text-decoration: none;
  }
  .menu a:hover {
    color: #000;
    text-decoration: none;
  }
  
  .bar {
    display: block;
    height: 2px;
    width: 25px;
    border-radius: 10px;
    background-color: #fff;
    margin: 5px auto;
    transition: all 0.3s ease-in-out;
  }
  
  /* Estilos para el logo */
  #logo {
    position: absolute;
    left: 5%;
    top: 15px;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-size: 30px;
    display: flex;
    align-items: center;
    color: #FEC400;
  }

  
  /* Estilos para el texto */
  main {
    padding: 50px 5%;
    position:absolute;
    top:28%;
    left:0%;
  }
  
  h1 {
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: normal;
    font-size: 68px;
    line-height: 130px;
    display: flex;
    align-items: center;    
    color: #fff;

  }
  

  .container2{
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }

  /* Estilos para el botón de "Nuestras Soluciones" */
  button {
    background-color: #4DA951;
    border: none;
    border-radius: 2em;
    color: white;
    padding: 5px 20px;
    margin-top: 10px;
    font-family: 'Lexend Deca';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
  }
  #enviarse{
    background-color:#888;
  }
  #enviarse:hover {
    color:#888;
    background:#fff;
  }

  #suscribe{
    display:inline-block; 
    border-radius:1em;
    padding:4px 20px;
    color:#fff;
    background-color:#888;
    border:none;
    left:55%;
    top:30px;
    position:absolute;
    font-family:'Lexend Deca';
  }
  #suscribe:hover {
    color:#888;
    background:#fff;
  }
  
  /* Estilos para los enlaces del menú hamburguesa */
  .menu-icon:hover .bar {
    background-color: rgb(80, 80, 80);
  }
  
  .menu-icon.active .bar:nth-child(2) {
    opacity: 0;
  }
  
  .menu-icon.active .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  
  .menu-icon.active .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  #menu{
    position:absolute;
    top:20px;
    right:15px;
  }
  @media screen and (max-width: 760px) {
    .menu {
      display: none;
      position: absolute;
      width:200px;
      top: 30px;
      right: 50px;
      background-color: white;
      padding: 20px;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
      z-index: 1;
    }
  
    .menu li {
      margin: 10px 0;
      color:#;
    }  
    .menu-icon {
      display: block;
      position: absolute;
      top: 10px;
      right: 50px;
      }
  }

  /*redes sociales*/
  #sociales{
      position:absolute;
      bottom:10%;
      right:10%;
  }
  #sociales img{
      width:45px;
      margin-left: 20px;
  }

  /*carrousel*/
  .carousel h3{
      color:#000;
      text-align: center;
      font-size: 38px;
      font-family: 'Lexend deca light';
      margin-bottom: 20px;
      margin-top: 80px;
      font-family: 'Lexend Deca';
  }

  .carousel {
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: white;
    font-family: 'Lexend Deca';
    }
    #solu{
      width:50%;
    }
    .carousel-container {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.6s ease;
    padding-bottom:80px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    }
    
    .carousel-item {
    color: white;
    width: calc(100% / 2);
    padding-bottom: 70px;
    overflow: hidden;
    text-align: center;
    border-radius: 40px;
    margin-right: 5px;
    margin-left: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    max-height:900px;
    background: rgba(0, 0, 0, 0.7);
    min-height: 470px;
    position:relative;
    margin-bottom: 50px;
    font-family: 'Lexend Deca';
    }

    .carousel-item:last-child {
    margin-right: 0;
    }
    
    .carousel-item img {
    max-width: 100%;
    height: auto;
    margin-bottom: 2px;
    }
    
    .carousel-item h2 {
    font-size: 1.3em;
    font-family: 'lexend deca';
    font-weight: 400;
    margin-bottom: 15px;
    width:84%;
    margin-left:8%;
    line-height: 1.2;
    }
    
    .carousel-item p {
    font-size: 16px;
    margin-bottom: 0px;
    color: white;
    line-height: 1.2;
    font-family: 'Lexend Deca';
    width:80%;
    margin-left:10%;
    }
    .ppp{
      text-align:left;
      display:inline-block;
      width: fit-content;
      margin-top:5px;
      margin-bottom:5px;
      font-weight:200;
      padding-left: 20px;
    }
    
    .carousel-item a {
    position:absolute;
    bottom:60px;
    left:15%;
    display: inline-block;
    color: #4DA951;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1.3em;
    transition: background-color 0.3s ease;
    text-align: center;
    width:70%;
    font-family: 'Lexend Deca';
    }
    
    .carousel-item a:hover {
    color: #fff;
    }
    
    @media screen and (max-width: 960px) {
    .carousel-item {
    width: calc(100% / 3);
    }
    }
    
    @media screen and (max-width: 640px) {
    .carousel-item {
    width: calc(100% / 2);
    }
    }
    
    @media screen and (max-width: 480px) {
    .carousel-item {
    width: 100%;
    margin-right: 0;
    }
    }
     /*carrousel2*/
  .carousel2 h3{
    color:#000;
    text-align: center;
    font-size: 38px;
    font-family: 'Lexend Deca';
    margin-bottom: 50px;+
    margin-top: 50px;

}

.carousel2 {
  width: 80%;
  overflow: hidden;
  margin-left:10%;
  color: white;
  padding:3%;
  }
  #solu{
    width:50%;
  }
  .carousel-container2 {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.6s ease;
  }
  
  .carousel-item2 {
  color: white;
  width: calc(100% / 4);
  padding: 0;
  overflow: hidden;
  border-radius: 40px;
  margin-right: 40px;
  margin-left:40px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  max-height:900px;
  background: rgba(0, 0, 0, 0.4);
  min-height: 565px;
  position:relative;
  padding-bottom:50px;
  margin-bottom: 0px;
  font-family: 'Lexend Deca';
  }

  .carousel-item2:last-child {
  margin-right: 0;
  }
  
  .carousel-item2 img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  }
  
  .carousel-item2 h2 {
    font-size: 26px;
    font-family: 'lexend deca';
    font-weight:bolder;
    margin-bottom: 0px;
    width:76%;
    margin-left:12%;
    text-align: center;
    }
  
  .carousel-item2 p {
  font-size: 16px;
  color: white;
  padding:4px 12%;
  font-family: 'Lexend Deca';
  line-height: 1.2;
  }
  
  .carousel-item2 a {
  display: inline-block;
  color: #4DA951;
  text-decoration: none;
  border-radius: 5px;
  font-size: 26px;
  font-weight: 200;
  transition: background-color 0.3s ease;
  text-align: center;
  }
  
  .carousel-item2 a:hover {
  color: #fff;
  }
  
  @media screen and (max-width: 960px) {
  .carousel-item2 {
  width: calc(100% / 3);
  }
  }
  
  @media screen and (max-width: 640px) {
  .carousel-item2 {
  width: calc(100% / 2);
  }
  }
  
  @media screen and (max-width: 480px) {
  .carousel-item2 {
  width: 100%;
  margin-right: 0;
  }
  }

    /*WAP*/

#wap img{
	width:3.5em;
	display:scroll;
		position:fixed;
		bottom:1.5em;
		right:1em;
	z-index:999;
  }

  /** @section Layouts */
.pre-footer-corporate{
	font-size: 18px;
	font-weight: 300;
	line-height: 1.71429;
	font-family: 'Lexend deca light';
}

.pre-footer-corporate {
	padding: 50px 0;
	background: #f8f8f8;
}

.pre-footer-corporate h6 + *,
.pre-footer-corporate .heading-6 + * {
	margin-top: 18px;
}

.footer-corporate {
	padding: 20px 0;
	text-align: center;
}

.footer-corporate .footer-corporate__inner > * + * {
	margin-top: 5px;
}
.post-inline__footer > * {
	display: inline-block;
}
@media (min-width: 768px) {
	.footer-corporate {
		text-align: left;
	}
	.footer-corporate .footer-corporate__inner > * + * {
		margin-top: 0;
	}
	.footer-corporate__inner {

		text-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-left: -15px;
		margin-right: -15px;
	}
	.footer-corporate__inner > * {
		padding: 0 15px;
	}
}

@media (min-width: 992px) {
	.pre-footer-corporate {
		padding: 80px 0;
	}
	.pre-footer-corporate h6 + *,
	.pre-footer-corporate .heading-6 + * {
		margin-top: 22px;
	}
}

@media (min-width: 1200px) and (min-height: 800px) {
	.pre-footer-corporate {
		padding: 120px 0;
	}
}

#arriba{
    font-family: 'Lexend Deca';
    text-align: left;
    font-size: 20px;
    color:#fff;
    margin-top:-30px;
    width:90%;
    line-height: 1.4;
    }

    .show {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: white;
        position: absolute;
        top: 60px;
        right: 0;
        width: 100%;
        height: calc(100% - 60px);
        z-index: 1;
      }


      a, a:hover, a:focus {
       font-weight: 200;
      }

      .sucubuton{
        background:#000;
      }
      .sucubuton2 {
        position:absolute;
        border:#fff solid 1px;
        margin-bottom: 0.5em;
        position: relative;
        border-radius: 2em;
        min-height: 28px;
        width:275px;
        color:#fff;
        font-weight: 500;
        font-size: 20px;
        z-index: 999;
        text-align: center;
    }
    .btnsolu{
      font-weight: 400;
      top:30%;
      left:74%;
      
    }
    .btnsolu2{
      font-weight: 400;
      top:33%;
      left:74%;
    }
    .btnsolu3{
      font-weight: 400;
      top:36%;
      left:74%;
    }
    .btnsolu4{
      font-weight: 400;
      top:39%;
      left:74%;
    }
    #btnup1{
      font-weight: 400;
    }
    #btnup2{
      font-weight: 400;
    }
    #btnup3{
      font-weight: 400;
    }
    #btnup4{
      font-weight: 400;
    }
      form{
        font-family: 'Lexend Deca';
        font-weight: 300;
      }

      .btnesp{
        color:#fff;
      }

      a, a:hover, a:focus{
        color:#FEC400;
        font-weight: 400;
      }
      .blogh5{
        color:#FEC400;
      }

      .imgesp:hover{
        filter: brightness(150%);
      }
      a, a:hover, a:focus {
        font-weight: 200;
       }
 
       .sucubuton{
         background:#000;
       }
 
       form{
         font-family: 'Lexend Deca';
         font-weight: 300;
       }


       .show {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: white;
        position: absolute;
        top: 60px;
        right: 0;
        width: 100%;
        height: calc(100% - 60px);
        z-index: 1;
      }


      a, a:hover, a:focus {
       font-weight: 200;
      }

      .sucubuton{
        background:#000;
      }

      form{
        font-family: 'Lexend Deca';
        font-weight: 300;
      }

      .imgesp:hover{
        filter: brightness(150%);
      }
      .contactnos{
        color:#FEC400;
        font-family:'Lexend Deca';
        font-weight:400;
        font-size:26px;
      }
      .contactnos:hover{
        color:#fff;
        font-family:'Lexend Deca';
        font-weight:400;
        font-size:26px;
      }

      .row{
        padding-left:60px;
        padding-right:20px;
      }
      .col-md-7{
        max-width:40%; 
        margin-left: 25%;
        color:#c7c7c7;
      }
      .rights{
        color:#fff;
        font-size: 18px;
      }
      .rights img{
        width:140px;
      }
      .main{
        max-width:70%;
      }
      #btnsolus{
        top:25%;
        text-align: left !important;
      }
      
      @media screen and (max-width: 1370px) {
        #arriba{
          width:100%;
          padding:0;
          font-size: 18px;
          line-height: 1.1;
        }
      }
      @media screen and (max-width: 960px) {
        .contactnos{
          font-size: 20px;
        }
        #btnsolus{
          top:12%;
        }
        .menu-icon{
          color:#000;
          z-index: 999;
          top:3%;
        }
        .bar{
          color:#000;
          
          background-color:#FEC400;
        }
        .menu-icon:hover .bar{
          background-color:#c7a126;
        }
        .carousel-item{
          margin-left:5px;
          margin-right:5px;
        }
        #arriba{
          width:100%;
          padding:0;
          font-size: 16px;
          line-height: 1.1;
        }
        .main{
          max-width:100%;
        }
        .row {
        margin:0;
        padding:0;
        width:100%;
        }
        .col-md-7{
          max-width:100%; 
          margin-left:0;
          }
          .rights{
            color:#fff;
            font-size: 10px;
          }
          .rights img{
            width:90px;
          }
          main{
            padding: 40px;
            position: absolute;
            top: 20%;
            left: 0;
          }
          #sociales{
            position: absolute;
            bottom: 10%;
            right: 5%;
          }
          #sociales img{
            width:30px;
          }

          .sucubuton{
            background:#000;
          }
          .sucubuton2 {
            position:absolute;
            border:#fff solid 1px;
            margin-bottom: 0.5em;
            position: relative;
            border-radius: 2em;
            min-height: 28px;
            width:275px;
            color:#fff;
            font-weight: 500;
            font-size: 18px;
            z-index: 999;
            text-align: center;
        }
        .btnsolu{
          font-weight: 400;
          top:60%;
          left:15%;
          width:70%;
          
        }
        .btnsolu2{
          font-weight: 400;
          top:61%;
          left:15%;
          width:70%;
        }
        .btnsolu3{
          font-weight: 400;
          top:62%;
          left:15%;
          width:70%;
        }
        .btnsolu4{
          font-weight: 400;
          top:63%;
          left:15%;
          width:70%;
        }
        #btnup1{
          font-weight: 400;
        }
        #btnup2{
          font-weight: 400;
        }
        #btnup3{
          font-weight: 400;
        }
        #btnup4{
          font-weight: 400;
        }
        }
        
        @media screen and (max-width: 380px) {
          #arriba{
            width:100%;
            padding:0;
            font-size: 12px;
            line-height: 1.1;
          }
        }
        
        @media screen and (max-width: 480px) {
        .carousel-item2 {
        width: 100%;
        }
        }