body {
    margin: 0px;
}

.sucursales_tabla {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-radius: 8px;
    border: 2px solid #B3CAE0;
    overflow: hidden;
}

.sucursales_tabla li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
}

.sucursales_logo_nombre_direccion {
    display: flex;
    flex: 2;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}

.sucursales_logo_nombre {
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
}

.sucursales_horario {
    flex: 0.9;
    text-align: right;
    font-family: 'Nunito-Bold';
    font-size: 12px;
    color: #122E43;
    display: flex;
    justify-content: flex-start;
    text-align: left;
    gap: 20px;
}
.sucursales_horario span {
    display: block;
    color: #587592;
    font-family: 'Nunito-Regular';
}

.sucursales_direccion {
    font-family: 'Nunito-Regular';
    font-size: 14px;
    color: #416179;
    flex: 1;
}

.sucursales_tabla li:nth-child(even) {
    background: #F6F9FC
}

.sucursales_tabla li:nth-child(odd) {
    background: #E3EDF7
}

.sucursales_tabla li:first-child {
    background-color: #B3CAE0;
    color: #122E43;
}

.sucursales_logo img {
    display: block;
}

.sucursales_nombre {
    font-family: 'Nunito-SemiBold';
    font-size: 16px;
}

.sucursales_header_tabla {
    font-family: 'Nunito-SemiBold';
    font-size: 22px;
    color: #122E43;
}

.sucursales_header_tabla_sucursales {
    flex: 1
}
.sucursales_header_tabla_direccion {
    flex: 1
}
.sucursales_header_tabla_horario {
    flex: 0.9;
}


.sucursales_tabla > li {
    transition: all 400ms;
    height: auto;
    opacity: 1;
}
.invisible {
    opacity: 0 !important;
    height: 0px !important;
    padding: 0px 32px !important;
    overflow-y: hidden;
}
.tit_sucursales {
    font-family: 'Nunito-Regular';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #1269B0;
}
#filtraregion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 56px 16px 16px;
    height: 56px;
    background: linear-gradient(180deg, #FFFFFF 0%, #E3EDF7 100%);
    border: 1px solid #B3CAE0;
    border-radius: 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 24px;

    /* text */
    font-family: 'Nunito-Regular';
    font-size: 16px;
    line-height: 21px;
    letter-spacing: -0.02em;
    color: #122E43;
}


/* para la flechita del select */
select {
    border:none;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {
    position:relative;
    display: inline-block;
}
label:after {
    content:url('https://staticresourcesfiles.blob.core.windows.net/content/seg/static/3499071567317249-select-arrow-down.svg');
    right:16px;
    top:16px;
    position:absolute;
    pointer-events:none;
}
/* /para la flechita del select */







@media only screen and (max-width: 1170px) {
    .sucursales_logo_nombre_direccion {
        width: 62.2%;
    }
}

@media only screen and (max-width: 1120px) {
    .sucursales_logo_nombre_direccion {
        width: 64.2%;
    }
}

@media only screen and (max-width: 940px) {
    .sucursales_logo_nombre_direccion {
        width: 66.2%;
    }
}

@media only screen and (max-width: 768px) {
    .sucursales_logo_nombre_direccion {
        width: 70.2%;
    }
    .sucursales_tabla li {
        padding: 16px;
    }
}

@media only screen and (max-width: 600px) {

    .sucursales_logo_nombre_direccion {
        flex-direction: column;
        align-items: flex-start;
    }

    .sucursales_direccion {
        min-width: auto;
        text-align: left;
        padding-left: 33px;
    }

    .sucursales_header_tabla_direccion {
        display: none;
    }

    .sucursales_tabla li {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .sucursales_horario {
        padding-left: 33px;
    }
    .sucursales_tabla li:first-child {
        display: none;
    }

}

@media only screen and (max-width: 440px) {
    #filtraregion { width: 100% }
}


/* Ejemplo */

.contenedor_ejemplo {
    max-width: 960px;
    margin: auto;
    padding: 20px;
}

/* /Ejemplo */