/*------------------------------------------
AUTHOR: ING. ANTONIO GIL GÓMEZ
DESCRIPTION: ...
EDITION: 2024
------------------------------------------
*/

.card-servicios{
    display: flex;
    align-items: end;
    transition: 0.8s;
}


.img-servicios-biodiversidad{
    background-image:url("../img/gif/biodiversidadServiciosAmbientales.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
    animation: opacidad;
    animation-duration: 0.5s;
}
.img-servicios-territorio{
    background-image:url("../img/serviciosAmbientales/serviciosTerritorio.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}
.img-servicios-carbono{
    background-image:url("../img/gif/co2ServiciosAmbientales.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}
.img-servicios-agua{
    background-image:url("../img/gif/aguaServiciosAmbientales.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}
.img-servicios-prod{
    background-image:url("../img/serviciosAmbientales/serviciosProd.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}
.img-servicios-actRec{
    background-image:url("../img/gif/eduServiciosAmbientales.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}
.img-servicios-cultura{
    background-image:url("../img/gif/culturaServiciosAmbientales.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2em;
    transition: 0.8s;
}


.card-servicios p{
    background-color: white;
    color: var(--main-violet);
    padding: 1em;
    font-weight: 600;
    border-radius: 0px 10px 10px 0;
    border-left: 5px solid var(--main-green);
    transition: 0.8s;
    
}

.icon-biodiversidad{
    background-image:url("../img/icons/icon-biodiversidad.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-territorio{
    background-image:url("../img/icons/icon-territorio.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-carbono{
    background-image:url("../img/icons/icon-carbono.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-agua{
    background-image:url("../img/icons/icon-agua.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-prod{
    background-image:url("../img/icons/icon-prod.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-act{
    background-image:url("../img/icons/icon-actRec.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}
.icon-cultura{
    background-image:url("../img/icons/icon-cultura.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    cursor: pointer;
}