/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1710152049
Updated: 2024-03-11 11:14:09

*/
.wrapper{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}
.amarillo{
    color:var(--e-global-color-accent);
}
/*anchor*/

body:not(.elementor-editor-active) .elementor-widget-menu-anchor {
    position: relative;
    z-index: -1;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display: block;
    height: 130px;
    margin: -130px 0 0;
    visibility: hidden;
    pointer-events: none;
}


/* /anchor */

.elementor-button.elementor-button-link.elementor-size-lg span.elementor-button-icon {
    background: var(--e-global-color-accent);
    padding: 19px 20px;
    border-radius: 100px;
    margin-right: 20px;
}

a.elementor-button.elementor-button-link.elementor-size-lg .elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

a.elementor-button.elementor-button-link.elementor-size-lg {
    padding: 5px 45px 5px 5px;
}

button.elementor-button.elementor-size-lg {
    padding: 5px 45px 5px 5px;
    box-shadow: 0 3px 6px #EAF1F7;
}

a.elementor-button.elementor-button-link.elementor-size-lg span.elementor-align-icon-left.elementor-button-icon {
    background: var(--e-global-color-accent);
    padding: 20px;
    border-radius: 100px;
    margin-right: 20px;
}

/*MENU STICKY*/

/***
* class: .sticky-header
*/
header.sticky-header {
    --header-height: 100px;
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(244, 245, 248, 1);
    transition: background-color var(--transition),
        backdrop-filter var(--transition),
        box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
    background-color: #fff;
    box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, 10%);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header>.elementor-container {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects>.elementor-container {
    min-height: calc(var(--header-height) * var(--shrink-header-to));
}

header.sticky-header.elementor-sticky--effects .cont-logo,
header.sticky-header.elementor-sticky--effects .cont-redes{
    padding-top:10px !important;
    padding-bottom: 10px !important;
}

@media only screen and (max-width: 1024px) {
    .cont-menu {
        background: #274693 !important;
    }
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
    header.sticky-header {
        --header-height: 70px;
    }
}

/***
* class: .logo
*/
header.sticky-header .logo img {
    transition: transform var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
    transform: scale(.8);
}

/*BOLSA DE EMPLEO*/

section#bolsa_empleo {
    display: grid;
    grid-template-columns: 435px 1fr;
    column-gap: 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
}
aside#aside-empleos {
    height: 600px;
    border-right: 1px solid #eee;
    position: relative;
}

div#listado_empleados {
    overflow-y: auto;
    height: 498px;
    padding-top: 30px;
    padding-bottom: 30px;
}


aside#listado_empleados {
    max-width: 435px;
}
input#buscador_input {
    background: #F8F8F8;
    border-radius: 0;
    border-color: #EEEEEE;
    border-right: 0;
    outline: none;
}
aside#aside-empleos h1 {
    font-family: "Bebas Neue";
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    color: #274693;
}

article.titulo-trabajo {
    width: 100%;
    border-bottom: 1px solid #eee;
    display: flex;
    column-gap: 20px;
    padding: 30px 30px;
}
article.titulo-trabajo:hover,
article.titulo-trabajo.activo-item {
    background: #f6f6f6;
    cursor: pointer;
}
article.titulo-trabajo picture {
    max-width: 55px;
    width: 100%;
}

.conten_list_trabajo h3 {
    margin: 0;
    font-family: 'Mulish' !important;
    font-size: 14px;
    font-weight: bold !important;
    color: var(--e-global-color-primary);
    text-transform: uppercase;
}
span.ciudad-trabajo {
    color: var(--e-global-color-accent);
    font-size: 16px;
}
.wrapper_info_empleo {
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#contenido-trabajo {
    max-width: 615px;
    width: 100%;
}
div#contenido-trabajo h2 {
    font-family: 'Bebas Neue';
    font-size: 40px;
    color: var(--e-global-color-primary);
    margin: 0;
}
.datos_empleo ul {
    list-style: none;
    padding: 0;
    color: var(--e-global-color-primary);
}

div#load-img {
    display: none;
    position: absolute;
    width: 100%;
    top: 102px;
    left: 0;
}

