body .header{background-color:#FFFFFF}body .header .container .logo_company h4{color:#0B478F}body .contenedor-cabecera-microportal .botones-microportal a.enlace-acceso-trabajador{color:#0B478F;background-color:white}body .contenedor-cabecera-microportal .botones-microportal a.enlace-acceso-empresa{color:white;background-color:#0B478F}body #dialog_register .dialog_register_container .login .content .imagen_logo{background-color:#FFFFFF}body #dialog_what_is_jobfie .imagen_logo{background-color:#FFFFFF}body .module #fh5co-products .fh5co-figure,body .module #listado-ofertas-cargando .fh5co-figure{background-color:#FFFFFF;color:#272727}body .module #fh5co-products .fh5co-figure .fh5co-figure-lead,body .module #listado-ofertas-cargando .fh5co-figure .fh5co-figure-lead{color:#272727}body .module#module_principal .section_2 .column_left .subscribe .title{border-color:#0B478F}body .module#module_principal .section_2 .column_left .subscribe #seccion_enviar_cv_bolsa a{color:#0B478F}body .module:nth-child(odd) .btn-primary{background-color:#0B478F}body .form-control:hover,body .form-control:focus,body .form-control:active,body .module#module_principal .section_2 .column_left .subscribe .form_wrapper .form-control:hover{border-color:#E67817}body .module#module_principal .section_2 .column_left .subscribe .options .login:hover,body .module#module_principal .section_2 .column_left .subscribe .options .terms_policy a:hover{color:#E67817}body .module#module_principal .section_2 .column_left .subscribe .ofertaEnviada,body .module#module_principal .section_2 .column_left .subscribe .bootstrap-datetimepicker-widget,body .module#module_principal .section_2 .column_left .subscribe .select2-selection{color:#444}body .btn.worker:hover,body .btn.worker:focus,body .btn.worker:active{background-color:#E67817 !important}body .btn-primary:hover,body .btn-primary:active,body .btn-primary:focus{background-color:#E67817 !important}body .module:nth-child(even){background-color:#0B478F !important;color:#0B478F !important}body .module:nth-child(odd) .owl-theme .owl-dots .owl-dot.active span{background-color:#E67817 !important;color:#0B478F !important}body .module:nth-child(even) .owl-theme .owl-dots .owl-dot.active span{background-color:#E67817}body .module .btn,body .module .btn.btn-primary,body .google_button a,body .linkedin_button a{color:#0B478F !important}body .module.background_primary{background-color:#0B478F;color:#0B478F}body #module_ps{background-color:#0B478F !important;color:#FFFFFF !important}body #module_ps .btn.btn-primary.btn-sm.see_more_offer{background-color:#0B478F}body #module_ps .btn.btn-primary.btn-sm.see_more_offer{color:#0B478F !important}.recruiter_link{color:#0B478F !important}.recruiter_link a{color:#0B478F !important}.fh5co-figure.geometria .oferta-wrapper-imagen{background:#FFFFFF}.fh5co-figure.geometria .blog-card__square.tipo1{background:-webkit-gradient(linear, left top, right top, from(#337ab7), to(#1f4a6e));background:linear-gradient(to right, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__square.tipo2{background:radial-gradient(circle, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__square.tipo3{background:-webkit-gradient(linear, left top, right top, from(#337ab7), to(#1f4a6e));background:linear-gradient(to right, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__square.tipo4{background:radial-gradient(circle, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__square.tipo5{background:-webkit-gradient(linear, left top, right top, from(#337ab7), to(#1f4a6e));background:linear-gradient(to right, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__square.tipo6{background:-webkit-gradient(linear, left top, right top, from(#337ab7), to(#1f4a6e));background:linear-gradient(to right, #337ab7, #1f4a6e)}.fh5co-figure.geometria .blog-card__circle.tipo1{background:-webkit-gradient(linear, left top, right top, from(rgba(169, 169, 169, 0.5)), to(#272727));background:linear-gradient(to right, rgba(169, 169, 169, 0.5), #272727)}.fh5co-figure.geometria .blog-card__circle.tipo2{background:radial-gradient(circle, rgba(169, 169, 169, 0.5), #272727)}.fh5co-figure.geometria .blog-card__circle.tipo3{background:-webkit-gradient(linear, left top, right top, from(rgba(169, 169, 169, 0.5)), to(#272727));background:linear-gradient(to right, rgba(169, 169, 169, 0.5), #272727)}.fh5co-figure.geometria .blog-card__circle.tipo4{background:-webkit-gradient(linear, left top, right top, from(rgba(169, 169, 169, 0.5)), to(#272727));background:linear-gradient(to right, rgba(169, 169, 169, 0.5), #272727)}.fh5co-figure.geometria .blog-card__circle.tipo5{background:-webkit-gradient(linear, left top, right top, from(rgba(169, 169, 169, 0.5)), to(#272727));background:linear-gradient(to right, rgba(169, 169, 169, 0.5), #272727)}.fh5co-figure.geometria .blog-card__circle.tipo6{background:-webkit-gradient(linear, left top, right top, from(rgba(169, 169, 169, 0.5)), to(#272727));background:linear-gradient(to right, rgba(169, 169, 169, 0.5), #272727)}#listado-ofertas .jf-wrapper-oferta .wrapper-oferta-jobfie,#listado-ofertas-cargando .jf-wrapper-oferta .wrapper-oferta-jobfie{background-color:#FFFFFF}#listado-ofertas a .titulo-oferta .texto-titulo-oferta,#listado-ofertas-cargando a .titulo-oferta .texto-titulo-oferta{color:#272727}#listado-ofertas a .lugar-oferta,#listado-ofertas a .info-oferta,#listado-ofertas-cargando a .lugar-oferta,#listado-ofertas-cargando a .info-oferta{color:#272727}#listado-ofertas a:hover .background-oferta-jobfie,#listado-ofertas-cargando a:hover .background-oferta-jobfie{background-color:#272727}#listado-ofertas-cargando a .inscribirse-oferta .wrapper-boton-inscribirse,#listado-ofertas-cargando a .inscribirse-oferta-movil .wrapper-boton-inscribirse,#listado-ofertas a .inscribirse-oferta .wrapper-boton-inscribirse,#listado-ofertas a .inscribirse-oferta-movil .wrapper-boton-inscribirse{color:#0B478F;border-color:#0B478F !important}#ofertas-externas-jobfie #ver-todas-ofertas{color:#272727;border-color:#272727}#ofertas-externas-jobfie #ver-todas-ofertas a{color:#272727}#module_ps .boton_filtro{border-color:#FFFFFF !important;background-color:#0B478F !important;color:#FFFFFF !important}#module_ps .boton_filtro:hover{border-color:#FFFFFF !important;background-color:#FFFFFF !important;color:#0B478F !important}body .container.ancho_completo .filtro-buscador-externo .filtro-buscador-item i,body .container-fluid.ancho_completo .filtro-buscador-externo .filtro-buscador-item i{color:#0B478F !important}body .container.ancho_completo .filtro-buscador-externo .filtro-buscador-item .select2-selection.select2-selection--single,body .container-fluid.ancho_completo .filtro-buscador-externo .filtro-buscador-item .select2-selection.select2-selection--single{border-color:#0B478F !important}body .container.ancho_completo .filtro-buscador-externo .filtro-buscador-item #text_query,body .container-fluid.ancho_completo .filtro-buscador-externo .filtro-buscador-item #text_query{border-color:#0B478F !important}body .container.ancho_completo .filtro-buscador-externo .filtro-buscador-item .select2-activo,body .container-fluid.ancho_completo .filtro-buscador-externo .filtro-buscador-item .select2-activo{background-color:#f1ae72 !important}body .container.ancho_completo .filtro-buscador-item i,body .container-fluid.ancho_completo .filtro-buscador-item i{color:#0B478F !important}body .container.ancho_completo .filtro-buscador-item #text_query,body .container-fluid.ancho_completo .filtro-buscador-item #text_query{border-color:#0B478F !important}.links-pagination{background-color:#FFFFFF;border:1px solid #272727}.links-pagination a[rel="prev"],.links-pagination a[rel="next"]{background-color:#272727;color:#0B478F !important}.links-pagination strong{color:#272727}#banner-empresas-destacadas #warpper-banner-empresas-destacadas .titulo-banner-empresas-destacadas a{color:#0B478F}.ns-box{position:fixed;background:white;padding:18px 27px;line-height:1.4;z-index:220000;pointer-events:none;color:#222222;font-family:Montserrat, Futura, "Trebuchet MS", Arial, sans-serif !important;font-style:normal;top:0;right:0;margin-top:20px;margin-left:auto;margin-right:20px;font-weight:700;border:1px solid white}@media (max-width:640px){.ns-box{margin:5% auto;left:0;right:0}}.ns-box.ns-effect-jelly{max-width:100%;width:400px;text-align:center;box-shadow:0 25px 10px -15px rgba(0, 0, 0, 0.05)}.ns-box::before{border-radius:5px;border:0}.ns-box ul{list-style:none;padding-left:0}.ns-box.ns-show{pointer-events:auto}.ns-box a{color:inherit;opacity:1;font-weight:700}.ns-box a:hover,.ns-box a:focus{opacity:1}.ns-box p{margin:0}.ns-box.ns-show,.ns-box.ns-visible{pointer-events:auto}.ns-close{width:20px;height:20px;position:absolute;right:4px;top:4px;overflow:hidden;text-indent:100%;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ns-close:hover,.ns-close:focus{outline:none}.ns-close::before,.ns-close::after{content:"";position:absolute;width:3px;height:60%;top:50%;left:50%;background:#6e6e6e}.ns-close:hover::before,.ns-close:hover::after{background:#fff}.ns-close::before{transform:translate(-50%, -50%) rotate(45deg)}.ns-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.ns-box{background:#0B478F;color:white;font-family:"Montserrat"}.ns-box .ns-close::before,.ns-box .ns-close::after{background:white}.ns-box.ns-type-error{background:#df371b;color:white;border:none}.ns-type-error:before{border:none !important}.ns-box.ns-type-error a,.ns-box.ns-type-error i{color:white}.ns-box.ns-type-error a:hover,.ns-box.ns-type-error i:hover{color:white}.ns-box.ns-type-error .ns-close::before,.ns-box.ns-type-error .ns-close::after{background:white}.worker .ns-box{background:#0B478F;color:white}.worker .ns-box a,.worker .ns-box i{color:white}.worker .ns-box a:hover,.worker .ns-box i:hover{color:white}.worker .ns-box .ns-close::before,.worker .ns-box .ns-close::after{background:white}.worker .ns-box.ns-type-error{background:#df371b;color:white}.worker .ns-box.ns-type-error a,.worker .ns-box.ns-type-error i{color:white}.worker .ns-box.ns-type-error a:hover,.worker .ns-box.ns-type-error i:hover{color:white}.worker .ns-box.ns-type-error .ns-close::before,.worker .ns-box.ns-type-error .ns-close::after{background:white}.company .ns-box{background:#0B478F;color:white}.company .ns-box a,.company .ns-box i{color:white}.company .ns-box a:hover,.company .ns-box i:hover{color:white}.company .ns-box .ns-close::before,.company .ns-box .ns-close::after{background:white}.company .ns-box.ns-type-error{background:#df371b;color:white}.company .ns-box.ns-type-error a,.company .ns-box.ns-type-error i{color:white}.company .ns-box.ns-type-error a:hover,.company .ns-box.ns-type-error i:hover{color:white}.company .ns-box.ns-type-error .ns-close::before,.company .ns-box.ns-type-error .ns-close::after{background:white}#microsite41378 .enlaces_foot{background-color:#0B478F;color:#0B478F !important}#microsite41378 .enlaces_foot a{color:#0B478F !important}.v2 #listado-ofertas .jf-wrapper-oferta .wrapper-oferta-jobfie,.v2 #listado-ofertas-cargando .jf-wrapper-oferta .wrapper-oferta-jobfie{border:2px solid #0B478F}/* Global font styles */
*:not(.fa):not([class*="fa-"]) {
    font-family: 'Montserrat', sans-serif !important;
}

body, html {
    font-family: 'Manrope', sans-serif !important;
    background: white !important;
}

/* Header styles */
.header {
    transition: all 0.3s ease;
}

.header.scrolling {
    background: rgba(248, 249, 250, 0.95);
    backdrop-filter: blur(10px);
}

.contenedor-cabecera-microportal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.logo_company img {
    max-height: 80px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    transition: all 0.3s ease;
}

.botones-microportal {
    display: flex;
    gap: 15px;
    align-items: center;
}

body #main_container {
padding-bottom: 0px;
}

