@media (max-width:768px){

    /* HERO */
    .hero-pro{
        padding:40px 20px;
    }

    .hero-text{
        text-align:center;
    }

    .hero-text h1{
        font-size:2rem;
        line-height:1.2;
    }

    .hero-image img{
        max-height:350px;
    }

    /* BENEFICIOS */
    .benefits-pro{
        padding:60px 20px;
    }

    .title-benefits{
        font-size:2rem;
    }

    /* CATEGORIAS */
    .cat-kid img{
        height:250px;
    }

    .cat-kid h3{
        font-size:1.6rem;
        margin-left:0;
    }

    /* SHOP */
    .filters-sidebar{
        margin-bottom:30px;
    }

    /* CONTACTO */
    .contact-box{
        padding:25px;
        gap:30px;
    }

    .contact-left h2{
        font-size:2rem;
        text-align:center;
    }

    .contact-left p{
        text-align:center;
    }

    .contact-buttons{
        flex-direction:column;
    }

    .mini-contact-grid{
        flex-direction:column;
    }

    .mini-contact-card{
        min-width:100%;
    }

    /* IMAGEN CONTACTO */
    .main-visual img{
        max-width:280px;
    }

    .circle-bg{
        width:280px;
        height:280px;
    }

    /* REVIEWS */
    .review-floating{
        position:relative;
        width:100%;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
    }

}