/* root style */
root {
    --bs-font-sans-serif: 'Montserrat', sans-serif;
    --bs-body-font-family: 'Montserrat', sans-serif;
    --header-navlink-size: 15px;
    --header-navlink-weight: 500;
}

.bg-blue {
    background-color: rgba(0, 94, 255, 1);
}

.bg-calipso {
    background-color: #B4FEEF;
}

.bg-gradient-light {
    background: radial-gradient(circle at 0.2945963541666667% 44.397786458333336%, rgba(197,225,218,0.18) 0%, 20%, rgba(197,225,218,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(91,180,230,0.15) 0%, 25%, rgba(91,180,230,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, #FFFFFF 0%, 42%, rgba(255,255,255,0) 70%), radial-gradient(circle at 92.24772135416667% 56.90429687500001%, #FFFFFF 0%, 42%, rgba(255,255,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
}

.bg-gradient-light2 {
    background: radial-gradient(circle at 94.35384114583333% 89.61588541666666%, rgba(197,225,218,0.26) 0%, 20%, rgba(197,225,218,0) 40%), radial-gradient(circle at 6.503906249999999% 88.037109375%, rgba(255,255,255,0.99) 0%, 25%, rgba(255,255,255,0) 50%), radial-gradient(circle at 6.165364583333333% 12.617187499999998%, rgba(26,255,213,0.36) 0%, 42%, rgba(26,255,213,0) 70%), radial-gradient(circle at 93.14615885416667% 10.602213541666666%, #FFFFFF 0%, 42%, rgba(255,255,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%)
}

.text-blue {
    color: rgba(0, 94, 255, 1);
}

.text-darkblue {
    color: #3919BA;
}

.dark-color {
    color: rgba(0, 0, 0, 1);
}

.font_0{
    --one-unit: 1cqw;
    --browser-zoom: 1;
    --section-max-width: 9999px;
    --full-viewport: 100 * var(--one-unit) * var(--browser-zoom);
    --scaling-factor: min(var(--full-viewport), var(--section-max-width));
    --theme-spx-ratio: var(--scaling-factor) / 1280;
    font: normal normal normal calc(64 * var(--theme-spx-ratio))/1.2em 'Montserrat', sans-serif;
}

#header-section .nav-link {
    letter-spacing: 0em;
    line-height: 1.2em;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-size: var(--header-navlink-size);
    font-weight: var(--header-navlink-weight);
    color: #283861 !important;
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 15px;
    padding-right: 15px;
}
#header-section .nav-link:hover, #header-section .nav-link.active {
    color: #256FCE;
    text-decoration: none;
}

#header-section .logo-menu {
    width: 412px;
}

.btn-title {
    background-color: #000000;
    color: #FFFFFF;
}

.btn-title:hover {
    background-color: #ffffff;
    color: rgba(0, 94, 255, 1);
}

.btn-black {
    background-color: #000000;
    color: #FFFFFF;
}
.btn-black:hover {
    background-color: #ffffff;
    color: #000000;
}

.btn-blue {
    background-color: rgba(0, 94, 255, 1);
    color: #FFFFFF;
}
.btn-blue:hover {
    background-color: rgb(38, 114, 246);
    color: #ffffff;
}

.images-app-quimun{
    text-align: center;
    position: relative;
}

.img-phone {
    max-width: 45vw;
}

#contact-form label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

#descubre_quimun .card{
    min-height: 80vh;
}

.fs-light {
    font-weight: 400;
    font-size: 14px;
}

.icon-header svg {
    height: 50px;
}

.svg-white path {
    fill: #FFFFFF;
}

.svg-darkblue path {
    fill: #3919BA;
}

#quimun_tiempo .card{
    min-height: 80vh;
}

.img-residencias{
    max-width: 160px;
    max-height: 160px;
    object-fit: cover;
    filter: brightness(0) invert(0);
}
.img-residencias:hover{
    filter: none;
    transition: all 0.3s ease-in-out;
}

.logo-footer{
    max-height: 210px;
}

#noticias .card{
    min-height: 60vh;
}

.link-preview-image {
    width: 100%;
    height: 260px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media (max-width: 1130px) {
    :root {
        --header-navlink-size: 12px;
        --header-navlink-weight: 400;
    }
    #header-section .logo-menu {
        max-width: 250px !important;
    }
    .tb-responsive{
        display: none !important;
    }
}