.general-information-section{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.general-information-section > div:not(.sede-container){
    display: flex;
    flex-direction: column; 
    gap: 8px;
    padding: 32px var(--side-separator);
}

.general-information__titles{
    color: var(--color_1);
    font-family: var(--font-primary);
    font-size: var(--font-lg);
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.general-information__titles.white{
    color: var(--white_01);
}

.general-information__titles.primary{
    color: var(--color_1);
}

.general-information__logo-cliente{
    width: 280px;
    height: auto;
}

.general-information__info-text{
    color: var(--grey_04);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.general-information__images-containers{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /* gap: 48px; */
    row-gap: 24px;
    column-gap: 48px;
}

/** Comités */
.doctores-list .doctor-name{
    color: var(--color_3);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.doctores-list .doctor-hospital{
    color: var(--white_01);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


/** Estilos de la sede */
.sede-container{
    display: flex;
    flex-direction: column;
    background-color: var(--color_1);
}

.sede-container .sede-container__info{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 32px var(--side-separator);
    height: 240px;
}

.sede-container .sede-container__info .sede-container__ubication{
    display: flex;
    flex-direction: column;
}

.sede-container .sede-container__info .sede-container__ubication .location {
    color: var(--color_3);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.sede-container .sede-container__info .sede-container__ubication .direction{
    color: var(--grey_01);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.sede-container .sede-container__map{
    width: 100%;
    height: 240px;
}

@media (min-width: 600px) {
    
    .sede-container .sede-container__info{
        height: auto;
    }
    
    .sede-container .sede-container__map{
        height: 400px;
    }

}

@media (min-width: 768px) {
    .sede-container{
        flex-direction: row;
    }

    .sede-container .sede-container__info{
        width: 417px;
    }

    .sede-container .sede-container__map{
        width: clamp(417px, 55vw, 848px);
    }
}

@media (min-width: 992px) {
    .sede-container .sede-container__map{
        height: 540px;
    }

    .sede-container{
        flex-direction: row;
        padding: 0 var(--side-separator);
    }

    .sede-container .sede-container__info{
        padding: 32px 0;
    }
}