#seccion_trabaja_con_nosotros {
    width: 100%;
    max-width: 100%;
}

#seccion_trabaja_con_nosotros.mostrar_cabecera {
    background-position: center;
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative; 
    overflow: hidden;
}

#seccion_trabaja_con_nosotros.mostrar_cabecera::before {
    content: ""; /* Obligatorio para pseudoelementos */
    
    /* Posiciona la capa para que cubra todo el elemento padre */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* Define el color y la transparencia de la capa */
    background-color: #000000; /* Color negro (para oscurecer) */
    opacity: 0.3; /* 30% de opacidad (ajusta este valor entre 0.1 y 0.8) */
    
    /* Asegura que la capa esté por encima de la imagen de fondo (opcional) */
    z-index: 1; 
}

/* Asegura que cualquier texto dentro del contenedor esté por encima de la capa */
#seccion_trabaja_con_nosotros.mostrar_cabecera > * {
    position: relative;
    z-index: 2;
}

#seccion_trabaja_con_nosotros {
  justify-content: center;
}

#seccion_trabaja_con_nosotros .column_right {
          max-width: 750px;
}

.negrita_titulo {
    font-weight: 900;
}

@media all and (min-width: 800px) {
    .column_right .content {
        font-size: 20px !important;
        margin-top: 30px;
    }
}

