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

@media (max-width: 767px) {

    /* =================================================
       TOP BAR
    ================================================= */

    .top-bar {
        display: none !important;
    }


    /* =================================================
       NAVBAR
    ================================================= */

    .top-bar-content {
        justify-content: center;
    }

    .navbar-actions {
        gap: 2px;
    }

    .nav-action {
        width: 36px;
        height: 36px;
    }


    /* =================================================
       BENEFICIOS
    ================================================= */

    .benefits-section {
        padding: 45px 0;
    }

    .benefit {
        justify-content: flex-start;
    }

}