.arquivos-card {
    cursor:pointer;
    width:100%; 
    max-width:250px; 
    margin:10px; 
    display:flex; 
    align-items:center; 
    flex-direction:column; 
    border:2px solid #555; 
    border-radius:7px; 
    background:white;
    color:#333;
    text-shadow: 0 0 2px black;
    --divisor-type:1px solid #ccc;
    transition: background 1s, border 0.5s, color 0.5s, transform 1s;
}

.arquivos-card:hover {
    background:black;
    color:white;
    border:2px solid black;
    transform:scale(1.05,1.05);
    --divisor-type:1px solid black;
    text-shadow: 0 0 7px white;
}

.arquivos-card i {
    font-size:64px; 
    margin:20px;       
}

.arquivos-card div[title] {
    width:100%;
    height:50%;
    min-height:75px;
    display:flex;
    justify-content:center;
    align-items: center;
    flex-direction:column;
    padding:0px 5px; 
    font-weight:700; 
    font-size:20px;
    background:white;
    color:black;
    text-shadow:0 0 0 white;
    border-top:var(--divisor-type);
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px;
}

#arquivos-content-viewer {
    width:100%; 
    display:none;
}

#viewer-arquivo-title {
    color:var(--sub-title-color);
    border-top:3px solid var(--sub-title-color); 
    border-bottom:3px solid var(--sub-title-color); 
    padding:25px 0px 20px 10px; 
    margin-top:30px;    
}

#viewer-arquivo-info {
    background:#555; 
    border-radius:10px;
    color:white;
}

#arquivo-page-container {
    display:flex; 
    flex-wrap:wrap; 
    padding:20px;
}

#arquivo-info-descricao {
    padding:25px 20px;
    text-align:justify;
    width:100%;
}

#arquivo-info-descricao a {
    color:rgb(248,232,64);
    font-weight:600;
}

/*--------------------------------------------------------------------------------------------------------------------*/

#button-arquivos-planos-options { 
    background:#333; 
    cursor:pointer; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    font-weight:600;
    font-size:20px;
    width:100%; 
    max-width:800px; 
    height:50px; 
    border:1px solid #777; 
    border-radius:10px; 
    margin:0 auto;
 }

 #arquivos-planos-options {
    display:none;
    width:100%; 
    max-width:800px; 
    height:500px; 
    overflow-y:scroll;        
    border-left: 1px solid #777;
    border-right: 1px solid #777;
    margin:0 auto;        
 }

#arquivos-planos-options ul {
    list-style: none;
    padding:0;
}

#arquivos-planos-options li {
    cursor: pointer;
    padding:10px;
    border-bottom:1px solid #999;
}

#arquivos-planos-options li:hover {
    background:rgb(248,232,64);
    color:black;
    font-weight:600;
}

#arquivo-pdf-viewer {
    position:relative; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
    padding:20px; 
    width:100%; 
    height:100%; 
    position:fixed; 
    top:0; 
    left:0; 
    z-index:100; 
    background:black; 
    display:none;
}

#arquivo-pdf-viewer-close-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer; 
    position:absolute;    
    width:40px; 
    height:40px; 
    font-size:30px; 
    color:rgba(255,255,255,0.5); 
    top:5px; 
    right:5px;
}

/*----------------------------------------------------------------------------------------------------*/

#arquivo-text-intro {
    width:100%; 
    max-width:800px; 
    margin:15px auto; 
    padding:10px;
}

/*-----------------------------------------------------------------------------------------------------*/

@media screen and (max-width:750px) {
    #viewer-arquivo-title {
        padding-left:0px;
        margin-left:0px;
    }

    #arquivos-content-viewer {
        padding-left:0px;
    }
}