/*
 * Rediseño 2026 — Delegaciones / apariencia v1.0.1
 * Referencia Figma: 1278:2412
 *
 * Este módulo NO crea ni duplica el mapa. Solo reorganiza y estiliza
 * el HTML generado por WP Maps Pro para map1.
 */

.wpgmp_map_container.wpgmp-map-1,
.wpgmp_map_container[rel="map1"] {
    --r26-deleg-content-height: 542px;
    --r26-deleg-top: 33px;
    --r26-deleg-right-tail: 47px;

    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 69.9684%) minmax(0, 30.0316%) !important;
    grid-template-rows: var(--r26-deleg-content-height) !important;
    width: 100% !important;
    max-width: 996px !important;
    min-height: 616px !important;
    margin: 0 auto !important;
    padding: var(--r26-deleg-top) var(--r26-deleg-right-tail) 41px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    isolation: isolate;
    background: transparent !important;
}

/* Líneas verticales exactas de Figma 1278:2415 y 1278:2414. */
.wpgmp_map_container.wpgmp-map-1::before,
.wpgmp_map_container[rel="map1"]::before,
.wpgmp_map_container.wpgmp-map-1::after,
.wpgmp_map_container[rel="map1"]::after {
    content: "";
    position: absolute;
    z-index: 50;
    display: block;
    width: 5px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 5px 100%;
}

.wpgmp_map_container.wpgmp-map-1::before,
.wpgmp_map_container[rel="map1"]::before {
    top: 0;
    left: -2px;
    height: 575px;
    background-image: url("../img/figma/line-left.png");
}

.wpgmp_map_container.wpgmp-map-1::after,
.wpgmp_map_container[rel="map1"]::after {
    top: 34px;
    right: 44px;
    height: 582px;
    background-image: url("../img/figma/line-right.png");
}

.wpgmp_map_container.wpgmp-map-1 > .wpgmp_filter_wrappers,
.wpgmp_map_container[rel="map1"] > .wpgmp_filter_wrappers,
.wpgmp_map_container.wpgmp-map-1 > .location_pagination1,
.wpgmp_map_container[rel="map1"] > .location_pagination1,
.wpgmp_map_container.wpgmp-map-1 .wpgmp_before_listing,
.wpgmp_map_container[rel="map1"] .wpgmp_before_listing,
.wpgmp_map_container.wpgmp-map-1 .categories_filter,
.wpgmp_map_container[rel="map1"] .categories_filter {
    display: none !important;
}

/* ---------------------------------------------------------
 * Mapa
 * --------------------------------------------------------- */
