body{
    background: #f1f1f1;
	font-family: "Figtree", sans-serif;
	font-optical-sizing: auto;


    min-height: 100%;
    position: relative;
}




.navbar-brand{
	margin-left: 50px;
}

.navbar-brand img{
	max-width: 250px;

}

        @media (max-width: 780px) {
                .navbar-brand img{
	        max-width: 130px;

                }
                .navbar-brand{
	        margin-left: 10px;
                }       
        }



.separador{
	width: 100px;
	border: 1px #999 solid;
}

.nav-item  a{
	font-size: 1.1rem;
	font-weight: 300;
	color: #434041 !important;
        transition: width 2s, height 2s, transform .2s;
	}

.nav-item a:hover{
	transform: scale(110%);

}

.sticky-header.scrolled {
  padding: 10px; /* Reduce el padding */
  /* Otras propiedades para el menú reducido */
}

.sticky-header.scrolled .navbar-brand img {
  width: 100px; /* Reduce el tamaño del logo */
  /* Otras propiedades del logo reducido */
}





.btn{
	font-size: 1.1rem;
	font-weight: 300;
        transition: width 2s, height 2s, transform .2s;
}

.btn:hover{
	transform: scale(110%);

}


.whatsapp{
	width: 60px;
	margin-top: -5px;
}

.contactanos a{
	background-color: #00BB84;
        color: #fff !important;
        border-radius: 5px;


}

.border{
        border: yellow;
}



/***** C A R R U S E L *******/

.carousel {
    margin-bottom: 0rem;
}
/* slider 1 */
.slider1{
        background-image: url(../images/slider-01.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}

.slider1 h2{
        font-size: 2.8rem;
		font-weight: 300;
		text-transform: uppercase;
}
        @media (max-width: 780px) {
                    .slider1{
                        background-position: 34% center;
                }
                    .slider1 h2{
			text-align: center;
                        font-size: 2rem;
			background-color: rgba(0, 0, 0, .5);
			padding: 10px;
                }
                    .slider1 h2 span{
                        font-size: 2rem;
                }
        }

.slider1 h2 span{
        color: #00BB84;
        font-weight: bold;
}
/* slider 2 */
.slider2{
        background-image: url(../images/slider-02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}
.slider2 h2{
        font-size: 2.8rem;
		font-weight: 600;
		text-transform: uppercase;
                color: #000;
}

.slider2 h5{
        font-size: 1.5rem;
		font-weight: 600;
                color: #000;
}

        @media (max-width: 780px) {
                    .slider2{               
                        background-position: 24% center;
                }
                    .slider2 h2{
			text-align: center;
                        font-size: 2rem;
			background-color: rgba(255, 255, 255, .7);
			padding: 10px;
                }
                    .slider2 h2 span{
                        font-size: 2rem;
                }
                    .slider2 h5 {
			background-color: rgba(255, 255, 255, .7);
                        text-align: center;
                        padding: 10px;
                }
        }
.slider1 h2 span{
        color: #00BB84;
        font-weight: bold;
}
/* slider 3 */
.slider3{
        background-image: url(../images/slider-03.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}
.slider3 h2{
        font-size: 2.8rem;
		font-weight: 600;
		text-transform: uppercase;
}
        @media (max-width: 780px) {
                    .slider3{               
                        background-position: 24% center;
                }
                    .slider3 h2{
			text-align: center;
                        font-size: 2rem;
			background-color: rgba(0, 0, 0, .5);
			padding: 10px;
                }
                    .slider3 h2 span{
                        font-size: 2rem;
                        color: #fff !important;
                }

                    .slider3 h5 {
			background-color: rgba(0, 0, 0, .5);
                        text-align: center;
                        padding: 10px;
                }
        }
.slider3 h2 span{
        color: #000;
        font-weight: bold;
}
/* slider 4 */
.slider4{
        background-image: url(../images/slider-04.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}
.slider4 h2{
        font-size: 2.8rem;
		font-weight: 600;
		text-transform: uppercase;
}
        @media (max-width: 780px) {
                    .slider4{               
                        background-position: 34% center;
                }
                    .slider4 h2{
						text-align: center;
                        font-size: 2rem;
						background-color: rgba(0, 0, 0, .5);
						padding: 10px;
                }
                    .slider4 h2 span{
                        font-size: 2rem;
                        color: #fff !important;
                }

                    .slider4 h5 {
			background-color: rgba(0, 0, 0, .5);
                        text-align: center;
                        padding: 10px;
                }
        }
.slider4 h2 span{
        color: #7D1F99;
        font-weight: bold;
}
/* ***** B O T O N E R A *****/

#botonera div{
	min-height: 100px;
        border-radius: 10px;
}

#botonera div p{
	color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
}

#botonera a{
        text-decoration: none;
}

#botonera a div{
        transition: width 2s, height 2s, transform .2s;
}

