/* Pantallas medianas (tablets) */
@media (max-width: 1024px) {
    #slider img {
        height: 400px;
    }

    .card img {
        height: 150px;
    }
}

/* Pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    #slider img {
        height: 300px;
    }

    .btn {
        width: 100%;
        margin: 10px 0;
    }

    footer p {
        font-size: 14px;
    }
}