@media (max-width: 1200px) {

main{
    padding: 1.5rem;
    margin-top: 160px;
}

.products-slider .product-card{
    flex: 0 0 calc(50% - 1rem);
}

}


/* ============================= */
/* TABLETS */
/* ============================= */
@media (max-width: 992px) {

.main-header{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
}

.logo-container{
    display:flex;
    align-items:center;
}

.user-actions{
    display:flex;
    gap:1rem;
}

.search-container{
    width:100%;
    margin-top:.8rem;
}

.search-container{
    order: 3;
    flex: 100%;
}

.nav-menu{
    gap: 1rem;
    flex-wrap: wrap;
}

.products-slider .product-card{
    flex: 0 0 70%;
}

}


/* ============================= */
/* CELULARES GRANDES */
/* ============================= */
@media (max-width: 768px) {

.main-header{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    padding:1rem;
}

.logo-container{
    display:flex;
    align-items:center;
}

.user-actions{
    display:flex;
    gap:1rem;
}

.search-container{
    width:100%;
    margin-top:.8rem;
}

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

.search-container{
    width: 100%;
}

.user-actions{
    justify-content: center;
}

.main-nav{
    padding: .5rem 0;
}

.nav-menu{
    flex-wrap: wrap;
    gap: .5rem;
}

.nav-menu a{
    padding: .4rem .8rem;
    font-size: .9rem;
}

main{
    margin-top: 160px;
    padding: 1rem;
}

.section{
    padding: 1.5rem;
}

.section-title{
    font-size: 1.6rem;
}

.products-slider .product-card{
    flex: 0 0 85%;
}

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

.product-image{
    height: 180px;
}

.slider-arrow{
    width: 35px;
    height: 35px;
}

.slider-arrow i{
    font-size: .9rem;
}

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

.social-icons{
    justify-content: center;
}

}


/* ============================= */
/* CELULARES PEQUEÑOS */
/* ============================= */
@media (max-width: 480px) {

.logo-text h1{
    font-size: 1.2rem;
}

.logo-text p{
    font-size: .7rem;
}

.search-input{
    font-size: .8rem;
}

.section-title{
    font-size: 1.4rem;
}

.product-title{
    font-size: 1rem;
}

.product-price{
    font-size: 1.1rem;
}

.btn-primary{
    padding: .7rem 1rem;
}

.whatsapp-float{
    width: 50px;
    height: 50px;
}

.whatsapp-float img{
    width: 28px;
    height: 28px;
}

}
/* ============================= */
/* FIX SALUDO EN MÓVIL */
/* ============================= */
@media (max-width: 768px) {
    .main-header {
        display: grid;
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto auto;
        align-items: center;
        gap: 0.5rem;
        padding: 0.8rem 1rem;
    }

    .logo-link {
        grid-column: 1;
        grid-row: 1;
    }

    .search-container {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        margin-top: 0;
    }

    .user-actions {
        grid-column: 3;
        grid-row: 1;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-end;
    }

    .user-actions span {
        font-size: 0.75rem !important;
        white-space: nowrap;
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .icon-btn {
        font-size: 1rem;
        padding: 0.4rem;
    }

    main {
        margin-top: 130px;
    }
}

@media (max-width: 480px) {
    .user-actions span {
        display: none;
    }

    .user-actions::before {
        content: '👋';
        font-size: 0.75rem;
    }
}