:root {
    --padding-section: 40px;
    --padding-title: 20px;
    --padding-between-texts: 8px;
    --green-gradient-bg: linear-gradient(
        180deg,
        rgba(0, 109, 56, 1) 0%,
        rgba(24, 86, 55, 1) 100%
    );
}

/* Breadcrumb */
#detalhes-specialty #breadcrumb {
    padding: var(--padding-section) 0;
    height: 100px;
    box-sizing: border-box;
}

/* Banner */
#detalhes-specialty #banner-main {
    width: 100%;
    min-height: 600px;
    background: var(--green-gradient-bg);
}
#detalhes-specialty #banner-main .container-banner-image-description {
    gap: var(--padding-section);
}
#detalhes-specialty #banner-main .banner-description h1 {
    margin-bottom: var(--padding-between-texts);
}

/* Seals */
#detalhes-specialty #seals {
    top: -100px;
}
#detalhes-specialty #seals .seals-container {
    gap: var(--padding-title);
}
#detalhes-specialty #seals .card-seal {
    height: 250px;
    padding: 40px 20px;
    width: calc(33% - calc(2 * 15px));

    gap: 15px;
}
#detalhes-specialty #seals .card-seal img {
    height: 100px;
    width: 100%;
    object-fit: contain;
}
#detalhes-specialty #seals .card-seal p {
    margin-bottom: var(--padding-between-texts);
}

/* Description */
#detalhes-specialty #description {
    padding: var(--padding-section) 0;
}
#detalhes-specialty #description .container-description-image-description {
    gap: var(--padding-section);
}

/* Blocks */
#detalhes-specialty #blocks .blocks-banner {
    padding: calc(var(--padding-section) * 2) 0;
}
#detalhes-specialty #blocks .blocks-banner h2 {
    margin-bottom: var(--padding-between-texts);
}
#detalhes-specialty #blocks .block {
    padding: var(--padding-section) 0;
}
#detalhes-specialty #blocks .block .block-container-title h2 {
    font-weight: 800;
}
#detalhes-specialty #blocks .block-container-image {
    padding: var(--padding-section) 0;
    width: 100%;
}
#detalhes-specialty #blocks .block .block-image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* Banner Footer */
#detalhes-specialty #banner-footer img {
    width: 100%;
}

/* Video */
#detalhes-specialty #video {
    margin-top: -3px;
    padding: 60px 0;
}
#detalhes-specialty #video .video-container-title {
    margin-bottom: var(--padding-section);
}

/* Faq */
#detalhes-specialty #faq {
    padding: var(--padding-section) 0;
}

/* Related Articles */
#related_articles {
    padding: var(--padding-section) 0;
}

/* Geral */
#detalhes-specialty img.logo {
    max-height: 400px;
    max-width: 400px;
    width: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1024px) {
    :root {
        --padding-section: 20px;
        --padding-title: 10px;
        --padding-between-texts: 5px;
    }

    /* Breadcrumb */
    #detalhes-specialty #breadcrumb {
        height: 62px;
    }

    /* Banner */
    #detalhes-specialty #banner-main {
        min-height: 400px;
    }

    /* Seals */
    #detalhes-specialty #seals {
        top: 0;
    }
}

@media screen and (max-width: 430px) {
    /* Breadcrumb */
    #detalhes-specialty #breadcrumb {
        min-height: 62px;
        height: auto;
    }

    /* Banner */
    #detalhes-specialty #banner-main {
        height: auto;
        min-height: 500px;
        padding: var(--padding-section) 0;
    }
}