/* TABLETS */

@media(max-width:992px){

    header{
        flex-direction:column;
        gap:15px;
    }

    nav ul{
        flex-wrap:wrap;
        justify-content:center;
    }

    .hero h2{
        font-size:40px;
    }

    .hero p{
        font-size:18px;
    }

    .product-container{
        justify-content:center;
    }
}

/* CELULARES */

@media(max-width:768px){

    header{
        padding:15px;
    }

    .logo h1{
        font-size:22px;
        text-align:center;
    }

    nav ul{
        flex-direction:column;
        gap:10px;
        text-align:center;
    }

    .hero{
        padding:20px;
        height:auto;
        min-height:70vh;
    }

    .hero h2{
        font-size:30px;
    }

    .hero p{
        font-size:16px;
    }

    section{
        padding:50px 5%;
    }

    .brand-card{
        width:100%;
    }

    .product-card{
        width:100%;
        max-width:350px;
    }

    form{
        width:100%;
    }

    form input,
    form textarea{
        font-size:16px;
    }
}

/* PANTALLAS PEQUEÑAS */

@media(max-width:480px){

    .hero h2{
        font-size:25px;
    }

    .hero p{
        font-size:14px;
    }

    section h2{
        font-size:28px;
    }

    .product-card img{
        height:200px;
    }

    footer{
        font-size:14px;
    }
}