/* Contenedor centrado y justificado */
.bolsa-empleo2-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0px 0 !important;
    padding: 5px;
    /* Espaciado superior e inferior */
}

/* Estilos del botón */
.bolsa-empleo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    width: 180px !important;
    /* Tamaño del botón */
    border-radius: 40px !important;
    position: relative !important;
    text-decoration: none !important;
    background: #13131A !important;
    /* Fondo oscuro */
    color: white !important;
    font-weight: bold !important;
    z-index: 9999 !important;
    /* Asegura que esté por encima de otros elementos */
}

/* Borde dividido, ajustando la longitud del lado izquierdo */
.bolsa-empleo-link::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 40px !important;
    padding: 3px !important;
    /* Grosor del borde */
    background: linear-gradient(90deg, #E5E5E5 30%, #A62840 70%) !important;
    /* Ajuste del lado izquierdo */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
}

/* Efecto hover */
.bolsa-empleo-link:hover {
    background: #A62840 !important;
    color: white !important;
}

.logo-horizontal-univ {
    left: 0;
    position: absolute;
    right: 0;
    width: inherit;
    height: 2rem;
    line-height: 2rem;
    vertical-align: middle;
    width: auto;
}

@media (min-width: 1024px) {

    /* Este rango cubre la mayoría de dispositivos móviles y tablets */
    .logo-horizontal-univ {
        padding-left: 20px;
        /* Por ejemplo, cambia el fondo en móviles */
    }


}