/*estilos generales del documento*/
* {
    font-family: 'Montserrat', sans-serif;
}

/*selector para que todos los scroll sean mas suaves*/
html {
    scroll-behavior: smooth;
}

/*estilo para quitar el margen al body*/
body {
    margin: 0;
    background-color: white;
    color: #464646;
}

h2 {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
    padding: 20px;
}

h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 20px;
}

p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
}


/*inicio de los estilos del hover*/
header {
    height: 100vh;
    color: #ffffff;
}

header h2 strong {
    font-weight: 700;
}

.boton {
    text-decoration: none;
    background-color: #ffffff00;
    font-weight: 500;
    color: #ffffff;
    padding: 8px 20px;
    margin: 10px 20px;
    text-align: center;

    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 50px;
}

.boton:hover {
    background-color: #ffffff;
    color: #464646;
}




/*aqui inican los estilos de la barra de navegacion*/
nav {
    background-color: #ffffff !important;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.116);
}

nav img {
    margin-left: 10%;
    width: 200px;
}

nav a {
    transform: scale(0.85);
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

nav a:hover {
    font-weight: 700 !important;
    transform: scale(0.9);
}


/*seccion de improve*/
.improve {
    background-color: #232323;
    color: #ffffff;
}

.fondo {
    background-image: url(imagenes/img-improve.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 40vh;
}

.improve img {
    max-width: 200px;
    margin: 10px;
}

.logos {
    margin: 10px auto;
}





/*seccion why*/
.fondo2 {
    background-image: url(imagenes/img-why.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 40vh;
}

.why strong {
    color: #0094FF;
}







/*estilos de fondo del pipeline*/
section.pipeline {
    background-color: #EBEBEB;
}

.pipeline strong {
    color: #0094FF;
}

.pipeline img {
    width: 85%;
}

.tepi {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 10px 20px 5px 20px;
    color: #232323;
}





/* Container for skill bars */
.containerpipe {
    width: 100%;
    /* Full width */
    background-color: #ddd;
    /* Grey background */
    border-radius: 50px;
}

.skills {
    text-align: right;
    /* Right-align text */
    padding-top: 5px;
    /* Add top padding */
    padding-bottom: 5px;
    padding-right: 12px;
    /* Add bottom padding */
    color: white;
    /* White text color */
    font-weight: 500;
    font-size: 10px;
}

/*barra 1*/
.barra1 {
    width: 90%;
    background-color: #0094FF;
    border-radius: 50px;
}
/*barra 2*/
.barra2 {
    width: 25%;
    background-color: #0094FF;
    border-radius: 50px;
}
/*barra 3*/
.barra3 {
    width: 25%;
    background-color: #0094FF;
    border-radius: 50px;
}
/*barra 4*/
.barra4 {
    width: 60%;
    background-color: #0094FF;
    border-radius: 50px;
}
/*barra 5*/
.barra5 {
    width: 60%;
    background-color: #0094FF;
    border-radius: 50px;
}
/*barra 6*/
.barra6 {
    width: 60%;
    background-color: #0094FF;
    border-radius: 50px;
}








/*seccion golden*/
.golden strong {
    color: #0094FF;
}

.fondo4 {
    background-image: url(imagenes/img-casco.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    min-height: 40vh;
}



/*section contacto*/
.contacto {
    background-color: #232323;
    color: #ffffff;
}




/*seccion de inversionistas*/
.invest h2 {
    color: #0094FF;
}

.invest img {
    width: 70%;
    margin: auto;
}

.fondo5 {
    background-image: url(imagenes/fondo-invest.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.in-bold {
    font-weight: 700;
}

/*aqui inicia la seccion del footer*/
footer {
    background-color: #232323;
    color: #ffffff;
}

footer a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 700;
}