/*
********************************************************************************
  PHONE AND TABLET
********************************************************************************
*/

@media (min-width: 1200px) {

    .resource-hero-row {
        margin-left: -35px;
        margin-right: -35px;
    }

    .resource-hero-row > div {
        padding-left: 35px;
        padding-right: 35px;
    }

}

@media (max-width: 991.98px) {

    html {
        margin-top: 0 !important;
    }

    #wpadminbar {
        display: none !important;
    }

    .admin-bar #header.affix {
        top: 0;
    }

    .navbar-expand-lg > .container, 
    .navbar-expand-lg > .container-fluid {
        padding-left: var(--container-padding-desktop);
        padding-right: var(--container-padding-desktop);
    }

    #header nav,
    #header nav.navbar-single {
        position: relative;
    }

    #header .navbar-expand-lg .navbar-collapse {
        position: fixed;
        width: 100%;
        left: 0px;
        top: var(--woffu-header-height, 5rem);
        background: rgb(255, 255, 255);
        z-index: 9999;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 2rem;
        margin-top: 0px;
        max-height: calc(100vh - var(--woffu-header-height, 5rem));
        max-height: calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem));
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

    #header .navbar-expand-lg .navbar-collapse.show {
        display: block;
        height: calc(100vh - var(--woffu-header-height, 5rem));
        height: calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem));
        min-height: 0;
    }

    html.mobile-menu-open,
    body.mobile-menu-open {
        height: 100%;
        overflow: hidden;
    }

    body.mobile-menu-open {
        position: fixed;
        top: var(--woffu-scroll-lock-top, 0);
        right: 0;
        left: 0;
        width: 100%;
    }

    body.mobile-menu-open #header .navbar-expand-lg .navbar-collapse {
        right: 0;
        bottom: auto;
        left: 0;
        height: calc(100vh - var(--woffu-header-height, 5rem)) !important;
        height: calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem)) !important;
        max-height: calc(100vh - var(--woffu-header-height, 5rem));
        max-height: calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem));
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 99999;
    }

    body.mobile-menu-open #header .navbar-expand-lg .navbar-collapse.show,
    body.mobile-menu-open #header .navbar-expand-lg .navbar-collapse.collapsing {
        display: block;
        min-height: 0;
        transition: none;
    }

    body.mobile-menu-open #header .navbar-expand-lg .navbar-collapse.collapsing {
        height: calc(100vh - var(--woffu-header-height, 5rem)) !important;
        height: calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem)) !important;
    }

    /* Menu */
    #header nav ul {
        margin-top: 20px;
    }

    #header nav li {
        display: block;
        text-align: center;
    }

    #header nav li + li {
        margin-left: 0;
    }

    #header nav li a {
        display: block;
        padding: 10px 0;
    }

    #header nav .dropdown .dropdown-menu,
    #header nav .dropdown .sub-menu {
        background: none;
        border-color: #ccc;
        display: block;
        float: none;
        margin: 0;
        margin-top: -10px;
        min-width: auto;
        padding: 10px 0;
        position: static;
        box-shadow: 0 0 0 0 #00000016, 0 3px 31px 0 #00000012;
    }

    #header nav .dropdown .dropdown-menu a,
    #header nav .dropdown .sub-menu a {
        line-height: inherit;
    }

    #header nav form {
        display: block;
        text-align: center;
    }

    #header nav .btn-outline-primary {
        margin: 20px 0 0 0;
    }

    #header nav .navbar-brand {
        /* max-width: 2.5rem; */
        margin-right: 1rem;
    }

    /* Mega menu */
    #mega-menu-wrap-top_nav {
        min-height: 0;
        min-height: max(0px, calc(var(--woffu-viewport-height, 100vh) - var(--woffu-header-height, 5rem) - var(--woffu-mobile-top-menu-height, 7rem) - 4rem));
        width: 100%;
    }

    #mega-menu-wrap-top_nav .mega-menu-toggle {
        display: none !important;
    }

    #mega-menu-wrap-top_nav .mega-menu-toggle + #mega-menu-top_nav {
        display: flex !important;
        visibility: visible !important;
        position: static;
        flex-direction: column;
        width: 100%;
        gap: 1.5rem;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item {
        width: 100%;
    }

    body.mobile-menu-open #mega-menu-wrap-top_nav,
    body.mobile-menu-open #mega-menu-wrap-top_nav #mega-menu-top_nav {
        max-width: 100%;
        overflow: visible;
    }

    body.mobile-menu-open #mega-menu-wrap-top_nav #mega-menu-top_nav,
    body.mobile-menu-open #mega-menu-wrap-top_nav #mega-menu-top_nav ul.mega-sub-menu {
        float: none !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
    }

    body.mobile-menu-open #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item > ul.mega-sub-menu {
        margin-top: .75rem !important;
    }

    body.mobile-menu-open #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        display: block !important;
        visibility: visible !important;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item > a.mega-menu-link {
        color: var(--colors-text-text-secondary-700, #414651);

        /* Text lg/Semibold */
        font-size: var(--Font-size-text-lg, 18px);
        font-weight: 600;
        line-height: var(--Line-height-text-lg, 28px); /* 155.556% */

        padding: 0;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-item > .mega-sub-menu .mega-menu-row {
        padding: 0 !important;
        border: none !important;
        box-shadow: none;
        background: none !important;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-item.menu-icon a.mega-menu-link::before {
        display: none;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.menu-icon > a.mega-menu-link .mega-menu-description {
        display: none;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
        padding: .5rem 0 !important;
        border: none !important;
        margin-bottom: 0 !important;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu li.mega-menu-item.menu-icon > a.mega-menu-link {
        color: var(--colors-text-text-secondary-700, #414651);
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav .menu-icon.help-center .mega-menu-link, 
    #mega-menu-wrap-top_nav #mega-menu-top_nav .menu-icon.woffu-academy .mega-menu-link {
        color: var(--colors-text-text-secondary-700, #414651) !important;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sectores > .mega-sub-menu {
        display: none;
    }

    #mega-menu-wrap-top_nav #mega-menu-top_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.sectores > a.mega-menu-link {
        color: var(--colors-text-text-secondary-700, #414651);

        /* Text lg/Semibold */
        font-size: 1rem;
        font-weight: 600;
        line-height: var(--Line-height-text-lg, 28px); /* 155.556% */

        margin-bottom: 0;
    }

    /* Top menu */
    #header .navbar-collapse .top-nav-menu {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0;
        border-top: 1px solid #E9EAEB;
        padding-top: 1rem;
        width: 100%;
        /* margin-top: 0; */
    }

    #header .navbar-collapse .top-nav-menu .menu-item:not(.menu-button) .menu-link {
        color: var(--colors-text-text-secondary-700, #414651);
        font-size: var(--Font-size-text-lg, 18px);
        font-weight: 600;
        line-height: var(--Line-height-text-lg, 28px);
    }

    #header .navbar-collapse .top-nav-menu .menu-button-primary {
        display: none;
    }

    #header .navbar-collapse .top-nav-menu .menu-button-secondary {
        width: 100%;
        margin-top: 3.125rem;
    }

    /* Topbar */
    #topbar .container {
        padding: .625rem;
        text-align: center;
        font-size: var(--Font-size-text-sm);
    }

    #topbar .container>span:first-child {
        max-width: 250px;
        margin-bottom: 20px;
    }

    #topbar .btn {
        width: 100%;
        height: 35px;
        overflow: hidden;
    }

    /* Bottom bar */
    #bottombar {
        padding: .625rem;
        font-size: .875rem;
    }

    #bottombar img {
        display: none;
    }

    /* WP THEME */
    .wpml-ls-legacy-list-vertical {
        margin: 0 auto;
    }

    /*
--------------------------------------------------------------------------------
  HERO
--------------------------------------------------------------------------------
*/
    .hero {
        background-size: auto 100%;
        margin-top: 0;
        margin-bottom: 40px;
        padding-top: 100px;
    }

    .use-topbar .hero {
        padding-top: 232px;
    }

    .use-bottombar .hero {
        padding-top: calc(100px + 120px);
        /* Agregando 120px del bottombar que se muestra */
    }

    .hero .article {
        margin-top: 0;
        padding-top: 0;
        text-align: center;
    }

    .hero .article h1 {
        margin-bottom: 20px;
    }

    .hero .article p {
        max-width: 265px;
        margin: 0 auto;
    }

    .hero .article .btn {
        margin-top: 25px;
    }

    .hero img {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }

    /*
    --------------------------------------------------------------------------------
    PAGE: FUNCTIONALTIES
    --------------------------------------------------------------------------------
    */

    /* HERO ---------------------------------------------------------------------*/
    #function-hero {
        /*background: url(../images/hero.svg) no-repeat 50% 0;*/
        background-size: auto 380px;
        color: #fff;
        font-size: 19px;
        font-weight: 300;
        line-height: 26px;
        margin-bottom: 50px;
        max-height: none;
        padding-top: 85px;
        text-align: center;
    }

    .use-topbar #function-hero,
    .use-bottombar #function-hero {
        padding-top: 217px;
    }

    #function-hero .container {
        padding: 0 15px;
    }

    #function-hero .article {
        margin: 0 auto;
        padding: 0;
        /*max-width: 290px;*/
        /*wp*/
    }

    #function-hero .btn {
        margin-top: 25px;
    }

    /* TIME-OFF -------------------------------------------------------------------*/

    #main>section.function-timeoff:nth-child(2n+1) .row.vc_inner>div:nth-child(2) {
        -ms-flex-order: 1;
        order: 1;
    }

    #main>section.function-timeoff:nth-child(2n+1) .row.vc_inner>div:nth-child(2) .img {
        text-align: center;
    }

    /* HERO ----------------------------------------------------------------------*/

    .hero .article .btn {
        font-size: 13px;
        /* line-height: 35px; */
        margin-top: 0;
    }

    /*
    --------------------------------------------------------------------------------
    PAGE: ERRORS 401, 403, 404, 500
    --------------------------------------------------------------------------------
    */

    #error-page {
        padding: 0 20px;
        text-align: center;
    }

    #error-page h2 {
        margin: 0 auto 25px auto;
        width: auto;
        display: inline-block;
        background-position-x: 50%;
    }

    #error-page img.error-bg {
        position: initial;
    }

    #error-page .description {
        margin: 0 auto;
        text-align: center;
    }

    /*
    --------------------------------------------------------------------------------
    LIGHT THEME
    --------------------------------------------------------------------------------
    */
    .light-theme #header nav .navbar-toggler {
        background-image: url(../images/header-navbar-toggler-light.png);
        border-radius: 0;
    }

    .light-theme #header .navbar-collapse {
        background: none;
    }

    /*
    --------------------------------------------------------------------------------
    STATUS HISTORY
    --------------------------------------------------------------------------------
    */

    .incident-history .level-icon {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-left: 7px;
    }

    /*
    --------------------------------------------------------------------------------
    RESOURCES
    --------------------------------------------------------------------------------
    */
    #resource-hero {
        padding-top: 80px;
    }

    .hero.resource-hero {
        padding: 0 0 2rem 0 !important;
        margin-bottom: 0;
    }

    .hero.resource-hero h1 {
        font-size: 2rem;
    }

    .resource-section {
        padding: 3rem 0;
    }

    .resource-content {
        --font-size-xl: 1.75rem;
    }

    .webinar-number h3 {
        font-size: 2.75rem;
    }

    /*
    --------------------------------------------------------------------------------
    GRAPHICS PAGE
    --------------------------------------------------------------------------------
    */
    .graphic-caption .description-1 {
        width: 600px;
    }

    .graphic-legend img {
        max-width: 50% !important;
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: TRIAL WEB PAID
    --------------------------------------------------------------------------------
    */

    #header.header-custom nav .top-custom-menu {
        margin: 0;
        gap: 1rem;
        flex-direction: row;
        padding: 0;
        border: none;
    }

    #header.header-custom nav .top-custom-menu .menu-link {
        padding: .5rem;
        font-size: .875rem !important;
        border: 2px inherit;
    }

    #header.header-custom .top-custom-menu .menu-button-primary {
        display: block;
    }

    .custom-menu-rate,
    .countdown-mini {
        display: none;
    }

    /* Review Card - Large */
    .review-card-lg .review-card-image {
        max-width: 40%;
    }

    .review-card-lg .review-card-text {
        font-size: var(--Font-size-display-xs);
        line-height: var(--Line-height-display-xs);
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: INFORME TIEMPO TRABAJO 2025
    --------------------------------------------------------------------------------
    */

    .section-informe-tiempo-hero .section-header h1 {
        font-size: var(--Font-size-display-lg);
        line-height: var(--Line-height-display-lg);
        --Font-size-display-lg: 2.5rem;
    }

    .section-informe-tiempo-hero .section-header .subheading.light {
        border: none;
        padding: 0;
        background: transparent;
        font-size: var(--Font-size-text-md);
    }

    .section-informe-tiempo-hero .section-header .check-list {
        margin-bottom: 1.5rem;
    }

    .informe-tiempo-clients-row .marker-circle li::before {
        top: 0;
    }

    .informe-tiempo-cover-full {
        margin-right: auto;
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: PLUS PAGE
    --------------------------------------------------------------------------------
    */

    #header.header-plus .top-nav-menu .menu-button .menu-link {
        padding: .5rem;
        font-size: .875rem !important;
    }

    /*
    --------------------------------------------------------------------------------
    FOOTER
    --------------------------------------------------------------------------------
    */
    #footer .top {
        padding-top: 4rem;
        padding-bottom: 2.5rem;
    }

    #footer .top .social-links {
        gap: .75rem;
    }

    #footer .top h6,
    #footer .top .menu-item a,
    #footer .top .languages-list {
        font-size: .75rem;
        line-height: 1.2;
        display: block;
    }

    #footer .about-text {
        font-size: .875rem;
    }

    #footer .bottom {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    #footer .legal-images {
        justify-content: left;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

}

