.search-overlay {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% - var(--header-size));
    padding: 70px 5vw 30px;
    overflow: auto;
    background-color: white;
}

.desktop .layout .search-overlay::before {
    content: "";
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0.29%, rgba(65, 90, 147, 0.208) 11.62%, rgba(43, 43, 90, 0.673042) 70%, rgba(39, 34, 79, 0.8) 100%), 
                url(../img/CMVM_Resources_IS.PInstittionalBG.png?u410NDNtPpsIxJ5qqfK6Ig);
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100vh;
}

.desktop .layout:has(.layout-inner-pinv) .search-overlay::before,
.desktop .PInvestidor-Screen .search-overlay::before {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 9.77%, rgba(196, 234, 117, 0.24) 33.76%, rgba(92, 175, 10, 0.5) 75%, #164F00 100%), 
                url(../img/CMVM_Resources_IS.BG_img.png?oTIO28Zz7LFiWIbLsDtAWQ);
}

.desktop .layout .search-overlay::after {
    content: "";
    height: 101vh;
    position: absolute;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 93.05%);
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.phone .search-overlay, 
.tablet .search-overlay {
    height: 100vh;
    padding: 0;
}

.search-overlay__container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 25px;
    padding: 20px 60px 60px;
    background-color: var(--color-white);
    position: relative;
    z-index: 5;
    border-radius: 10px;
}

.phone .search-overlay__container,
.tablet .search-overlay__container{
    grid-template-columns: 1fr;
    padding: 60px 10px 30px;
}

.search-overlay[visible='True'] {
    display: block;
}

.search-overlay__nbr-result {
    padding: 25px 10px;
    font-weight: 500;
    font-size: 16px;
    color: var(--color-white);
    position: relative;
    z-index: 5;
}

.phone .search-overlay__nbr-result,
.tablet .search-overlay__nbr-result{
    grid-column: 1 / 2;
}

.search-overlay__content {
    padding: 15px;
}

.phone .search-overlay__content,
.tablet .search-overlay__content {
    height: unset;
    overflow-y: unset;
    padding: unset;
}

.search-overlay__sort {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}

.desktop .layout:has(.layout-inner-pinv) .search-overlay__sort .dropdown-container .dropdown-display.dropdown,
.desktop .PInvestidor-Screen .search-overlay__sort .dropdown-container .dropdown-display.dropdown {
    border: unset;
    border-radius: 0;
    padding-right: 40px;
    border-bottom: 1px solid var(--color-copper);
    color: var(--color-green);
    font-weight: 600;
}

.desktop .layout:has(.layout-inner-pinv) .search-overlay__sort .dropdown-container:after,
.desktop .PInvestidor-Screen .search-overlay__sort .dropdown-container:after {
    border: var(--border-size-m) solid var(--color-green);
}

.search-overlay__sort .dropdown-container .dropdown-display.dropdown {
    border: unset;
    border-radius: 0;
    padding-right: 40px;
    border-bottom: 1px solid var(--color-copper);
    color: var(--color-blue3);
    font-weight: 600;
}

.search-overlay__result > .list.list-group {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.search-overlay__result .list.list-group a,
.search-overlay__result .list.list-group a > div {
    width: 100%;
}

/* .desktop .layout:has(.search-overlay[visible='True']) .menu-secondary-outer {
    background-color: transparent;
    box-shadow: none;
}

.desktop .layout:has(.search-overlay[visible='True']) .input-expand-outer {
    top: 130%;
} */

.input-search__close {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: default;
}