@media (max-width:999px) {
    :root {
        --mobile-container-width: 100%;
    }

    .container {
        padding: 0 20px;
    }

    /* HEADER */

    #header-space {
        width: 1600px;
        margin: 0 auto;
        margin-top: 20px;
        border-radius: 80px;
        max-width: 100%;
    }

    #top {
        top: 0;
        background: #F3EEDE;
        padding: 20px;
        border-radius: 70px;
    }

    #header-outer {
        box-shadow: none !important;
        background: transparent !important;
    }

    #top>.container>.row {
        padding: 0;
    }

    #header-outer #top nav>ul>li a,
    #header-outer #top nav>ul>li a:hover {
        color: #000000 !important;
        background: transparent !important;
    }

    #header-outer #top nav>ul>li a:hover,
    #header-outer #top nav>ul>li a:focus {
        color: #FF5D31 !important;
    }

    #header-outer#header-outer #top nav>ul>li.btn-descarga-app a,
    #header-outer#header-outer #top nav>ul>li.btn-descarga-app a:hover,
    #header-outer#header-outer #top nav>ul>li.btn-descarga-app a:focus {
        background: #FF5D31 !important;
        border-radius: 30px !important;
        color: #F3EEDE !important;
        padding: 12px 35px;
    }

    #header-outer#header-outer #top nav>ul>li.btn-descarga-app a:hover,
    #header-outer#header-outer #top nav>ul>li.btn-descarga-app a:focus {
        color: #000000 !important;
    }

    #header-outer#header-outer #top nav>ul>li a:hover .menu-title-text {
        background: inherit !important;
        color: inherit !important;
        border-radius: 30px !important;
    }

    #header-outer#header-outer #top nav>ul>li a:hover .menu-title-text:after,
    #header-outer#header-outer #top nav>ul>li a:hover .menu-title-text:before {
        display: none;
    }


    /* CUSTOM FOOTER */

    #custom-footer {
        padding-top: 60px !important;
        padding-bottom: 0 !important;
    }

    #custom-footer .logo {
        max-width: 250px;
    }

    #custom-footer .footer-menu a {
        color: #F3EEDE;
        font-size: 18px;
        font-weight: 400;
        display: block;
        width: 200px;
    }

    #custom-footer .footer-menu .row {
        display: flex;
        justify-content: start;
        gap: 0;
        margin-bottom: 10px;
        flex-direction: column;
    }

    #footer-outer #copyright .col.span_5 {
        width: 100%;
    }

    #footer-outer #copyright .col-last {
        display: none
    }

    #footer-outer #copyright p {
        text-align: center;
        color: #F3EEDE !important;
    }

    #footer-outer #footer-widgets {
        display: none
    }

    /* HOME */

    /* Hero */

    #hero {
        padding: 5vh 20px !important;
        padding-bottom: 250px !important;
    }

    #hero .left {
        padding-left: 0px;
    }

    #hero .title h1 {
        font-size: 43px !important;
    }

    #hero .btn-cta,
    #oferta-limitada .btn-cta {
        border-radius: 21px !important;
        padding: 20px 30px;
        font-size: 24px;
    }

    #hero .row-bg {
        /* background-position: right -12vw bottom !important; */
        background-size: auto;
    }


    #hero .title {
        width: 800px;
        max-width: 100%;
    }

    #hero .img-consigue-clientes {
        width: 425px;
        max-width: 100%;
    }

    #hero .img-suscripcion {
        width: 550px;
        max-width: 100%;
        margin-bottom: 20px;
    }

    #hero .text-registrate {
        margin-bottom: 20px;
    }

    #hero .img-with-aniamtion-wrap:has(.img-laptop) {
        position: absolute;
        bottom: -250px;
        right: -20px;
        z-index: 1;
        top: auto;
    }

    #hero .img-with-aniamtion-wrap:has(.img-laptop) img {
        width: 85vw;
        max-width: 960px;
    }

    #hero .img-with-aniamtion-wrap:has(.img-manitas) {
        position: absolute;
        top: auto;
        right: 39vw;
        z-index: 0;
        /* bottom: 0; */
    }

    #hero .img-with-aniamtion-wrap:has(.img-manitas) img {
        width: 65vw;
        max-width: 645px;
    }


    /* Clientes */

    #section-clientes {
        padding-top: 40px;
        padding-bottom: 120px !important;
        /* width: 1370px; */
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    #section-clientes .left {
        justify-content: center;
        align-items: center;
    }

    #section-clientes .col-center {
        text-align: center;
    }

    #section-clientes .col-center img {
        margin: auto
    }

    #section-big-bg>div>div>.row-bg {
        background-size: 135%;
        top: 70px;
    }






    /* Como funciona */
    #como-funciona .title {
        font-size: 60px !important;
    }

    #como-funciona .subtitle {
        font-size: 28px !important;
    }

    #como-funciona-boxes {
        max-width: 1360px;
        margin: auto;
    }

    #como-funciona-boxes img {
        height: 110px;
    }



    /* Oferta */

    #oferta-limitada {
        margin-top: 120px;
    }

    #oferta-limitada .title {
        letter-spacing: -3px;
        white-space: normal;
        font-size: 55px !important;
    }

    #oferta-limitada .col-left {
        width: 100%;
        padding-bottom: 240px;
    }

    #oferta-limitada .nectar-responsive-text {
        margin-bottom: 10px;
    }

    #oferta-limitada .text-suscripcion {
        max-width: 630px;
        margin-bottom: 5px;
        font-size: 28px !important;
    }

    #oferta-limitada .text-descuento {
        margin-bottom: 30px;
        font-size: 28px !important;
    }

    #oferta-limitada .nectar-highlighted-text {
        margin-bottom: 40px;
    }

    #oferta-limitada .col-left .vc_column-inner {
        padding: 20px;
        padding-top: 40px;
        transform: translateX(0);
    }

    #oferta-limitada .col-left .img-with-aniamtion-wrap:has(.img-manitas) {
        position: absolute;
        bottom: -120px;
        right: 0;
        width: 240px;
        display: none;
    }

    #oferta-limitada .col-right {
        align-self: end;
        margin-top: -250px;
        width: 100%;
        border-radius: 25px;
        overflow: hidden;
    }

    #oferta-limitada .btn-cta {
        text-align: center;
        line-height: 1.2;
    }


    /* Dejanos Datos */

    #dejanos-datos .box-form {
        width: 100%;
        transform: translateX(0px);
        /* padding-top: 60px; */
    }

    #dejanos-datos .box-form .box-form-inner {}

    #dejanos-datos .box-form-img {
        width: 100px;
    }

    #dejanos-datos .box-form .title {
        max-width: 510px;
        font-size: 38px;
        margin-top: 60px;
    }

    #dejanos-datos .col-right input:not(type[submit]) {
        border-radius: 30px;
        border: 0;
        width: 100%;
        max-width: none;
    }

    #dejanos-datos .col-right button[type="submit"] {
        background: #FF5D31;
        color: #F3EEDE;
        font-size: 18px;
        border-radius: 30px !important;
        line-height: 1;
        padding: 12px 45px !important;
        margin-top: 8px;
    }

    #dejanos-datos .col-right label {
        color: #FF5D31;
        font-size: 18px;
    }

    #dejanos-datos .wpforms-field-checkbox .wpforms-field-label {
        display: none !important;
    }

    #dejanos-datos .wpforms-field-checkbox label.wpforms-field-label-inline {
        color: #6E6E6E;
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
    }

    #dejanos-datos .wpforms-field-checkbox input {
        width: auto !important;

    }



    /* Preguntas Frecuentes */
    #preguntas-frecuentes .title {
        font-size: 38px !important
    }

    #preguntas-frecuentes .toggle {
        border-bottom: 1px solid #FF5D31;
        padding-bottom: 30px;
    }

    #preguntas-frecuentes .toggle-title:before,
    #preguntas-frecuentes .toggle-title:after {
        display: none;
    }

    #preguntas-frecuentes .toggle-title a {
        color: #ff5d31 !important;
        font-size: 24px;
        font-weight: 600;

    }

    #preguntas-frecuentes .inner-toggle-wrap p {
        font-size: 21px;
        line-height: 1.75;
        color: #6E6E6E;
        font-weight: 400;
        padding-left: 20px;
    }




    /* Plis */

    #plis {
        margin-bottom: 60px;
        padding-bottom: 0 !important;
        overflow: hidden;
        border-radius: 20px;
    }

    #plis .btn-cta {
        border-radius: 21px !important;
        padding: 30px 20px;
        font-size: 24px;
        width: 95%;
        max-width: 95%;
        text-align: center;
    }


    #plis .col-left .img-with-aniamtion-wrap:has(.btn-store) {
        display: inline-block !important;
        /* width: calc(50% - 20px); */
        margin-right: 0;
    }

    #plis .col-left {
        width: 100%;
        display: flex;
        align-items: center;
        justify-items: center;
        padding-left: 0;
        margin: auto;
        /* align-self: center; */
        /* justify-self: center; */
    }

    #plis .col-left .title * {
        font-size: 38px;
        text-align: center !important;
    }

    #plis .col-left .vc_column-inner {
        padding: 40px 20px 20px 20px;
        transform: translateX(0px);
        width: 100%;
    }

    #plis .col-left .vc_column-inner>div {
        display: flex;
        flex-direction: column;

        align-items: center;
    }

    #plis .col-right {
        align-self: end;
        width: 100%;
    }

    #plis .img-with-aniamtion-wrap {
        text-align: right;
    }

    #plis .col-right img {
        max-width: 520px;
        border-bottom-right-radius: 20px;
        margin-top: 20px;
    }

    #plis .img-people {
        position: absolute;
        bottom: 0;
        width: 260px;
        right: 0px;
        top: auto;
        transform: translateY(220px) translateX(100%);
        z-index: 5;
    }




    /* Date de Alta */

    #date-de-alta {
        margin-bottom: 60px;
        width: 1370px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }


    #date-de-alta .col-left .vc_column-inner {
        padding: 0 20px;
    }


    #date-de-alta .col-left .title * {
        letter-spacing: -2px;
        font-size: 43px;
    }

    #date-de-alta .col-right .vc_column-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #date-de-alta .col-right .vc_column-inner .nectar-responsive-text * {
        font-size: 28px !important;
        text-align: left !important;
    }

    #date-de-alta .nectar-fancy-ul ul li {
        margin-bottom: 21px;
        font-size: 21px;
        line-height: 1.5;
    }

    #date-de-alta .nectar-fancy-ul ul li i {
        transform: translateY(3px);
        border: 1px solid red;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        line-height: 26px;
        font-size: 21px;
    }

    #date-de-alta .img-with-aniamtion-wrap:has(.img-hombre-curro) {
        margin-top: -100px;
        text-align: center;
        position: relative;
    }

    #date-de-alta .img-with-aniamtion-wrap:has(.img-hombre-curro):after {
        content: "";
        background-color: #DBBDB2;
        width: 100%;
        height: 290px;
        border-radius: 23px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    #date-de-alta .img-with-aniamtion-wrap img {
        margin: auto;
    }



    /* Ventajas */

    #ventajas {
        margin-bottom: 60px;
    }

    #ventajas .row-bg {
        background: linear-gradient(to bottom, #F16A3C, #ff6a36 40%);
    }

    #ventajas .col-right {
        padding-left: 25px;
        padding-right: 25px;
    }

    #ventajas .col-right .title {
        font-size: 38px !important;
    }

    #ventajas .col-left {
        height: 30vh;
    }

    #ventajas .col-left .img-with-aniamtion-wrap:has(.people-image) {
        position: absolute;
        left: 50%;
        top: -120px;
        width: 180px;
        height: auto;
        z-index: 5;
    }

    #ventajas .nectar-fancy-ul ul li {
        margin-bottom: 15px;
    }

    #ventajas .box-store .wpb_wrapper {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

}