/*Hoja de estilos para branding general*/

@font-face {
    font-family: Inter;
    src: url(fonts/Inter_18pt-Regular.ttf);
}

@font-face {
    font-family: Nouvelle;
    src: url(fonts/NNNouvelleGrotesk-Normal.ttf);
}

@font-face {
    font-family: Futura;
    src: url(fonts/FuturaHeavy.ttf);
}

header {
    height: 140px;
}

main {
    background-color: var(--bs-gray-0);
    position: relative;
}

#mainContainer {
    position: relative;
    z-index: auto;
}

html, body { /* this allows the children to inherit this style */
    font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    background-color: var(--bs-gray-5);
    color: black;
    overflow-x: hidden;
    max-width: 100%;
}

h1, h2, h3,
h4, h5, h6 {
    font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: black;
}

.modal-body p {
    color: var(--bs-gray-5);
}

.modal-custom-width{
    max-width: 80%
}

p, label {
    color: black;
}

:root {
    --bs-gray-0: #F5F5F5;
    --bs-gray-1: #ECECEC;
    --bs-gray-2: #D0D0D0;
    --bs-gray-3: #8C9093;
    --bs-gray-4: #9295A6;
    --bs-blue-50: #99A1D3;
    --bs-blue-100: #6271CF;
    --bs-blue-300: #3345BD;
    --bs-blue-500: #001391;
    --bs-blue-700: #000F6F;
    --bs-blue-900: #000035;
    --bs-red-100: #F499AD;
    --bs-red-300: #FD315E;
    --bs-red-500: #E40032;
    --bs-red-700: #9C0123;
    --bs-red-5: #DB443A;
    --bs-green-100: #99E3BA;
    --bs-green-300: #29E77E;
    --bs-green-500: #00B852;
    --bs-green-700: #00893D;
    --bs-blue-100-2: #0000FF;
    --bs-yellow-300: #FFE792;
    --bs-yellow-500: #FFD100;
    --bs-yellow-600: #D0AB00;
    --bs-yellow-700: #FEE9BA;
    --bs-black-2: #163029;
    --bs-black-3: #060E0E;
    --bs-black-4: #010101;
    --bs-black-5: #313131;
    --bs-black-6: #373B3B;
    --bs-white: #fff;
    --bs-btn-font-size: 1.25rem;
    --bs-wrong-1: #DB443A;
}

