/*==================================================
                    RESPONSIVE
==================================================*/

/* TABLET */
@media (max-width:1200px){

    header{
        padding:18px 25px;
    }

    .footer-contenedor{
        gap:40px;
    }
}

/* TIENDA TABLET */
@media (max-width:1000px){

    .contenedor-tienda{
        grid-template-columns:1fr;
        gap:20px;
        padding:0 15px;
    }

    .sidebar{
        position:relative;
        top:0;
        width:100%;
        margin-bottom:20px;
    }
}

/* HEADER */
@media (max-width:900px){

    header{
        flex-direction:column;
        text-align:center;
        gap:12px;
    }

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

    .banner{
        min-height:470px;
        padding:45px;
    }

    .banner-text h1{
        font-size:42px;
    }

    .banner-text h2{
        font-size:24px;
    }
}

/* TABLET PEQUEÑA */
@media (max-width:768px){

    .categorias{
        grid-template-columns:repeat(2,1fr);
    }

    .beneficios{
        grid-template-columns:1fr;
    }

    .footer-contenedor{
        grid-template-columns:1fr;
        text-align:center;
    }

    .producto-card img{
        height:180px;
    }
}

/* MOBILE */
@media (max-width:600px){

    section{
        padding:50px 20px;
    }

    .banner{
        padding:30px 20px;
    }

    .banner-text h1{
        font-size:34px;
    }

    .banner-text h2{
        font-size:20px;
    }

    .categorias{
        grid-template-columns:1fr;
    }

    .contenedor-tienda{
        padding:0 10px;
    }

    #contenedorProductos{
        grid-template-columns:1fr;
    }

    .sidebar{
        padding:18px;
    }

    .producto-card img{
        height:150px;
    }

    .producto-card{
        border-radius:14px;
    }
}

/* MOBILE PEQUEÑO */
@media (max-width:480px){

    nav a{
        font-size:14px;
    }

    .logo{
        width:140px;
    }

    .producto-card h3{
        font-size:14px;
    }
}