@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdn-uicons.flaticon.com/2.5.1/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://cdn-uicons.flaticon.com/2.5.1/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/2.5.1/uicons-brands/css/uicons-brands.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-straight/css/uicons-solid-straight.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css');
@import url('https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-chubby/css/uicons-solid-chubby.css');

html {
    scroll-behavior: smooth;
}

:root {
    --color-asp-v: #12b783;
    --color-asp-bl: #ffffff;
    --color-texto: #2C3E50;
    --color-coincidencia-fuerte: #ff0000;
    --color-coincidencia-debil: #ffe5d6;
}

/* .swal2-popup {
    width: 25rem !important;
} */

.coincidencia-naranja {
    --color-coincidencia-fuerte: #ffb300;
    --color-coincidencia-debil: #fff2d4;
}

.coincidencia-verde {
    --color-coincidencia-fuerte: #12b783;
    --color-coincidencia-debil: #c5efe2;
}

* {
    margin: 0;
    padding: 0;
    font-size: 0.9rem;
    /* font-size: clamp(0.8rem, 2.5vw, 0.9rem); */
    font-family: "Poppins", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    color: #2C3E50;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
}

.poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}


.a-txt {
    text-decoration: none;
}

/** bloque de dudas **/
.bloque-dudas {
    width: 100%;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-asp-v);
    border-bottom: solid 1px rgba(243, 243, 243, .2);
}

.bloque-dudas * {
    color: var(--color-asp-bl);
    font-size: 0.7rem;

}

.bloque-dudas div {
    display: flex;
    flex-direction: row;
}

.bloque-dudas-svg {
    width: .8rem;
    height: .8rem;
}

.bloque-dudas-svg-color {
    fill: var(--color-asp-v);
}

.bloque-dudas .bloque-dudas-svg-color {
    fill: var(--color-asp-bl);
}

/***/
/**header*/
.pst-header {
    position: sticky;
    top: 0;
    z-index: 1002;
}

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

.btn-menu-sm,
.btn-menu-sm:hover {
    border: none;
    background-color: transparent;
    height: 100%;
}

.btn-menu-sm svg {
    width: 1.8rem;
    height: 1.8rem;
    stroke: var(--color-asp-v);
}

.bloque-opt-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1005;
    left: 0;
    top: 0;
    overflow-x: hidden;
    transition: 0.5s;
    background-color: #12b783;
    display: none;
}

.bloque-opt-menu-ctn {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 6rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 2rem;
}

.bloque-opt-menu-ctn * {
    color: #fff;
}

.btn-close-menu,
.btn-close-menu:hover,
.btn-close-menu:active {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 99;
}

.btn-close-menu svg {
    width: 1.8rem;
    height: 1.8rem;
    stroke: #fff;
}

.datos-perfil-menu {
    margin-left: 1.5rem;
}

.datos-perfil-menu p {
    margin-bottom: 0;
}

.datos-perfil-menu p:first-child {
    font-weight: bold;
}

.header-perfil-menu {
    width: 3rem !important;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid var(--color-asp-v);
    object-fit: cover;
    transition: scale .9s ease-in-out;
    box-sizing: border-box;
    background-color: #fff;
}

.btn-dudas,
.btn-dudas:hover,
.btn-dudas:active {
    background-color: var(--color-asp-v);
    border-radius: 0.313rem;
    border: solid 1px #fff;
    color: #fff;
}

