:root{
    --color-1:#C2DDC7;
    --color-2:#EF8354;
    --color-3:#0B3954;
    --color-4:#1C3144;
    font-size: 16px;
    }

.portada{
    height: calc(100vh - 64px);
    background-image: url("../assets/img/servicios/portada.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#FFFFFF;
}

.servicios{
    padding-top:1rem;
}
.servicios__card{
    height: 500px;
    margin-bottom: 1rem;
    display: block;
    
    background-repeat: no-repeat ;
    background-size: cover;
    overflow: hidden;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.card__content{
    background-color: rgba(0, 0, 0, 0.8);
    color:#FFFFFF;
    height:70%;
    padding:32px;
    transition: all 0.3s ease;
}

.servicios__card:hover .card__content{
    transform:translateY(60%);
}

.card__content{
    transform:translateY(100%);
}

.card__content-title{
    font-size:2rem;
    margin-bottom:2rem;
}


.card__asesoramiento{
    background-image: url("../assets/img/servicios/asesoramiento-tramites.png");
}

.card__grupos-inv{
    background-image: url("../assets/img/servicios/grupos-inv.png");
}
.card__grupos-inv:hover .card__content{
    transform:translateY(45%);
}
.card__resguardo-vehiculos{
    background-image: url("../assets/img/servicios/resguardo-vehiculos.png");
}

.card__patrimonial{
    background-image: url("../assets/img/servicios/patrimonial.png");
}

.card__seguridad-eventos{
    background-image: url("../assets/img/servicios/seguridad-eventos.png");
}

.card__seguridad-privada{
    background-image: url("../assets/img/servicios/seguridad-privada.png");
}

.card__instalaciones{
    background-image: url("../assets/img/servicios/instalaciones.png");
}

.card__investigacion-multiple{
    background-image: url("../assets/img/servicios/investigacion-multiple.png");
}

@media only screen and (min-width : 993px) {
    .portada{
        height: calc(100vh - 90px);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color:#FFFFFF;
    }
}