@media all and (min-width: 1200px) {
    .column_right .content {
       font-size: 26px !important;
       line-height: 36px;
    }
}

.module#module_principal .section_2 {
    padding-top: 150px;
    padding-bottom: 150px !important;
}

.column_right .content {
    color: white;
}
.color_azul {
   color: #0B478F !important;
}

#seccion_trabaja_con_nosotros .subscribe  .form_wrapper {
  border-radius: 10px;
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper .title {
 color: #A0E5C5;
}

.enlace-acceso-trabajador {
    color: #E67817 !important;
    border: 2px solid #E67817;
    font-weight: 700 !important;
    font-size: 14px !important;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    background: transparent;
    min-width: 140px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-family: "Poppins", Sans-serif;
}
.enlace-acceso-trabajador::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(230, 120, 23, 0.15), transparent);
    transition: left 0.6s ease;
}

.enlace-acceso-trabajador:hover {
    background-color: #E67817;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(230, 120, 23, 0.4);
    text-decoration: none !important;
    border-color: #c4620f;
}

.enlace-acceso-trabajador:hover::before {
    left: 100%;
}

.enlace-acceso-trabajador:active {
    transform: translateY(-1px);
}
.enlace-acceso-empresa, .boton_filtro {
    font-weight: 700 !important;  
    font-size: 14px !important;
    border: 2px solid #0B478F;
    color: white !important;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    min-width: 140px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    font-family: "Poppins", Sans-serif;
}

