/**
 * @file
 * Subtheme specific CSS.
 */
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
}

.office_locations_taxonomia_locations {
    color: #E92651;
    font-weight: bold;
    font-size: 14px;
}

.office_locations_title_city {
    font-weight: bold;
    font-size: 14px;
}

.office_locations_data {
    font-size: 12px;
}

.office_locations_address {
}

.office_locations_phone {
    color: #6800FF;
}

.office_locations_country {
    color: #6800FF;
    font-weight: bold;
    font-size: 18px;
}

.office_locations {
    background: radial-gradient(circle at center, #F3EBFE , #FBF0F6) !important;
}

.social-card-title {
    font-size: 40px;
    line-height: 50px;
}

@media screen and (max-width: 520px) {
    .social-card-title {
        font-size: 16px;
        line-height: 20px;
    }

    .office_locations_country {
        font-size: 16px;
    }

    .office_locations_taxonomia_locations {
        font-size: 12px;
    }

    .office_locations_title_city {
        font-size: 12px;
    }

    .office_locations_address {
        font-size: 12px;
    }

    .office_locations_phone {
        font-size: 12px;
    }
}

@media (min-width: 521px) and (max-width: 960px) {
    .social-card-title {
        font-size: 20px;
        line-height: 24px;
    }

    .office_locations_country {
        font-size: 20px;
    }

    .office_locations_taxonomia_locations {
        font-size: 18px;
    }

    .office_locations_title_city {
        font-size: 18px;
    }

    .office_locations_address {
        font-size: 15px;
        max-width: 80%;
    }

    .office_locations_phone {
        font-size: 15px;
    }
}

@media (min-width: 961px) {
    .office_locations_country {
        font-size: 25px;
    }

    .office_locations_taxonomia_locations {
        font-size: 22px;
    }

    .office_locations_title_city {
        font-size: 22px;
    }

    .office_locations_address {
        font-size: 18px;
        max-width: 80%;
    }

    .office_locations_phone {
        font-size: 18px;
    }
}

@media (max-width: 1580px) {
    .social-card-title {
        font-size: 25px;
        line-height: 28px;
    }
}

.background-white {
    background-color: white;
}
.background-gradient {
    background: linear-gradient(78.9deg, rgba(104, 0, 255, 0.15) -1.67%, rgba(252, 250, 255, 0.15) 25.87%, rgba(252, 250, 255, 0.15) 49.69%, rgba(252, 250, 255, 0.15) 72.99%, rgba(221, 47, 143, 0.15) 100%);
    background-size: 100% 100px; /* Establece el tamaño del gradiente (ancho x alto) */
    background-repeat: repeat-y;
}