.dropdown-menu-cpt {
    display: block;
    width: 100%;
    cursor: pointer;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.lst-side.menu>a,
.lst-side.menu>a:hover {
    display: block;
    width: 100%;
    cursor: pointer;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0 !important;
    font-size: .9rem !important;
    background-color: transparent !important;
    color: var(--color-texto) !important;
}

.opciones-menu-fixed a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dropdown-ctn-menu-cpt {
    display: none;
}

.dropdown-ctn-menu-cpt.atv a {
    display: block;
    width: 100%;
    text-decoration: none;
    margin-left: 0.5rem;
}

.svg-drop-size-menu {
    width: 1rem;
    aspect-ratio: 1;
    fill: #fff;
}

.svg-drop-size-menu-cu {
    width: 1rem;
    aspect-ratio: 1;
    ;
}

.svg-drop-size-menu-cu * {
    fill: #fff;
}

.svg-drop-size-menu2 {
    width: 1rem;
    aspect-ratio: 1;
    stroke: #fff;
}

.svg-drop-size-arrow-menu {
    width: 0.5rem;
    aspect-ratio: 1;
    fill: #fff;
    transform: rotate(90deg);
}

.svg-drop-size-arrow-menu2 {
    width: 0.5rem;
    aspect-ratio: 1;
    fill: #000;
    transform: rotate(90deg);
}

/**
<button type="button" class="dropdown-menu-cpt">
                    Mi cuenta
                </button>
                <div class="dropdown-ctn-menu-cpt">
                    <a href="">Enlace</a>
                </div>
                <a href="">Cerrar sesión</a>
*/

.header {
    background-color: var(--color-asp-bl);
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid rgba(219, 219, 219, 0.5);
}

.header-ctn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.logo-partes {
    display: flex;
    align-items: center;
}

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

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

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

.bloque-opt {
    display: flex;
    flex-direction: row;
}

.bloque-opt-icons {
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-auto-flow: column;
    grid-template-columns: auto;
    grid-gap: 0 1rem;
    margin-right: 1rem;
    align-items: center;
}

.icon-svg-wh,
.icon-svg-wh2 {
    width: 1.2rem;
    height: 1.2rem;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    transition: scale .9s ease-in-out;
}

.icon-svg-wh3 {
    width: 1rem;
    height: 1rem;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    transition: scale .9s ease-in-out;
}

.icon-svg-wh4 {
    width: 1.6rem;
    height: 1.6rem;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    transition: scale .9s ease-in-out;
}

.btn-iniciar {
    background-color: var(--color-asp-bl);
    border: solid 2px var(--color-asp-v);
    border-radius: 1.5rem;
}

.btn-iniciar * {
    color: var(--color-asp-v);
}

.btn-iniciar:hover,
.btn-iniciar:active {
    background-color: var(--color-asp-v) !important;
    border: solid 2px var(--color-asp-v) !important;
}

.btn-iniciar:hover *,
.btn-iniciar:active * {
    color: var(--color-asp-bl);
}

.btn-opt-icons,
.btn-opt-icons:focus {
    width: 2.3rem;
    aspect-ratio: 1/1;
    border: none;
    background: var(--color-asp-bl);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-opt-icons:hover,
.btn-opt-icons:active {
    background-color: #f3f3f3 !important;
    border: none !important;
}

.btn-opt-icons:hover svg.icon-svg-wh {
    transform: scale(1.2);
}

.btn-opt-icons:hover svg.icon-svg-wh2 {
    transform: scale(1.2) rotate(-10deg);
}

.btn-opt-icons:hover svg.icon-svg-wh4 {
    transform: scale(1.2) rotate(-10deg);
}

.alert-ntf {
    position: absolute;
    padding: 0.21rem;
    right: 25%;
    top: 20%
}

.icon-svg-opt-color {
    fill: var(--color-asp-v);
}

.icon-svg-opt-color2 {
    stroke: var(--color-asp-v);
}

.icon-svg-opt-color3 {
    fill: var(--color-asp-v);
}

.header-perfil {
    width: 1.9rem !important;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 1px solid var(--color-asp-v);
    object-fit: cover;
    transition: scale .9s ease-in-out;
    box-sizing: border-box;
}

.btn-perfil-header {
    background-color: var(--color-asp-bl);
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 0.4rem 0.8rem 0.4rem 0.4rem;
    border: none;
}

.btn-perfil-header:hover,
.btn-pefil-header:active {
    background-color: #f3f3f3 !important;
    border: none !important;
}

.btn-perfil-header:hover .header-perfil {
    transform: scale(1.1);
}

/** tooltip-header*/
.tooltip-hc {
    position: relative;
}

.tooltip-hc .tooltip-hc-txt {
    width: auto;
    font-size: 0.8rem;
    visibility: hidden;
    background-color: var(--color-asp-v);
    color: var(--color-asp-bl);
    text-align: center;
    border-radius: 4px;
    padding: 0.1rem 0.3rem;
    position: absolute;
    z-index: 1;
    top: 122%;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.tooltip-hc .tooltip-hc-txt::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent var(--color-asp-v) transparent;
}

.tooltip-hc:hover .tooltip-hc-txt {
    visibility: visible;
}

/** tooltip-header*/
/**dropdown perfil*/
/* .dropdown-btn-pf {} */

.dropdown-pf {
    position: relative;
    display: inline-block;
}

.dropdown-pf-ctn {
    display: none;
    position: absolute;
    background-color: var(--color-asp-bl);
    min-width: 16rem;
    overflow: visible;
    z-index: 1;
    top: 102%;
    right: 0;
    border: 1px solid #DBDBDB;
    border-radius: 0.313rem;
}

.dropdown-pf-ctn * {
    font-size: 0.7rem;
}

.dropdown-pf-ctn a {
    padding: 0.8rem 0.5rem;
    text-decoration: none;
    display: block;
    color: #2C3E50;
}

.dropdown-pf-ctn button {
    padding: 0.8rem 0.5rem;
    text-decoration: none;
    display: block;
    color: #2C3E50;
}

.dropdown-pf-ctn .item-drop {
    padding: 0.8rem 0.5rem;
    text-decoration: none;
    display: block;
    color: #2C3E50;
}

.dropdown-pf-ctn a:hover,
.dropdown-pf-ctn .item-drop:hover,
.dropdown-pf-ctn button:hover {
    background-color: #DBDBDB;
}

.show {
    display: block;
}

hr.drop-hr {
    border-color: #DBDBDB;
    background-color: #DBDBDB;
    width: 100%;
    margin: 0;
}

.drop-perfil {
    width: 1.9rem !important;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
    transition: scale .9s ease-in-out;
    box-sizing: border-box;
}

.p-pf {
    padding: 0.5rem;
}

.datos-drop-perfil p {
    margin-bottom: 0;
}

.datos-drop-perfil p:nth-child(1) {
    font-weight: bold;
}

.datos-drop-perfil p:nth-child(2) {
    color: var(--color-asp-v);
}

.svg-drop-size {
    width: 0.8rem;
    aspect-ratio: 1;
}

.svg-drop-size-arrow {
    width: 0.3rem;
    aspect-ratio: 1;
}

.drop-ntf {
    max-height: 10rem;
    overflow-y: auto;
}

.drop-span-ntf {
    border-radius: 0.313rem;
    border: solid 1px #E9E9E9;
    padding: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.4rem;
}

.drop-span-dtl-ntf p {
    margin-bottom: 0;
}

.drop-span-dtl-ntf p:last-child {
    font-size: 0.6rem;
    color: #9E9E9E;
}

.svg-time-ntf {
    width: 0.5rem;
    aspect-ratio: 1;
}

/**dropdown secundarios*/
.dropdown-pf-sub {
    position: relative;
    display: inline-block;
}

.dropdown-pf-sub-ctn {
    display: none;
    background-color: var(--color-asp-bl);
    position: absolute;
    min-width: 16rem;
    left: -101.2%;
    z-index: 1;
    top: 0;
    border-radius: 0.313rem;
    border: solid 1px #E9E9E9;
}

.dropdown-pf-sub-ctn a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-pf-sub-ctn a:first-child {
    border-top-left-radius: 0.313rem;
    border-top-right-radius: 0.313rem;
}

.dropdown-pf-sub-ctn a:last-child {
    border-bottom-left-radius: 0.313rem;
    border-bottom-right-radius: 0.313rem;
}

.dropdown-pf-sub-ctn a:hover {
    background-color: #ddd;
}

.dropdown-pf-sub:hover .dropdown-pf-sub-ctn {
    display: block;
}

.dropdown-pf-sub:hover .dropdown-pf-sub-ctn {
    background-color: var(--color-asp-bl);
}

/**dropdown perfil*/

/***/
.wt-content,
.wt-content-cr,
.wt-content-fr {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}


.ctn {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 80vh;
}

.icon-wh-svg {
    width: .8rem;
    height: .8rem;
}

/** seccion encuentra el trabajo que te está buscando*/
.stc-encuentro {
    /*flex: 1;*/
    min-height: 87vh;
    background-image: url('../Imagenes/Home/fondo_encuentra.png'), url('../Imagenes/Home/encuentra.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: center;
    position: relative;
}

.stc-encuentro-ctn {
    width: 100%;
    margin-top: 8%;
}

.group-inputs-encuentro {
    display: flex;
    flex-direction: row;
    background-color: var(--color-asp-bl);
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    height: 2.5rem;
    border-radius: 0.313rem;
}

.line-in-group {
    width: 0.1rem;
    background-color: rgba(44, 62, 80, .6);
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.input-group-en {
    border: 0;
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    /* border-radius: 0.25rem; */
    border-radius: 0.313rem;
    background-color: transparent;
}

.wd-group-item1 {
    width: 45%;
}

.wd-group-item2 {
    width: 20%;
    position: relative;
}

.btn-group-en {
    background-color: var(--color-asp-v);
    border: none;
    border-top-right-radius: 0.313rem;
    border-bottom-right-radius: 0.313rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 0.9rem;
    transition: font-size 0.8s ease-in-out;
    color: var(--color-asp-bl);
}

.btn-group-en:hover {
    font-weight: bold;
    font-size: 1rem;
    border: none !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
}

.icon-slt-en {
    position: absolute;
    left: 0.5rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.slt-cl-en {
    height: 100%;
    width: 100%;
    border: 0;
    padding-left: 1.6rem;
    background-color: transparent;
}

.details-en {
    position: absolute;
    background-color: var(--color-asp-v);
    display: flex;
    justify-content: space-between;
    color: #fff;
    left: 0;
    right: 0;
    bottom: -3.8rem;
    border-radius: 0.313rem;
}

.svg-details-en {
    width: 2.2rem;
    height: 2.2rem;
}

.line-en {
    width: 0.1rem;
    background-color: rgba(255, 255, 255, 0.4);
    margin-top: 2%;
    margin-bottom: 2%;
}

.num-details {
    margin-bottom: 0;
    font-size: 1rem;
    color: var(--color-asp-bl);
}

.title-details {
    margin-bottom: 0;
    font-size: 0.6rem;
    color: var(--color-asp-bl);
}

.bloque-details-ctn {
    display: flex;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

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

/***/
.font-color-bl {
    color: var(--color-asp-bl) !important;
}

.font-color-bl * {
    color: var(--color-asp-bl) !important;
}

/** vacantes destacadas */
.stc-destacadas {
    padding-top: 8.5%;
}

.cards-encuentro {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
    box-sizing: border-box;
    width: 100%;
}

.card-opt {
    height: 100%;
    border: solid 1px #DBDBDB;
    display: flex;
    flex-direction: column;
    border-radius: .69rem;
    box-sizing: border-box;
}

.card-opt * {
    font-size: 0.7rem;
}

.card-opt-img {
    height: 9.5rem;
    position: relative;
}

.img-card-opt {
    object-fit: cover;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-top-left-radius: .69rem;
    border-top-right-radius: .69rem;
}

.card-opt-details {
    padding: 1.2rem 1rem 1rem 1rem;
}

.card-time-etq {
    font-size: 0.5rem !important;
}

.card-opt-title {
    font-weight: bold;
    font-size: 0.8rem;
    margin-bottom: 0.4rem;
}

.icons-card-opt {
    width: .75rem;
    height: .75rem;
}

.icons-card-opt2 {
    width: 1.2rem;
    height: 1.2rem;
}

.card-opt-list-dt,
.ul-mp-sitio,
.ul-pr-empresas,
.ul-pr-can,
.ul-mp-ayuda,
.ul-mp-contacto {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.card-opt-list-dt li:not(:last-child) {
    margin-bottom: 0.3rem;
}

.card-opt-list-dt li,
.card-opt-title,
.txt-bloque-arrow-dt {
    white-space: nowrap;
    /* Keeps text on a single line */
    overflow: hidden;
    /* Hides overflow */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Número de líneas antes del corte */
    -webkit-box-orient: vertical;
    text-wrap: wrap;
}

.form-check-label.card-check-label {
    font-size: 0.5rem;
    line-height: 0;
}

.form-check-input.card-check-vc {
    border: solid 1px var(--color-asp-v);
    width: 1.2rem;
    height: 1.2rem;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin-top: 0;
    margin-left: .2rem;
}

.form-check-input.card-check-vc:checked {
    background-color: var(--color-asp-v);
    border: solid 1px var(--color-asp-v);
    /* background-color: #0d6efd;
    border-color: #0d6efd; */
}

.icon-card-sl-color {
    box-sizing: border-box;
    fill: #2c3e50;
    /*fill:#f7f7f7 */
}

.btn-cards-vc {
    border: none;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-radius: 50%;
    width: 1.6rem !important;
    height: 1.6rem !important;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-cards-vc:hover {
    border: none !important;
    background-color: #2c3e50 !important;
}

.btn-cards-vc:hover .icon-card-sl-color {
    box-sizing: border-box;
    fill: #f7f7f7;
}

.btn-cards-vc2 {
    border: none;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-radius: 50%;
    width: 2rem !important;
    height: 2rem !important;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.btn-cards-vc2:hover {
    border: none !important;
    background-color: #2c3e50 !important;
}

.btn-cards-vc2:hover .icon-card-sl-color {
    box-sizing: border-box;
    fill: #f7f7f7;
}

.txt-bloque-arrow-dt {
    font-size: 0.6rem;
    padding-left: .4rem;
    opacity: 0;
}

.bloque-details-ad-opt {
    position: absolute;
    width: 102%;
    top: 1rem;
    display: flex;
    align-items: center;
    justify-content: end;
}

.bloque-arrow-details-opt {
    margin-right: 0;
    display: flex;
    cursor: pointer;
    position: relative;
}

.bloque-arrow-details-opt .arrow-direction {
    width: 0;
    height: 0;
    border-right: 0.8rem solid var(--color-asp-v);
    border-top: 0.8rem solid transparent;
    border-bottom: 0.8rem solid transparent;
}

.bloque-arrow-details-opt .arrow-icon-asp {
    background-color: var(--color-asp-v);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/***/
/** asesoria */
.stc-asesoria {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 28rem;
    display: flex;
    flex-direction: column;
}

.img-asesoria {
    position: absolute;
    right: -6.5%;
    bottom: 0;
    width: 45%;
}

.asesoria-ctn {
    position: absolute;
    display: flex;
    width: 52%;
    top: 6rem
}

.ctn-acp {
    background-color: var(--color-asp-v);
    padding-left: 16%;
    display: flex;
    align-items: center;
}

.ctn-acp * {
    color: var(--color-asp-bl);
}

.title-asesoria,
.title-asesoria * {
    font-size: 1.6rem !important;
}

.dsp-asesoria {
    font-size: 0.7rem;
}

.borde-acp {
    width: 0;
    height: 0;
    border-top: 16rem solid var(--color-asp-v);
    border-right: 8rem solid transparent;
}

.asesoria-line {
    margin-top: auto;
    background-color: #f6f7f9;
    width: 100%;
    min-height: 14rem;
}

/***/
/***/
.st-explora {
    padding-top: 4rem;
}

.wd-txt-opt {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

/***/
.btn-asp {
    border: solid 2px var(--color-asp-v);
    text-align: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 0.8rem;
    color: var(--color-asp-v);
    background-color: transparent;
}

.btn-asp:hover,
.btn-asp:active {
    border: solid 2px var(--color-asp-v) !important;
    text-align: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
    font-size: 0.8rem !important;
    color: var(--color-asp-bl) !important;
    background-color: var(--color-asp-v) !important;
}

.group-inputs-encuentro-gr {
    display: flex;
    flex-direction: row;
    background-color: #f0f0f0;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    height: 2.5rem;
    border-radius: 0.313rem;
}

.st-articulos {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

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

.card-article {
    height: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
}

.bloque-img-article {
    height: 12rem;
}

.img-article {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.ctn-article {
    padding: 1.2rem 1.5rem 1.5rem 1.5rem;
}

.pill-article-p {
    font-size: 0.7rem;
    background-color: #F3F4F6;
    border-radius: 0.8rem;
    padding: 0.1rem 0.9rem;
}

.title-h4-article {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-wrap: wrap;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.dsp-article {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    text-wrap: wrap;
}

.dtl-datos-article {
    margin-bottom: 1rem;
}

.dtl-datos-article * {
    font-size: 0.7rem;
}

.st-footer {
    background-color: #eeeeee;
    padding-top: 4rem;
    padding-bottom: 1rem;
}

/**footer**/
.title-footer {
    color: var(--color-asp-v) !important;
    font-size: 1rem;
    font-weight: bold;
}

.st-footer *,
.ul-mp-sitio *,
.ul-pr-empresas *,
.ul-pr-can *,
.ul-mp-ayuda *,
.ul-mp-contacto * {
    color: #2C3E50;
}

.ul-mp-sitio li:not(:last-child),
.ul-pr-empresas li:not(:last-child),
.ul-pr-can li:not(:last-child),
.ul-mp-ayuda li:not(:last-child),
.ul-mp-contacto li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.ul-mp-contacto li {
    display: flex;
    align-items: center;
}

.ul-mp-contacto li .svg-ctt-size {
    margin-right: 0.3rem;
}

.svg-ctt-size {
    width: 0.8rem;
}

.info-footer * {
    font-size: 0.7rem;
}

/**end footer**/

/**PRUEBAS*/
.arrow {
    width: 0;
    height: 0;
    border-left: 20px solid #DBDBDB;
    border-right: 20px solid #12b783;
    border-top: 20px solid black;
    border-bottom: 20px solid #2c3e50;
}

.arrow2 {
    width: 0;
    height: 0;
    border-right: 20px solid #12b783;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.bloque-card-arrow {
    display: flex;
}

.arrow-dir {
    width: 0;
    height: 0;
    border-right: 20px solid var(--color-asp-v);
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.arrow-icon {
    flex: 1;
    width: 2rem;
    background-color: var(--color-asp-v);
}

/**tooltip-pr header*/
.tooltip-pr {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip-pr .tooltiptext {
    visibility: hidden;
    width: auto;
    max-width: 200px;
    /* Ajusta según necesites */
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    /* Evita saltos de línea */
}

.tooltip-pr .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.tooltip-pr:hover .tooltiptext {
    visibility: visible;
}

/**/
/***/

.side-left {
    width: 16rem;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    transition: all 1s ease-in-out;
    z-index: 4;
    border-right: 1px solid #DBDBDB;
}

.side-left.reducido {
    width: 4rem;
    overflow: hidden;
    transition: width 1s ease-in-out;
}

#side-ctn {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(0);
    /**Posición original*/
    transition: transform 1.1s ease-in-out;
}

/* .side-left.reducido #side-ctn {
    transform: translateX(-100%);
} */

.body-ctn {
    width: calc(100% - 16rem);
    transition: all 1s ease-in-out;
}

.body-ctn.expandido {
    width: 100%;
}

.ltr-right.expandido {
    width: calc(100% - 4rem);
}

#ctn-side {
    padding: 1.4rem 0;
    width: 16rem;
    position: absolute;
}

.asp-title-side {
    font-size: 1.5rem;
    font-weight: bold;
}

.lst-side a {
    display: block;
    padding: 0.6rem 0.8rem !important;
    font-size: 0.7rem !important;
    color: #000 !important;
}

.lst-side a:hover {
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
}

.lst-side a:hover span {
    color: var(--color-asp-bl);
}

.lst-side a:hover .svg-size-side,
.lst-side a:hover .svg-size-side2 {
    fill: var(--color-asp-bl);
}


.svg-size-side {
    fill: #000;
    width: 0.8rem;
    margin-right: 0.3rem;
}

.svg-size-side2 {
    fill: #000;
    width: 1rem;
    margin-right: 0.3rem;
}

.lst-side a.active {
    color: var(--color-asp-bl) !important;
    background-color: var(--color-asp-v);
}

.lst-side a.active span {
    color: var(--color-asp-bl) !important;
}

.lst-side a.active .svg-size-side,
.lst-side a.active .svg-size-side2 {
    fill: var(--color-asp-bl);
}

/**body*/
.details-ttl {
    padding: 1.2rem;
}

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

.details-ttl h4 {
    font-weight: bold;
}

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

.card-details {
    height: 100%;
    border: solid 1px #DBDBDB;
    border-radius: 0.625rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
}

.card-details:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.img-cards-dtl {
    border-radius: 0.625rem;
    aspect-ratio: 1;
    width: 3rem;
    object-fit: cover;
    margin-right: 0.6rem;
}

.card-pill-etapa {
    border-radius: 0.813rem;
    font-size: 0.7rem;
    padding: 0.14rem 1rem;
    line-height: 0;
}

.cl-es-etapa-p {
    color: #6B21A8;
    background-color: #F3E8FF;
}

.cl-es-etapa-y {
    color: #854D0E;
    background-color: #FEF9C3;
}

.cl-es-etapa-b {
    color: #3040AF;
    background-color: #DBEAFE;
}

.cl-es-etapa-r {
    color: #991B1B;
    background-color: #FEE2E2;
}

.cl-es-etapa-g {
    color: #0F7A58;
    background-color: #DCFCE7;
}

.cl-es-etapa-g>i {
    display: flex;
    color: #0F7A58;
}

.p-card-title-dt {
    margin-bottom: 0;
    font-weight: bold;
}

.span-card-dtl {
    border-radius: 0.313rem;
    background-color: #F1F1F5;
    padding: 0.1rem 0.3rem;
    font-size: 0.7rem;
}

.dtl-card-datos {
    margin-top: 0.3rem;
}

.dtl-card-datos p {
    font-size: 0.7rem;
    margin-bottom: 0;
}

.btn-card-details {
    border: 2px solid var(--color-asp-v) !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-card-disabled {
    border: 2px solid #696974 !important;
    background-color: white !important;
    color: #696974 !important;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-card-details .svg-btn-guardar {
    fill: var(--color-asp-bl) !important;
}

.btn-card-details:hover {
    border: 2px solid var(--color-asp-v) !important;
    background-color: transparent !important;
    color: var(--color-asp-v) !important;
    font-size: 0.8rem !important;
}

.btn-card-details:hover .svg-btn-guardar {
    fill: var(--color-asp-v) !important;
}

.btn-card-details i {
    color: var(--color-asp-bl) !important;
    margin-right: .2rem;
}

.btn-card-details:hover i {
    color: var(--color-asp-v) !important;
}

.dsp-card-alt {
    color: #696974;
    font-size: 0.7rem;
    margin-top: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    text-wrap: wrap;
}

.btn-card-details-out {
    border: 2px solid var(--color-asp-v) !important;
    background-color: transparent !important;
    color: var(--color-asp-v) !important;
    font-size: 0.8rem;
    padding: 0.3rem 0.4rem;
}

.btn-card-details-out * {
    font-size: 0.8rem;
    color: var(--color-asp-v) !important;
}

.btn-card-details-out .svg-btn-guardar {
    width: 0.7rem;
    stroke: var(--color-asp-v);
}

.btn-card-details-out:hover .svg-btn-guardar {
    stroke: var(--color-asp-bl);
}

.btn-card-details-out .svg-btn-guardar2 {
    width: 1.4rem;
    stroke: var(--color-asp-v);
}

.btn-card-details-out:hover .svg-btn-guardar2 {
    stroke: var(--color-asp-bl);
}

.btn-card-details-out:hover {
    border: 2px solid var(--color-asp-v) !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    font-size: 0.8rem !important;
}

.btn-card-details-out-2 {
    border: 2px solid var(--color-asp-v) !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    font-size: 0.8rem !important;
}

.btn-card-details-out:hover * {
    color: var(--color-asp-bl) !important;
    font-size: 0.8rem !important;
}

.svg-btn-guardar {
    fill: var(--color-asp-v) !important;
}

.svg-btn-guardar-2v {
    fill: rgb(255, 255, 255) !important;
}

.btn-card-details-out:hover .svg-btn-guardar {
    fill: var(--color-asp-bl) !important;
}

.btn-arrow-sl,
.btn-arrow-sl:hover,
.btn-arrow-sl:active,
.btn-arrow-sl:focus {
    border: solid 2px transparent !important;
    padding: 0.3rem 0.4rem;
    background-color: transparent !important;
}

.btn-arrow-sl .svg-btn-guardar2,
.btn-arrow-sl:hover .svg-btn-guardar2 {
    width: 2rem;
    stroke: var(--color-asp-v);
}


/***/
.bloque-alertas {
    padding: 1.2rem;
}

.alerta-ntf-empleos {
    width: 100%;
    border-radius: 0.625rem;
}

.alerta-ntf-empleos-d {
    margin-left: auto;
    width: 99.5%;
    background-color: var(--color-asp-bl);
    border-radius: 0.625rem;
    padding: 1.3rem 1rem;
    border: 1px solid #E9E9E9;
    display: flex;
    flex-direction: row;
    position: relative;
}

.alert-cl-r {
    background-color: #FF0000;
}

.alert-cl-g {
    background-color: #12B783;
}

.alert-cl-y {
    background-color: #EAB308;
}

.dtl-alert p {
    margin-bottom: 0;
    color: #2C3E50;
}

.dtl-alert p:first-child {
    font-weight: bold;
}

.svg-alerts {
    width: 1.5rem;
    margin-left: .4rem;
    margin-right: 1.8rem;
}

.icon-close-alert {
    border: none !important;
    position: absolute;
    top: 0.5rem;
    right: .3rem;
}

.icon-close-alert:hover {
    border: none !important;
}

.tipos-filtros * {
    font-size: 0.7rem;
}

.num-filtro {
    border-radius: 0.313rem;
    aspect-ratio: 1;
    background-color: #F1F1F5;
    padding: 0.2rem;
}

.form-check-input.asp-check {
    border-color: #B5B5BE;
}

.form-check-input.asp-check:checked {
    background-color: #3dd598;
    border-color: #3dd598;
}

.svg-opt-empleo {
    width: 0.8rem;
}

.svg-icon-etq-opt {
    width: 0.65rem;
}

.card-filtro-ubicacion {
    border-radius: 0.938rem;
    border: solid 1px #DBDBDB;
    padding: 0.3rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0.7rem 0.1rem;
}

.card-filtro-ubicacion * {}

.card-empleos-lt {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.6rem;
    background-color: #F6F7F9;
    padding: 0.8rem;
    border-radius: 0.625rem;
}

.card-emp-details {
    background-color: #f6f7f9;
    border-radius: 0.938rem;
}

.card-emp-details:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    cursor: pointer;
}

.bloque-cards-dlt {
    max-height: 120vh;
    overflow-y: auto;
}

.img-div-card-emp {
    border-top-left-radius: 0.938rem;
    border-bottom-left-radius: 0.938rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    width: 7rem;
    aspect-ratio: 1;
}

.img-emp-details {
    border-top-left-radius: 0.938rem;
    border-bottom-left-radius: 0.938rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ctn-div-card-emp {
    display: flex;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
}

.ctn-div-card-emp p {
    margin-bottom: 0;
}

.ctn-div-card-emp p:first-child {
    font-weight: bold;
}

.card-details-lt {
    height: 100%;
    border: none;
    border-radius: 0.625rem;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.img-cards-dtl-lt {
    border-radius: 0.625rem;
    aspect-ratio: 1;
    width: 1.8rem;
    object-fit: cover;
    margin-right: 0.6rem;
}

.form-slt-lt {
    border-radius: 0.5rem;
    border: solid 1px #DBDBDB;
    background-color: #fff;
    font-size: 0.7rem;
    padding: 0.2rem 0.8rem;
}

.dtl-card-details-lt {}

.dtl-card-details-lt * {
    font-size: 0.6rem;
    text-align: start;
}

.dsp-card-alt-lt {
    color: #696974;
    font-size: 0.6rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}

.svg-icon-etq-opt-lt {
    width: 0.5rem;
}

.span-card-dtl-lt {
    border-radius: 0.313rem;
    background-color: var(--color-asp-bl);
    border-radius: 0.813rem;
    border: solid 1px #707070;
    padding: 0.2rem 0.3rem;
    font-size: 0.6rem;
    line-height: 0;
    display: flex;
    align-items: center;
}

.span-card-dtl-lt .svg-icon-etq-opt-lt {
    margin-right: .3rem;
}

.span-card-dtl-lt-out {
    border-radius: 0.313rem;
    background-color: #FAFBFC;
    border-radius: 0.813rem;
    border: solid 1px #F4F4F7;
    padding: 0.6rem 0.6rem;
    font-size: 0.6rem;
    line-height: 0;
    display: flex;
    align-items: center;
}

/**/
/* blog */
.card-articulos-blog {
    padding: 1.5rem;
    border-radius: 0.625rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card-articulos-blog a {
    text-decoration: none;
}

.enlace-card-articulos-blog p {
    margin-bottom: 0;
}

.enlace-card-articulos-blog p {
    margin-bottom: 0;
}

.enlace-card-articulos-blog p:last-child {
    font-size: 0.7rem;
}

.enlace-card-articulos-blog:hover p:first-child {
    color: var(--color-asp-v);
}

.date-card-articulos {
    color: #6C727F;
}

.etiquetas-blogs {
    border-radius: 0.313rem;
    background-color: #F3F4F6;
    border-radius: 0.813rem;
    border: solid 1px #F4F4F7;
    padding: 0.6rem 0.6rem;
    font-size: 0.6rem;
    line-height: 0;
    display: flex;
    align-items: center;
    color: #000000;
}

.etiquetas-blogs:hover {
    border-radius: 0.313rem;
    background-color: #c5efe2;
    border-radius: 0.813rem;
    border: solid 1px #c5efe2;
    padding: 0.6rem 0.6rem;
    font-size: 0.6rem;
    line-height: 0;
    display: flex;
    align-items: center;
    color: #12B783;
}

.ttl-blogs {
    font-size: 1.3rem;
    font-weight: bolder;
    border-left: solid 4px var(--color-asp-v);
    padding-left: 0.4rem;
    margin-bottom: 1rem;
}

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

.card-articulo-destacado {
    background-color: #fff;
    border-radius: 1rem;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

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

.st-card-articulo-img {
    width: 50%;
}

.st-card-articulo-ctn {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem 1.5rem 1rem;
}

.card-article-img {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.ttl-articulos * {
    font-size: 2.9rem;
    /* font-size: 1em; */
    color: var(--color-asp-v);
}

.ttl-articulos span:last-child {
    font-weight: 600;
}

.bloque-ttl-articulos {
    min-height: 18rem;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.bloque-ttl-articulos:hover {
    transform: scale(1.1);
}

.bloque-ttl-articulos:hover .img-logo-articulos {
    margin-right: 0.4rem;
}

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

.p-ttl-article span {
    font-weight: bold;
}

.bloque-ttl-articulos-all {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.bloque-ttl-articulos-back {
    position: absolute;
    width: 95%;
    height: 100%;
    background: linear-gradient(to top right, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 1) 90%, transparent), url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-position: -40% 72%;
    background-size: 120%;
}

.div-img-article-dt {
    height: 17rem;
    width: 100%;
    margin-bottom: 1.5rem;
}

.img-article-dt {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
}

.bloque-ttl-articulos-all-dt {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.bloque-ttl-articulos-back-dt {
    position: absolute;
    width: 95%;
    height: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 100%, transparent), url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-position: -40% 70%;
    background-size: 120%;
}

.bloque-ttl-articulos-dt {
    min-height: 12rem;
    position: relative;
    transition: all 0.8s ease-in-out;
}

.bloque-ttl-articulos-dt:hover {
    transform: scale(1.1);
}

.bloque-ttl-articulos-dt:hover .img-logo-articulos {
    margin-right: 0.4rem;
}

.div-dato-imp {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    background-color: #12b783;
}

.div-dato-imp div {
    width: calc(100% - 0.4rem);
    margin-left: auto;
    background: #e5fff7;
    padding: 1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.div-letras {
    width: 2rem;
    background-color: #C5EFE2;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.dt-fecha-cm::before {
    content: "•";
    font-size: 0.625rem;
    color: #B5B5B5;
    margin-right: 0.313rem;
    margin-left: 0.313rem;
}

.punto::before {
    content: "•";
    font-size: 0.625rem;
    color: #B5B5B5;
    margin-right: 0.313rem;
    margin-left: 0.313rem;
}

.punto-lg::before {
    content: "•";
    font-size: 1.5rem;
    color: #B5B5B5;
    margin-right: 0.313rem;
    margin-left: 0.313rem;
}

.dt-fecha-cm {
    color: #B5B5B5;
}

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

.card-dlt-interes {
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    flex-direction: column;
}

.bloque-card-dlt-interes-img {
    width: 100%;
    height: 9rem;
}

.bloque-card-dlt-interes-img img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    object-fit: cover;
}

.card-dlt-interes .card-dlt-interes-ctn {
    padding: 1rem 1.2rem 1.4rem 1.2rem;
}

.card-procesos {
    border-radius: 0.625rem;
    border: solid 1px #DBDBDB;
    padding: 1rem;
}

.bloque-card-procesos-img {
    width: 3rem;
    aspect-ratio: 1;
}

.img-card-procesos {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.625rem;
}

.ctn-card-procesos {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0.5rem;
}

.ctn-card-procesos p {
    margin-bottom: 0;
}

.proceso-pill {
    border-radius: 0.813rem;
    padding: 0.2rem 0.5rem;
    font-size: 0.7rem;
}

/**steps*/
.step {
    position: relative;
    min-height: 1rem;
}

/* .title {
} */

.caption {
    color: #B5B5B5;
}

.step+.step {
    margin-top: 1rem
}

.step>div:first-child {
    position: static;
    height: 0;
}

.step>div:not(:first-child) {
    margin-left: 1.5rem;
    padding-left: 1rem;
}

/* Circle */
.circle {
    background: #C5EFE2;
    position: relative;
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.4rem;
    border-radius: 100%;
    text-align: center;
}

/* Vertical Line */
.circle:after {
    content: ' ';
    position: absolute;
    display: block;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 100%;
    width: 2px;
    transform: scale(1, 2);
    transform-origin: 50% -100%;
    background-color: #C5EFE2;
    z-index: -1;
}

.step:last-child .circle:after {
    display: none
}

.feedback-proceso {
    padding: 0.8rem;
    border-radius: 0.625rem;
    background-color: #f3f3f3;
}

.btn-util-procesos {
    border: solid 1px #DBDBDB;
    background-color: #fff;
}

.btn-util-procesos svg {
    width: 1.4rem;
}

.btn-util-procesos:hover {
    border: solid 1px #DBDBDB !important;
    background-color: #fff !important;
}

/****/
/*intento de sideDash*/
.emp-side {
    position: relative;
    width: 16rem;
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    z-index: 99;
    background-color: rgb(255, 255, 255);
    border-right: 1px solid #DBDBDB;
    transition: all 1s ease-in-out;
}

.emp-side #ctn-emp .a-side-emp {
    display: flex;
    flex-direction: row;
}

.emp-side.reducido {
    width: 4rem;
    padding: 0;
    overflow: hidden;
    transition: width 1s ease-in-out, padding 1s ease-in-out;
}

.emp-side.reducido #ctn-emp {
    width: 4rem;
}

.emp-side.reducido #ctn-emp .a-side-emp {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/**/
.emp-side.reducido .textos-menu {
    display: none;
    /* Oculta solo el texto */
}

.emp-side.reducido .a-side-emp {
    justify-content: center;
    /* Centraliza los íconos */
}

/**/
.emp-side.reducido span.textos-menu {
    opacity: 0;
    visibility: hidden;
}

.emp-side.reducido svg {
    opacity: 1;
    visibility: visible;
}

#ctn-emp {
    padding-top: 0.5rem;
    padding-bottom: 1.2rem;
    width: 16rem;
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: width 1.1s ease-in-out;
}

#ctn-todo {
    width: calc(100% - (16rem));
    height: 100%;
    transition: all 1s ease-in-out;
}

#ctn-todo.expandido {
    width: calc(100% - 4rem);
}

.a-side-emp {
    display: flex;
    align-items: center;
}

.textos-menu {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.emp-side.reducido .textos-menu {
    opacity: 0;
    visibility: hidden;
}

.oculto {
    opacity: 0;
    visibility: hidden;
}

/*intento de sideDash*/

/** sweetalert */
.bloque-alert-icon-pr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 4rem;
}

.bloque-alert-icon-pr svg {
    width: 98%;
}

.bloque-alert-icon {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    aspect-ratio: 1/1;
    width: 4rem;
}

.bloque-alert-icon svg {
    width: 60%;
}

.bloque-alert-icon-cf {
    background-color: #fcf3cc;
}

.bloque-alert-icon-cf svg {
    fill: #cc7c2e;
}

.bloque-alert-icon-rd {
    background-color: #f9e3e1;
}

.bloque-alert-icon-rd svg {
    fill: #ca3b31;
}

.bloque-alert-icon-vd {
    background-color: #d0f4d8;
}

.bloque-alert-icon-vd svg {
    fill: #4ca155;
}

.btn-alert {
    border-radius: 0.313rem;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    border: solid 2px var(--color-asp-v) !important;
}

.btn-alert:hover,
.btn-alert:active {
    background-color: var(--color-asp-bl) !important;
    color: var(--color-asp-v) !important;
    border: solid 2px var(--color-asp-v) !important;
}

.btn-alert-out {
    border-radius: 0.313rem;
    background-color: var(--color-asp-bl);
    color: var(--color-asp-v);
    border: solid 2px var(--color-asp-v);

}

.btn-alert-out:hover,
.btn-alert-out:active {
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    border: solid 2px var(--color-asp-v) !important;
}

.titulo-alert {
    text-align: center;
    font-weight: bold;
}

/**solicitud*/
.ttl-solicitud {
    color: var(--color-asp-v);
}

.img-solicitud-in {
    position: absolute;
    bottom: 0;
    width: 120%;
}

.img-solicitud-incv {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.back-solicitud-cv {
    background: linear-gradient(to bottom left,
            rgba(255, 255, 255, 1) 40%,
            rgba(255, 255, 255, 1) 50%,
            rgba(255, 255, 255, .9) 60%,
            transparent),
        url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: 90% 100%;
}

.back-solicitud {
    background: linear-gradient(to left,
            rgba(255, 255, 255, 1) 30%,
            rgba(255, 255, 255, 1) 48%,
            rgba(255, 255, 255, .8) 100%,
            transparent),
        url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 70% 100%;
}

.col-img-solicitud {
    position: relative;
    overflow: hidden;
}

.col-ctn-solicitud {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.full-wt {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.full-wt .row {
    flex-grow: 1;
}

.back-solicitud-ft {
    background: linear-gradient(to left,
            rgba(255, 255, 255, 1) 30%,
            rgba(255, 255, 255, 1) 48%,
            rgba(255, 255, 255, .8) 100%,
            transparent),
        url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 50% 100%;
}

.wt-btn {
    min-width: 8rem;
}

.btn-input-ft-bloque {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    width: 12rem;
    border-radius: 0.313rem;
    position: relative;
    background-color: var(--color-asp-v);
    color: var(--color-asp-bl);
    border: solid 2px var(--color-asp-v);
    display: flex;
    justify-content: center;
}

.btn-input-ft-bloque .btn-input-texto {
    color: var(--color-asp-bl);
}

.btn-input-ft-bloque .btn-input-texto * {
    color: var(--color-asp-bl);
}

.btn-input-ft-bloque:hover {
    background-color: var(--color-asp-bl);
    color: var(--color-asp-v);
}

.btn-input-ft-bloque:hover .btn-input-texto {
    background-color: var(--color-asp-bl);
    color: var(--color-asp-v);
}

.btn-input-ft-bloque:hover .btn-input-texto * {
    background-color: var(--color-asp-bl);
    color: var(--color-asp-v);
}

.btn-input-texto {
    border-radius: 0.313rem;
}

.input-fotografia {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
}

.img-ingresada {
    width: 9rem;
    height: 9rem;
    object-fit: cover;
    border-radius: 50%;
    /* background: url('../');
    background-repeat: no-repeat;
    background-size: cover; */
}

.wd-indicaciones-ft p svg {
    width: 1rem;
    height: 1rem;
}

.wd-indicaciones-ft p svg {
    fill: #ff0000;
}

.wd-indicaciones-ft p:nth-child(-n+5) svg {
    fill: #12b783;
}

.img-solicitud {
    width: 9rem;
    height: 9rem;
    object-fit: cover;
    border-radius: 50%;
}

.headers-cards-tables {
    background-color: transparent !important;
    font-weight: bold;
    position: relative;
}

.icon-cards-headers-tables {
    position: absolute;
    top: .5rem;
    right: .5rem;
    padding: 0 !important;
}

.btn-header-icon {
    padding: 0 !important;
    border: none;
    margin: 0;
}

.icon-cards-headers-tables button i {
    color: red;
}

.btn-secondary-asp {
    border: solid 2px #DBDBDB;
    background-color: #F3F3F3;
    color: #9F9F9F;
    border-radius: 0.313rem;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-secondary-asp:hover,
.btn-secondary-asp:active {
    border: 2px solid var(--color-asp-v) !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
}

.btn-modals-close {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
}

/**LOGIN*/
.login-h {
    flex: 1;
    /* display: flex;
    flex-direction: column;
    min-height: 100vh; */
}

.col-img-login {
    background: #ebf1ef;
    background-image: url('../Imagenes/Logos/aspiraciones1.svg');
    background-repeat: no-repeat;
    background-size: 180%;
    background-position: 34% 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.h-login {
    font-weight: bold;
    color: #12B783;
    font-size: 1.8rem;
}

.wt-login {
    width: 70%;
    /* width: 68%; */
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.img-logo-login {
    margin-left: auto;
    margin-right: auto;
    transition: all 1.2s ease-in-out;
    height: 3.5rem;
}

.img-logo-login:hover {
    transform: scale(1.2);
}

.cl-second {
    color: #B5B5B5;
}

.tabs-login {
    display: flex;
    background-color: #E9E9E9;
    margin-top: 2.5rem;
    margin-bottom: 3rem;
    padding: .3rem;
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.tabs-login * {
    color: #000;
}

.nav-pills .nav-link.pt.active {
    color: #000;
    background-color: #fff;
}

.svg-icon-login {
    width: 1rem;
}

.input-login {
    border-radius: 0.5rem;
    border: solid 1px #DBDBDB;
    padding: .5rem .75rem .5rem 1.8rem;
    width: 100%;
}

.input-login::placeholder {
    color: #B5B5B5;
}

.input-login:focus {
    background-color: var(--bs-body-bg);
    border-color: rgba(13, 110, 253, .25);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.icon-bloque {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.2rem;
    display: flex;
    align-items: center;
}

.icon-bloque svg {
    fill: #B5B5B5;
}

.cl-login-vr {
    color: #12B783;
}

/** tooltip login */
.tooltip-login {
    position: relative;
    /* display: inline-block; */
}

.tooltip-login .tooltiptext {
    visibility: hidden;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 4rem;
    background-color: #c3e7dc;
    color: #fff;
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip-login .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #c3e7dc transparent transparent transparent;
}

.tooltip-login .tooltiptext {
    visibility: visible;
}

/***/
.circle-icon-login {
    border: solid 0.575rem #c8eee2;
    border-radius: 50%;
    aspect-ratio: 1;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    transition: all .5s ease-in-out;
}

.icon-svg-opt-login {
    width: 1.2rem;
}

.card-opt-login {
    max-width: 12rem;
    max-height: 12rem;
    width: 100%;

    aspect-ratio: 1;
    border-radius: 0.5rem;
    border: solid 2px #E9E9E9;
    padding: 1rem;
    height: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.card-opt-login * {
    font-size: .7rem;
}

.card-opt-login:hover {
    border: solid 2px #12B783;
}

.card-opt-login:hover .circle-icon-login {
    transform: scale(1.2) rotate(10deg);
}

.btn-volver-login {
    border: none;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.is-invalid-l {
    border: 2px solid #dc3545;
    background-color: #f8d7da;
}

.p-color {
    height: 0.5rem;
}

.pr-debil {
    background-color: #FF0000;
}

.pr-media {
    background-color: #FFB300;
}

.pr-fuerte {
    background-color: #12B783;
}

.bg-forgot {
    background-color: #f3f3f3;
}

.card-forgot {
    border-radius: 0.375rem;
    background-color: #fff;
    /* min-height: 24vw; */
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 2rem;
    width: 30rem;
}

.btn-volver-forgot {
    border: none;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0.5rem;
    left: 0;
    padding: 0;
}

/**rc de recuperar contraseña*/
.input-verification {
    /* border-top: none;
    border-left: none;
    border-right: none; */
    border: 2px solid #DBDBDB;
    border-radius: 0.5rem;
}

.input-verification:focus {
    box-shadow: none;
    border: 2px solid #12B783;
}

/**vrf: verificacion*/
.w-vrf {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width:500px) {
    .w-vrf {
        width: 80%;
    }
}

.card-modal-act {
    border: solid 2px var(--color-asp-v);
    background-color: var(--color-asp-bl);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    height: 100%;
    aspect-ratio: 1;
}

.card-modal-act * {
    font-size: 0.7rem;
    color: var(--color-asp-v);
}

.card-modal-act .icon-modals {
    width: 2.8rem;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-asp-v);
}

.card-modal-act:hover {
    border: solid 2px var(--color-asp-v);
    background-color: var(--color-asp-v);
}

.card-modal-act:hover * {
    color: var(--color-asp-bl);
}

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

.img-perfil-edit {
    border-radius: 50%;
    width: 7.5rem;
    aspect-ratio: 1;
    object-fit: cover;
}

.bloque-perfil-edit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
}

.bloque-txt-edit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    color: var(--color-asp-bl);
    transition: opacity .5s ease-in-out;
}

.input-perfil-edit {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    opacity: 0;
}

.bloque-perfil-edit:hover .bloque-txt-edit {
    opacity: 1;
}

.flex-datos {
    flex: 1;
    min-height: 80vh;
    display: flex;
    flex-direction: column;
}

.nav-pills .nav-link.nav-resumen-sl.active {
    background-color: var(--color-asp-v);
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 0;
    color: var(--color-asp-bl);
}

.nav-pills .nav-link.nav-resumen-sl {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #2C3E50;
}

.img-modal-beta {
    width: 100%;
    height: 70%;
    object-fit: cover;
    position: absolute;
    bottom: 0;
}

.logo-beta {
    height: 3rem;
}

.col-p-beta {
    padding: 2.5rem 2rem;
}

.btn-close {
    width: .5em;
    height: .5em;
}

.bg-modal-beta {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    overflow: hidden;
    /* background: url("../Imagenes/Logos/aspiraciones1.svg") no-repeat, rgba(18, 183, 131, .8); */
    background: linear-gradient(to left,
            rgba(18, 183, 131, .8) 30%,
            rgba(18, 183, 131, .8) 48%,
            rgba(18, 183, 131, .8)100%,
            transparent),
        url('../Imagenes/Logos/aspiraciones1.svg');
    background-size: 230%;
    background-position: 60% 120%;

}

input::placeholder {
    color: #dbdbdb;
}

.form-control,
.form-select {
    font-size: .9rem;
}

.tables-head {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.tables-head thead * {
    font-weight: bold;
}

.tables-head {
    border-radius: 0.5rem;

}

/* 
.tables-head tbody tr td:first-child {
    font-weight: bold;
} */

.tables-head thead tr th:first-child {
    border-top-left-radius: 0.5rem;
}

.tables-head thead tr th:last-child {
    border-top-right-radius: 0.5rem;
}

.tables-head tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.5rem;
}

.tables-head tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.5rem;
}

.btn-table-in {
    width: 2.5rem;
    color: #c4c4c4;
    aspect-ratio: 1/1;
    border: none;
    background: transparent;
    /* background: var(--color-asp-bl); */
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-table-in i {
    color: #b5b5b5;
}

.btn-table-in:hover i {
    color: #2c3e50;
}

.btn-table-in:hover svg {
    fill: #2c3e50;
}

.btn-table-in:hover,
.btn-table-in:active {
    background-color: #f3f3f3 !important;
    border: none !important;
}

.icon-regreso {
    width: 1.5rem;
    height: 1.5rem;
}

.bloque-blogs-details {
    width: 100%;
    height: 25vw;
    overflow: hidden;
}

.img-bloque-blogs-details {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.construccion-cv {
    /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: .5rem;
    padding: 4rem; */
    width: 74rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    /* border: solid 1px #000; */
    display: flex;
    flex-direction: column;
    min-height: 95rem;
    /* min-height: 110rem; */
}

.img-logo-cv {
    height: 3.5rem;
    margin-bottom: 1.5rem;
}

.ini-block-acerca {
    text-transform: uppercase;
    border-bottom: solid 2px #000;
    margin-bottom: 1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 3rem;
}

.p-my {
    text-transform: uppercase;
    margin-bottom: 0;
}

.ini-block-no-border {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.p-capitalize {
    text-transform: uppercase;
    font-weight: bold;
}

.p-bolder {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 0;
}

.p-capitalize-wt {
    width: fit-content;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
}

.label-fr {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.input-check-card {
    border: solid 1px #dbdbdb;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
    display: flex;
    align-items: center;
    min-width: 8rem;
}

.form-check-input.check-style {
    border: solid 1px #b7b7b7;
    width: 1rem;
    height: 1rem;
    aspect-ratio: 1/1;
}

.form-check-input.check-style:checked {
    border: solid 1px var(--color-asp-v);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 12 12'%3e%3ccircle r='4' fill='%2312b783'/%3e%3c/svg%3e") !important;
}

.form-check-input.check-sp {
    border: solid 1px #b7b7b7;
    width: 1rem;
    height: 1rem;
    aspect-ratio: 1/1;
}

.form-check-input.check-sp:checked {
    border: solid 1px var(--color-asp-v);
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2312b783' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.columnas-cv {
    display: grid;
    grid-template-columns: 25% 75%;
    gap: 1.5rem;
    flex-grow: 1;
    /* Se puede ajustar según el caso */
}

.columnas-cv>div:last-child {
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
    /* Distribuye los elementos uniformemente */
    height: 100%;
    /* Para asegurarse que ocupa todo el espacio */
}

.img-cv-perfil {
    width: 12rem;
    height: 12rem;
    object-fit: cover;
    border-radius: 50%;
}

.pill-proceso-p {
    border-radius: 0.813rem;
    padding: 0.2rem 1.4rem;
    font-size: 0.7rem;
    background-color: var(--color-asp-v);
    color: var(--color-asp-bl);
}

.card-bg-ps {
    background-color: var(--color-asp-v);
    color: var(--color-asp-bl);
}

.table-bg-ps thead {
    background-color: var(--color-asp-v);
}

.table-bg-ps thead * {
    color: var(--color-asp-bl);
}

.card-filtro-gt {
    border-radius: 0.5rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/**  **/
#btn-menu {
    display: none;
}

.side-gt {
    border-right: solid 1px #dbdbdb;
    width: 16rem;
    transition: width 0.8 ease-in-out;
    overflow: hidden;
}

.ctn-gt {
    width: calc(100% - (16rem));
    padding: 0.8rem;
    transition: width 0.8 ease-in-out;
}

/* .pagination {
    border-radius: 5px;
} */

.pagination .page-link {
    color: var(--color-texto);
    /* Color del texto */
    background-color: transparent;
    /* Color de fondo */
    border: none;
    /* Borde */
}

.pagination .page-link:hover {
    font-weight: bold;
}

.pagination .page-link:focus {
    box-shadow: none;
    /* box-shadow: 0 0 0 0.25rem rgba(255, 165, 0, 0.5); */
    outline: none;
}

/* .pagination .page-link:hover {
    background-color: #ff6600; /* Cambio de color al pasar el cursor */
/*color: #ffffff;
} */
.pagination .page-link.active,
.active>.page-link {
    color: var(--color-asp-v);
    background-color: transparent;
    border-color: transparent;
}

.img-adm {
    width: 9rem;
    height: 9rem;
    object-fit: cover;
    border-radius: 0.5rem;
}

/* ck editor */
.contenedor-ck {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 100vh; Ocupa todo el alto de la viewport */
}

.ckeditor-contenedor {
    flex: 1;
}

.wt-adm {
    min-width: 7rem !important;
}

.mi-titulo {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    padding-top: 2rem;
}

.square-md {
    border-radius: 0.343rem;
    width: 3rem;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.square-md i {
    display: flex;
    font-size: 1.5rem;
    margin: auto;
}

.square-cl1 {
    background-color: var(--color-asp-v);
}

.square-cl1 i {
    color: #fff !important;
}

.square-cl2 {
    background-color: #e9e9e9;
    color: var(--color-asp-v) !important;
}

.square-cl2 i {
    color: var(--color-asp-v) !important;
}

.square-txt {
    padding-left: 0.8rem;
    text-align: left;
}

.square-txt>p {
    margin-bottom: 0;
}

.square-txt>p:last-child {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.card-panel {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: none;
    height: 100%;
}

.icon-panel {
    background-color: #eaeaea;
    border-radius: 0.343rem;
    width: 1.5rem;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-panel>i {
    display: flex;
    margin: auto;
}

.wt-content-panel {
    width: 95%;
    margin-left: auto;
}

.card-panel .card-body .d-flex.justify-content-between>div {
    font-size: 0.7rem;
}

.card-panel .card-body>div {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 2.4rem;
}

.txt-color {
    color: #2C3E50;
}

/**intento de integracion de swiper*/
.swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.swiper-slide {
    height: 100% !important;
    display: flex;
    flex-direction: column;
}

.swiper-a.swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.swiper-a.swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;

}

.swiper-a.swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
}

.card-opt {
    border: solid 1px #DBDBDB;
    display: flex;
    flex-direction: column;
    border-radius: .69rem;
}

.swiper-pagination-bullet {
    background-color: var(--color-texto);
}

.swiper-pagination-bullet-active {
    background-color: var(--color-asp-v) !important;
    /* Color del bullet activo */
}

.punto-icon-tb {
    font-size: 1.5rem;
    display: flex;
}

.punto-icon-tb.activa {
    color: var(--color-asp-v) !important;
}

.punto-icon-tb.vencida {
    color: #b5b5b5 !important;
}

.punto-icon-tb.contratada {
    color: #ff0000 !important;
}

.btn-rnv-tb {
    background-color: #b5b5b5 !important;
    color: #fff !important;
    border: solid 2px #b5b5b5 !important;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-rnv-tb:hover {
    background-color: transparent !important;
    color: #b5b5b5 !important;
    border: solid 2px #b5b5b5 !important;
}

.card-body-vc-over {
    max-height: 95vh;
    overflow-y: auto;
}

.card-list-vc {
    height: 50%;
}

/***/
@property --p {
    syntax: '<number>';
    inherits: true;
    initial-value: 0;
}

.pie {
    --p: 20;
    --b: 22px;
    --w: 150px;

    width: var(--w);
    aspect-ratio: 1;
    position: relative;
    display: inline-grid;
    margin: 5px;
    place-content: center;
    font-size: 25px;
    font-weight: bold;
    font-family: sans-serif;
}

.pie:before,
.pie:after {
    content: "";
    position: absolute;
    border-radius: 50%;
}

.pie:before {
    inset: 0;
    background:
        radial-gradient(farthest-side, var(--color-coincidencia-fuerte) 98%, #0000) top/var(--b) var(--b) no-repeat,
        conic-gradient(var(--color-coincidencia-fuerte) calc(var(--p)*1%), var(--color-coincidencia-debil) 0);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
    mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.pie:after {
    inset: calc(50% - var(--b)/2);
    background: var(--color-coincidencia-fuerte);
    transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.animate {
    animation: p 1s .5s both;
}

.no-round:before {
    background-size: 0 0, auto;
}

.no-round:after {
    content: none;
}

@keyframes p {
    from {
        --p: 0
    }
}

/**fin grafico*/

.img-vt-rapida {
    max-width: 12rem;
    object-fit: cover;
    width: 100%;
    border-radius: 50%;
    border: solid .7rem var(--color-coincidencia-fuerte);
}

.color-vt-pr {
    color: var(--color-coincidencia-fuerte);
}

.color-vt-et {
    color: #b5b5b5;
}

.col-vt-datos>p {
    margin-bottom: 0;
}

.row-vt-icons>div {
    display: flex;
    align-items: center;
}

.row-vt-icons div>i {
    font-size: 1rem;
    display: flex;
    margin-right: .4rem;
    color: var(--color-coincidencia-fuerte);
}

.color-vt-etapa {
    color: var(--color-coincidencia-fuerte);
    background-color: var(--color-coincidencia-debil);
}

.datos-vt-icon>i {
    display: flex;
    margin: auto;
    font-size: 1.5rem;
    color: var(--color-coincidencia-fuerte);
}

.datos-vt {
    padding-left: .6rem;
}

.datos-vt>p {
    margin-bottom: 0;
}

.rg-btn {
    display: flex;
    position: absolute;
    left: 0;
}

.color-co-vt-rojo>i {
    color: #ff0000;
    margin-right: 0.5rem;
}

.color-co-vt-anaranjado>i {
    color: #ffb300;
    margin-right: 0.5rem;
}

.color-co-vt-verde>i {
    color: #12b783;
    margin-right: 0.5rem;
}

.bl-icon-table {
    background-color: #d0f4d8;
    border-radius: 50%;
    width: 4rem;
    aspect-ratio: 1;
    display: flex;
}

.bl-icon-table>i {
    font-size: 1.8rem;
    color: #4ca155;
    display: flex;
    margin: auto;
}

.bl-input-icon {
    position: relative;
}

.bl-input-icon>input {
    padding-left: 1.8rem;
}

.sp-input-icon {
    position: absolute;
    left: .5rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}

.sp-input-icon>i {
    display: flex;
}

.bl-input-div:hover .bl-input-file {
    background-color: #dcf4ed;
    border: dashed 2px var(--color-asp-v);
}

.bl-input-file {
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    border: dashed 2px #b5b5b5;
    border-radius: 0.5rem;
}

.bl-input-file>div:nth-child(2) {
    display: none;
}

.datos-pt-icon>i {
    display: flex;
    margin: auto;
    font-size: 1.5rem;
    color: var(--color-asp-v)
}

.bl-input-file.atm {
    padding: 1rem;
    border: solid 2px var(--color-asp-v);
    border-radius: 0.5rem;
}

.bl-input-file.atm:hover {
    background-color: #dcf4ed;
}

.bl-input-file.atm>div:first-child {
    display: none;
}

.bl-input-file.atm>div:nth-child(2) {
    display: block;
}

.input-bl-in {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: .5rem;
    opacity: 0;
}

.img-modal {
    width: 4.5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
}

.btn-compartir,
.btn-compartir:hover,
.btn-compartir:active,
.btn-compartir:focus {
    border: 2px solid transparent !important;
    background-color: transparent !important;
    color: var(--color-asp-v) !important;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btn-compartir>i {
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: .2rem;
    color: var(--color-asp-v);
}

.h-title-canvas,
.h-title-canvas * {
    color: var(--color-asp-v);
}

.btn-menu-icon,
.btn-menu-icon:hover,
.btn-menu-icon:focus,
.btn-menu-icon:active {
    border: 2px solid var(--color-asp-v) !important;
    background-color: var(--color-asp-v) !important;
    color: var(--color-asp-bl) !important;
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 10rem;
    box-sizing: border-box;
}

.btn-menu-icon>i {
    color: var(--color-asp-bl) !important;
    margin-right: .4rem;
    display: flex;
}

.btn-menu-regreso,
.btn-menu-regreso:hover,
.btn-menu-regreso:focus,
.btn-menu-regreso:active {
    border: 2px solid var(--color-asp-v) !important;
    background-color: transparent !important;
    color: var(--color-asp-v) !important;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 0 .5rem; */
    padding: 0 .3rem;
    height: 100%;
    line-height: 0;
}

.btn-menu-regreso>i {
    line-height: 0;
    font-size: 1.21rem;
    margin: auto;
    color: var(--color-asp-v);
    display: flex;
}

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

.wt-content-sl {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.hg-index{
    min-height: 100vh;
}
.input-signo{
    position: relative;
}
.input-signo > input{
    padding-left: 1.5rem;
}
.signo-input{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.45rem;
    display: flex;
    align-items: center;
}

.solicitud *, .solicitud{
    color: var(--color-asp-v) !important;
    font-weight: bold !important;
}