.enlace-acceso-empresa {
    background: linear-gradient(135deg, #0B478F 0%, #00295b 100%);
}

.boton_filtro {
    background: linear-gradient(135deg, #E67817 0%, #c45a0a 100%);
}

.enlace-acceso-empresa::before, .boton_filtro::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transition: left 0.6s ease;
}

.enlace-acceso-empresa:hover, .boton_filtro:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(11, 71, 143, 0.4);
    text-decoration: none !important;
    background: linear-gradient(135deg, #1a5ba3 0%, #0B478F 100%);
    border-color: #00295b;
}

.enlace-acceso-empresa:hover::before,.boton_filtro:hover::before {
    left: 100%;
}

.enlace-acceso-empresa:active, .enlace-acceso-empresa:active {
    transform: translateY(-1px);
}

.btn_fea {
    border-radius: 8px;
    color: white !important;
    font-weight: 700;
    background: #E67817;
    font-size: 16px;
    padding: 6px 18px;
    display: inline-block;
    width: fit-content;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: none;
    text-decoration: none;
    min-width: 200px;
    text-align: center;
    text-transform: uppercase;
}

#module_ps .wrapper-listado-ofertas .btn_fea {
    /* Degradado horizontal suavizado: Naranja (extremo) a Azul (centro) */
    background: linear-gradient(90deg, #FF953F 10%, #ff6b35 35%, #d14f20 70%, #b14018 100%);
    
    color: #ffffff;
    border: none;
    font-weight: bold;
    
    /* Box Shadow más Sutil y Limpio */
    box-shadow: 
        /* 1. Sombra de profundidad: CLAVE, la hacemos más difusa y transparente */
        0 6px 15px rgba(0, 0, 0, 0.25), 
        /* 2. Sombra de 'luz' interna: Un contorno muy fino y blanco para separar visualmente */
        0 0 0 1px rgba(255, 255, 255, 0.5); /* Sombra de 1px, semitransparente */
    
    transition: all 0.3s ease;
}

#module_ps .wrapper-listado-ofertas .btn_fea:hover {
    box-shadow: 
        0 8px 20px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.btn_fea::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 0.6s ease;
}

