#map_container {
    width: 100%;
    height: 100vh;
    max-height: 100%;
    margin: auto;

    position: relative;
}

/* DISEÑO BOTON BUSCAR */

#map_search_button {
    color:white;
    background-color: var(--foralista-color-1);
    width: 20%;
    height: 5%;

    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute; 
    left: 40%;
    top: 85%;
    z-index: 999;

    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    opacity: 0;
    transform: translateY(10%);

    pointer-events: none;
}

#map_search_button:hover {
    animation: pulse 1s;
}

.show_button_animation {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: all !important;  
    cursor: pointer !important;
}
#map_search_button span {
    font-size: 2.25rem !important;
}

/* DISE�O CUSTOM DE BOTONES DEL MAPA */
#map_container {
	border-radius: 0.5rem 0 0 0.5rem !important;
}

#map_container a {
    color: var(--foralista-color-1);
}
.expanded_map_buttons {
    width: 80% !important;
    right: 5% !important;
    display: flex; 
    padding-left: 5%;
    padding-right: 5%;
}

@media screen and (min-width: 600px) {
    .expanded_map_buttons {
        width: 30% !important;
        right: 35% !important;
    }
}
.expanded_map_buttons .leaflet-control .leaflet-draw-section ul {
    display: flex !important;
    justify-content: center;
}
.expanded_map_buttons .leaflet-control .leaflet-draw-section ul li {
    width: 30% !important;
}
.expanded_map_buttons .leaflet-control .leaflet-draw-section ul li a {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
} 
#map_container .leaflet-control-container .leaflet-right {
    width: 10%;
    right: 45%;

    background: none;

    transition: ease-in-out 0.3s;
}
#map_container .leaflet-control-container  .leaflet-right * {
    width: 100%;

}
#map_container .leaflet-control-container .leaflet-right a {
    background: white;
}

.leaflet-control-attribution {
    display: none;
}

#map_container .leaflet-draw  *{
    border-color: white;
}
#map_container .leaflet-draw .leaflet-draw-section {
    border-radius: 0.313rem;
    overflow: hidden;
}
#map_container .leaflet-draw-actions {
    left: 0;
}

[title="Draw a circlemarker"] {
    display: none !important;
}
#map_container .leaflet-draw-actions li:nth-child(2) {
    border-radius: 0.313rem;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0.2);
      }
      100% {
        box-shadow: 0 0 0 1.25rem rgba(0, 0, 0, 0);
      }
}

.custom-map-sticky-top {
	background: white;
	border: 0.063rem solid #eaeff5 !important;
	box-shadow: 0rem 0rem 0.125rem #e7e7e7 !important;
	border-radius: 0.5rem 0 0 0.5rem !important;
}

.hover-area {
    transition: fill 0.3s ease, stroke 0.3s ease;
    fill: transparent; /* Color inicial de relleno */
    stroke: #000000; /* Color inicial del borde */
    stroke-width: 0; /* Grosor inicial del borde */
}

a:hover .hover-area,
.hover-area.selected,
svg a.selected .hover-area {
    fill: rgba(254, 202, 211, 0.55);
    stroke: #FB516C; /* Color del borde al hacer hover */
    stroke-width: 0.25rem; /* Grosor del borde en hover */
}

.location-tooltip,
.modal-location-tooltip {
    color: black;
    opacity: 0;
    transition: all 0.3s ease-out;
    z-index: 9999;
    font-family: 'Poppins-Light';
}

.modal-location-title {
    font-family: 'Poppins';
    font-size: 1.5em;
}

.modal-location-subtitle h6 {
    font-size: .9em;
}

.location-tooltip {
    font-size: 0.875rem;
}

#location_map_modal .map-column {
    border-radius: 0.5rem 0 0 0.5rem;
    background: #F5F5F9 url('/assets/images/lines-gb.webp');
    /*background: url(/assets/images/f-bg.png) repeat, linear-gradient(0deg, #fff 100%, #fff 100%);
    background-size: contain;
    background-attachment: fixed;
    animation: slide-background 40s linear infinite;*/
}

#location_map_modal .list-column {
    background: #FFFFFF;
    /*background: #F5F5F9;*/
    border-radius: 0 0.5rem 0.5rem 0;
}

.location-map-title {
    justify-content: space-between;
}

.location-map-title a {
    color: var(--foralista-color-1);
    font-size: .8em;
    text-decoration: none;
    font-weight: 600;
}

#locations-list {
    max-height: 36em;
    overflow-y: auto;
    transition: opacity 0.3s ease-in-out;
}

#locations-list ul {
    list-style-type: circle;
}

#locations-list a {
    text-decoration: none;
    color: var(--foralista-color-1);
}

#locations-list a:hover {
    font-weight: 600;
}

.map-container {
    overflow: hidden;
    border-radius: 0.5rem;
}

.zoom-image {
    transition: transform 0.5s ease;
}

.modal {
    font-family: 'Poppins-Light';
}

.modal .btn-primary {
    color: #fff;
    background-color: var(--foralista-color-1);
    border: 0.063rem solid var(--foralista-color-1);
}

.modal .modal-header {
    border-bottom: 0;
    font-family: 'Poppins-Light';
    background: transparent;
}

.modal .modal-header.p-absolute {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.modal .modal-body {
    padding-top: 0rem;
}

.modal .btn-secondary-bordered {
    cursor: pointer;
    font-family: Poppins, sans-serif;
    border: 0.063rem solid #c9cbce;
    color: var(--bs-body-color);
    border-radius: 0.25rem;
    font-size: 0.82em;
    padding: 0.625rem;
    position: relative;
    width: 100%;
}

@media screen and (max-width: 40em) {
    .image-map-container {
        width: auto !important;
        height: auto !important;

    }
}