.column-container {
    position: relative;
    overflow: hidden;
    height: 4rem;
    width: 100%;
}

.top-left,
.top-right {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #201E1F; /* Color de fondo de la columna */
}

.top-right {
    transform-origin: top left;
    transform: skewY(1.8deg); /* Ajusta el ángulo de inclinación según tus necesidades */
    background-color: #fff; /* Color de fondo de la parte inclinada */
}

.slick-dots {
    display: flex;
    justify-content: center;
    flex-direction: row; /* Asegura una disposición horizontal */
    list-style: none;
    padding: 0;
    margin: 20px 0; /* Ajusta el margen según tus necesidades */
}

.slick-dots li {
    margin: 0 10px;
}

.slick-dots li button {
    border: 1px solid #fff;
    background-color: #201E1F;
    width: 16px;
    color: transparent;
    height: 16px;
    border-radius: 100%;
    transition: background-color 0.3s;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    background-color: #FFC000;
}

input {
    font-family: 'Blinker', sans-serif; font-family: 'Montserrat', sans-serif; font-weight: bold;
}

@media(min-width: 1800px) {

    .titulo-index, .titulo-index2 {
        font-family: 'Sansation Bold', sans-serif;
        font-size: 8.6rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-index .mayuscula, .titulo-index2 .mayuscula2 {
        font-family: 'Sansation Bold', sans-serif;
        color: #CDE700;
        background-color: transparent;
    }

    .titulo-index .minuscula {
        font-family: 'Sansation Bold', sans-serif;
        color: white;
        background-color: transparent;
    }

    .titulo-index2 .minuscula2 {
        font-family: 'Sansation Bold', sans-serif;
        color: black;
        background-color: transparent;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 66rem;
    }

    .beneficio-titulo {
        font-size: 6rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 10rem;
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
        font-size: 2.6rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 8.6rem;
        width: 8.6rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 5rem;
        height: 5rem;
    }

    .formu-grande {
        display: block;
    }

    .formu-small {
        display: none;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 7rem;
    }

    .link-servicio {
        margin-top: -7rem;
        padding: 0.7rem;
        width: 7.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        /* overflow: hidden; */
        border-radius: 0rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
        padding-right: 0rem;
        padding-left: 0rem;
        height: 50rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 1.4rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 2.8rem;
        font-weight: 700;
        height: 8rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.2;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.3rem;
        font-weight: 500;
        color: black;
        height: 19.8rem;
        overflow: hidden;
    }

}

/* xxl */
@media (min-width: 1400px) and (max-width: 1799px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 6.6rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 1.4rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 66rem;
    }

    .beneficio-titulo {
        font-size: 5rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 10rem;
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
        font-size: 2.4rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 8.6rem;
        width: 8.6rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 5rem;
        height: 5rem;
    }

    .formu-grande {
        display: block;
    }

    .formu-small {
        display: none;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 7rem;
    }

    .link-servicio {
        margin-top: -7rem;
        padding: 0.7rem;
        width: 7.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 1rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 44rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 1rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 2.2rem;
        font-weight: 700;
        height: 6rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.1rem;
        font-weight: 500;
        color: black;
        height: 15.4rem;
        overflow: hidden;
    }

}

/* xl */
@media (min-width: 1200px) and (max-width: 1400px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 6rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 1.4rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 56rem;
    }

    .beneficio-titulo {
        font-size: 5rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 8rem;
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
        font-size: 2rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 8.6rem;
        width: 8.6rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 5rem;
        height: 5rem;
    }

    .formu-grande {
        display: block;
    }

    .formu-small {
        display: none;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 6rem;
    }

    .link-servicio {
        margin-top: -5rem;
        padding: 0.7rem;
        width: 6.4rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 1rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 44rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 0.8rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 1.8rem;
        font-weight: 700;
        height: 5rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: black;
        height: 12rem;
        overflow: hidden;
    }

}

/* lg */
@media (min-width: 992px) and (max-width: 1200px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 5rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 1.2rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 46rem;
    }

    .beneficio-titulo {
        font-size: 5rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 7rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
        font-size: 1.6rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 8.6rem;
        width: 8.6rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 5rem;
        height: 5rem;
    }

    .formu-grande {
        display: block;
    }

    .formu-small {
        display: none;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 7rem;
    }

    .link-servicio {
        margin-top: -7rem;
        padding: 0.7rem;
        width: 6.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 1rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 38rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 1rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 2rem;
        font-weight: 700;
        height: 4rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        font-weight: 500;
        color: black;
        height: 9.8rem;
        overflow: hidden;
    }

}

