#filter,
#results #people .person { background-color: var(--gray-light-4); }

/* #filter #my-province[disabled],
#filter #my-city[disabled] { opacity: .5; cursor: not-allowed; } */

#filter #my-location[disabled],
#filter #my-distance[disabled] { opacity: .5; cursor: not-allowed; }

#results #people .person,
#results #people .company { line-height: 1.4375; position: relative; }

#filter,
#results #people .person p,
#results #people .company p { display: flex; align-items: center; }

#filter { flex-wrap: wrap; }

#results #people .person p,
#results #people .company p { margin-bottom: 0; }

#results #people .person p a,
#results #people .company p a { color: black; }

#results #people .person p a:hover,
#results #people .person p a:focus,
#results #people .person .material-symbols-outlined,
#results #people .company p a:hover,
#results #people .company p a:focus,
#results #people .company .material-symbols-outlined,
#results #people .company p .worker { color: var(--main); }

#results #people .person .material-symbols-outlined.size-40 { position: absolute; right: .75rem; top: .875rem; }

.gm-style-iw.gm-style-iw-c { border-radius: 0; }

.gm-style-iw.gm-style-iw-c .custom-tooltip { width: 306px; line-height: 1.75; font-size: 14px; font-weight: 400; }

.gm-style-iw.gm-style-iw-c .custom-tooltip > p { display: flex; align-items: center; margin-bottom: 0; }

.gm-style-iw.gm-style-iw-c .custom-tooltip > p > strong { font-size: 15px; }

#results #people .company p > strong.surname,
.gm-style-iw.gm-style-iw-c .custom-tooltip > p > strong.surname { color: var(--main); }

.gm-style-iw.gm-style-iw-c .custom-tooltip > p > span { color: var(--main); margin-right: .375rem; }

.gm-style-iw.gm-style-iw-c .custom-tooltip > p > a { color: black; }

.gm-style-iw.gm-style-iw-c .custom-tooltip > p > a:hover { color: var(--main); }

.explanatory-notes { display: flex; flex-wrap: wrap; }

.explanatory-notes > .item { display: flex; align-items: center; }

.explanatory-notes > .item.item-1 > span.material-symbols-outlined { color: #ff5a00; }
.explanatory-notes > .item.item-2 > span.material-symbols-outlined { color: #00b1d0; }
.explanatory-notes > .item.item-3 > span.material-symbols-outlined { color: #6e6e6d; }

@media (orientation: portrait) {
    #map { aspect-ratio: 600 / 913.33; }
}

@media (orientation: landscape) {
    #map { aspect-ratio: 913.33 / 600; }
}

@media (min-width: 576px) {
    #results #people .person .material-symbols-outlined.size-40 { right: 1.25rem; top: 1.375rem; }
}

@media (min-width: 992px) {
    #filter, #map { height: 600px; }
    #map { aspect-ratio: auto; }
}