: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/inicio/Portada.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        color:#FFFFFF;
    }
    .direccionador{
        padding-top:1rem;
    }
    .direccionador__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:50%;
        padding:32px;
        transition: all 0.3s ease;
    }
    
    .direccionador__card:hover .card__content{
        transform:translateY(100%);
    }
    
    .card__content{
        transform:translateY(160%);
    }
    
    .card__content-title{
        font-size:2rem;
        margin-bottom:2rem;
    }

    .card__conocenos{
        background-image: url('../../assets/img/inicio/Conocenos.png');
    }
    .card__servicios{
        background-image: url('../../assets/img/inicio/Servicios.png');
    }
    .card__contactanos{
        background-image: url('../../assets/img/inicio/Contactanos.png');
    }
    .clientes{
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .clientes__titulo{
        color:var(--color-2);
        margin-bottom: 2rem;
    }
    .clientes__carousel{
        height: 200px;
    }

   
   

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

    .clientes{
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .clientes__titulo{
        margin-bottom: 4rem;
    }
}