:root {
    --azul_f: #2F378C;
    --azul_b: #00519F;
    --rosa: #E6007D;
}

* {
    box-sizing: border-box;
}

.map-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    /* padding: 0rem 3rem 3rem 3rem; */
}

#map {
    height: 600px;
    width: 100%;
    z-index: 1;
    /* border: 2px black solid; */
}

.map-cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    /* border: 2px purple solid; */
}

.btn_extra {
    z-index: 1;
    background-color: white;
    border: 2px #c4c4c4 solid;
    padding: 0.2rem;
    position: absolute;
}

.btn_extra.ubicame:hover {
    background-color: white;
    color: var(--link);
}

.btn_extra.ubicame:focus {
    background-color: white;
    color: var(--link);
}

.ubicame {
    top: 15%;
    left: 20px;
}

.cerrar_llegar {
    top: 3%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 0.4rem;
    box-shadow: 0px 0px 6px 3px var(--primary);
    font-size: 0.8rem;
    font-weight: bold;
    background-color: white;
    color: var(--rosa);
}

.cerrar_llegar:hover {
    background-color: white;
    color: var(--azul_b);
}

.ubicame i {
    font-size: 1.5rem;
}

.leaflet-popup-content-wrapper {
    all: revert;
    /* border: 2px orange solid; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

/* .sucursal *:not(i){
    all: revert;
} */
.sucursal {
    /* border: 1px blue solid; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.5rem;
}

.sucursal p,
.sucursal h1,
.sucursal h2,
.sucursal h3,
.sucursal span,
.sucursal h4 {
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Montserrat' !important;
}

.sucursal figure {
    padding: 0;
    margin: 0;
    /* border: 2px red solid; */
    width: 100%;
    height: 200px;
}

.sucursal figure img {
    width: 100%;
    height: 100%;
    /* border: 2px green solid; */
    object-fit: contain;
    /* cursor: pointer; */
    /* transition: all 0.3s; */
}
/* .sucursal figure img:hover{
    transform: scale(2);
} */
.btns-llegar {
    /* border: 1px red solid; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.5rem;
}

.button-llegar {
    color: var(--rosa) !important;
    cursor: pointer;
    /* font-weight: bold; */
}

.leaflet-container a.leaftlet-popup-close-button {
    border: 1px red solid;
}

.sucursal-title {
    /* border: 1px red solid; */
    font-size: 16px;
    font-weight: 700;
}

.sucursal-subtitle {
    /* border: 1px orange solid; */
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat';
}

.sucursal-text {
    /* border: 1px purple solid; */
    font-size: 12px;
    /* text-transform: capitalize; */
    font-family: 'Montserrat';
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 40
}
.button-disabled{
    background-color: #e0e0e0!important;
}
.cf-turnstile{
    /* border: 1px red solid; */
    padding: 1rem 0rem 0rem 0rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}