/* Estilos específicos para el portafolio en móviles */
@media (max-width: 768px) {
    #portfolio .group .absolute {
        opacity: 0.9;
    }
    
    #portfolio .group .text-center.p-4 {
        transform: translateY(0);
    }
    
    #portfolio .text-gray-200.mb-4 {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* Para dispositivos que no soportan hover */
@media (hover: none) {
    #portfolio .group .absolute {
        opacity: 0.9;
    }
    
    #portfolio .group .text-center.p-4 {
        transform: translateY(0);
    }
}