{"id":3415,"date":"2019-09-09T18:06:55","date_gmt":"2019-09-09T18:06:55","guid":{"rendered":"https:\/\/controlar.com\/areas-de-negocio\/"},"modified":"2025-07-03T15:22:10","modified_gmt":"2025-07-03T15:22:10","slug":"areas-de-negocio","status":"publish","type":"page","link":"https:\/\/controlar.com\/es-mx\/areas-de-negocio\/","title":{"rendered":"\u00c1reas de negocio"},"content":{"rendered":"    <div class=\"awsm-job-wrap\">\n        <p>Actualmente no tenemos oportunidades disponibles <\/p>\n    <\/div>\n<style>\n    \/* ======================================\n * GENERAL LAYOUT\n * ====================================== *\/\n    .container-wrap,\n    header#top {\n        background-color: #FAFAF7;\n    }\n    .header-outer, .header-space {\n        background-color: #FAFAF7 !important;\n    }\n\n    #search-outer {\n        background-color: transparent !important;\n    }\n\n    \/* ======================================\n\t * JOB LISTINGS LAYOUT AND STRUCTURE\n\t * ====================================== *\/\n    .awsm-job-wrap {\n        width: 100%;\n        display: flex;\n        font-family: Amplitude Wide, \"sans-serif\";\n    }\n\n    .awsm-filter-wrap.custom-filter-wrap {\n        flex: 1;\n    }\n\n    .awsm-job-listings.awsm-lists {\n        flex: 2;\n        border: none;\n    }\n\n    .awsm-job-listing-item.awsm-list-item,\n    .awsm-list-item.awsm-job-item,\n    .awsm-job-listing-item.job-listing-item {\n        border: none;\n        margin-bottom: 16px;\n        background: #fff;\n    }\n\n    \/* ======================================\n\t * JOB LISTING ITEM STYLES\n\t * ====================================== *\/\n    .job-listing-item {\n        background-color: #f9f9f9;\n        margin-bottom: 15px;\n        border-radius: 5px;\n        overflow: hidden;\n    }\n\n    .job-listing-container {\n        padding: 32px;\n        display: block;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .job-title {\n        font-size: 24px;\n        line-height: 34px;\n        color: #000;\n        margin-top: 0;\n        margin-bottom: 15px;\n        font-weight: bold;\n    }\n\n    .job-details-container {\n        display: flex;\n        justify-content: flex-start;\n        gap: 40px;\n    }\n\n    \/* Job detail columns with specific widths *\/\n    .job-detail {\n        display: flex;\n        align-items: flex-start;\n        gap: 10px;\n        color: #A2A7AA;\n    }\n\n    .job-detail.work-area {\n        flex: 2;\n    }\n\n    .job-detail.location {\n        flex: 1;\n    }\n\n    .job-detail.job-date {\n        flex: 1;\n    }\n\n    .job-detail-icon {\n        color: #A2A7AA;\n        width: 16px;\n        height: 16px;\n        margin-top: 3px;\n    }\n\n    .job-detail-content {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .job-detail-label {\n        font-size: 16px;\n        line-height: 24px;\n        color: #777;\n        text-transform: uppercase;\n        margin-bottom: 5px;\n    }\n\n    .job-detail-value {\n        font-size: 16px;\n        line-height: 24px;\n        color: #333;\n        font-weight: 700;\n    }\n\n    \/* ======================================\n\t * FILTER RESULTS HEADER STYLES\n\t * ====================================== *\/\n    .filter-results-header {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 20px;\n        padding-bottom: 15px;\n        border-bottom: 0;\n    }\n\n    .filter-results-title {\n        font-size: 28px;\n        font-weight: bold;\n        margin: 0 0 15px 0;\n    }\n\n    .active-filters-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 10px;\n        margin-bottom: 15px;\n    }\n\n    .active-filter {\n        display: inline-flex;\n        align-items: center;\n        background-color: #f0f0f0;\n        padding: 5px 10px;\n        border-radius: 4px;\n        font-size: 14px;\n        color: #333;\n    }\n\n    .remove-filter {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        margin-left: 5px;\n        color: #777;\n        text-decoration: none;\n        font-weight: bold;\n    }\n\n    .results-count {\n        margin-bottom: 40px;\n        color: #000;\n        font-size: 14px;\n        text-align: right;\n        margin-left: auto;\n    }\n\n    \/* ======================================\n\t * FILTER SECTION STYLES\n\t * ====================================== *\/\n    .custom-filter-container {\n        width: 259px;\n        padding: 0;\n        background-color: transparent;\n    }\n\n    .filter-criteria-header h3 {\n        font-weight: 700 !important;\n        font-size: 16px !important;\n        line-height: 24px !important;\n        letter-spacing: 0;\n        margin: 0;\n        padding: 0;\n        color: #000;\n    }\n\n    .filter-criteria-header {\n        margin: 16px 0 16px 0;\n    }\n\n    .custom-search-container {\n        display: none;\n    }\n\n    .search-field-container {\n        margin-bottom: 15px;\n    }\n\n    .search-input {\n        width: 100%;\n        padding: 12px 15px;\n        border: 1px solid #ddd;\n        border-radius: 30px;\n        font-size: 14px;\n        background-color: #fff;\n    }\n\n    \/* Filter section titles *\/\n    .filter-section-title {\n        line-height: 24px;\n        font-size: 16px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n\n    .filter-section-title .dropdown-arrow {\n        display: none;\n    }\n\n    .filter-section-title h4 {\n        font-size: 16px;\n        font-weight: 700;\n        color: #000;\n        padding: 0 !important;\n        margin: 0 !important;\n    }\n\n    \/* Filter dropdowns *\/\n    .filter-dropdowns-container {\n        margin-bottom: 15px;\n    }\n\n    .filter-dropdown {\n        border-bottom: 1px solid #e5e5e5;\n        background-color: #FAFAF7;\n    }\n\n    .filter-dropdown-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        cursor: pointer !important;\n        position: relative;\n        margin: 0;\n        padding: 0;\n    }\n\n    .filter-dropdown-header span,\n    .filter-remote-work span.title {\n        font-size: 16px;\n        line-height: 24px;\n        font-weight: 400;\n        color: #000;\n        margin: 0;\n        padding-top: 15px;\n        padding-bottom: 16px;\n    }\n\n    \/* Dropdown arrows *\/\n    \/* Dropdown arrows *\/\n    .dropdown-arrow {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 24px;\n        height: 24px;\n    }\n\n    .dropdown-arrow svg {\n        transition: transform 0.3s ease;\n    }\n\n    .filter-dropdown-header.active .dropdown-arrow svg {\n        transform: rotate(180deg);\n    }\n\n    \/* Filter dropdown content *\/\n    .filter-dropdown-content {\n        display: none;\n        padding-bottom: 15px;\n    }\n\n    .filter-select {\n        width: 100%;\n        padding: 8px 10px;\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        font-size: 14px;\n    }\n\n    \/* Remote work filter toggle *\/\n    .filter-remote-work {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 0;\n        margin: 0;\n        border-bottom: 1px solid #e5e5e5;\n    }\n\n    \/* Toggle Switch *\/\n    .switch {\n        position: relative;\n        display: inline-block;\n        width: 50px;\n        height: 24px;\n    }\n\n    .switch input {\n        opacity: 0;\n        width: 0;\n        height: 0;\n    }\n\n    .slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #ccc;\n        transition: .4s;\n    }\n\n    .slider:before {\n        position: absolute;\n        content: \"\";\n        height: 18px;\n        width: 18px;\n        left: 3px;\n        bottom: 3px;\n        background-color: white;\n        transition: .4s;\n    }\n\n    input:checked + .slider {\n        background-color: #009FD4;\n    }\n\n    input:checked + .slider:before {\n        transform: translateX(26px);\n    }\n\n    .slider.round {\n        border-radius: 34px;\n    }\n\n    .slider.round:before {\n        border-radius: 50%;\n    }\n\n    \/* Filter action buttons *\/\n    .filter-action-buttons {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n        margin-top: 20px;\n    }\n\n    .pesquisar-btn, .eliminar-filtros-btn {\n        font-family: \"Amplitude Wide\", serif;\n    }\n\n    .pesquisar-btn {\n        background-color: #009FD4;\n        color: white;\n        border: none;\n        border-radius: 30px;\n        padding: 12px 24px;\n        font-size: 14px;\n        font-weight: 600 !important;\n        line-height: 20px;\n        cursor: pointer;\n        text-transform: uppercase;\n        width: 100%;\n        transition: background-color 0.3s;\n    }\n\n    .pesquisar-btn:hover {\n        background-color: #0088b9;\n    }\n\n    .eliminar-filtros-btn {\n        background-color: transparent;\n        color: #009FD4;\n        border: 1px solid #009FD4;\n        border-radius: 30px;\n        padding: 12px 15px;\n        font-size: 14px;\n        font-weight: 700;\n        cursor: pointer;\n        text-transform: uppercase;\n        width: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: background-color 0.3s;\n        line-height: 1;\n    }\n\n    .eliminar-filtros-btn:hover {\n        background-color: rgba(0, 159, 212, 0.05);\n    }\n\n    .reset-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 8px;\n        line-height: 0;\n    }\n\n    .reset-icon svg {\n        width: 18px;\n        height: 18px;\n    }\n\n    \/* ======================================\n\t * FILTER OPTIONS AND CHECKBOXES\n\t * ====================================== *\/\n    .filter-options-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .filter-options-list li {\n        padding: 8px 12px;\n        cursor: pointer;\n        transition: background-color 0.2s;\n    }\n\n    .filter-options-list li:hover {\n        background-color: #f5f5f5;\n    }\n\n    .filter-options-list li.selected {\n        background-color: #e0f0ff;\n        font-weight: bold;\n    }\n\n    .filter-checkbox-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .filter-checkbox-item {\n        list-style: none;\n        padding: 8px 0;\n        line-height: 14px;\n    }\n\n    .filter-checkbox-item .checkbox-text {\n        font-size: 14px;\n    }\n\n    .checkbox-label {\n        display: flex;\n        align-items: center;\n        cursor: pointer;\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n        margin-right: 8px;\n        position: absolute;\n        opacity: 0;\n    }\n\n    .checkbox-text {\n        flex: 1;\n        position: relative;\n        padding-left: 28px;\n    }\n\n    .checkbox-text:before {\n        content: '';\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 12px;\n        height: 12px;\n        border: 1px solid #ccc;\n        background: #fff;\n        border-radius: 3px;\n    }\n\n    .checkbox-label input[type=\"checkbox\"]:checked + .checkbox-text:before {\n        background: #2196F3;\n        border-color: #2196F3;\n    }\n\n    .checkbox-label input[type=\"checkbox\"]:checked + .checkbox-text:after {\n        content: '';\n        position: absolute;\n        left: 6px;\n        top: 2px;\n        width: 3px;\n        height: 6px;\n        border: solid white;\n        border-width: 0 2px 2px 0;\n        transform: rotate(45deg);\n    }\n\n    \/* ======================================\n\t * LOADING STATE STYLES\n\t * ====================================== *\/\n    .awsm-jobs-loading {\n        opacity: 0.5;\n        pointer-events: none;\n        position: relative;\n    }\n\n    .awsm-jobs-loading:after {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 30px;\n        height: 30px;\n        margin-top: -15px;\n        margin-left: -15px;\n        border: 4px solid #f3f3f3;\n        border-top: 4px solid #009FD4;\n        border-radius: 50%;\n        animation: spin 2s linear infinite;\n    }\n\n    @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }\n\n    .pesquisar-btn:disabled,\n    .eliminar-filtros-btn:disabled {\n        opacity: 0.7;\n        cursor: not-allowed;\n    }\n\n    \/* ======================================\n\t * RESPONSIVE STYLES\n\t * ====================================== *\/\n    @media (max-width: 767px) {\n        .awsm-job-wrap {\n            flex-direction: column;\n        }\n\n        .filter-criteria-header {\n            margin: 0;\n        }\n\n        .job-listing-item {\n            border-radius: 0;\n            margin-bottom: 8px;\n            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n        }\n\n        .job-listing-container {\n            padding: 16px;\n        }\n\n        .job-title {\n            font-size: 18px;\n            line-height: 24px;\n            margin-bottom: 12px;\n        }\n\n        .job-details-container {\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .job-detail {\n            align-items: start;\n            gap: 4px;\n        }\n\n        .job-detail-label {\n            font-size: 12px;\n            margin-bottom: 2px;\n        }\n\n        .job-detail-value {\n            font-size: 14px;\n        }\n\n        .filter-section-title {\n            padding: 15px 0;\n            border-bottom: 1px solid #e5e5e5;\n            cursor: pointer;\n        }\n\n        .filter-section-title .dropdown-arrow {\n            display: flex;\n        }\n\n        .filter-action-buttons {\n            flex-direction: column;\n            position: sticky;\n            bottom: 0;\n            background: #FAFAF7;\n            padding: 12px;\n            margin: 0;\n            z-index: 10;\n        }\n\n        .pesquisar-btn,\n        .eliminar-filtros-btn {\n            max-width: 340px;\n            margin: 0 auto;\n            font-family: \"Amplitude Wide\", serif;\n        }\n\n        .custom-filter-container {\n            width: 100%;\n        }\n\n        .filter-results-title {\n            font-size: 24px;\n            margin-bottom: 10px;\n        }\n\n        .results-count {\n            text-align: right;\n            margin-left: 0;\n            font-size: 12px;\n            margin-bottom: 20px;\n        }\n\n        .filter-checkbox-item {\n            padding: 10px 0;\n        }\n\n        .carregador-mais {\n            display: block;\n            text-align: center;\n            padding: 12px;\n            color: #009FD4;\n            font-weight: 600;\n            border: 1px solid #009FD4;\n            border-radius: 30px;\n            margin: 20px auto;\n            width: 80%;\n            max-width: 300px;\n        }\n    }\n\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"Actualmente no tenemos oportunidades disponibles","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3415","page","type-page","status-publish"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/pages\/3415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/comments?post=3415"}],"version-history":[{"count":1,"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/pages\/3415\/revisions"}],"predecessor-version":[{"id":33479,"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/pages\/3415\/revisions\/33479"}],"wp:attachment":[{"href":"https:\/\/controlar.com\/es-mx\/wp-json\/wp\/v2\/media?parent=3415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}