.btn_fea:hover {
  text-decoration: none !important;
  color: white !important;
 transform: translateY(-3px)!important;
 box-shadow: 0 8px 25px rgba(11, 71, 143, 0.4)!important;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)!important;
}

.btn_fea:hover::before {
    left: 100%;
}

.btn_fea:active {
    transform: translateY(-1px);
}

:-ms-fullscreen.btn_fea {
 border-radius: 8px;
 color: white !important;
 font-weight: 700;
 background: #373e46;
 font-size: 16px;
 padding: 6px 18px;
 display: inline-block;
 width: fit-content;
 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 position: relative;
 overflow: hidden;
 border: none;
 text-decoration: none;
 min-width: 200px;
 text-align: center;
 text-transform: uppercase;
}

.btn_fea::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 0.6s ease;
}

.btn_fea_2 {
    border-radius: 8px;
    color: white !important;
    font-weight: 700;
    background: #0B478F;
    font-size: 16px;
    padding: 6px 18px;
    display: inline-block;
    width: fit-content;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    border: none;
    text-decoration: none;
    min-width: 200px;
    text-align: center;
    text-transform: uppercase;
}

.btn_fea_2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 0.6s ease;
}

.btn_fea_2:hover {
    text-decoration: none !important;
    color: white !important;
    transform: translateY(-3px)!important;
    box-shadow: 0 8px 25px rgba(11, 71, 143, 0.4)!important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)!important;
}

.btn_fea_2:hover::before {
    left: 100%;
}

.btn_fea_2:active {
    transform: translateY(-1px);
}

/* Responsive styles */
@media screen and (max-width: 992px){
    .contenedor-cabecera-microportal {
        gap: 15px;
        padding: 20px;
    }
    
    .botones-microportal {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .enlace-acceso-trabajador,
    .enlace-acceso-empresa {
        min-width: 100px;
        font-size: 12px;
        padding: 6px 12px;
        letter-spacing: 0.5px;
    }
    
    #seccion_trabaja_con_nosotros .column_right {
        text-align:center;
 flex-grow: 0.3;
    }
    
    .btn_fea, .btn_fea_2 {
        font-size: 15px;
        padding: 10px 30px;
    }

    #seccion_trabaja_con_nosotros #botones_wrapper.botones-left {
        justify-content: center !important;
        padding: 0 !important; 
    }
}

@media screen and (max-width: 768px) {
    .botones-microportal {
        gap: 8px;
        width: 100%;
    }
    
    .enlace-acceso-trabajador,
    .enlace-acceso-empresa {
        width: fit-content;
        max-width: 180px;
        min-width: fit-content;
        font-size: 11px !important;
        padding: 3px 10px !important;
        letter-spacing: 0.3px;
    }
}