#botonera a:hover div{
        transform: scale(110%);
}

.botonA{
	padding: 10px;
	background-color: #00BB84;
        
}

.botonB{
	padding: 10px;
	background-color: #2F3034;
}

/******* Q U I E N E S *****/

#quienes{
	background-color: #2F3034;
        color: #fff;
}

#quienes h2{
        font-size: 2.2rem;
}

#quienes h3{
        font-size: 1.5rem;
        color: #00BB84;
}

#quienes h4{
        font-size: 1.2rem;
        color: #00BB84;
        text-transform: uppercase;
}



/******* S E R V I C I O S  *****/

#servicios h2{
        font-size: 2.2rem;
}

#servicios h3{
        font-size: 1.5rem;
        color: #00BB84;
}

#servicios h4{
        font-size: 1.2rem;
        color: #00BB84;
        font-weight: 600;
}

#servicios p{
        color: #00BB84;
        font-weight: 600;
}

#servicios p span{
        color: #000;
        font-weight: 500;
}

.divisor{
        height: 2px;
        background-color: #00BB84;
}

/************* C L I E N T E S ***********/

#clientes{
        background-color: #e2e2e2;
}


#clientes h2{
        text-align: center;
}

.img-cli1{
        width: 200px;
}

.img-cli2{
        width: 260px;
}

.img-cli3{
        width: 240px;
}

/*************** TECH STACK *************/

#techstack{
        background-image: url(../images/bkg-stack.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
}

#techstack h2{
        text-align: center;
        color: #fff;
}

#techstack h3{
        font-size: 1.2rem;
        text-align: center;
        text-transform: uppercase;
}

.bgstack{
        background-color:#fff ;
        padding: 10px;
        border-radius: 10px;
}




/********** S E R V I C I O S********/

