@import url('mapBox.basics.css');

#menu button:not(.active):hover, #menu a:not(.active):hover {background-color: var(--base);color: var(--detalle);}
#menu button.active:hover, #menu a.active:hover {cursor:default;}

/* buscador */
div#geocoder {margin-top:0;position:absolute;top: 6.8rem;right:2rem;}
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl {width:auto;min-width: 35rem;}
.mapboxgl-popup {transform: translate(0,0)!important;top: 7rem;left: auto;right:2rem;max-width: 35rem!important;}
.mapboxgl-popup-content {min-width:35rem}
.mapboxgl-popup-close-button {display:none;}

/* selectores */
.mapboxgl-ctrl-top-right{top:4rem;right:30vw}
button#spain, button#canarias {position:absolute;top: 10rem;left: 5.5rem;right: auto;margin: 1rem 1rem 0 0;cursor:pointer;}
button#spain {border-top-right-radius: 0.4rem;border-bottom-right-radius: 0.4rem;border-left: 0.15rem solid;}
button#canarias {right: auto;border-top-left-radius: 0.4rem;border-bottom-left-radius: 0.4rem;margin-right: 0;left: 2.3rem;top: 10rem;}
#info form, form.checkbox-tipo {width: calc(100% + 6rem);margin: 0 -2rem;padding: 1rem 2rem;}
form.checkbox-tipo input[type="checkbox"] {cursor: pointer;}
button#fit:hover, button#canarias:hover {filter: brightness(0.9);}