:root {
    --light-green:#E8F0F2;
}

.box-news-footer {
    display:none!important;
}

.bg_light_green  {
    background:var(--light-green);
}

.container-hero.contact_page-hero {
    height: 80dvh;
}

.container-hero.contact_page-hero img {
   filter: brightness(0.5);
}

/*Nuevos estilos página contacto*/
html.no-snap-contacto-html,
html.no-snap-contacto-html body,
html.no-snap-contacto-html .body,
html.no-snap-contacto-html .snap-container {
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
}

html.no-snap-contacto-html section,
html.no-snap-contacto-html .container-hero,
html.no-snap-contacto-html .hero {
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
}
.contact_headding-container {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    
}
.nl_heading-container  {
       display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    text-align: left;
}
.nl_heading-container a {
    background:#fff;
        font-size: 18px;
            border: 2px solid var(--colorPrimary);
}
.job_section_wrapper {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    font-weight: 400;
}
.job_section-main-content-wrapper {
  display: flex;
  align-items: flex-start;
      gap: 4rem;
}
img.phone_screen {
  width: 300px;
  height: auto;
  object-fit: contain;
}
.contact_headding-container {
    gap:10px;
}
.nl_heading-container {
    gap: 20px;
    padding: 2rem;
}
.nl_heading-container img {
        width: 200px;
    height: auto;
}
.contact_card_wrapper .es_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    /*margin-bottom: 24px;*/
}

.contact_card_wrapper .es_container  .fontTxt {
    font-size: 22px;
}

.contact_card_wrapper .es_container a {
    font-weight: 500;
    font-size: 28px;
}

.contact_card_wrapper .uk_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    gap:10px;
}

.uk_container img{
        width: 30px;
    height: auto;
}
.contact_card_wrapper__two-col {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    max-width: 1400px;
    margin: 40px auto;
    width: 100%;
}
.contact_card_wrapper .call-box.call-widget.iniCallWidget {
    max-width: 610px;
    margin: 0 auto;
    box-shadow: 0 0 20px #0000001c;
    padding: 2.5rem;
    border-radius: 1rem;
    background:#fff;
}

.contact_card_wrapper .call-box.call-widget.iniCallWidget form#form-call-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.contact_card_wrapper__two-col .contact_card_wrapper__box {
    width: 100%;
    max-width: 500px;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    background:#fff;
        box-shadow: 0 0 20px #0000001c;
    border-radius: 1rem;
    height: 240px;
    position: relative;
}
.contact_card_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
   /*border: 2px solid var(--colorPrimary);
    background:#E9F0F2;
    border-radius: 2rem;
    padding: 3rem;
    margin: 3rem 0;*/
}
.icon_container {
    position: absolute;
    top: -45px;
    background: #fff;
    padding: 1rem;
    font-size: 30px;
    border-radius: 50%;
    color: #fff;
}
.icon_container i{
    background: #9FDED1;
    padding: 1rem;
     border-radius: 50%;
}
.trabaja-container_contacto {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 350px;
    overflow: hidden;
}
.banner_text-container {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    max-width: 600px;
    gap: 30px;
    color: #fff;
}

.image-banner {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    filter: brightness(0.5);
}
.banner_text-container h2 {
    color:#fff;
}

.redes-contacto {
    display: flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    padding:0;
    margin:0;
    gap:10px;
}
.socialmedia_contact-container {
    border-top: 1px solid;
    padding: 20px 0;
    gap: 20px;
    max-width: 600px;
    margin: 30px auto;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.redes-contacto a {
    width: 60px;
    height: 60px;
    border: 2px solid rgb(0, 105, 128);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px #0000001c;
    background: #fff;
    font-size: 24px;
}
.redes-contacto i{
    color: rgb(0, 105, 128);
    line-height: normal;
    transition: 0.3s all;
}

img#googleMapsDefaultImage {
    object-fit: cover;
}
.info-central-container {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    gap: 20px;
}
ul.info-central-contacto {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 2rem 0;
    gap: 20px;
    flex-direction: column;
}

ul.info-central-contacto li a {
    display: flex;
    max-width: 500px;
    gap: .5rem;
}
ul.info-central-contacto li a i {
    font-size: 30px;
}
.contact-map-container {
    margin: 0 auto;
    width: 100% !important;
    max-width: 940px;
}
.contact-map-container  img#googleMapsDefaultImage {
    width: 100% !important;
    height: auto;
    object-fit: cover;
}
html body .mobile_variant_call-box .mobile_chat_view {
    display:none;
}
@media screen and (max-width:780px) {
    .banner_text-container { 
        padding: 4rem;
    }
    .job_section_wrapper {
        align-items: center;
        gap: 0rem;
    }
    .job_section-main-content-wrapper {
          gap: .5rem;
}
    .job_section-title-container {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
    
    html body .wapp_box_container {
        display:none!important;
    }
    html body .mobile_variant_call-box  {
        height: 340px!important;
}
    html body .mobile_variant_call-box .mobile_chat_view {
            display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-top:.5rem;
}
    .contact_card_wrapper__two-col {
            flex-direction: column;
            gap: 4rem;
            padding-top: 1.5rem;
    }
    img#googleMapsDefaultImage {
    object-fit: cover;
    width: 100% !important;
    max-width: 380px;
    object-position: left;
}
    .nl_heading-container {
    align-items: center;
    justify-content: center;
    text-align: center;
}
    .job_section-main-content-wrapper {
            flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
    .contact_card_wrapper .call-box.call-widget.iniCallWidget {
    max-width: 300px;
    padding: 1.5rem;
}

ul.info-central-contacto {
    flex-direction: column;
}
}
/*Fin nuevos estilos página contacto*/