.fontFutura {
    font-family: Futura, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* font-color */

.txt-primary-1 {
    color: var(--bs-blue-500); /* #001391 */
}
.txt-primary-2 {
    color: var(--bs-blue-100); /* #6271CF */
}
.txt-primary-3 {
    color: var(--bs-blue-300); /* #3345BD */
}
.txt-primary-4 {
    color: var(--bs-blue-50); /* #99A1D3 */
}

.txt-primary-5 {
    color: var(--bs-blue-700); /* #000F6F */
}

.txt-primary-6 {
    color: var(--bs-blue-900); /* #000035 */
}

.txt-secondary-1 {
    color: var(--bs-red-100); /* #F499AD */
}

.txt-secondary-2 {
    color: var(--bs-red-300); /* #FD315E */
}

.txt-secondary-3 {
    color: var(--bs-red-500); /* #E40032 */
}
.txt-red-5 {
    color: var(--bs-red-5); /*#DB443A*/
}
.txt-secondary-4 {
    color: var(--bs-red-700); /* #9C0123 */
}

.txt-secondary-5 {
    color: var(--bs-green-100); /* #99E3BA */
}

.txt-secondary-6 {
    color: var(--bs-green-300); /* #29E77E */
}

.txt-secondary-7 {
    color: var(--bs-green-500); /* #00B852 */
}

.txt-secondary-8 {
    color: var(--bs-green-700); /* #00893D */
}

.txt-secondary-9 {
    color: var(--bs-blue-100-2); /* #0000FF */
}


.txt-tertiary-1 {
    color: var(--bs-gray-0); /* #F5F5F5 */
}

.txt-tertiary-2 {
    color: var(--bs-gray-1); /* #ECECEC */
}

.txt-tertiary-3 {
    color: var(--bs-gray-2); /* #D0D0D0 */
}

.txt-tertiary-4 {
    color: var(--bs-gray-3); /* #8C9093 */
}

.txt-tertiary-5 {
    color: var(--bs-gray-4); /* #9295A6 */
}

.txt-attention-1 {
    color: var(--bs-yellow-300); /* #FFE792 */
}

.txt-attention-2 {
    color: var(--bs-yellow-500); /* #FFD100 */
}

.txt-attention-3 {
    color: var(--bs-yellow-600); /* #D0AB00 */
}

.txt-black-1 {
    color: var(--bs-black-2); /* #163029 */
}

.txt-black-2 {
    color: var(--bs-black-3); /* #060E0E */
}

.txt-black-4 {
    color: var(--bs-black-4); /* #010101 */
}

.txt-black-5 {
    color: var(--bs-black-5); /* #313131 */
}

.txt-black-6 {
    color: var(--bs-black-6); /* #373B3B */
}

/* font-size */

.display1 {
    font-size: 6rem; /* 96px */
}
.display2 {
    font-size: 4.5rem; /* 72px */
}

.heading1 {
    font-size: 4rem; /* 64px */
}

.heading2 {
    font-size: 3rem; /* 48px */
}

.heading3 {
    font-size: 2.5rem; /* 40px */
}

.heading4 {
    font-size: 2.25rem; /* 36px */
}

.heading5 {
    font-size: 2rem; /* 32px */
}

.heading6 {
    font-size: 1.75rem; /* 28px */
}

.heading7 {
    font-size: 1.5rem; /* 24px */
}
.heading8 {
    font-size: 1.45rem; /* 23px */
}

.subtitle4 {
    font-size: 1.25rem; /* 20px */
}

.body1 {
    font-size: 1.125rem; /* 18px */
}

.body2 {
    font-size: 1rem; /* 16px */
}

.body3 {
    font-size: 0.875rem; /* 14px */
}

.body4 {
    font-size: 0.94rem; /* 15px */
}
.body5 {
    font-size: 0.79rem; /* 12.5px */
}
.body6 {
    font-size: 0.975rem; /* 15.6px */
}

/* font-weight */

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-800 {
    font-weight: 800;
}

/* Background-color */

.bg-primary-4 {
    background-color: var(--bs-blue-50); /* #99A1D3 */
}

.bg-primary-2 {
    background-color: var(--bs-blue-100); /* #6271CF */
}

.bg-primary-3 {
    background-color: var(--bs-blue-300); /* #3345BD */
}

.bg-primary-1 {
    background-color: var(--bs-blue-500); /* #001391 */
}

.bg-primary-5 {
    background-color: var(--bs-blue-700); /* #000F6F */
}

.bg-primary-6 {
    background-color: var(--bs-blue-900); /* #000035 */
}

.bg-secondary-1 {
    background-color: var(--bs-red-100); /* #F499AD */
}

.bg-secondary-2 {
    background-color: var(--bs-red-300); /* #FD315E */
}

.bg-secondary-3 {
    background-color: var(--bs-red-500); /* #E40032 */
}

.bg-secondary-4 {
    background-color: var(--bs-red-700); /* #9C0123 */
}

.bg-secondary-5 {
    background-color: var(--bs-green-100); /* #99E3BA */
}

.bg-secondary-6 {
    background-color: var(--bs-green-300); /* #29E77E */
}

.bg-secondary-7 {
    background-color: var(--bs-green-500); /* #00B852 */
}

.bg-secondary-8 {
    background-color: var(--bs-green-700); /* #00893D */
}

.bg-secondary-9 {
    background-color: var(--bs-blue-100-2); /* #0000FF */
}


.bg-tertiary-1 {
    background-color: var(--bs-gray-0); /* #F5F5F5 */
}

.bg-tertiary-2 {
    background-color: var(--bs-gray-1); /* #ECECEC */
}

.bg-tertiary-3 {
    background-color: var(--bs-gray-2); /* #D0D0D0 */
}

.bg-tertiary-4 {
    background-color: var(--bs-gray-3); /* #8C9093 */
}

.bg-tertiary-5 {
    background-color: var(--bs-gray-4); /* #9295A6 */
}

.bg-attention-1 {
    background-color: var(--bs-yellow-300); /* #FFE792 */
}

.bg-attention-2 {
    background-color: var(--bs-yellow-500); /* #FFD100 */
}

.bg-attention-3 {
    background-color: var(--bs-yellow-600); /* #D0AB00 */
}

.bg-attention-4 {
    background-color: var(--bs-yellow-700); /* #FEE9BA */
}

.bg-black-1 {
    background-color: var(--bs-black-2); /* #163029 */
}

.bg-black-2 {
    background-color: var(--bs-black-3); /* #060E0E */
}

.bg-black-4 {
    background-color: var(--bs-black-4); /* #010101 */
}

.bg-black-5 {
    background-color: var(--bs-black-5); /* #313131 */
}
.bg-black-6 {
    background-color: var(--bs-black-6); /* #373B3B */
}

.bg-footer {
        background-color: var(--bs-gray-1); /* #ECECEC */
        background-image: url(../img/ng-framefooter.png);
        background-repeat: no-repeat;
        background-position: right
    }

@media (max-width: 991.98px) {
    .bg-footer {
        background-image: url(../img/ng-framefooter2.png);
        background-size: contain;
    }
}

/* border-color */

.border-primary-4 {
    border-color: var(--bs-blue-50); /* #99A1D3 */
}

.border-primary-2 {
    border-color: var(--bs-blue-100); /* #6271CF */
}

.border-primary-3 {
    border-color: var(--bs-blue-300); /* #3345BD */
}

.border-primary-1 {
    border-color: var(--bs-blue-500) !important; /* #001391 */
}

.border-primary-5 {
    border-color: var(--bs-blue-700); /* #000F6F */
}

.border-primary-6 {
    border-color: var(--bs-blue-900); /* #000035 */
}

.border-secondary-1 {
    border-color: var(--bs-red-100); /* #F499AD */
}

.border-secondary-2 {
    border-color: var(--bs-red-300); /* #FD315E */
}

.border-secondary-3 {
    border-color: var(--bs-red-500) !important; /* #E40032 */
}

.border-secondary-4 {
    border-color: var(--bs-red-700); /* #9C0123 */
}

.border-secondary-5 {
    border-color: var(--bs-green-100); /* #99E3BA */
}

.border-secondary-6 {
    border-color: var(--bs-green-300); /* #29E77E */
}

.border-secondary-7 {
    border-color: var(--bs-green-500) !important; /* #00B852 */
}

.border-secondary-8 {
    border-color: var(--bs-green-700); /* #00893D */
}

.border-secondary-9 {
    border-color: var(--bs-blue-100-2); /* #0000FF */
}


.border-tertiary-1 {
    border-color: var(--bs-gray-0); /* #F5F5F5 */
}

.border-tertiary-2 {
    border-color: var(--bs-gray-1); /* #ECECEC */
}

.border-tertiary-3 {
    border-color: var(--bs-gray-2); /* #D0D0D0 */
}

.border-tertiary-4 {
    border-color: var(--bs-gray-3); /* #8C9093 */
}

.border-tertiary-5 {
    border-color: var(--bs-gray-4) !important; /* #9295A6 */
}

.border-attention-1 {
    border-color: var(--bs-yellow-300); /* #FFE792 */
}

.border-attention-2 {
    border-color: var(--bs-yellow-500); /* #FFD100 */
}

.border-attention-3 {
    border-color: var(--bs-yellow-600) !important; /* #D0AB00 */
}

.border-black-1 {
    border-color: var(--bs-black-2); /* #163029 */
}

.border-black-2 {
    border-color: var(--bs-black-3); /* #060E0E */
}

/* form-control */

input.form-control,
textarea.form-control {
    min-height: 2.625rem;
    color: black;
    background-color: white;
    border: 1px solid var(--bs-blue-500);
}

input.form-control:hover:not(#DescripcionInteligente):not(#DescripcionRapida),
textarea.form-control:hover {
    border-right: 2px solid var(--bs-blue-500);
    border-bottom: 2px solid var(--bs-blue-500);
}

input.form-control:focus:not(#DescripcionInteligente):not(#DescripcionRapida),
textarea.form-control:focus,
select.form-select:focus {
    border: 1px solid var(--bs-green-500) !important;
    box-shadow: none;
}

input.form-control#DescripcionInteligente:focus,
input.form-control#DescripcionRapida:focus {
    border-top-color: var(--bs-green-500) !important;
    border-bottom-color: var(--bs-green-500) !important;
    border-left-color: var(--bs-green-500) !important;
    box-shadow: none;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
    color: var(--bs-gray-4);
}

.form-control:disabled,
.form-control:read-only {
    background-color: var(--bs-gray-1);
    border: 1px solid var(--bs-gray-2);
    opacity: 1;
    pointer-events: none;
    user-select: none;
}

.form-control-modal {
    color: var(--bs-dark-1);
    background-color: transparent;
}

    .form-control-modal:focus {
        color: var(--bs-dark-1);
    }

.form-select {
    background-color: white;
    border: 1px solid var(--bs-blue-500);
    color: var(--bs-gray-4);
    font-size: 1rem;
    height: 2.625rem;
}

.form-select option {
    color: black;
    background-color: white;
}

.form-select:disabled {
    color: var(--bs-dark-1);
    background-color: white;
    border: 1px solid var(--bs-gray-3);
}


.form-check-input, .form-check-input:checked, .form-check-input:focus {
    border: 2px solid var(--bs-blue-500);
}

.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23001391'/></svg>");
}

.form-check-input-white {
    background-color: transparent !important;
    border: 2px solid var(--bs-dark-3) !important;
}

.form-check-input-white:checked {
    background-color: var(--bs-dark-3) !important;
}

.form-check-input-switch:checked {
    background-color: var(--bs-gray-2) !important;
    border: 2px solid var(--bs-gray-2) !important;
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23001391'/%3e%3c/svg%3e");
}

.form-check-label {
    font-size: 1.25rem; /* 20px */
    font-weight:500;
    color: black;
}

.custom-range::-webkit-slider-thumb {
    background: var(--bs-blue-500);
}

.custom-range::-webkit-slider-runnable-track {
    background: var(--bs-blue-100);
}

.custom-range::-ms-thumb {
    background: var(--bs-blue-500);
}

/*Botnes, links, controles*/
.btn-bd-primary {
    --bs-btn-font-weight: 500;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-blue-500);
    --bs-btn-border-color: var(--bs-blue-500);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-blue-300);
    --bs-btn-hover-border-color: var(--bs-blue-300);
    --bs-btn-focus-bg: var(--bs-blue-500);
    --bs-btn-focus-shadow-rgb: var(--bs-blue-500);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-blue-500);
    --bs-btn-active-border-color: var(--bs-blue-500);
    --bs-btn-disabled-bg: var(--bs-gray-4);
    --bs-btn-disabled-border-color: var(--bs-gray-4);
    --bs-btn-disabled-color: var(--bs-gray-2);
}

