@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css');

@media screen and (max-width: 1150px) {
    .cards-encuentro {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .group-inputs-encuentro,
    .group-inputs-encuentro-gr {
        width: 75%;
    }

    .stc-destacadas {
        padding-top: 9.5%;
    }

    .wt-content-cr {
        width: 90%;
    }

    .card-empleos {
        grid-template-columns: repeat(2, 1fr);
        margin: 1.2rem 1.2rem 1.5rem 1.2rem;
    }

    .asesoria-ctn {
        width: 66%;
    }

    .wt-login {
        width: 78%;
    }

    /** fin 1150px */
}

@media screen and (max-width: 768px) {
    .bloque-opt-menu {
        display: block;
    }

    .wd-txt-opt {
        width: 80%;
    }

    .wt-content-cr {
        width: 100%;
    }

    .cards-encuentro {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .group-inputs-encuentro {
        flex-direction: column;
        background-color: transparent;
        width: 55%;
        height: auto;
    }

    .group-inputs-encuentro-gr {
        flex-direction: column;
        background-color: transparent;
        width: 55%;
        height: auto;
    }

    .line-in-group {
        display: none;
    }

    .wd-group-item1,
    .wd-group-item2 {
        width: 100%;
    }

    .input-group-en {
        padding: 0.5rem 1rem;
        background-color: #f0f0f0;
        margin-bottom: .6rem;
        border-radius: 0.313rem;
    }

    .slt-cl-en {
        border-radius: 0.313rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 0.5rem;
        padding-left: 1.6rem;
        background-color: #f0f0f0;
        margin-bottom: .6rem;
    }

    .btn-group-en {
        margin-top: .4rem;
        border-radius: 0.313rem !important;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0.313rem;
        border-bottom-left-radius: 0.313rem;
        border-top-left-radius: 0;
        height: 2.5rem;
    }

    .bloque-details-ctn {
        flex-direction: column;
        text-align: center;
    }

    .bloque-details-ctn span {
        margin-right: 0;
    }

    .stc-destacadas {
        padding-top: 12%;
    }

    .cards-articles {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .card-empleos {
        grid-template-columns: repeat(1, 1fr);
        margin: 1.2rem 0 1.2rem 0;
    }

    .bloque-opt-dos,
    .bloque-dudas,
    #bloque-sesion {
        display: none;
    }

    .bloque-opt-icons {
        grid-template-columns: repeat(1, 1fr);
        margin-right: 0;
    }

    .bloque-btn-menu {
        display: block;
    }

    .stc-asesoria {
        display: flex;
        min-height: auto;
        background-color: var(--color-asp-v);
    }

    .asesoria-ctn {
        top: auto;
        margin-top: 2rem;
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
    }

    .borde-acp {
        border: none;
    }

    .ctn-acp {
        background-color: transparent;
        padding-left: 0;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .asesoria-line {
        display: none;
    }

    .img-asesoria {
        position: sticky;
        bottom: 0;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .alerta-ntf-empleos-d {
        width: 98.5%;
    }

    .col-img-solicitud {
        min-height: 45vh;
        width: 100%;
        position: relative;
    }

    .img-solicitud-incv {
        position: relative;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .img-solicitud-in {
        position: relative;
    }

    .col-ctn-solicitud {
        padding-bottom: 0;
    }

    .col-img-login {
        min-height: 100vh;
        background-size: 280%;
        background-position: 40% 60%;
    }

    .wt-content-form {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .cards-articles-blog {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .card-articulo-destacado div .st-card-articulo-img,
    .card-articulo-destacado div .st-card-articulo-ctn {
        width: 100%;
    }

    .btn-wt-vc {
        width: 100%;
    }

    .cards-articles-int {
        grid-template-columns: repeat(2, 1fr);
    }

    .pill-desplazada-blog {
        position: absolute;
        top: 1.2rem;
        left: 1.2rem;
    }

    .img-article-dt {
        border-radius: 0.8rem;
    }

    .wt-content-fr {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .wt-content-sl {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }


    .side-gt {
        width: 0;
        display: none;
    }

    .ctn-gt {
        width: 100%;
    }

    #btn-menu {
        display: block;
    }

    .col-hg-md {
        height: 40vh;
    }

    .col-hg-md {
        height: 100vh;
    }

    .wt-content-panel {
        width: 100%;
    }

    .swiper.swiper-tr .swiper-wrapper {
        display: flex;
    }

    .swiper.swiper-tr .swiper-wrapper {
        grid-template-columns: repeat(2, 1fr);
        /* 2 columnas */
        grid-template-rows: repeat(5, auto);
        /* 5 filas */
    }

    .back-solicitud-cv {
        background: linear-gradient(to bottom left,
                rgba(255, 255, 255, 1) 70%,
                rgba(255, 255, 255, 1) 70%,
                rgba(255, 255, 255, .8) 100%,
                transparent),
            url('../Imagenes/Logos/aspiraciones1.svg');
        background-repeat: no-repeat;
        background-size: clamp(90%, calc(100vw + 85%), 300%);
        background-position: -10% calc(100% - 8rem);
    }

    .bloque-ttl-articulos {
        min-height: 15rem;
    }

    .bloque-ttl-articulos-back {
        background-image: linear-gradient(to bottom left,
                rgba(255, 255, 255, .95) 100%,
                rgba(255, 255, 255, 1) 100%,
                rgba(255, 255, 255, .9) 100%,
                transparent),
            url('../Imagenes/Logos/aspiraciones1.svg');

        background-repeat: no-repeat, no-repeat;
        background-size: 100% 100%, clamp(120%, calc(100vw + 30%), 250%);
        background-position: top left, calc(90% + 14rem) calc(100% -1rem);

    }


    .swal2-popup {
        width: 80% !important;
    }

    .con-bl {
        position: absolute;
        top: 0.2rem;
        right: 0.2rem;
    }

    .ttl-blogs {
        margin-top: 1rem;
    }

    .details-ttl-x {
        padding-left: 0;
        padding-right: 0;
    }

    .border-col-ps {
        border-right: 0;
        border-bottom: 2px solid rgba(219, 219, 219, 0.5);
    }

    /*fin 768px*/
}

/**sm ≥576px - bootstrao*/
@media screen and (max-width: 576px) {
    .swal2-popup {
        width: 90% !important;
    }

    .logo-partes .logo-p-uno svg {
        width: 3rem;
    }

    .logo-partes .logo-p-dos svg {
        height: .9rem;
        margin-left: .3rem;
        transition: height 1s ease-in-out;
    }

    .logo-partes:hover .logo-p-dos svg {
        height: 1.2rem;
    }

    /**/
    .cards-encuentro {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    .group-inputs-encuentro,
    .group-inputs-encuentro-gr {
        width: 85%;
    }

    .svg-details-en {
        width: 1.6rem;
    }

    .stc-destacadas {
        padding-top: 17%;
    }

    .cards-articles {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .ctn-card-procesos {
        margin-left: 0;
    }

    .dropdown-pf-ctn {
        /* position: sticky; */
        position: fixed;
        top: 4.971rem;
        left: 0;
        width: 100vw;
        height: 60vh;
    }

    .drop-ntf {
        max-height: 57vh;
        overflow-y: auto;
    }

    .img-asesoria {
        position: sticky;
        bottom: 0;
        width: 55%;
        margin-left: auto;
        margin-right: auto;
    }

    .wt-content-form {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .cards-articles-int {
        grid-template-columns: repeat(1, 1fr);
    }

    .img-logo-articulos {
        width: 5rem;
    }

    .ttl-articulos * {
        font-size: 1.4rem;
    }

    .p-ttl-article,
    .p-ttl-article * {
        font-size: 0.5rem;
    }

    .btn-cv-wt {
        width: 100%;
    }

    .wt-login {
        width: 85%;
    }

    .rg-btn {
        position: relative;
        margin-bottom: .4rem;
        width: 100%;
    }

    .col-ctn-solicitud {
        text-align: center;
    }

    .back-solicitud {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 80%, transparent),
            url(../Imagenes/Logos/aspiraciones1.svg);
        /* background: linear-gradient(to left, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .8) 100%, transparent), url(../Imagenes/Logos/aspiraciones1.svg); */
        background-repeat: no-repeat;
        background-size: 112%;
        background-position: -200% 15%;
    }

    .bloque-ttl-articulos {
        min-height: 10rem;
    }

    .ttl-blogs {
        font-size: 1rem;
    }

    .bloque-ttl-articulos-dt {
        min-height: 10rem;
    }

    .btn-menu-icon {
        width: 100%;
    }

    /* fin 576px*/
}

@media screen and (max-width: 520px) {
    .details-en {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .line-en {
        display: none;
    }

    .bloque-details-ctn {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .stc-destacadas {
        padding-top: 22%;
    }

    .card-opt-login {
        padding: 1rem;
        height: 100%;
        aspect-ratio: auto;
    }

    .col-img-solicitud {
        min-height: 30vh;
        width: 100%;
        position: relative;
    }

    .img-solicitud-incv {
        position: absolute;
        top: 0;
        width: 100%;
        height: auto;
    }

    .back-solicitud {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 80%, transparent),
            url(../Imagenes/Logos/aspiraciones1.svg);
        /* background: linear-gradient(to left, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, .8) 100%, transparent), url(../Imagenes/Logos/aspiraciones1.svg); */
        background-repeat: no-repeat;
        background-size: 115%;
        background-position: -200% 50%;
    }


    /**fin 520px */

}

@media screen and (max-width: 430px) {
    .back-solicitud {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 80%, transparent),
            url(../Imagenes/Logos/aspiraciones1.svg);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: -10% 60%;
    }


}

@media screen and (max-width: 400px) {
    .col-img-solicitud {
        min-height: 25vh;
        width: 100%;
        position: relative;
    }

    .img-logo-articulos {
        width: 3.5rem;
    }

    .bloque-ttl-articulos {
        min-height: 8rem;
    }

    .ttl-articulos {
        line-height: .6;
        margin-bottom: .5rem;
    }

    .ttl-articulos * {
        font-size: .8rem !important;
    }

    .p-ttl-article,
    .p-ttl-article * {
        font-size: 0.4rem;
    }

    .ttl-articulos span {
        margin-bottom: 0;
    }

    .bloque-ttl-articulos-dt {
        min-height: 8rem;
    }

    .ttl-blogs {
        font-size: .8rem;
    }
}

@media screen and (max-width: 300px) {
    .stc-destacadas {
        padding-top: 30%;
    }

    .col-img-solicitud {
        min-height: 20vh;
        width: 100%;
        position: relative;
    }

    /** fin 300px **/
}

@media screen and (max-width: 1366px) {
    .form-over {
        overflow-y: auto;
        height: 60vh;
    }
}

@media (min-height: 1081px) {
    .stc-encuentro {
        /*flex: 1;*/
        min-height: clamp(50vh, 40vh, 87vh);
        /* min-height: 50vh; */
    }
}