* {
    box-sizing: border-box;
}


body {

    margin: 0;

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;


    background: #1e1e1e;

    font-family: Arial, Helvetica, sans-serif;

}




.container {

    width: 100%;


    display: flex;

    flex-direction: row;   /* ahora horizontal */

    justify-content: center;

    align-items: center;


    gap: 40px;


    padding: 20px;

}





.app-card {

    width: 280px;

    height: 280px;


    display: flex;

    justify-content: center;

    align-items: center;


    background: #2b2b2b;


    border-radius: 35px;


    text-decoration: none;


    box-shadow: 
        0 10px 30px rgba(0,0,0,0.5);


    transition: 
        transform .25s ease,
        box-shadow .25s ease;

}




.app-card:hover {

    transform: scale(1.05);


    box-shadow:
        0 15px 40px rgba(0,0,0,0.7);

}





.app-card img {

    width: 85%;

    height: 85%;


    object-fit: contain;


    border-radius: 25px;

}





footer {

    position: fixed;

    bottom: 15px;


    color: #777;

    font-size: 14px;

}





/* RESPONSIVE CELULAR */

@media(max-width:700px){


    .container {

        flex-direction: column;

        gap: 30px;

    }



    .app-card {

        width: 220px;

        height: 220px;

    }


}