.sucursales-mapa-container {
    position: absolute;
    top: 20px;
    right: -65px;
    max-width: 600px;
    height: 100%;
    width: calc(100% / 2);
}

.sucursales-mapa{
    width: 600px!important;
    height: 568px;
    background: #f5f5f5;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 100;
    z-index: 1;

}


.sucursales-container{
    position: relative;
    height: fit-content;
}

.sucursal-item.active {
    border-left: 4px solid #22235B;
    background-color: #f8f9fa;
    box-sizing: border-box;
}



/* ocultar elementos del mapa */

.gm-style .gm-style-cc, 
.gm-style .gm-style-mtc, 
.gm-style a[href^="https://maps.google.com/maps"],
.gm-style a[href^="http://maps.google.com/maps"] {
    display: none !important;
}

.gm-style div:not([aria-label]) a[href^="https://www.google."] img {
    display: none !important;
}



.gm-style .gm-style-iw {
    padding: 0 !important;
    background: #FFDD4E;
    border: 3px solid #22235B;
    box-shadow: none !important;
    width: 352px;
    border-radius: 25px;   
    top: 10px!important; 
    /* animation: slideUp 0.3s ease-out backwards; */
   
}

.gm-style .gm-style-iw-c{
    padding: 0!important;
}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    padding: 0 !important;
}

.gm-style-iw-t::after {
    background: #E81B23 !important;
}

.gm-ui-hover-effect {
    background-image: none !important;
    width: 24px !important;
    height: 24px !important;
    right: 8px !important;
    top: 8px !important;
    opacity: 1;
}

.gm-ui-hover-effect::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 1H9C4.58172 1 1 4.58172 1 9V20C1 24.4183 4.58172 28 9 28H20C24.4183 28 28 24.4183 28 20V9C28 4.58172 24.4183 1 20 1Z' fill='%23EEECE7'/%3E%3Cpath d='M9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9H2C2 7.14348 2.7375 5.36301 4.05025 4.05025C5.36301 2.7375 7.14348 2 9 2V0ZM20 2C21.8565 2 23.637 2.7375 24.9497 4.05025C26.2625 5.36301 27 7.14348 27 9H29C29 6.61305 28.0518 4.32387 26.364 2.63604C24.6761 0.948212 22.3869 0 20 0V2ZM27 20C27 21.8565 26.2625 23.637 24.9497 24.9497C23.637 26.2625 21.8565 27 20 27V29C22.3869 29 24.6761 28.0518 26.364 26.364C28.0518 24.6761 29 22.3869 29 20H27ZM9 27C7.14348 27 5.36301 26.2625 4.05025 24.9497C2.7375 23.637 2 21.8565 2 20H0C0 22.3869 0.948212 24.6761 2.63604 26.364C4.32387 28.0518 6.61305 29 9 29V27ZM2 20V9H0L0 20H2ZM20 27H9V29H20V27ZM27 9V20H29V9H27ZM9 2H20V0L9 0V2Z' fill='%2322235B'/%3E%3Cpath d='M22.1301 20.7191L8.28005 6.86907L6.87005 8.27907L20.7201 22.1291L22.1301 20.7191ZM8.28005 6.86907C8.1904 6.76439 8.08009 6.67937 7.95602 6.61935C7.83196 6.55933 7.69682 6.5256 7.5591 6.52028C7.42139 6.51496 7.28405 6.53816 7.15573 6.58844C7.0274 6.63871 6.91086 6.71497 6.8134 6.81242C6.71595 6.90988 6.63969 7.02643 6.58941 7.15475C6.53914 7.28308 6.51593 7.42041 6.52125 7.55813C6.52657 7.69585 6.5603 7.83098 6.62033 7.95505C6.68035 8.07911 6.76537 8.18943 6.87005 8.27907L8.28005 6.86907ZM20.7201 22.1291C20.9114 22.2929 21.1574 22.3785 21.4091 22.3688C21.6608 22.3591 21.8995 22.2547 22.0776 22.0766C22.2557 21.8985 22.36 21.6598 22.3698 21.4081C22.3795 21.1565 22.2939 20.9104 22.1301 20.7191L20.7201 22.1291Z' fill='%2322235B'/%3E%3Cpath d='M8.27985 22.1294L22.1299 8.27936L20.7199 6.86936L6.86985 20.7194L8.27985 22.1294ZM22.1299 8.27936C22.2937 8.08806 22.3793 7.84199 22.3696 7.59031C22.3598 7.33863 22.2555 7.09989 22.0774 6.9218C21.8993 6.74371 21.6606 6.63937 21.4089 6.62965C21.1572 6.61993 20.9112 6.70554 20.7199 6.86936L22.1299 8.27936ZM6.86985 20.7194C6.70603 20.9107 6.62042 21.1567 6.63014 21.4084C6.63986 21.6601 6.74419 21.8988 6.92229 22.0769C7.10038 22.255 7.33912 22.3594 7.5908 22.3691C7.84247 22.3788 8.08855 22.2932 8.27985 22.1294L6.86985 20.7194Z' fill='%2322235B'/%3E%3C/svg%3E");
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
}

/* Ocultar el elemento span dentro del botón */
.gm-ui-hover-effect > span {
    display: none !important;
}

.gm-style-iw-tc::after{
    display: none;
}

.gm-style-iw-chr{
    position: absolute;
    right: 0;
}

.custom-info-window-sucursales{
    padding: 21px 26px;
}

.custom-info-window-sucursales h3{
    font-size: 22px;
    font-weight: 700;
    color: #22235B;
    margin: 0;
}

.custom-info-window-sucursales .direccion{
    padding-left: 15px;
}

.custom-info-window-sucursales p{
    font-size: 15px;
    font-weight: 400;
    color: #22235B;
    margin: 0;
}

/* Animación para el InfoWindow */

.elementor-element-1694ee7{
width: 100%;
}

.no-data-sucursales{
    width: 100%;
    text-align: center;
    padding: 70px;
}


@keyframes slideUp {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}