/* Aísla los controles del mapa de colores globales del tema o Elementor. */
html body .suc-map-page :is(.suc-map-filters,.suc-map-actions,.suc-view-switch) button,
html body .suc-map-page :is(.suc-map-filters,.suc-map-actions,.suc-view-switch) button:visited {
    border-color: #dbe3e8 !important;
    background: #fff !important;
    color: #012959 !important;
    box-shadow: none !important;
}

html body .suc-map-page :is(.suc-map-filters,.suc-map-actions,.suc-view-switch) button:hover,
html body .suc-map-page :is(.suc-map-filters,.suc-map-actions,.suc-view-switch) button:focus,
html body .suc-map-page :is(.suc-map-filters,.suc-map-actions,.suc-view-switch) button:focus-visible {
    border-color: #50942b !important;
    background: #edf5e9 !important;
    color: #012959 !important;
    box-shadow: 0 0 0 3px rgba(80,148,43,.16) !important;
    outline: 0 !important;
}

html body .suc-map-page :is(.suc-map-filters,.suc-view-switch) button.active,
html body .suc-map-page :is(.suc-map-filters,.suc-view-switch) button.active:hover,
html body .suc-map-page :is(.suc-map-filters,.suc-view-switch) button.active:focus,
html body .suc-map-page :is(.suc-map-filters,.suc-view-switch) button.active:focus-visible {
    border-color: #012959 !important;
    background: #012959 !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px rgba(1,41,89,.16) !important;
}

html body .suc-map-page .suc-map-filters button.active i {
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
}

html body .suc-map-page .suc-map-filters button.active b {
    background: #fff !important;
    color: #012959 !important;
}

html body .suc-map-page [data-map-locate]:hover,
html body .suc-map-page [data-map-locate]:focus-visible {
    border-color: #f26801 !important;
    background: #fff4ea !important;
}