div#load-img div {
    /* position: absolute; */
    /* top: 0; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #ffffffd9; */
}
div#load-img img {
    width: 50px;
    height: 50px;
}
.datos_empleo {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    flex-wrap: wrap;
    gap:20px;
}
.content_telf_trabajo a {
    border-radius: 100px;
    border: 1px solid var(--e-global-color-primary);
    color: var(--e-global-color-primary) !important;
    display: flex;
    padding: 5px 5px 5px 5px;
    align-items: center;
    min-width: 200px;
    width: 100%;
    column-gap: 15px;
    font-weight: bold;
}
.content_telf_trabajo a:hover {
    background-color: var(--e-global-color-primary);
    color: #fff !important;
}

@media only screen and (max-width: 991px) {
    section#bolsa_empleo{
        grid-template-columns:1fr;
    }
aside#aside-empleos {
        height: 440px;
        border-bottom: 1px solid #eee;
        position: relative;
    }
div#listado_empleados {
    overflow-y: auto;
    height: 337px;
    padding-top: 30px;
    padding-bottom: 30px;
}
}

/*CONTACTO*/
.elementor-form .elementor-button>span {
    display: flex;
    justify-content: left !important;
    align-items: center;
}
.elementor-form span.elementor-align-icon-left.elementor-button-icon {
    background: var(--e-global-color-accent);
    padding: 20px;
    border-radius: 100px;
    margin-right: 20px;
    
}
.elementor-form button.elementor-button.elementor-size-lg{
    box-shadow: none;
}

/*BOTON WHATSAPP*/

