/*Hoja de estilOS LUHU*/

/*GENERALES*/
* {
    margin: 0;
    color: white
}

p {
    font-family: 'Elms Sans';
}

h1 {
    font-family: 'Noto Sans Khmer';
    font-weight: bold;
    font-size: 50px;
    text-transform: uppercase;
    color: white;
}


h2 {
    font-family: 'Noto Sans Khmer';
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

h3 {
    font-family: 'Elms Sans';
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: black;
}

h4 {
    font-family: 'Elms Sans';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
}

h5 {
    font-family: 'Noto Sans Khmer';
    font-style: italic;
}

li {
    margin-bottom: 10px
}

/*BARRA DE NAVEGACION*/
.fondo-nav {
    background-image: linear-gradient(to right, #BFE2E2 14%, #00B0B2, black);
    margin: 0;

}

.nav-link {
    padding: 10px 16px !important;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
}

nav {
    font-family: 'Elms Sans';
    font-weight: normal;
    text-transform: uppercase;
    color: white;

}

.navbar-nav {
    width: 100%;
    display: flex;
    justify-content: center;
}

.nav-logo {
    width: 40px;
}

.nav-link:hover,
.active .nav-link {
    color: white;
    font-weight: bolder;
    border-bottom: solid white;
}

.navbar-toggler {
    color: white;
}

/*HEADER-_----------------------------------------------------------------------------*/
header {
    background-image: url(../imagenes/Luhu-Header-ALTA.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 50px;
}

header img {
    width: 400px;
    padding-top: 170px;
    padding-bottom: 350px;
}

header h1 {
    display: none;
}

/*Nosotros----------------------------------------------------------------------------*/
.nosotros {
    background-image: url(../imagenes/bg-nosotros.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -250px;
    position: relative;
    z-index: 1;

}

.nosotros-text {
    margin-top: 80px;
    padding-top: 30px;
    padding-bottom: 10px;
    color: white
}

.nosotros-desc {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 120px;
    color: white
}

.columna-text {
    padding-left: 50px;
    padding-bottom: 100px;
    color: white;
}

.columna-img {
    padding-left: 0;
    padding-right: 0;

}

/*MISION----------------------------------------------------------------------------------------*/
.mision {
    background-image: url(../imagenes/fondo-mision-vision.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 250px;
}

.mision li {
    font-family: 'Elms Sans';
}



/*NUESTROS SERVICIOS-----------------------------------------*/
.nuestros-servicios {
    background-image: url(../imagenes/fondo-nuestros-servicios.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -340px;
    padding-top: 360px;
    position: relative;
    z-index: 1;

}

.nuestros-servicios h1 {
    padding-bottom: 80px;
}

.nuestros-servicios h3 {
    text-shadow: 2px 2px 8px #000000;
}

.nuestros-servicios img {
    width: 300px;
}

.servicio-card {
    margin: 15px;
    padding: 15px;
    position: relative;
}

.centered {
    padding: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.saber-mas {
    font-family: 'Elms Sans';
    padding: 10px 30px;
    color: white;
    text-decoration: none;
    border: solid;
    border-radius: 8px;
    border-color: #00B0B2;
}

/*FOOTER----------------------------------------------------------------------------------------*/

footer {
    color: white;
    background-color: #0A8D9E;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: small;
    font-weight: light;
}

footer img {
    width: 150px;
}

/*_____________________________________HTML SERVICIOS_________________________*/
/*------------------------------SOLUCIONES EMPRESAS TRANSPORTE-----------------------*/
.soluciones {
    background-image: url(../imagenes/fondo-soluciones.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 200px;
}

.contenido-soluciones {
    margin-bottom: 90px;
}

.beneficios {
    list-style: none;
    list-style-image: url(../imagenes/circle-check.png);
    margin-bottom: 10px;
}

/*-----------------------------------REFACCIONES-----------------------*/
.refacciones {
    background-image: url(../imagenes/fondo-refacciones.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -340px;
    padding-top: 380px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.fila-refacciones {
    margin-top: 80px;
}

.contenido-refacciones {
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 50px;
}

/*-----------------------------------MANTENIMIENTO-----------------------------------*/
.mantenimiento {
    background-image: url(../imagenes/fondo-mantenimiento.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -330px;
    padding-top: 350px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

.fila-mantenimiento {
    margin-top: 80px;
}

/*-----------------------------------CONTACTANOS----------------------------------*/
.contacto {
    background-image: url(../imagenes/fondo-contacto.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

.contacto a {
    margin-top: 80px;
    text-decoration: none;
    color: white;
    padding: 17px 30px;
    background-image: linear-gradient(to right, #00B0B2, #6cdbdb, #049c9e);
    border-radius: 7px;
}