@media screen and (max-width: 576px) {
    .contenedor-cabecera-microportal {
        padding: 15px;
    }
    
    .botones-microportal {
        gap: 6px;
    }
    
    .enlace-acceso-trabajador,
    .enlace-acceso-empresa {
        max-width: 160px;
        font-size: 10px !important;
        padding: 0px 11px !important;
        letter-spacing: 0.2px;
        min-width: fit-content !important;
        width: fit-content !important;
    }
    
    .btn_fea, .btn_fea_2 {
        width: 100%;
        max-width: 250px;
        font-size: 14px;
        padding: 8px 25px;
    }
}

#datos_interes_section {
   background-color: white !important;
color: #444 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#datos-interes-empresa .wrapper_option .title {
text-transform: uppercase;
margin-bottom: 12px !important;  
}

#seccion_trabaja_con_nosotros {
    padding-bottom: 50px !important;
}

#seccion_trabaja_con_nosotros .column_right h1 {
    color: white !important;
    font-weight: 400;
    font-size: clamp(24px, 2.5vw + 1.5rem, 60px) !important;
    line-height: 1.2;
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper {
    padding: 30px 25px;
    background: rgba(255, 255, 255, 0.9);
    border: 3px solid;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none;
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #0B478F 0%, #E67817 100%);
    border-radius: 12px;
    padding: 3px;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    z-index: -1;
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper:hover {
    transform: translateY(-15px) !important;
    box-shadow: 0 15px 40px rgba(0, 152, 65, 0.2), 0 5px 15px rgba(221, 20, 121, 0.1);
    background: rgba(255, 255, 255, 0.95);
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper .title, .module#module_principal .section_2 .column_left .subscribe .options{
color: #444 !important;
}

.module#module_principal .section_2 .column_left .subscribe .form_wrapper .btn {
border-radius: 6px !important;
    color: white !important;
    font-weight: 700 !important;
    background-color: #0B478F !important;
    font-size: 12px;
    padding: 12px 34px 12px 34px;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

#explicacion_jobfie {
color: #444 !important;
}

#datos_interes_section #datos-interes-empresa {
max-width: 1400px !important;
margin: 0 auto;
}

.module#datos_interes_section .owl-carousel .wrapper_option {
padding: 50px !important;
}


@media all and (max-width: 910px) {
#module_ps { 
      background-position: 25px 300px, right 1050px;
}
}


#module_ps h3 {
color: white !important;
}

#no_active_offers {
width: 90%;
max-width: 750px;
margin: 0 auto;
}

#no_active_offers a {
    line-height: 9px;
    display: block;
    margin: 0 auto;
    font-size: 15px;
    padding: 15px 12px 15px;
}

body .module:nth-child(odd) .owl-theme .owl-dots .owl-dot.active span { 
      background-color: #0B478F !important;
      color: #373e46 !important;
}

#module_ps h3 {
color: #444 !important;
}

.wrapper-oferta-jobfie {
    border: 1px solid #009841 ;
}

#seccion_enviar_cv_bolsa p {
color: #444;
}

body .container.ancho_completo .filtro-buscador-externo .filtro-buscador-item .select2-activo {
background-color: #00984142 !important;
}

.module#datos_interes_section .owl-carousel .wrapper_option .title {
font-size: 1.3em !important;
}


/* Botones de filtro */
#botones_wrapper {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin: 20px 0;
    flex-wrap: wrap;
    text-shadow: none;
}

#botones_wrapper.botones-left {
    justify-content: flex-start !important;
    padding: 0 !important; 
}

#boton_buscar_filtro,
#boton_limpiar_filtro {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    min-width: 120px;
    text-align: center;
    border: none;
}

#module_ps  #boton_buscar_filtro {
    background: linear-gradient(135deg, #E67817 0%, #c45a0a 100%);
    color: white !important;
    box-shadow: 0 4px 15px rgba(0, 152, 65, 0.2);
    border: 2px solid #E67817 !important;
}