/* md */
@media (min-width: 768px) and (max-width: 992px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 4rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 1.2rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 36rem;
    }

    .beneficio-titulo {
        font-size: 4.4rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 3.6rem;
        padding-top: 2.6rem;
        padding-bottom: 2.6rem;
        font-size: 1.2rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 7rem;
        width: 7rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 4rem;
        height: 4rem;
    }

    .formu-grande {
        display: none;
    }

    .formu-small {
        display: block;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 6rem;
    }

    .link-servicio {
        margin-top: -3rem;
        padding: 0.7rem;
        width: 5.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 0rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 38rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 0.8rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 1.6rem;
        font-weight: 700;
        height: 4rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 0.8rem;
        font-weight: 500;
        color: black;
        height: 9.8rem;
        overflow: hidden;
    }

}

/* sm */
@media (min-width: 576px) and (max-width: 768px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 3rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 1rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 26rem;
    }

    .beneficio-titulo {
        font-size: 3.4rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 1.2rem;
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
        font-size: 0.8rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 5rem;
        width: 5rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 3rem;
        height: 3rem;
    }

    .formu-grande {
        display: none;
    }

    .formu-small {
        display: block;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 8rem;
    }

    .link-servicio {
        margin-top: -7rem;
        padding: 0.7rem;
        width: 7.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 0rem;
        padding-right: 2rem;
        padding-left: 2rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 50rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 1.6rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 3rem;
        font-weight: 700;
        height: 8rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.3rem;
        font-weight: 500;
        color: black;
        height: 16.8rem;
        overflow: hidden;
    }

}

/* xs */
@media (min-width: 0px) and (max-width: 576px) {

    .titulo-bolsa, .titulo-bolsa2 {
        font-size: 2.2rem;
        font-weight: 500;
        line-height: 1.1;
    }

    .titulo-bolsa .mayuscula, .titulo-bolsa2 .mayuscula2 {
        color: #CDE700;
    }

    .titulo-bolsa .minuscula, .titulo-bolsa2 .minuscula2 {
        color: white;
    }

    .texto-bolsa {
        color: #BCBCBC;
        font-size: 0.8rem;
        line-height: 1;
        margin-top: 2rem;
    }

    .imagen-vacantes {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 20rem;
    }

    .beneficio-titulo {
        font-size: 2.4rem;
        font-weight: 700;
    }

    .beneficio-col {
        background-color: #201E1F;
        color: #FFFFFF;
        border-top-right-radius: 64px;
        border-bottom-right-radius: 64px;
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 0.6rem;
        text-align: left;
        font-weight: 500;
    }

    .beneficio-color {
        border-radius: 100%;
        height: 3rem;
        width: 3rem;
    }

    .beneficio-icono {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 1.5rem;
        height: 1.5rem;
    }

    .formu-grande {
        display: none;
    }

    .formu-small {
        display: block;
    }

    .servicios, .titulo-servicios {
        /* overflow: hidden; */
        width: 100%;
        /* left: 12rem; */
    }

    .cont-btn {
        margin-top: 6rem;
    }

    .link-servicio {
        margin-top: -7rem;
        padding: 0.7rem;
        width: 6.8rem;
    }

    .link-servicio:hover .img-fluid {
        /*box-shadow: 0 0 2rem rgba(0, 0, 255, 1); /* Ajusta el valor de azul y la opacidad según tus preferencias */
    }

    .carta {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        padding-top: 2rem;
        padding-bottom: 0rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        /* margin-right: 0.5rem; */
        /* margin-left: 0.5rem; */
        height: 50rem;
        margin-top: 2rem;
    }

    .carta:hover {
        transform: translateY(-2rem); /* Ajusta la cantidad de elevación según tus preferencias */
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); Agrega una sombra para dar un efecto elevado */
    }

    .card-img-overlay {
        background: rgba(0, 0, 0, 0.5); /* Cambia el color del overlay según tus preferencias */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0; /* Inicialmente invisible */
        transition: opacity 0.3s ease;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 100%;
        height: auto;
    }

    .carta:hover .card-img-overlay {
        opacity: 1; /* Hacer visible al pasar el cursor sobre la tarjeta */
    }

    .card-orden {
        font-size: 1rem;
        font-weight: 500;
    }

    .card-title {
        color: #000000;
        font-size: 2.4rem;
        font-weight: 700;
        height: 6rem;
        overflow: hidden;
    }

    .card-text {
        line-height: 1.1;
        text-align: justify;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem;
        font-weight: 500;
        color: black;
        height: 16.5rem;
        overflow: hidden;
    }

}