.btn-bd-primary:focus, .btn-bd-secondary:focus {
    box-shadow: 0px 0px 10px var(--bs-oceanblue-3), 0px 0px 5px 2px var(--bs-oceanblue-3);
}

.btn-bd-primary:disabled {
    opacity: 0.9;
}

.btn-bd-secondary {
    --bs-btn-font-weight: 100;
    --bs-btn-color: var(--bs-green-3);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-green-3);
    --bs-btn-border-radius: .3rem;
    --bs-btn-hover-color: var(--bs-deepblue-2);
    --bs-btn-hover-bg: var(--bs-deepblue-1);
    --bs-btn-hover-border-color: var(--bs-deepblue-2);
    --bs-btn-focus-bg: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark);
    --bs-btn-active-color: var(--bs-green-4);
    --bs-btn-active-bg: var(--bs-green-3);
    --bs-btn-active-border-color: var(--bs-green-4);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-gray-1);
    --bs-btn-disabled-color: var(--bs-gray-1);
}

.btn-bd-secondary-white {
    --bs-btn-font-weight: 500;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-color: var(--bs-blue-500);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-size: 0.0625rem;
    --bs-btn-border-color: var(--bs-blue-500);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-blue-300);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-blue-300);
    --bs-btn-active-color: var(--bs-blue-700);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-blue-700);
    --bs-btn-focus-color: var(--bs-blue-500);
    --bs-btn-focus-border-color: var(--bs-blue-500);
    --bs-btn-focus-bg: var(--bs-white);
    --bs-btn-focus-shadow-rgb: var(--bs-blue-500);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-gray-2);
    --bs-btn-disabled-color: var(--bs-gray-2);
}

