﻿.map-div {
    width: 571px;
    height: 640px;
    background: white;
    margin: 0;
    /*margin-top: 20px;*/
    padding-top: 10px;
    position: relative;
}

.map-div path {
    fill: rgb(215, 243, 192);
    stroke: rgb(115, 170, 53);
    stroke-width: 0.5px;
    transition: fill 0.3s;
}

.machine {
    fill: rgb(107, 195, 127) !important;
    stroke: rgb(179, 109, 59) !important;
    stroke-width: 0.7px !important;
    color: white !important;
    transition: fill 0.3s !important;
}

.nombre_provincia a {
    pointer-events: none;
    color: rgb(67,111,62);
    position: absolute;
    font-size: smaller;
}

.map-div :hover {
    fill: rgb(107, 195, 127);
}

.new-map {
    /*margin-top: 100px;*/
    font-family: "Open Sans", sans-serif !important;
    overflow: hidden;
    margin-left: 73px;
    padding-top: -50px;
}

.nombre_provincia {
    /*font-family: 'Merriweather', serif;*/
    font-family: "Open Sans", sans-serif !important;
    font-style: italic;
    color: rgb(67,111,62);
}

.mapa-cuadro-galapagos {
    position: absolute;
    top: 456px;
    right: 19px;
    border: 1px rgb(115, 170, 53) solid;
    width: 161px;
    height: 161px;
}

.nombre_provincia_esmeraldas {
    padding: 65px 0 0 140px;
}

.nombre_provincia_galapagos {
    position: absolute;
    top: 510px;
    right: 50px;
}

.nombre_provincia_manabi {
    padding: 185px 0 0 70px;
}

.nombre_provincia_santa_elena {
    padding: 327px 0 0 28px;
}

.nombre_provincia_santa_elena_b {
    padding-top: 343px;
}

.nombre_provincia_los_rios {
    padding: 270px 0 0 115px;
}

.nombre_provincia_morona_santiago {
    padding: 370px 0 0 272px;
}

.nombre_provincia_morona_santiago_b {
    padding-top: 386px;
}

.nombre_provincia_bolivar {
    padding: 290px 0 0 167px;
}

.nombre_provincia_cotopaxi {
    padding: 218px 0 0 185px;
}

.nombre_provincia_tungurahua {
    padding: 258px 0 0 207px;
}

.nombre_provincia_canar {
    padding: 378px 0 0 185px;
}

.nombre_provincia_azuay {
    padding: 425px 0 0 160px;
}

.nombre_provincia_el_oro {
    padding: 471px 0 0 100px;
}

.nombre_provincia_loja {
    padding: 531px 0 0 115px;
}

.nombre_provincia_zamora_chinchipe {
    padding: 491px 0 0 181px;
}

.nombre_provincia_zamora_chinchipe_b {
    padding-top: 507px;
}

.nombre_provincia_chimborazo {
    padding: 330px 0 0 191px;
    font-size: x-small !important;
}

.nombre_provincia_napo {
    padding: 198px 0 0 285px;
}

.nombre_provincia_pastaza {
    padding: 300px 0 0 370px;
}

.nombre_provincia_orellana {
    padding: 208px 0 0 445px;
}

.nombre_provincia_sucumbios {
    padding: 128px 0 0 395px;
}

.nombre_provincia_carchi {
    padding: 65px 0 0 283px;
}

.nombre_provincia_imbabura {
    padding: 98px 0 0 240px;
}

.nombre_provincia_pichincha {
    padding: 138px 0 0 220px;
}

.nombre_provincia_sto_domingo {
    padding: 137px 0 0 156px;
    font-size: xx-small !important;
}

.nombre_provincia_sto_domingo_b {
    padding-top: 148px;
}

.nombre_provincia_sto_domingo_c {
    padding-top: 159px;
}

.nombre_provincia_sto_domingo_d {
    padding-top: 170px;
}

.nombre_provincia_guayas {
    padding: 337px 0 0 95px;
}

.map-ecuador {
    margin-left: -3px;
}

.map-ecuador-galapagos {
    position: absolute;
    width: 100px;
    top: 450px;
    right: 50px;
    height: 120px;
}


/* ===== Agencias / Establecimientos ===== */
.agencias-wrap {
    max-width: 1150px;
}

.agencias-filtros {
    border-radius: 10px;
}

.ag-label {
    display: inline-block;
    padding-right: 12px; /* <- evita que “Ciudad:” quede pegado al borde */
    margin-bottom: 6px;
}

/* Lista: respeta tu accordion pero con alto consistente */
.agencias-lista {
    height: 406px;
}

/* Card del mapa y contenedor responsive */
.agencias-mapa-card {
    border-radius: 10px;
    overflow: hidden; /* <- asegura que el mapa quede “dentro” */
}

.agencias-mapa {
    width: 100%;
    height: 520px; /* ajusta si quieres igualarlo a lista */
}

    .agencias-mapa iframe {
        width: 100%;
        height: 100%;
        display: block;
    }

.btn-buscar-servi {
    background: #009640;
    color: #fff;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    border: none;
    transition: color .25s ease, letter-spacing .25s ease;
    display: inline-flex;
    align-items: center;
    gap: 7px; /* separación real entre texto y flecha */
}

    .btn-buscar-servi::after {
        content: "›";
        font-size: 28px;
        line-height: 1;
        transition: transform .25s ease;
        display: inline-block; /* clave para que el transform funcione bien */
    }

     /*hover más fino*/ 
    .btn-buscar-servi:hover {
        background: #009640; 
        color: #eafff4; 
    }

         
        .btn-buscar-servi:hover::after {
            transform: translateX(4px);
        }

        .btn-buscar-servi:hover span,
        .btn-buscar-servi:hover {
            letter-spacing: 0.5px;
        }

/* ==============================
   LUPA - ESTILO SERVIENTREGA COLOMBIA
   ============================== */

/*.btn-buscar-servi {
    color: #009640 !important;*/ /* verde corporativo */
    /*text-decoration: none !important;
    font-weight: 600;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .25s ease;
}*/

    /* Flecha */
    /*.btn-buscar-servi::after {
        content: "›";
        font-size: 18px;
        line-height: 1;
        transition: transform .25s ease;
    }*/

    /* Hover */
    /*.btn-buscar-servi:hover {
        color: #007a33 !important;
        text-decoration: none !important;
    }

    .btn-buscar-servi::after {
        transform: translateX(4px);
    }*/
/* ==============================
   LUPA - ESTILO SERVIENTREGA COLOMBIA
   ============================== */

/* Select2: asegura ancho completo y dropdown “encima” */
.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 1060 !important;
}
/* evita que el mapa lo tape */