#boton_buscar_filtro:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 152, 65, 0.3);
    background: linear-gradient(135deg, #f08a1a 0%, #d46a0b 100%);
}

#boton_buscar_filtro:hover::before {
    left: 100%;
}

#boton_buscar_filtro:active {
    transform: translateY(0);
}

#boton_limpiar_filtro {
    background: transparent;
    color: #373e46;
    border: 2px solid #DD1479;
}

#boton_limpiar_filtro::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(221, 20, 121, 0.1), transparent);
    transition: left 0.6s ease;
}

#module_ps #boton_limpiar_filtro:hover {
    color: #0B478F !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(221, 20, 121, 0.3);
}

#boton_limpiar_filtro:hover::before {
    left: 100%;
}

#boton_limpiar_filtro:active {
    transform: translateY(0);
}

/* Responsive para botones de filtro */
@media screen and (max-width: 768px) {
    #botones_wrapper {
        align-items: center;
        gap: 10px;
    }
    
    #boton_buscar_filtro,
    #boton_limpiar_filtro {
        width: 100%;
        max-width: 200px;
        font-size: 13px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 576px) {
    #boton_buscar_filtro,
    #boton_limpiar_filtro {
        font-size: 12px;
        padding: 8px 16px;
        min-width: 100px;
    }
}

/* ===== ANIMACIONES DE SCROLL ===== */

/* Estados iniciales - elementos ocultos */
.fade-in-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in-left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in-scale {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.fade-in-rotate {
    opacity: 0;
    transform: rotate(-5deg) scale(0.9);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Estados activos - elementos visibles */
.fade-in-up.animate,
.fade-in-left.animate,
.fade-in-right.animate,
.fade-in-scale.animate,
.fade-in-rotate.animate {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1) rotate(0deg);
}

/* Delays escalonados para múltiples elementos */
.fade-in-up.delay-1 { transition-delay: 0.1s; }
.fade-in-up.delay-2 { transition-delay: 0.2s; }
.fade-in-up.delay-3 { transition-delay: 0.3s; }
.fade-in-up.delay-4 { transition-delay: 0.4s; }

.fade-in-left.delay-1 { transition-delay: 0.1s; }
.fade-in-left.delay-2 { transition-delay: 0.2s; }
.fade-in-left.delay-3 { transition-delay: 0.3s; }

.fade-in-right.delay-1 { transition-delay: 0.1s; }
.fade-in-right.delay-2 { transition-delay: 0.2s; }
.fade-in-right.delay-3 { transition-delay: 0.3s; }

/* Animaciones específicas para elementos del sitio */
#seccion_trabaja_con_nosotros .column_right h1 {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

#seccion_trabaja_con_nosotros .column_right h1.animate {
    opacity: 1;
    transform: translateY(0);
}

#seccion_trabaja_con_nosotros .column_right .content {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
}

#seccion_trabaja_con_nosotros .column_right .content.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Animaciones para la sección de presentación */
#presentacion_portal_alicante #texto_presentacion h2 {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

#presentacion_portal_alicante #texto_presentacion h2.animate {
    opacity: 1;
    transform: translateX(0);
}

#presentacion_portal_alicante #texto_presentacion p {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

#presentacion_portal_alicante #texto_presentacion p.animate {
    opacity: 1;
    transform: translateX(0);
}

#presentacion_portal_alicante #imagen_presentacion {
    opacity: 0;
    transform: translateX(50px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

#presentacion_portal_alicante #imagen_presentacion.animate {
    opacity: 1;
    transform: translateX(0);
}

/* Animaciones para las tarjetas de ventajas */
#datos-interes-empresa {
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

#datos-interes-empresa.animate {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Animaciones para el formulario */
.module#module_principal .section_2 .column_left .subscribe {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

.module#module_principal .section_2 .column_left .subscribe.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Animaciones para títulos de sección */
.module h2.title {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.module h2.title.animate {
    opacity: 1;
    transform: translateY(0);
}

/* Animaciones para botones de filtro */
#botones_wrapper {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

#botones_wrapper.animate {
    opacity: 1;
    transform: translateY(0);
}