.biography-autor-container {
    display: flex;
    padding: var(--Spacing-Desktop-D-TB-Padding, 80px) var(--Spacing-Desktop-D-LR-Padding, 200px);
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    background: var(--Colors-Brand, #016D4E);
}

.biography-autor-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

.biography-autor-content-2 {
    display: flex;
    align-items: center;
    gap: 80px;
}

.title-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
}

.img-author-desktop {
    width: 380px;
    height: 380px;
    aspect-ratio: 1/1;
    border-radius: 200px;
}

.search-chip {
    display: flex;
    align-items: flex-start;
    gap: var(--Spacing-Mobile-M-Container-Gap, 16px);
    align-self: stretch;
}



@media (max-width: 1024px) {

  

    .biography-autor-container {
        display: flex;
        padding: var(--Spacing-Mobile-M-TB-Padding, 24px) var(--Spacing-Mobile-M-LF-Padding, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-Mobile-M-Gap, 24px);
        align-self: stretch;
    }

    .title-content {
        order: 2;
        width: 100%;
        gap: var(--Spacing-Mobile-M-Gap, 24px);
    }

    .biography-autor-container {
        padding: 16px;
    }

    .biography-autor-content {
        padding: 0;
    }

    .biography-autor-content-2 {
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }

    .header-gallery-article-container {
        display: flex;
        padding-bottom: var(--Spacing-8-Scale-Gap-X-Small, 12px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-8-Scale-Gap-X-Small, 12px);
        align-self: stretch;
    }
}

@media (min-width: 320px) and (max-width: 720px) {
    .img-author-desktop {
        width: initial;
        height: 360px;
        align-self: stretch;
        border-radius: 20px;
    }

    .biography-autor-container {
        display: flex;
        padding: var(--Spacing-Mobile-M-TB-Padding, 24px) var(--Spacing-Mobile-M-LF-Padding, 16px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-Mobile-M-Gap, 24px);
        align-self: stretch;
    }
}

@media (min-width: 720px) and (max-width: 1024px) {
    .img-author-desktop {
        height: 756px;
        align-self: stretch;
        aspect-ratio: 1/1;
        width: initial;
        border-radius: 4px;
    }

    .biography-autor-container {
        display: flex;
        padding: var(--Spacing-Tablet-T-TB-Padding, 48px) var(--Spacing-Tablet-T-LR-Padding, 32px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Spacing-8-Scale-Gap-Medium, 24px);
        align-self: stretch;
    }
}