.banner-cont1{
        padding-top: 120px;
        min-height: 500px;
        background-image: url(../images/banner-1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
}

        @media (max-width: 780px) {
                    .banner-cont{
                        min-height: 300px;
                        background-position: 34% center;
                }

        }

.banner1 h3{
        font-size: 3.5rem;
        color: #FFF;
        font-weight: 600; 
        text-align: right;
}

.banner1 h3 span{
        font-weight: 600;
        color: #E46B2B; 
}

.banner1 h5{
        padding-top: 5%;
        text-align: right;
        color: #FFF;
        font-size: 1.8rem;
}

        @media (max-width: 780px) {
                
                    .banner1{
                        background-color: rgba(0, 0, 0, .6);
                }
                
                    .banner1 h3{
                        text-align: center;
                        font-size: 2rem;
                }
                    .banner1 h3 span{
                        font-size: 1.5rem;
                }
                    .banner1 h5{
                        font-size: 1.2rem;
                        text-align: center;
                }
        }



.sec-servicios{
        padding-top: 50px;
        padding-bottom: 30px;        
}
.sec-servicios h2{
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
}

.sec-servicios h2 span{
        font-weight: 600;
}

.sec-servicios h3{
        font-size: 1.1rem;
        font-weight: 600;
        color: #FFF;
        text-align: center;
}
.sec-servicios h3 span{
        font-size: 1.1rem;
        font-weight: 600;
        color: #E66B00;
        text-align: center !important;
}

.sec-servicios p{
        font-size: 1rem;
        font-weight: 200;
        text-align: center;
}


.sec-serv .titulo{
        border-radius: 10px;
        margin-top: -10px;
        padding: 0 10px ;
        min-height: 90px;
        background: #F2F2F2;
        background: linear-gradient(0deg, rgba(242, 242, 242, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(242, 242, 242, 1) 100%);

}

.sec-serv .texto{
        padding: 20px 10px 0px 10px ;
        min-height: 130px;
        margin-top: -10px;
        color: #fff;
        line-height: 18px;
        border-radius: 0 0 20px 20px;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(230, 107, 0, 1) 90%);
}



/********** I N T E L I G E N C I A    A R T I F I C I A L  ********/


.banner-cont2{
        padding-top: 120px;
        min-height: 500px;
        background-image: url(../images/banner-2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
}

        @media (max-width: 780px) {
                    .banner-cont2{
                        min-height: 300px;
                        background-position: 34% center;
                }

        }

.banner2 h3{
        font-size: 3.5rem;
        color: #FFF;
        font-weight: 600; 
        text-align: right;
        text-shadow: 0px 5px 4px #000000;
}

.banner2 h3 span{
        font-weight: 600;
        color: #F7CE39; 
}

.banner2 h5{
        padding-top: 5%;
        text-align: right;
        color: #FFF;
        font-size: 1.8rem;
        text-shadow: 0px 5px 4px #000000;
}

        @media (max-width: 780px) {
                
                    .banner2{
                        background-color: rgba(0, 0, 0, .6);
                }
                
                    .banner2 h3{
                        text-align: center;
                        font-size: 2rem;
                }
                    .banner2 h3 span{
                        font-size: 1.5rem;
                }
                    .banner2 h5{
                        font-size: 1.2rem;
                        text-align: center;
                }
        }



.sec-inteligencia{
        padding-top: 50px;
        padding-bottom: 30px;        
}
.sec-inteligencia h2{
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
}

.sec-inteligencia h2 span{
        font-weight: 600;
}

.sec-inteligencia h3{
        font-size: 1.1rem;
        font-weight: 600;
        color: #FFF;
        text-align: center;
}
.sec-inteligencia h3 span{
        font-size: 1.1rem;
        font-weight: 600;
        color: #F7CE39;
        text-align: center !important;
}

.sec-ia p{
        font-size: 1rem;
        font-weight: 200;
        text-align: center;
}


.sec-ia .titulo{
        border-radius: 10px;
        margin-top: -10px;
        padding: 0 10px ;
        min-height: 90px;
        background: #F2F2F2;
        background: linear-gradient(0deg, rgba(242, 242, 242, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(242, 242, 242, 1) 100%);

}

.sec-ia .texto{
        padding: 20px 10px 0px 10px ;
        min-height: 130px;
        margin-top: -10px;
        color: #fff;
        line-height: 18px;
        border-radius: 0 0 20px 20px;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(247, 206, 57, 1) 100%);
}


/********** H A R D W A R E ********/


.banner-cont3{
        padding-top: 120px;
        min-height: 500px;
        background-image: url(../images/banner-3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
}

        @media (max-width: 780px) {
                    .banner-cont3{
                        min-height: 300px;
                        background-position: 34% center;
                }

        }

.banner3 h3{
        font-size: 3.5rem;
        color: #FFF;
        font-weight: 600; 
        text-align: right;
        text-shadow: 0px 5px 4px #000000;
}

.banner3 h3 span{
        font-weight: 600;
        color: #009ACF; 
}

.banner3 h5{
        padding-top: 5%;
        text-align: right;
        color: #FFF;
        font-size: 1.8rem;
        text-shadow: 0px 5px 4px #000000;
}

        @media (max-width: 780px) {
                
                    .banner3{
                        background-color: rgba(0, 0, 0, .6);
                }
                
                    .banner3 h3{
                        text-align: center;
                        font-size: 2rem;
                }
                    .banner3 h3 span{
                        font-size: 1.5rem;
                }
                    .banner3 h5{
                        font-size: 1.2rem;
                        text-align: center;
                }
        }



.sec-hardware{
        padding-top: 50px;
        padding-bottom: 30px;        
}
.sec-hardware h2{
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
}

.sec-hardware h2 span{
        font-weight: 600;
}

.sec-hardware h3{
        font-size: 1.1rem;
        font-weight: 600;
        color: #FFF;
        text-align: center;
}
.sec-hardware h3 span{
        font-size: 1.1rem;
        font-weight: 600;
        color: #009ACF;
        text-align: center !important;
}

.sec-hw p{
        font-size: 1rem;
        font-weight: 200;
        text-align: center;
}


.sec-hw .titulo{
        border-radius: 10px;
        margin-top: -10px;
        padding: 0 10px ;
        min-height: 90px;
        background: #F2F2F2;
        background: linear-gradient(0deg, rgba(242, 242, 242, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(242, 242, 242, 1) 100%);

}

.sec-hw .texto{
        padding: 20px 10px 10px 10px ;
        min-height: 140px;
        margin-top: -10px;
        color: #fff;
        line-height: 18px;
        border-radius: 0 0 20px 20px;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 154, 207, 1) 100%);
}


/********** S O L U C I O N E S ********/


.banner-cont4{
        padding-top: 120px;
        min-height: 500px;
        background-image: url(../images/banner-4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
}

        @media (max-width: 780px) {
                    .banner-cont4{
                        min-height: 300px;
                        background-position: 34% center;
                }

        }

.banner4 h3{
        font-size: 3.5rem;
        color: #FFF;
        font-weight: 600; 
        text-align: right;
        text-shadow: 0px 5px 4px #000000;
}

.banner4 h3 span{
        font-weight: 600;
        color: #7D1F99; 
}

.banner4 h5{
        padding-top: 5%;
        text-align: right;
        color: #FFF;
        font-size: 1.8rem;
        text-shadow: 0px 5px 4px #000000;
}

        @media (max-width: 780px) {
                
                    .banner4{
                        background-color: rgba(0, 0, 0, .6);
                }
                
                    .banner4 h3{
                        text-align: center;
                        font-size: 2rem;
                }
                    .banner4 h3 span{
                        font-size: 1.5rem;
                }
                    .banner4 h5{
                        font-size: 1.2rem;
                        text-align: center;
                }
        }



.sec-soluciones{
        padding-top: 50px;
        padding-bottom: 30px;        
}
.sec-soluciones h2{
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
}

.sec-soluciones h2 span{
        font-weight: 600;
}

.sec-soluciones h3{
        font-size: 1.1rem;
        font-weight: 600;
        color: #FFF;
        text-align: center;
}
.sec-soluciones h3 span{
        font-size: 1.1rem;
        font-weight: 600;
        color: #7D1F99;
        text-align: center !important;
}

.sec-sol p{
        font-size: 1rem;
        font-weight: 200;
        text-align: center;
}


.sec-sol .titulo{
        border-radius: 10px;
        margin-top: -10px;
        padding: 0 10px ;
        min-height: 90px;
        background: #F2F2F2;
        background: linear-gradient(0deg, rgba(242, 242, 242, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(242, 242, 242, 1) 100%);

}

.sec-sol .texto{
        padding: 20px 10px 10px 10px ;
        min-height: 200px;
        margin-top: -10px;
        color: #fff;
        line-height: 18px;
        border-radius: 0 0 20px 20px;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(125, 31, 153, 1) 100%);
}


/********** S O F T W A R E ********/


.banner-cont5{
        padding-top: 120px;
        min-height: 500px;
        background-image: url(../images/banner-5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
}

        @media (max-width: 780px) {
                    .banner-cont4{
                        min-height: 300px;
                        background-position: 34% center;
                }

        }

.banner5 h3{
        font-size: 3.5rem;
        color: #FFF;
        font-weight: 600; 
        text-align: right;
        text-shadow: 0px 5px 4px #000000;
}

.banner5 h3 span{
        font-weight: 600;
        color: #D48832; 
}

.banner5 h5{
        padding-top: 5%;
        text-align: right;
        color: #FFF;
        font-size: 1.8rem;
        text-shadow: 0px 5px 4px #000000;
}

        @media (max-width: 780px) {
                
                    .banner4{
                        background-color: rgba(0, 0, 0, .6);
                }
                
                    .banner4 h3{
                        text-align: center;
                        font-size: 2rem;
                }
                    .banner4 h3 span{
                        font-size: 1.5rem;
                }
                    .banner4 h5{
                        font-size: 1.2rem;
                        text-align: center;
                }
        }



.sec-software{
        padding-top: 50px;
        padding-bottom: 30px;        
}
.sec-software h2{
        font-size: 2rem;
        font-weight: 200;
        text-align: center;
}

.sec-software h2 span{
        font-weight: 600;
}

.sec-software h3{
        font-size: 1.1rem;
        font-weight: 600;
        color: #FFF;
        text-align: center;
}
.sec-software h3 span{
        font-size: 1.1rem;
        font-weight: 600;
        color: #D48832;
        text-align: center !important;
}

.sec-sw p{
        font-size: 1rem;
        font-weight: 200;
        text-align: center;
}


.sec-sw .titulo{
        border-radius: 10px;
        margin-top: -10px;
        padding: 0 10px ;
        min-height: 90px;
        background: #F2F2F2;
        background: linear-gradient(0deg, rgba(242, 242, 242, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(242, 242, 242, 1) 100%);

}

.sec-sw .texto{
        padding: 20px 10px 10px 10px ;
        min-height: 350px;
        margin-top: -10px;
        color: #fff;
        line-height: 18px;
        border-radius: 0 0 20px 20px;
        background: #000000;
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(212, 136, 50, 1) 100%);
}
        @media (max-width: 780px) {  
                    .sec-sw .texto{
                        min-height: 150px;
                }
        }



/* ************** C O N T A C T O ***********/

#contacto{
         padding-top: 120px;
        background-color: #fff;
}

#contacto h2{
        font-size: 2.2rem;
        font-weight: 300;
}

#contacto h5{
        font-size: 1.4rem;
        color: #00BB84;
        font-weight: 600;
}

#contacto h4{
        color: #00BB84;
        font-weight: 600;
}

#contacto h4 a{
        text-decoration: none;
        color: #00BB84;
}




/*************** P R E G U N T A S *************/

#preguntas{
        padding-top: 30px;
        padding-bottom: 30px;
}

#preguntas h2{
        font-weight: 400;
}

#preguntas h4{
        font-size: 1.1rem;
        font-weight: 500;
        color: #00BB84;
}

#preguntas h4 a{
        text-decoration: none;
        color: #00BB84;
}

#preguntas h5{
        font-size: .9rem;
        font-weight: 300;
        text-align: center;
        color: #666666;
}

        @media (max-width: 780px) {
                    #preguntas{
                        text-align: center;
                }
                    
                    
        }
              





/*********** F O O T E R ******/

footer{
        background-color: #000;

    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}



footer p{
        font-size: .9rem;
        text-align: center;
        padding-top: 10px;
        color: #00BB84;
}