.wpgmp_map_container.wpgmp-map-1 > .wpgmp_map_parent,
.wpgmp_map_container[rel="map1"] > .wpgmp_map_parent {
    position: relative !important;
    z-index: 2;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: var(--r26-deleg-content-height) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Línea inferior exacta de Figma 1278:2416. */
.wpgmp_map_container.wpgmp-map-1 > .wpgmp_map_parent::after,
.wpgmp_map_container[rel="map1"] > .wpgmp_map_parent::after {
    content: "";
    position: absolute;
    z-index: 51;
    left: 0;
    bottom: -2px;
    display: block;
    width: 996px;
    height: 5px;
    pointer-events: none;
    background: url("../img/figma/line-bottom.png") left center / 996px 5px no-repeat;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_map,
.wpgmp_map_container[rel="map1"] .wpgmp_map,
.wpgmp_map_container.wpgmp-map-1 #map1,
.wpgmp_map_container[rel="map1"] #map1 {
    position: relative !important;
    z-index: 1;
    width: 100% !important;
    height: var(--r26-deleg-content-height) !important;
    min-height: var(--r26-deleg-content-height) !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* ---------------------------------------------------------
 * Listado
 * --------------------------------------------------------- */
.wpgmp_map_container.wpgmp-map-1 > .location_listing1,
.wpgmp_map_container[rel="map1"] > .location_listing1 {
    position: relative !important;
    z-index: 3;
    grid-column: 2 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    height: var(--r26-deleg-content-height) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_listing_container,
.wpgmp_map_container[rel="map1"] .wpgmp_listing_container,
.wpgmp_map_container.wpgmp-map-1 .wpgmp_categories,
.wpgmp_map_container[rel="map1"] .wpgmp_categories,
.wpgmp_map_container.wpgmp-map-1 [data-container="wpgmp-listing-map1"],
.wpgmp_map_container[rel="map1"] [data-container="wpgmp-listing-map1"],
.wpgmp_map_container.wpgmp-map-1 .fc-component-6,
.wpgmp_map_container[rel="map1"] .fc-component-6 {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_listing_container,
.wpgmp_map_container[rel="map1"] .wpgmp_listing_container {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #777 transparent;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_listing_container::-webkit-scrollbar,
.wpgmp_map_container[rel="map1"] .wpgmp_listing_container::-webkit-scrollbar {
    width: 6px;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_listing_container::-webkit-scrollbar-track,
.wpgmp_map_container[rel="map1"] .wpgmp_listing_container::-webkit-scrollbar-track {
    background: transparent;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_listing_container::-webkit-scrollbar-thumb,
.wpgmp_map_container[rel="map1"] .wpgmp_listing_container::-webkit-scrollbar-thumb {
    background: #777;
    border-radius: 999px;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_locations,
.wpgmp_map_container[rel="map1"] .wpgmp_locations {
    width: auto !important;
    margin: 0 27px 0 31px !important;
    padding: 29px 0 26px !important;
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #151515 !important;
    font-family: "Futura PT", "Futura_PT", Futura, Arial, sans-serif !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_locations:last-child,
.wpgmp_map_container[rel="map1"] .wpgmp_locations:last-child {
    border-bottom: 0 !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_location_title,
.wpgmp_map_container[rel="map1"] .wpgmp_location_title,
.wpgmp_map_container.wpgmp-map-1 .wpgmp_location_title .place_title,
.wpgmp_map_container[rel="map1"] .wpgmp_location_title .place_title {
    margin: 0 !important;
    padding: 0 !important;
    color: #25313a !important;
    font-family: "Futura PT", "Futura_PT", Futura, Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_location_meta,
.wpgmp_map_container[rel="map1"] .wpgmp_location_meta {
    display: none !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_locations_content,
.wpgmp_map_container[rel="map1"] .wpgmp_locations_content {
    margin: 11px 0 0 !important;
    padding: 0 !important;
    color: #151515 !important;
    font-family: "Futura PT", "Futura_PT", Futura, Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
}

.wpgmp_map_container.wpgmp-map-1 .wpgmp_locations_content a,
.wpgmp_map_container[rel="map1"] .wpgmp_locations_content a {
    color: #151515 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

/* ---------------------------------------------------------
 * Responsive
 * --------------------------------------------------------- */
@media (max-width: 1020px) and (min-width: 901px) {
    .wpgmp_map_container.wpgmp-map-1,
    .wpgmp_map_container[rel="map1"] {
        width: calc(100% - 24px) !important;
        max-width: 996px !important;
    }

    .wpgmp_map_container.wpgmp-map-1 > .wpgmp_map_parent::after,
    .wpgmp_map_container[rel="map1"] > .wpgmp_map_parent::after {
        width: calc(100% / 0.699684 + 47px) !important;
        background-size: 100% 5px;
    }
}

@media (max-width: 900px) {
    .wpgmp_map_container.wpgmp-map-1,
    .wpgmp_map_container[rel="map1"] {
        --r26-deleg-content-height: 440px;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .wpgmp_map_container.wpgmp-map-1::before,
    .wpgmp_map_container[rel="map1"]::before,
    .wpgmp_map_container.wpgmp-map-1::after,
    .wpgmp_map_container[rel="map1"]::after,
    .wpgmp_map_container.wpgmp-map-1 > .wpgmp_map_parent::after,
    .wpgmp_map_container[rel="map1"] > .wpgmp_map_parent::after {
        display: none !important;
    }

    .wpgmp_map_container.wpgmp-map-1 > .wpgmp_map_parent,
    .wpgmp_map_container[rel="map1"] > .wpgmp_map_parent,
    .wpgmp_map_container.wpgmp-map-1 > .location_listing1,
    .wpgmp_map_container[rel="map1"] > .location_listing1 {
        width: 100% !important;
    }

    .wpgmp_map_container.wpgmp-map-1 > .location_listing1,
    .wpgmp_map_container[rel="map1"] > .location_listing1 {
        height: min(440px, 65vh) !important;
        margin-top: 20px !important;
        border-top: 1px solid #ececec !important;
    }
}

@media (max-width: 600px) {
    .wpgmp_map_container.wpgmp-map-1,
    .wpgmp_map_container[rel="map1"] {
        --r26-deleg-content-height: 360px;
    }

    .wpgmp_map_container.wpgmp-map-1 .wpgmp_locations,
    .wpgmp_map_container[rel="map1"] .wpgmp_locations {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}