@media(max-width:767px){
    .navbar{
        padding-inline: 1rem;
    }
    .title-section{
        font-size: 50px;
        text-align: center;
    }
    .step::after{
        display: none;
    }
    .step::before{
        display: none;
    }
    nav.navbar.navbar-expand-sm.navbar-toggleable-sm.mb-3.navbar-transparent.navbar-home{
        background: var(--primaryGradient);
    }
    .welcome-text{
        font-size: 40px;
    }
    .banner-main{
        height: 70vh;
    }

    .step{
        margin-bottom: 5rem;
    }
    .row.filters-busqueda{
        display: flex;
        gap: 1rem;
        margin-top: 1rem;
        flex-wrap: wrap;
    }
    .vacantes-scroll{
        overflow-y: none !important;
        max-height: none !important;

    }

    .icon-job-group .subtitle-job, .subtitle-job{
        margin-bottom: 0 !important;
    }

    .title-job{
        margin-top: 1rem;
    }
    .justify-content-end{
        justify-content: center !important;
        margin-top: 1rem;
    }
}

@media(max-width:767px){
    .navbar{
        padding: 0.75rem 1rem !important;
        border-radius: 0 0 24px 24px;
    }

    nav.navbar.navbar-expand-sm.navbar-toggleable-sm.mb-3.navbar-transparent.navbar-home{
        background: rgba(10, 24, 40, 0.92) !important;
        backdrop-filter: blur(18px);
    }

    .banner-main{
        height: auto !important;
        min-height: 76vh;
        padding: 3rem 0 0 !important;
    }

    .welcome-text{
        font-size: clamp(2.6rem, 12vw, 4rem) !important;
        line-height: 0.98 !important;
    }

    .title-section{
        font-size: clamp(2.3rem, 12vw, 3.7rem) !important;
        text-align: left;
    }

    .banner-main .input-filters,
    .busqueda .input-filters{
        display: grid;
        gap: 0.5rem;
        border-radius: 24px;
    }

    .input-filters .btn{
        width: 100%;
    }

    .step{
        margin-bottom: 1rem !important;
    }

    .filters-busqueda{
        display: grid !important;
        gap: 0.75rem !important;
        margin-top: 1rem;
    }

    .filters-busqueda > *,
    .filters-busqueda .dropdown,
    .filters-busqueda .btn{
        width: 100%;
    }

    .vac-card .row.align-items-center{
        row-gap: 1rem;
    }

    .vac-card .text-end{
        justify-content: flex-start !important;
        margin-top: 0 !important;
    }

    .icon-job-group{
        flex: 1 1 100%;
    }
}