.template-1 > .presentation-section{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.presentation-section .presentation-organizers{
    background-color: var(--color_2);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.presentation-section .presentation-organizers .organizers{
    background-color: var(--gray_01);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.primary-background{
    background-color: var(--color_1) !important;
}

.presentation-section .presentation-organizers .imagen-fondo{
    width: 100%;
    height: 280px;
}

.presentation-section .presentation-organizers .imagen_1{
    background: url('https://ui-avatars.com/api/?name=Fo&size=280&background=CCCCCC&color=3C3C3C');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.presentation-section .presentation-organizers .imagen_2{
    background: url('https://ui-avatars.com/api/?name=to&size=280&background=CCCCCC&color=3C3C3C');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.presentation-section .presentation-organizers .organizers__info{
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.presentation-section .presentation-organizers .organizers__info span{
    font-family: var(--font-primary, 'Aptos');
    font-style: normal;
}

.presentation-section .presentation-organizers .organizers__info .organizers__info-name{
    color: var(--white_01);
    font-size:  var(--font-md);
    font-weight: 400;
    line-height: normal;
}

.presentation-section .presentation-organizers .organizers__info .organizers__info-hospital{
    color: var(--color_1);
    font-size: var(--font-base);
    font-weight: 400;
    line-height: 20px;
}

.presentation-section .presentation-organizers .organizers.primary-background .organizers__info .organizers__info-name{
    color: var(--color_3);
}

.presentation-section .presentation-organizers .organizers.primary-background .organizers__info .organizers__info-hospital{
    color: var(--white_01);
}
/** */
.presentation-section .presentation-info{
    width: 100%;
    background: var(--gray_01);
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 32px var(--side-separator);
}

.presentation-section .presentation-info .presentation-info__description{
   color: var(--grey_04);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 125% */
}

.presentation-section .presentation-info .presentation-info__organizers{
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.presentation-section .presentation-info .presentation-info__organizers > div{
    /* width: 149px;
    max-width: 149.5px; */
    width: clamp(149px, 100vw, 600px);
    display: flex;
    flex-direction: column;
}

.presentation-section .presentation-info .presentation-info__organizers .info-name{
    color: var(--color_1);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.presentation-section .presentation-info .presentation-info__organizers .info-hospital{
    color: var(--grey_04);
    font-family: var(--font-primary);
    font-size: var(--font-base);
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}


@media (min-width: 600px) {
    .presentation-section .presentation-organizers{
        display: flex;
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .presentation-section .presentation-organizers{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
    }

    .presentation-section .presentation-organizers .organizers{
        width: fit-content;
        flex-direction: row;
        align-items: center;
    }

    .presentation-section .presentation-organizers .organizers__info{
        width: fit-content;
    }
    .presentation-section .presentation-organizers .imagen-fondo{
        width: 240px;
        height: 240px;
    }

    .presentation-section .presentation-organizers .organizers__info{
        width: fit-content;
    }

    .primary-background{
        background-color: transparent !important;
    }

    .presentation-section .presentation-organizers .organizers.primary-background .organizers__info .organizers__info-name{
        color: var(--grey_01);
    }

    .presentation-section .presentation-organizers .organizers.primary-background .organizers__info .organizers__info-hospital{
        color: var(--color_1);
    }
}

@media (min-width: 1200px) {
    .presentation-section .presentation-organizers .imagen-fondo{
        width: 304px;
        height: 304px;
    }

}

@media (min-width: 1250px) {
    .presentation-section .presentation-organizers{
        padding: 0 40px;
    }

}

@media (min-width: 1400px) {
    .presentation-section .presentation-organizers{
        padding: 0 var(--side-separator);
    }

}