#sp-main-body {
    padding: 0;
}

#sp-main-body .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#sp-main-body .container .sp-column .system-message-container,
#sp-main-body .container .sp-column .article-details,
#sp-main-body .container .sp-column .related-article-list-container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 15px;
}

#sp-main-body .container .sp-column .area-categoria {
    padding: 16px 0;
}

#sp-main-body .container .sp-column .area-categoria.categoria-indica {
    background: #8924FF 0 0 no-repeat padding-box;
}

#sp-main-body .container .sp-column .article-header h1.categoria-indica,
#sp-main-body .container .sp-column .article-header h2.categoria-indica,
#sp-main-body .container .sp-column .article-header h3.categoria-indica,
#sp-main-body .container .sp-column .article-header h4.categoria-indica,
#sp-main-body .container .sp-column .article-header h5.categoria-indica,
#sp-main-body .container .sp-column .article-header h6.categoria-indica {
    color: #8924FF;
}

#sp-main-body .container .sp-column .area-categoria.categoria-ensina {
    background: #FFC055 0 0 no-repeat padding-box;
}

#sp-main-body .container .sp-column .article-header h1.categoria-ensina,
#sp-main-body .container .sp-column .article-header h2.categoria-ensina,
#sp-main-body .container .sp-column .article-header h3.categoria-ensina,
#sp-main-body .container .sp-column .article-header h4.categoria-ensina,
#sp-main-body .container .sp-column .article-header h5.categoria-ensina,
#sp-main-body .container .sp-column .article-header h6.categoria-ensina {
    color: #FFC055;
}

#sp-main-body .container .sp-column .area-categoria .categoria,
#sp-main-body .container .sp-column .breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

#sp-main-body .container .sp-column .area-categoria .categoria {
    font: normal normal 600 18px/23px "Inter";
    color: #F5F5F5;
}

#sp-main-body .container .sp-column .article-details {
    padding: 60px 15px;
}

#sp-main-body .container .sp-column .article-details .article-featured-video iframe,
#sp-main-body .container .sp-column .article-details .article-featured-audio,
#sp-main-body .container .sp-column .article-details .article-feature-gallery,
#sp-main-body .container .sp-column .article-details .article-full-image {
    border-radius: 10px;
}

#sp-main-body .container .sp-column .article-details .article-featured-audio {
    margin-bottom: -7rem;
}

#sp-main-body .container .sp-column .article-details .article-full-image img {
    height: 400px;
    object-fit: cover;
    object-position: top left;
    border-radius: 10px;
    width: 100%;
}

#sp-main-body .container .sp-column .article-details .publicacao .pub-img {
    flex: 450px;
}

#sp-main-body .container .sp-column .article-details .publicacao .pub-text {
    flex: 100%;
}

#sp-main-body .container .sp-column .article-details .publicacao .btn-inovacoop {
    padding: 12px 48px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    border: 1px solid #4D80CF;
    border-radius: 20px;
    color: #4D80CF;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
}

#sp-main-body .container .sp-column .article-details .publicacao .btn-inovacoop:hover {
    background: #4D80CF 0 0 no-repeat padding-box;
    color: #ffffff;
}

#sp-main-body .container .sp-column .tags {
    margin: 30px 0;
}

#sp-main-body .container .sp-column .pagenavigation .pagination a {
    font-family: 'Intro Regular';
    font-size: 12px;
    font-weight: 400;
    color: #8A8098;
    background-color: transparent;
    border: 0;
}

#sp-main-body .container .sp-column .tags li a {
    font: normal normal 400 10px/12px "Intro Regular";
    letter-spacing: 0 !important;
    color: #0C1249;
    opacity: 1;
    background: #EFEFEF;
    padding: .3rem 1.2rem 0.1rem;
}

#sp-main-body .container .sp-column .related-article-list-container {
    font-size: 18px !important;
    margin-bottom: 60px;
}

#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-featured-video,
#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-featured-audio,
#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-feature-gallery,
#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-full-image {
    border-radius: 10px !important;
    height: 165px !important;
}

#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-full-image img {
    width: 100%;
    min-height: 165px;
    max-height: 165px;
    object-fit: cover;
    object-position: center center;
}

#sp-main-body .container .sp-column .related-article-list-container .article-list .article {
    border: 1px solid #4D80CF !important;
    border-radius: 10px !important;
    min-height: 300px;
    max-height: 300px;
}

#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-header h2 a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 42px;
    font: normal normal 600 14px/18px "Intro Bold" !Important;
}

#sp-main-body .container .sp-column .article-details .info-social {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* Garante que as colunas tenham a mesma altura */
    width: 100%; /* Garante que ocupe toda a largura */
}

#sp-main-body .container .sp-column .article-details .info-social .article-info {
    align-content: center;
    flex: 50%;
}

#sp-main-body .container .sp-column .article-details .info-social .article-ratings-social-share {
    flex: 50%;
    align-content: center;
}

#sp-main-body .container .sp-column .related-article-list-container .article-list .article .article-info span {
    font: normal normal 300 10px/18px "Intro Light" !Important;
    color: #171C66;
}

#sp-main-body .container .sp-column .fields-container {
    display: none;
}

#sp-main-body .modal-content {
    color: #6d22f9;
    border-radius: 15px !important;
}

#sp-main-body .modal-content .btn-inovacoop {
    padding: 12px 48px;
    background: #6d22f9 0 0 no-repeat padding-box;
    border: 1px solid #6d22f9;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
}

#sp-main-body .modal-content .btn-inovacoop:hover {
    background: #ffffff 0 0 no-repeat padding-box;
    color: #6d22f9;
}