.btn-bd-link {
    --bs-btn-font-weight: 500;
    --bs-btn-color: var(--bs-green-2);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0px;
    --bs-btn-hover-color: var(--bs-green-1);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-bg: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-link-hover-color);
    --bs-btn-active-color: var(--bs-green-4);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-disabled-color: var(--bs-gray-1);
}

.btn-bd-link:focus {
    filter: drop-shadow(0px 0px 10px var(--bs-oceanblue-3));
    --bs-btn-color: var(--bs-green-3);
}

.btn-bd-check {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bs-green-3);
    --bs-btn-border-color: var(--bs-green-3);
    --bs-btn-border-radius: .3rem;
    --bs-btn-hover-color: var(--bs-deepblue-2);
    --bs-btn-hover-bg: var(--bs-deepblue-1);
    --bs-btn-hover-border-color: var(--bs-deepblue-2);
    --bs-btn-focus-bg: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark);
    --bs-btn-active-color: var(--bs-deepblue-4);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-deepblue-4);
    --bs-btn-disabled-bg: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-gray-1);
    --bs-btn-disabled-color: var(--bs-gray-1);
}

.dropdown-bd {
    --bs-dropdown-bg: white;
    --bs-dropdown-border-color: var(--bs-blue-500);
    --bs-dropdown-divider-bg: var(--bs-blue-500);
    --bs-dropdown-link-color: var(--bs-blue-500);
    --bs-dropdown-link-hover-color: var(--bs-blue-500);
    --bs-dropdown-link-hover-bg: var(--bs-gray-2);
    --bs-dropdown-link-active-color: var(--bs-blue-500);
    --bs-dropdown-link-active-bg: white;
}

