.pdf-download__container__state {
    font-size: var(--news-text-font-size-sm);
}
.news-detail__header__container {
    background: url("../../templates-phytoplanta/images/backgrounds/news-details-background-2026-v3.svg") no-repeat;
}






:root {
    --primary-brand-color: #2d912b;
    --news-bg-color: #fff;
    --news-spacing: 1rem;
    --news-title-font-size-lg: 30px;
    --news-title-font-size-sm: 20px;
    --news-text-font-size-lg: 18px;
    --news-text-font-size-sm: 16px;
    --news-box-shadow-1: -4px -6px 10px -4px rgba(0,0,0,.2);
    --news-box-shadow-1: 0px -5px 10px -4px rgba(0,0,0,.2);
    --news-box-shadow-2: -4px 6px 10px -4px rgba(0,0,0,.2);
}
.news-sidebar {
    position: fixed;
    z-index: 1199;
    img {
        display: block;
        margin-bottom: 1rem;
        width: 100%;
    }
}
.news-sidebar-title {
    display: inline-block;
    padding: var(--news-spacing);
    position: relative;
    background: var(--news-bg-color);
    border-radius: 10px 10px 0 0;
    box-shadow: var(--news-box-shadow-1);
    cursor: pointer;
}
.news-sidebar-title span {
    font-weight: bold;
    font-family: "Aller", sans-serif;
    text-transform: uppercase;
    color: var(--primary-brand-color);
    line-height: var(--news-title-font-size-sm);
    font-size: var(--news-title-font-size-sm);
}
.news-sidebar-title svg {
    fill:  var(--primary-brand-color);
    position: absolute;
    left: var(--news-spacing);
    right: var(--news-spacing);
    bottom: calc(.25* var(--news-spacing));
    width: calc(100% - 2* var(--news-spacing));
    height: calc(.75* var(--news-spacing));
    transform: scaleY(-1);
}
.news-sidebar:has(.show)  .news-sidebar-title svg {
    transform: scaleY(1);
}
.news-sidebar-content {
    background: var(--news-bg-color);
    line-height: 1.8;
    font-size: var(--news-text-font-size-sm);
}
.pdf-download__container__state {
    font-size: var(--news-text-font-size-sm);
}

@media (max-width: 1023.98px) {
    :root {
        --news-spacing: .75rem;
    }
    .news-sidebar {
        display: flex;
        flex-direction: column;
        width: 70%;
        max-width: 400px;
        right: 2.5%;
        bottom: 0;
        transform: translateY(calc(100% - var(--news-title-font-size-sm) - (1.5 * var(--news-spacing))));
        transition: transform .5s ease-out;
        line-height: 1.2;
    }
    .news-sidebar:has(.show) {
        transform: translateY(var(--news-spacing));
    }
    .news-sidebar-title {
        align-self: flex-end;
        margin-bottom: -2px;
        padding: .5rem 2rem .5rem .5rem;
    }
    .news-sidebar-title svg {
        left: auto;
        right: 0.5rem;
        bottom: calc(50% - .25rem);
        height: .5rem;
        width: 1.15rem;
    }
    .news-sidebar-content {
        padding: var(--news-spacing) var(--news-spacing) calc(2*var(--news-spacing)) var(--news-spacing);
        border-radius: 10px 0 0 0;
        box-shadow: var(--news-box-shadow-1);
    }

}


@media (min-width: 1024px) {
    :root {
        --news-box-shadow-1: -4px -6px 10px -4px rgba(0,0,0,.2);
    }
    .contact-sidebar.in-homepage {
        top: 10%;
        transform: translate(100%, 0);
    }
    .news-sidebar {
        width: 500px;
        right: var(--news-spacing);
        transition: right .5s ease-out;
        position: relative;
    }
    .news-sidebar:has(.show) {
        right: 100%;
    }
    .news-sidebar-title {
        transform-origin: bottom right;
        transform: translateX(-100%) rotate(-90deg);
    }
    .news-sidebar-title span {
        line-height: var(--news-title-font-size-lg);
        font-size: var(--news-title-font-size-lg);
    }
    .news-sidebar-content {
        padding: calc(1.5*var(--news-spacing));
        border-radius: 0px 0 0 10px;
        box-shadow: var(--news-box-shadow-2);
        font-size: var(--news-text-font-size-lg);
        min-height: 160px;
    }
    .contact-sidebar.in-homepage .contact-sidebar__contact {
        right: 50px;
        width: 325px;
    }
    .contact-sidebar.in-homepage .contact-sidebar__contact.show {
        right: 325px;
    }

}