.joinchat__button {
    background: #f3ce3e !important;
}
.joinchat__button__open {
    width: var(--s);
    height: var(--s);
    border-radius: 50%;
    background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='47' viewBox='0 0 48 47'%3E%3Cg id='Grupo_27' data-name='Grupo 27' transform='translate(-35 -688)'%3E%3Cg id='whatsapp'%3E%3Crect id='Rectángulo_6' data-name='Rectángulo 6' width='48' height='47' rx='23.5' transform='translate(35 688)' fill='%23f4ce3e'/%3E%3Cpath id='whatsapp-2' data-name='whatsapp' d='M15.544,14.031a7.2,7.2,0,0,1,1.539.694,6.837,6.837,0,0,1,1.413.836.67.67,0,0,1,.032.236,3.324,3.324,0,0,1-.269,1.2,2.118,2.118,0,0,1-1.12,1.034,3.732,3.732,0,0,1-1.61.419,8.526,8.526,0,0,1-3-.978,9,9,0,0,1-2.683-1.862,20.812,20.812,0,0,1-2.336-2.92,5.519,5.519,0,0,1-1.12-3.062V9.5A3.49,3.49,0,0,1,7.56,7.008,1.194,1.194,0,0,1,8.38,6.66a2.493,2.493,0,0,1,.284.024,2.537,2.537,0,0,0,.3.024.649.649,0,0,1,.418.1,1.138,1.138,0,0,1,.245.434q.126.316.52,1.389a9.378,9.378,0,0,1,.395,1.184,1.6,1.6,0,0,1-.544.908q-.544.577-.545.733a.45.45,0,0,0,.079.236,7.115,7.115,0,0,0,1.61,2.162,10.072,10.072,0,0,0,2.383,1.594.7.7,0,0,0,.347.111q.236,0,.852-.765t.821-.765Zm-3.2,8.364a9.647,9.647,0,0,0,3.843-.789,9.76,9.76,0,0,0,5.279-5.279,9.752,9.752,0,0,0,0-7.686,9.76,9.76,0,0,0-5.279-5.279,9.753,9.753,0,0,0-7.686,0A9.76,9.76,0,0,0,3.219,8.641a9.813,9.813,0,0,0,1.1,9.65L3.078,21.968,6.9,20.754a9.7,9.7,0,0,0,5.444,1.641Zm0-21.81a11.563,11.563,0,0,1,4.616.947,11.762,11.762,0,0,1,6.336,6.336,11.724,11.724,0,0,1,0,9.232,11.762,11.762,0,0,1-6.336,6.336,11.556,11.556,0,0,1-4.616.947A11.717,11.717,0,0,1,6.58,22.9L0,25.015l2.146-6.391A11.831,11.831,0,0,1,1.389,7.868,11.762,11.762,0,0,1,7.725,1.532,11.543,11.543,0,0,1,12.341.585Z' transform='translate(46.88 698.7)' fill='%23274693'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") !important;
    background-size: 60%;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


.gfield input[type=date],
.gfield input[type=email],
.gfield input[type=number],
.gfield input[type=password],
.gfield input[type=search],
.gfield input[type=tel],
.gfield input[type=text],
.gfield input[type=url],
.gfield select,
.gfield textarea{
    border: 1px solid #E1E9F2 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

label.gfield_label.gform-field-label,
legend.gfield_label.gform-field-label {
    font-family: 'Bebas neue';
    color: #264692;
    font-size: 16px;
}
h3.gsection_title {
    color: #f3ce3e;
    margin-bottom: 0 !important; 
    margin-top: 40px !important;
}
.field_description_below {
    border-bottom: 0 !important;
    padding: 0 !important;
}

/*CALCULADORA PRESTAMOS*/

.lrc-inputs {
    background: linear-gradient(60deg, #f4ce3e 40%, #c42431 100%);
    border: none;
    border-radius: 20px 0 0 20px;
    padding: 70px 60px 70px 60px;
}
 .lrc__fill,
.lrc__handle {
    background: var(--e-global-color-primary) !important;
}
/*
.lrc-slider-label {
    color: #fff !important;
    font-weight: 500 !important;
}
.lrc-down:after,
.lrc-up:after,
.lrc-up:before {
    background-color: #fff !important;
}
.lrc-down,
.lrc-up {
    border-color: #fff !important;
}*/
.output-values output {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}/*
.lrc {
    background: #fff !important;
} */

.lrc-outputs {
    background-color: #ffffff !important;
    box-shadow: 0px 3px 6px #e1e9f2;
    border-radius: 0 20px 20px 0;
    border: none;
}
.lrc_form table.output-table td{
    border-bottom: 0 !important;
}



td.table-label,
td.table-label a {
    color: #000 !important;
}
td.values-colour.table-output span {
    color: #000 !important;
}
table.output-table,
table.output-table tr,
table.output-table td {
    border: 0 !important;
    background: transparent !important;
}
table td,
table th {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 0 !important;
}
.lrc-outputs {
    background-color: #ffffff !important;
    box-shadow: 0px 3px 6px #e1e9f2;
    border-radius: 0 20px 20px 0;
    border: none;
    display: flex;
    align-items: center;
    padding: 40px 60px !important;
}

table.output-table tr:first-child td {
    font-size: 22px;
    font-weight: 800;
}

@media only screen and (max-width: 600px) {
    .lrc-inputs {
            border-radius: 20px 20px 0 0px;
        }
    .lrc-outputs {
        border-radius: 0 0px 20px 20px;
    }
}

.btn-header a {
    background: #f3ce3e url(img/credito.svg)no-repeat !important;
    padding: 0 20px 0 50px !important;
    border-radius: 100px !important;
    -webkit-border-radius: 100px !important;
    background-position: 5px 5px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    background-size: 35px !important;
        text-transform: uppercase;
}
.btn-header a:hover {
    background-color: #274693 !important;
    color: #fff !important;
}
.btn-header a:after {
    background: transparent !important;
}

@media only screen and (max-width: 1024px) {
.btn-header a {
        background: #f3ce3e url(img/credito.svg)no-repeat !important;
        padding: 13px 20px 13px 50px !important;
        border-radius: 100px !important;
        -webkit-border-radius: 100px !important;
        background-position: 5px 5px !important;
        -moz-border-radius: 100px !important;
        -ms-border-radius: 100px !important;
        -o-border-radius: 100px !important;
        background-size: 35px !important;
        margin: 0 25px !important;
        color: #274693 !important;
    }
        .btn-header a:hover {
            background-color: #ffffff !important;
            color: #264692 !important;
        }
}


.ltc_register input {
    width: 200px !important;
    background: #f3ce3e url(img/credito.svg)no-repeat !important;
    color: #264692 !important;
    padding: 17px 20px 17px 45px !important;
    background-position: 10px 11px !important;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
}


.ltc_register input:hover {
    width: 200px !important;
    background: #264692 url(img/credito.svg)no-repeat !important;
    color: #fff !important;
    padding: 17px 20px 17px 45px !important;
    background-position: 10px 11px !important;
    font-size: 18px !important;
}
.ltc_register {
    display: flex;
    justify-content: flex-end;
}