.btn-bd-wrong {
    --bs-btn-font-weight: 100;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-wrong-1);
    --bs-btn-border-color: var(--bs-wrong-2);
    --bs-btn-border-radius: .3rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-wrong-1);
    --bs-btn-hover-border-color: var(--bs-wrong-2);
    --bs-btn-focus-bg: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark);
    --bs-btn-active-color: var(--bs-wrong-1);
    --bs-btn-active-bg: var(--bs-wrong-2);
    --bs-btn-active-border-color: var(--bs-wrong-2);
    --bs-btn-disabled-bg: var(--bs-gray-1);
    --bs-btn-disabled-border-color: var(--bs-gray-1);
    --bs-btn-disabled-color: var(--bs-white);
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

/*General*/

.margenSuperior1{
    margin-top: 9.375rem; /* 150px */
}
.margenSuperior2 {
    margin-top: 6.25rem; /* 100px */
}
.margenInferior1 {
    margin-bottom: 6.25rem; /* 100px */
}

/* index */

.imgTalentTank {
    clip-path: path("M191.66 19.4601C197.249 7.58177 209.196 0 222.323 0H245.497C246.244 0 246.908 0.478406 247.145 1.18767C247.17 1.26547 247.202 1.34134 247.239 1.4147L268.169 43.3069L288.3 73.9229L309.285 100.158L339.466 131.209L366.587 153.95L390.198 170.57L421.699 188.946L427.576 191.536C439.685 196.872 447.5 208.857 447.5 222.09V244.858C447.5 245.688 446.967 246.424 446.179 246.683L413.824 262.418L379.713 283.419L347.342 308.785L317.161 338.097L278.669 387.073L262.918 413.324L256.283 427.524C250.731 439.407 238.802 447 225.687 447H202.642C201.812 447 201.076 446.467 200.817 445.679L185.066 413.324L165.836 381.822L138.715 346.842L109.403 316.661L85.7932 296.545L57.8023 276.43L22.8057 256.298L20.6286 255.36C8.41284 250.094 0.5 238.067 0.5 224.765V202.126C0.5 201.305 1.02547 200.576 1.80452 200.317L26.3005 188.946L68.2868 163.581L100.658 138.215L130.839 108.903L169.331 59.9275L183.326 37.1708L191.66 19.4601Z");
}

.imgParticipar {
    width: 26.3125rem;
    height: 26.3125rem;
}

.pill-Idiomas{
    width: 5.9rem;
    height: 1.94rem;
    cursor: pointer;
}
.cardEtapas {
    position: relative;
    border-radius: 0.3125rem;
    padding: 0.625rem;
    text-align: center;
    height: 25.625rem;
    margin: 20px 0;
    padding-top: 3.44rem;
}

.cardEtapas-img {
    position: absolute;
    top: -4.9rem;
    left: 50%;
    transform: translateX(-50%);
}
.cardEtapas-img img {
    object-fit: contain;
}

/*card Oportunidad Home*/

.card-oportunidad-externo {
    border-radius: 20px;
}

.card-oportunidad-interno {
    border-radius: 55px;
    border: 4px solid;
    background-color: white;
}

.card-oportunidad-encabezado {
    height: 3.75rem;
    text-align: center;
}

.card-oportunidad-footer {
    height: 3.8rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 4px solid;
}

/* TalentTank */

.inputBusqueda {
    width: 12.5rem;
    height: 3rem;
}

#InteligenteLink,
#RapidaLink {
    background-color: white;
}

.alturaComponentesBusqueda {
    height: 3.25rem !important;
}

.nombre-opcion,
.mail-opcion {
    max-width: 9rem;
}

.maps-info-user-mail-opcion{
    max-width: 12rem;
}