/* SM */
@media screen and (max-width:767px) {

    /*
    --------------------------------------------------------------------------------
        GENERAL
    --------------------------------------------------------------------------------
    */

    #header nav .container {
        --container-padding-desktop: 1.5rem;
    }

    #header nav .navbar-toggler {
        margin-right: .75rem;
    }

    .subheading {
        text-wrap: balance;

        /* Text xl/Semibold */
        font-size: var(--Font-size-text-xl);
        line-height: var(--Line-height-text-xl);
    }

    .section {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    /* TOPIC PAGE: CONTROL HORARIO */
    .internal-menu-list {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .internal-menu-list::-webkit-scrollbar {
        display: none;
    }

    .internal-menu-list ul {
        width: max-content;
        min-width: 100%;
    }

    .internal-menu-list ul li {
        flex: 0 0 auto;
    }

    .internal-menu-list ul li a {
        padding-right: 1rem;
        padding-left: 1rem;
        white-space: nowrap;
    }

    h1,
    .h1,
    .page-title {
        /* Display md/Bold */
        font-size: var(--Font-size-display-md);
        line-height: var(--Line-height-display-md);
        letter-spacing: -0.72px;
    }

    .section-home-hero h1 {
        /* Display lg/Bold */
        font-size: var(--Font-size-display-lg);
        line-height: var(--Line-height-display-lg);
        letter-spacing: -0.96px;
    }

    .section h2,
    .section-caption h2 {
        --Font-size-display-md: 2rem;
    }

    .section-header-xl h2 {
        font-size: 2rem;
    }

    /*
    --------------------------------------------------------------------------------
        1. PAGE: HOME
    --------------------------------------------------------------------------------
    */

    /* 1.0 GENERAL --------------------------------------*/

    .row-actions .actions-container > .wpb_wrapper {
        flex-direction: column;
    }

    /* 1.1 HERO -----------------------------------------*/

    .section-home-hero {
        padding-top: var(--spacing-6xl);
        background: none;
    }

    .rate-caption > .wpb_wrapper {
        flex-direction: column;
    }

    .section-home-hero .home-hero-picture-container {
        background: url(../images/home-hero-bg-mobile.svg) no-repeat 100% 0;
        margin: -2.75rem -2rem 0 -2rem;
        padding: 2.75rem 2rem 0 2rem;
    }

    /* 1.2 LOGOS ----------------------------------------*/

    .section-home-logos .container {
        padding-left: 0;
        padding-right: 0;
    }

    .section-home-logos .clients-text {
        padding-left: var(--container-padding-desktop);
        padding-right: var(--container-padding-desktop);
    }

    .section-home-logos .imagelist-container.logos {
        overflow: hidden;
    }

    .imagelist-container.logos-marquee-mobile {
        overflow: hidden;
    }

    .imagelist-container.logos-marquee-mobile[class] ul.imagelist {
        --logos-marquee-mobile-gap: 2rem;
        --logos-marquee-mobile-gap-offset: 1rem;

        display: flex;
        flex-wrap: nowrap;
        gap: var(--logos-marquee-mobile-gap);
        width: max-content;
        max-width: none;
        overflow: visible;
        animation: logos-marquee-mobile var(--logos-marquee-mobile-duration, 24s) linear infinite;
        will-change: transform;
    }

    .imagelist-container.logos-marquee-mobile:hover ul.imagelist,
    .imagelist-container.logos-marquee-mobile:active ul.imagelist,
    .imagelist-container.logos-marquee-mobile ul.imagelist:active {
        animation-play-state: paused;
    }

    .imagelist-container.logos-marquee-mobile[class] ul.imagelist > li {
        flex: 0 0 auto;
    }

    .imagelist-container.logos-marquee-mobile[class][class] ul.imagelist > li:first-child {
        margin-left: 0;
    }

    .imagelist-container.logos-marquee-mobile[class][class] ul.imagelist > li:last-child {
        margin-right: 0;
    }

    /* 1.4 PROFILES -------------------------------------*/

    .section-home-profiles .woffu-tabs-image-nav {
        --row-gap-x: 0;
        --row-gap-y: var(--spacing-3xl);
    }

    .woffu-tabs-image-trigger .home-profile-item::before {
        display: none;
    }

    .section-home-profiles .woffu-tabs-image-trigger img {
        margin-left: -2rem;
        margin-right: -2rem;
        width: calc(100% + 4rem);
        max-width: calc(100% + 4rem) !important;
    }

    /* 1.5 VALUES ---------------------------------------*/

    .section-home-values {
        padding-bottom: var(--spacing-9xl);
    }

    /* 1.6 FEATURES -------------------------------------*/

    .home-features-tabs.vc_tta.vc_general .vc_tta-panels {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-xl);
    }

    .home-features-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
        background-color: transparent;
    }

    .home-features-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a {
        display: flex;
        flex-direction: row;
        gap: var(--spacing-xl);
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-xl);

        border-radius: var(--radius-xl, 12px);
        border: 1px solid var(--Colors-Border-border-secondary, #E9EAEB);

        color: var(--colors-text-text-primary-900, #181D27);

        /* Text xl/Semibold */
        font-size: var(--Font-size-text-xl, 20px);
        font-weight: 600;
        line-height: var(--Line-height-text-xl, 30px); /* 150% */

        background: #fff;
    }

    .home-features-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
        color: var(--colors-text-text-primary-900, #181D27);
        border: none;
    }

    .home-features-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title>a::after {
        content: url(../images/icon-toggle-open.svg);
        width: 1.375rem;
        height: 1.375rem;
    }

    .home-features-tabs.vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a::after {
        content: url(../images/icon-toggle-close.svg);
        width: 1.375rem;
        height: 1.375rem;
    }

    .home-features-tabs.vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
        padding: var(--spacing-xl);
        padding-top: 0 !important;
    }

    .home-feature-row {
        flex-direction: column-reverse;
    }

    .home-feature-text>.wpb_wrapper {
        padding-left: 0;
    }

    .home-feature-premium {
        padding-bottom: 10rem;
        background-size: auto;
        background-position: calc(100% + 1.875rem) calc(100% + 1.875rem);
    }

    /* 1.7 IA -------------------------------------------*/

    .card-home-ia {
        padding-left: 2rem;
        padding-right: 2rem;
        max-width: 400px;
        margin: 0 auto;
    }

    .card-home-ia .feature-image {
        margin-left: -2rem;
        margin-right: -2rem;
    }

    /* 1.8 INTEGRATION ----------------------------------*/

    .home-integrations-row .section-header {
        margin-bottom: 0;
    }

    .home-integrations-row img {
        margin: 0 auto;
    }

    /* 1.9 NUMBERS --------------------------------------*/

    .section-home-numbers .subheading {
        /* Display xs/Semibold */
        font-size: var(--Font-size-display-xs);
        line-height: var(--Line-height-display-xs);
    }

    .home-number-item h3 {
        /* Display lg/Semibold */
        font-size: var(--Font-size-display-lg);
        line-height: var(--Line-height-display-lg);
        letter-spacing: -0.96px;
    }

    /* 1.10 USER CASES -----------------------------------*/

    .user-case-testimonial {
        aspect-ratio: 369/506 !important;
        overflow: hidden;
    }

    .user-case-testimonial .video-content {
        background: var(--Component-colors-Alpha-alpha-white-30, rgba(12, 14, 18, 0.30));
        backdrop-filter: blur(7.937070846557617px);
        padding: 1.5rem;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .user-case-testimonial .user-case-logo,
    .user-case-testimonial .user-case-caption {
        position: static;
        width: 100%;
    }

    .user-case-testimonial .user-case-caption {
        background: none;
        backdrop-filter: none;
        border: none;
        padding: 0;
        margin-top: auto;
        --row-gap-x: 0;
        --row-gap-y: 1.375rem;
    }

    .user-case-testimonial .user-case-number p {
        margin-bottom: 0;
    }

    .js-vc-slider-arrows.vc_tta-tabs.vc_tta-has-pagination.vc_tta-tabs-position-top .vc_pagination {
        margin-top: 1.5rem;
    }

    .js-vc-slider-arrows.vc_tta-tabs.vc_tta-has-pagination.vc_tta-tabs-position-bottom .vc_pagination {
        margin-bottom: 1.5rem;
    }

    /* 1.12 FAQS -----------------------------------------*/

    .section-home-faq {
        padding-bottom: var(--spacing-9xl);
    }

    /* REVIEWS ------------------------------------------------------------------*/

    /* Card review (Revisar si se usa) */
    .card-review {
        margin-left: 0;
        margin-bottom: -39vw;
        z-index: 1;
    }

    .card-review .card-body {
        padding: 36px 18px 36px 18px;
    }

    .card-review .card-text {
        padding-left: 0;
        padding-top: 70px;
        margin-bottom: 40px;
    }

    /* Plan accordeon */
    #plans-accordeon .vc_tta-panel-title>a {
        padding: 1.5rem;
    }

    #plans-accordeon .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
        right: 2rem;
    }

    #plans-accordeon .vc_tta-panel-body {
        padding: 0 1.5rem 3rem 1.5rem;
    }

    /*
    --------------------------------------------------------------------------------
    2.1 PAGE PRODUCT: CONTROL HORARIO
    --------------------------------------------------------------------------------
    */

    /* Hero */
    .section-product-hero {
        padding-top: 3rem;
        padding-bottom: var(--spacing-4xl);
    }

    .product-hero-row {
        --row-gap-y: 0;
    }

    .product-hero-header {
        margin-bottom: var(--spacing-6xl);
    }
    
    .product-hero-header .row-actions {
        margin-top: var(--spacing-4xl);
    }

    .product-hero-list .check-list {
        margin-left: 0;
    }

    .product-hero-list .check-list ul {
        padding: 0;
    }

    /* Features */
    .section-product-features {
        background: var(--Colors-Background-bg-secondary_alt, #FAFAFA);
        padding-top: var(--spacing-9xl);
    }

    .section-product-features .section-header {
        margin-bottom: var(--spacing-5xl);
    }

    .product-feature-row,
    .product-feature-row.right {
        flex-direction: column-reverse;
    }

    .product-feature-row + .product-feature-row {
        margin-top: var(--spacing-5xl);
    }

    .product-feature-row h3 {
        /* Text lg/Semibold */
        font-size: var(--Font-size-text-lg, 18px);
        font-weight: 600;
        line-height: var(--Line-height-text-lg, 28px); /* 155.556% */
    }

    .product-feature-row {
        /* Text md/Regular */
        font-size: var(--Font-size-text-md, 16px);
        line-height: var(--Line-height-text-md, 24px); /* 150% */
    }

    /* Optimization */
    .section-product-optimization {
        padding-bottom: 112px;
    }

    .product-optimization-row > div:nth-child(2) {
        order: 10;
    }

    /* Tabs */
    .section-product-tabs .img {
        margin-bottom: 1rem;
    }

    .section-product-tabs .woffu-tabs-caption + .img {
        margin-top: var(--spacing-5xl);
    }

    .woffu-tabs-vertical {
        --row-gap-y: 0;
    }

    .woffu-tabs-caption,
    .woffu-tabs-caption.is-active {
        padding: 0;
        border: none;
    }

    /* Integrations */
    .section-product-integration {
        background: url(../images/section-product-integrations-bg-1-mobile.svg) no-repeat 50% 100%,
                    url(../images/section-product-integrations-bg.svg) no-repeat 0 100%;
        background-size: auto, cover;
    }

    .section-product-integration > div {
        background: none;
    }

    .product-integration-row > div:nth-child(2) {
        order: -1;
    }

    .product-integration-logos > .wpb_wrapper {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .product-integration-logos .img {
        max-width: 4.6875rem;
        position: initial;
    }

    /* Plus */
    .section-product-plus .product-feature-row,
    .section-product-plus .product-feature-row.right {
        flex-direction: column;
    }

    .section-product-plus .product-feature-row h3 {
        /* Display md/Bold */
        font-size: var(--Font-size-display-md, 36px);
        font-weight: 700;
        line-height: var(--Line-height-display-md, 44px); /* 122.222% */
        letter-spacing: -0.72px;
    }

    .product-feature-list {
        /* Text md/Medium */
        font-size: var(--Font-size-text-md, 16px);
        font-weight: 500;
        line-height: var(--Line-height-text-md, 24px); /* 150% */
    }

    /* Clients */
    .product-client-review h2 {
        /* Display sm/Bold */
        font-size: var(--Font-size-display-sm, 30px);
        font-weight: 700;
        line-height: var(--Line-height-display-sm, 38px); /* 126.667% */
    }

    .section-product-clients .features-logos {
        padding-left: 0;
        padding-right: 0;
    }

    /*
    --------------------------------------------------------------------------------
    2.2 PAGE PRODUCT: GESTION DOCUMENTAL
    --------------------------------------------------------------------------------
    */
    .product-steps-row > div:nth-child(1),
    .product-steps-row > div:nth-child(2) {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-documents-item .feature-title {
        font-size: var(--Font-size-text-lg, 18px);
        line-height: var(--Line-height-text-lg, 28px);
    }

    .product-feature-description h2 {
        font-size: var(--Font-size-display-md, 36px);
        line-height: var(--Line-height-display-md, 44px);
    }

    .product-documents-row,
    .product-documents-row.right {
        flex-direction: column;
        margin-top: var(--spacing-9xl) !important;
        --row-gap-y: 3rem;
    }

    /*
    --------------------------------------------------------------------------------
    2.3 PAGE PRODUCT: APP FICHAJE
    --------------------------------------------------------------------------------
    */

    /* Hero */
    .product-hero-header.mb-0 h1 {
        margin-bottom: var(--spacing-2xl);
    }

    .product-app-block {
        width: 100%;
        text-align: center;
    }

    .product-app-block .app-links {
        display: block;
        margin-top: var(--spacing-lg);
    }

    /* Main */
    .app-main-row {
        flex-direction: column-reverse;
    }

    .app-main-pictures {
        padding-top: 0;
    }

    .app-main-pictures .app-picture {
        margin-top: 0;
        margin-bottom: 0;
    }

    .app-main-header {
        margin-bottom: 0;
    }

    .app-main-header h3 {
        margin-top: var(--spacing-2xl);
        display: flex;
        align-items: center;
        line-height: 1.2;
        margin-bottom: var(--spacing-2xl);
    }

    .app-main-header h3 strong {
        flex: 0 0 2.5rem;
    }

    .app-main-header h3 + p {
        font-size: 1.125rem;
    }

    /* Features */
    .section-app-features .product-feature-row {
        flex-direction: column;
    }

    /* Metodos Fichaje Block */
    .metodos-fichaje-block {
        padding: var(--spacing-4xl);
    }

    .metodos-fichaje-icon-list {
        max-width: 16.75rem;
        margin: 2rem auto;
    }

    .metodos-fichaje-icon-list ul {
        justify-content: space-between;
    }

    /* Optimization */
    .section-app-optimization {
        padding-bottom: var(--spacing-9xl);
    }

    .app-optimization-row {
        padding: 0;
        --row-gap-y: var(--spacing-5xl);
    }

    .app-optimization-card .img {
        margin-bottom: var(--spacing-3xl);
    }

    .review-number p {
        margin-bottom: 0;
    }

    /*
    --------------------------------------------------------------------------------
    2.4 PAGE PRODUCT: GESTOR VACACIONES
    --------------------------------------------------------------------------------
    */

    .section-gestor-vacaciones-features {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl);
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: TRIAL WEB PAID
    --------------------------------------------------------------------------------
    */

    .trial-hero-header {
        margin-bottom: var(--spacing-4xl);
    }

    .trial-rate-caption {
        margin-top: 1.5rem;
    }

    .section-trial-clients .features-logos {
        padding-bottom: 0;
    }

    .section-demo-hero .features-logos {
        padding-top: 0;
    }

    .section .demo-block-full h2 {
        font-size: var(--Font-size-display-sm);
        line-height: var(--Line-height-display-sm);
    }

    .review-card {
        flex-direction: column;
        align-items: center; /* centra los hijos horizontalmente */
    }

    .review-card.reverse {
        flex-direction: column;
    }

    .review-card-caption {
        width: 100%;
    }

    .review-card-image {
        flex: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .review-card-lg {
        padding: var(--spacing-5xl, 40px);
    }

    .review-card-lg .review-card-image {
        max-width: 100%;
    }

    .review-card-lg .review-card-text {
        font-size: var(--Font-size-text-xl, 20px);
        line-height: var(--Line-height-text-xl, 30px); /* 150% */
    }

    .trial-numbers-block {
        padding: var(--spacing-3xl);
    }

    .trial-numbers-block .section-header {
        margin-bottom: var(--spacing-5xl);
    }

    .trial-numbers-block .section-header > div.wpb_wrapper {
        gap: var(--spacing-xl);
    }

    .trial-numbers-block .section-header .subheading {
        font-size: var(--Font-size-text-xl);
    }

    .section-header.dark h2 {
        font-size: var(--Font-size-display-md);
    }

    .trial-number p {
        margin-bottom: .5rem;
    }

    .trial-number strong {
        font-size: 2rem;
    }

    .trial-tag-list ul {
        margin-bottom: 3rem !important;
    }

    .trial-tag-list ul li {
        border-radius: .3125rem;
    }

    .section-trial-reviews .section-header {
        margin-bottom: var(--spacing-5xl);
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: CAMPANA LITE 0.90€
    --------------------------------------------------------------------------------
    */

    .campaign-hero-cta {
        padding: 1.875rem;
    }

    .campaign-hero-cta .check-single-list ul {
        column-count: 1;
        font-size: .875rem;
    }

    .client-text.flex > .wpb_wrapper {
        flex-direction: column;
        text-align: center;
        gap: 0;
    }

    .client-text strong {
        font-size: 1.5rem;
    }

    .section-campaign-table {
        --container-padding-desktop: 1.5rem;
    }

    .campaign-conditions {
        padding: var(--spacing-4xl);
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: INFORME TIEMPO TRABAJO 2025
    --------------------------------------------------------------------------------
    */

    .section-informe-tiempo-hero {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl);
    }

    .section-informe-tiempo-hero .section-header h1 {
        --Font-size-display-lg: 2.5rem;
    }

    /*
    --------------------------------------------------------------------------------
    LANDING: PRE BLACK FRIDAY
    --------------------------------------------------------------------------------
    */

    .section-campaign-hero {
        padding-top: var(--spacing-5xl);
    }

    .section-campaign-hero .subheading {
        font-size: var(--Font-size-text-xs);
    }

    .campaign-hero-cta .badge-title {
        font-size: var(--Font-size-text-xs);
    }

    .kpi-feature .feature-title {
        font-size: var(--Font-size-display-xs, 36px);
    }

    .trial-tag-row.single .trial-tag-caption {
        padding-right: 0;
    }

    .trial-tag-row.single .trial-tag-list ul li {
        width: 100%;
    }

    .legal-block {
        padding: var(--spacing-4xl);
    }

    .legal-block > .wpb_wrapper {
        flex-direction: column;
    }

    .final-count > div {
        width: 100px;
        min-height: 100px;
        padding: var(--spacing-lg);
    }

    /*
  --------------------------------------------------------------------------------
    RESOURCES
  --------------------------------------------------------------------------------
  */

  .resource-hero-description h1 {
    font-size: var(--Font-size-display-sm);
    line-height: var(--Line-height-display-sm);
  }

  .resource-hero-form {
    margin-top: 2.5rem;
    margin-left: 0;
  }

  .resource-review-caption {
    padding: var(--spacing-4xl);
  }

  .resource-features-header h2 {
    font-size: var(--Font-size-display-xs);
    line-height: var(--Line-height-display-xs);
  }

  .resource-review-caption h2 {
    font-size: var(--Font-size-display-sm);
    line-height: var(--Line-height-display-sm);
  }

  .section-resource-cta h2 {
    font-size: var(--Font-size-display-md);
    line-height: var(--Line-height-display-md);
  }

    /*
  --------------------------------------------------------------------------------
    PARTNERS - ASESORÍA
  --------------------------------------------------------------------------------
  */

    /*
  --------------------------------------------------------------------------------
    PARTNERS - NO SOY ASESORÍA
  --------------------------------------------------------------------------------
  */

    .woffu-video .description {
        display: none;
    }

    .woffu-video .btn-play {
        width: 80px;
    }

    .woffu-video .btn-play-new {
        font-size: .75rem;
    }

    /*
  --------------------------------------------------------------------------------
    GRAPHICS PAGE
  --------------------------------------------------------------------------------
  */
    #graphics-hero {
        background-image: url(../images/graphics-hero-sm.png);
    }

    #graphics-hero h1 {
        font-size: 2.5rem;
    }

    #graphics-hero p {
        font-size: 1rem;
        line-height: 1.3;
        margin-bottom: 46px;
    }

    #graphics-hero h2 {
        font-size: 1.1875rem;
        margin-bottom: 66px;
    }

    #graphics-hero h2 strong {
        background-size: contain;
    }

    .graphic-section {
        font-size: 1rem;
        line-height: 1.87;
        padding-top: 71px;
        padding-bottom: 130px;
    }

    .graphic-section.violet {
        background-image: url(../images/graphic-violet-bg-sm.svg);
    }

    .graphic-section.green {
        background-image: url(../images/graphic-green-bg-sm.svg);
    }

    .graphic-section.blue {
        background-image: url(../images/graphic-blue-bg-sm.svg);
    }

    .graphic-section.orange {
        background-image: url(../images/graphic-orange-bg-sm.svg);
    }

    .graphic-section.violet1 {
        background-image: url(../images/graphic-violet1-bg-sm.svg);
    }

    .graphic-caption h2 {
        width: 100%;
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 2rem;
    }

    .graphic-caption .description-1 {
        width: 100%;
    }

    .graphic-caption .description ul li {
        padding-top: 0;
    }

    .graphic-legend img {
        max-width: 50% !important;
    }

    .graphic-card {
        padding: 2rem;
    }

    .graphics-form-container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .simple-review .card-text {
        background-size: 35px auto;
        padding-left: 50px;
        padding-top: 10px;
    }

    .simple-review .card-text p:first-child {
        font-size: 18px;
        line-height: 1.9;
    }

    .simple-review .card-text {
        font-size: 14px;
        line-height: 1.9;
    }

    .simple-review .card-author .img {
        width: 40px;
        margin-right: 10px;
    }

    .simple-review .card-author {
        font-size: 14px;
    }

    .thanks-resource-content .thanks-caption {
        text-align: center;
        margin: 0 auto;
    }

    .thanks-resource-content .thanks-image {
        margin-right: auto;
        margin-top: 2rem;
    }

    /* Bottom bar */
    #bottombar.dark {
        font-size: .875rem;
    }

    #bottombar.dark span.button {
        margin-left: 0;
        margin-top: .625rem;
    }

    /* Popup Kit Digital */
    .pum-theme-tema-por-defecto .pum-close {
        width: 25px !important;
        height: 25px !important;
        right: 10px !important;
        top: 10px !important;
    }

    /*
    --------------------------------------------------------------------------------
    FOOTER
    --------------------------------------------------------------------------------
    */

    #footer {
        background-image: url(../images/footer-bg.svg);
        background-position: top center;
        background-color: transparent;
    }

    #footer .top .row-top {
        gap: 1.5rem;
    }

    #footer .top .area,
    #footer .top .area-1 {
        justify-content: center;
        text-align: center;
    }

    #footer .top h6,
    #footer .top .menu-item a,
    #footer .top .languages-list {
        font-size: 1rem;
    }

    #footer .copyright ul {
        margin: .75rem 0 0 0;
        font-size: .75rem;
        line-height: 1.5;
    }

    /* Chatbot Sofia */
    .product-demo-floating-button.minimalist-avatar {
        width: 67.5px !important;
        height: 67.5px !important;
        min-width: 67.5px !important;
        max-width: 67.5px !important;
    }

}

@keyframes logos-marquee-mobile {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - var(--logos-marquee-mobile-gap-offset)));
    }
}

@media screen and (max-width:767px) and (prefers-reduced-motion: reduce) {
    .imagelist-container.logos-marquee-mobile {
        overflow: hidden;
    }

    .imagelist-container.logos-marquee-mobile[class] ul.imagelist {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        animation: none;
        transform: none;
        will-change: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .imagelist-container.logos-marquee-mobile[class] ul.imagelist::-webkit-scrollbar {
        display: none;
    }

    .imagelist-container.logos-marquee-mobile[class] ul.imagelist > li[aria-hidden="true"] {
        display: none;
    }
}

@media (max-width: 600px) {

    /* DEMO ----------------------------------------------------------------------*/
    #wpadminbar {
        position: fixed;
    }

}

@media (max-width: 420px) {

    /* DEMO ----------------------------------------------------------------------*/

    .card-review .card-author {
        align-items: initial;
    }

    .card-review .author {
        display: block;
    }

    .card-review .logo {
        margin-top: 30px;
    }

}