.header{
    /*background-image: url(../img/maquinados/maquinados_lucor.jpg);*/
    background-position: center;
    background-size: cover;
    position: relative;

}

/*TIPOGRAFÍAS*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
/*INICIALIZACIÓN DE ESTILOS*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{background-color:#f6f6f6;}

/*PERSONALIZACIÓN DE P.MANTENIMIENTO*/
.mantenimiento{
    width:600px;
    height:400px;
    padding:32px;
    border:1px solid #000;
    border-radius:10px;
    margin-top:-200px;
    margin-left:-300px;
    background-color:#fff;
    position:relative;
    top:50%;
    left:50%;
}
.mantenimiento h1, .mantenimiento h2, .mantenimiento p{
    font-family:"noto sans", sans-serif;
}

.mantenimiento h1{
    font-size:3em;
    text-align:center;
    padding:16px;
}
.mantenimiento h2{
    font-size:2em;
    font-style:italic;
}
.mantenimiento p{
    margin:16px 0;
    line-height:1.5em;
}


.img-logo{
    width: 150px;
}
.img-logo-footer{
    width: 200px;
}
.linear-white::after{
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color:#fff;
    position: absolute;
    left: 0;
    bottom: 0;
    }

.vh-50{
    height: 50vmin;
}

.card-img-filter{
    filter: brightness(0.5);
}

.card {
    transition-duration: .6s;
    clip-path: polygon(
        50% 0,
        100% 0,
        100% 50%,
        100% 100%,
        50% 100%,
        0 100%,
        0 50%,
        0 0
    );
}

.card-effect:hover .card {
    clip-path: polygon(
        50% 0,
        50% 0,
        100% 50%,
        100% 50%,
        50% 100%,
        50% 100%,
        0 50%,
        0 50%
    );
}

.card-img-overlay{
    transition-duration: .6s;
}
.card-effect:hover .card-img-overlay{
    transform: scale(0.9);
}

.comments{
    background-image: url(../img/hader\ serv.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
}
.comments.linear-white::after{
    top: 0px;
}

.comments__img{
    --tamano: 80px;
    width: var(--tamano);
    height: var(--tamano);
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 7px 7px 7px rgb(0, 0, 0 /0.5);
    border: 3px ridge #fff;
}

.transform-turn{
    transform: rotate(.5turn);
}

.media-object-img{
    --tamano: 65px;
    width: var(--tamano);
    height: var(--tamano);
    margin-right: 15px;
}

.carousel-weston-middle{
    top: 35%;
}

/*Media Queries*/

@media screen and (max-width: 375px) {
    .vh-50{
               height: 50vmax;
    }   
}

@media screen and (max-width: 450px){
    .vh-50{
        height: 50vmax;
    }
    
}