:root{
    --main-font-family-sitemap-biblioteca-conare: Montserrat;
    --main-font-size-sitemap-biblioteca-conare: 16px;
    --main-font-color-sitemap-biblioteca-conare: black;
    --secondary-font-color-sitemap-biblioteca-conare: #123458;
}

/* ======================= */

div.super-wrapper-sitemap-biblioteca{
    max-width: none !important;
    width: 90% !important;

    & div.main-sitemap-biblioteca-wrapper{
        border: 1px solid #0072c5;
    }

    & div.wrapper-main-title-sitemap-biblioteca-conare{
        align-items: center;
        background-color: #0072c5;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;

        & span.main-title-sitemap-biblioteca-conare{
            display: block;
            font-size: calc(var(--main-font-size-sitemap-biblioteca-conare) * 2.5);
            font-weight: bold;
            text-align: center;
        }

        & p.description-sitemap-biblioteca-conare{
            font-size: calc(var(--main-font-size-sitemap-biblioteca-conare) * 1.3);
            width: 80%;
        }

    }

}

section#sitemap-biblioteca-conare{
    font-family: var(--main-font-family-sitemap-biblioteca-conare);
    font-size: var(--main-font-size-sitemap-biblioteca-conare);
    color: var(--main-font-color-sitemap-biblioteca-conare);

    & article.element-sitemap-biblioteca-conare{
        padding: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-bottom: 2px solid #E6E6E6;

        & h2.title-element-sitemap-biblioteca-conare{
            font-size: clamp(1rem, 1.5rem, 2rem);
            font-weight: bold;
        }

        ol.list-sitemap-biblioteca-conare{

            list-style-type: upper-roman;
            font-size: calc(var(--main-font-size-sitemap-biblioteca-conare) * 1.4);
        
            & li.item-sitemap-biblioteca-conare{

                margin-bottom: 10px;

                & div.wrapper-sublevel-1-items-biblioteca-conare{

                    display: flex;
                    flex-direction: column;

                    & a.link-title-sublevel-1-items-biblioteca-conare{
                        display: block;
                        margin: 10px 0 10px 0;
                    }
    
                    & span.title-sublevel-1-items-biblioteca-conare{
                        font-size: calc(var(--main-font-size-sitemap-biblioteca-conare) + 2px);
                        color: var(--secondary-font-color-sitemap-biblioteca-conare);
                        font-weight: bold;
                        display: block;
                        text-transform: uppercase;
                        margin: 10px 0 10px 0;
                    }

                    & a.main-link-proceedings-biblioteca-conare{
                        display: block;
                        padding: 30px;
                        background-color: #E6E6E6;
                        color: #27548A;
                        font-weight: bold;
                        margin: 10px 0 10px 0;
                        text-transform: uppercase;
                        text-decoration: underline;
                        text-underline-offset: 10px;
                        border-top-left-radius: 12px;
                        border-top-right-radius: 12px;
                    }

                    & div.wrapper-links-pdf-proceeding-biblioteca-conare{
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 10px;

                        @media (max-width: 768px) {
                            grid-template-columns: repeat(1, 1fr);
                        }

                        @media (min-width: 769px) and (max-width: 1100px) {
                            grid-template-columns: repeat(2, 1fr);
                        }

                        & a.link-pdf-proceeding-biblioteca-conare{
                            display: block;
                            padding: 10px;
                            border: 1px solid gray;
                            border-radius: 6px;
                            box-shadow: 0 1px gray, 0 2px gray, 0 3px gray;
                            text-align: center;
                            font-weight: bold;
                        }

                    }

                }
                
            }
        
        }
        
    }

}