/* DetallePostulacion */

.card-custom {
    border-radius: 1.25rem;
    overflow: hidden;
}

.card-img-custom {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav-tabs {
    position: relative;
    border-bottom: none;
}

.nav-item .active {
    color: var(--bs-blue-500) !important;
}

.linea-gris {
    border-top: 0.0625em solid var(--bs-gray-2);
    margin-top: 0.625em;
    margin-bottom: 0.625em;
}

/* Perfil Propio */

.banner {
    position: relative;
    background: var(--bs-blue-500);
    overflow: hidden;
}

.bannerDatos {
    position: relative;
    border-radius: 1.25em;
    padding: 1.25em 2.5em;
    gap: 1.5em;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2) );
    border: 0.0625em solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(0.5em);
    box-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 0.25);
}

.geometric-shape-small {
    position: absolute;
    bottom: 0.1em;
    left: 0;
    width: 23.375em;
    height: 25.5em;
    background-image: url('/img/smallShape.png');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}

.geometric-shape-big {
    position: absolute;
    top: 0;
    left: 15%;
    width: 90%;
    height: 45.625em;
    background-image: url('/img/bigShape.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    overflow: visible;
}

.icon-linkedin {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-linkedin" viewBox="0 0 16 16"%3E%3Cpath d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"/%3E%3C/svg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
}

.icon-noteboook-blue {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M17.3078 0H3.41446C2.38003 0 1.54744 0.83259 1.54744 1.86702V4.25546H0.96715C0.42891 4.25546 0 4.68437 0 5.22261C0 5.76085 0.42891 6.18976 0.96715 6.18976H1.54744V8.62866H0.96715C0.42891 8.62866 0 9.05757 0 9.59581C0 10.1341 0.42891 10.563 0.96715 10.563H1.54744V12.8841H0.96715C0.42891 12.8841 0 13.313 0 13.8513C0 14.3895 0.42891 14.8184 0.96715 14.8184H1.54744V17.333C1.54744 18.359 2.38844 19.2 3.41446 19.2H17.3078C18.3338 19.2 19.1748 18.359 19.1748 17.333V1.86702C19.1748 0.83259 18.3422 0 17.3078 0ZM17.2405 17.2657H3.48174V14.8268H4.06203C4.60027 14.8268 5.02918 14.3979 5.02918 13.8597C5.02918 13.3214 4.60027 12.8925 4.06203 12.8925H3.48174V10.5714H4.06203C4.60027 10.5714 5.02918 10.1425 5.02918 9.60422C5.02918 9.06598 4.60027 8.63707 4.06203 8.63707H3.48174V6.18976H4.06203C4.60027 6.18976 5.02918 5.76085 5.02918 5.22261C5.02918 4.68437 4.60027 4.25546 4.06203 4.25546H3.48174V1.9343H17.2405V17.2657Z" fill="%23001391"/%3E%3Cpath d="M15.0369 4.25391H6.82031V6.18821H15.0369V4.25391Z" fill="%23001391"/%3E%3Cpath d="M15.0369 8.57031H6.82031V10.5046H15.0369V8.57031Z" fill="%23001391"/%3E%3Cpath d="M11.8579 12.8906H6.82031V14.8249H11.8579V12.8906Z" fill="%23001391"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 1.5em;
    padding-left: 1.5em;
    display: inline-block;
}

.pill-incompleto {
    display: inline-block;
    padding: 0.187em 1em; /* 3px 16px */
    border-radius: 1em;
    border: 0.125em solid var(--bs-yellow-600);
    color: var(--bs-yellow-600);
    font-weight: 500;
    font-size: 1em;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
}

.img-badge-size {
    width: 8.375em;
    height: 8em;
}

.img-Detail {
    max-height: 23.938rem;
    height: 23.938rem;
    object-fit: cover;
    border-radius: 3.125rem;
}

@media (max-width: 991.98px) {
    .img-Detail {
        object-fit: fill;
        border-radius: 1.5rem;
    }
}

.div-oportunidad-externo {
    border-radius: 20px;
}

.div-oportunidad-interno {
    border-radius: 55px;
    border: 4px solid;
    background-color: white;
}

.richText {
    border-color: var(--bs-blue-500) !important;
}

.richText-btn {
    color: var(--bs-blue-500) !important;
}

.input-group-text {
    background-color: white !important;
}

.customTooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: white;
    padding: 5px;
    border-radius: 5px;
    z-index: 1;
    width: 11.25rem
}