.plenos-page-title,
.juntas-page-title,
.ordenes-page-title {
    font-size: 28px;
    font-weight: bolder;
    margin: 20px 0px;
}

.plenos-anuales-grid,
.juntas-anuales-grid,
.ordenes-anuales-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-bottom: 40px;

    .plenos-ano,
    .juntas-ano,
    .ordenes-ano {

        h2 {
            font-size: 23px;
            color: #00629B;
            font-weight: bold;
        }

        h2::after {
            content: '';
            display: block;
            height: 2px;
            background: #00629B;
            margin-top: 0.5rem;
        }

        .plenos-list,
        .juntas-list,
        .ordenes-list {
            list-style: none;
            padding: 0;
            margin: 0;

            li {
                padding: 21px 0 16px 0;
                border-bottom: 1px solid #CCC;
                display: flex;
                justify-content: space-between;

                a {
                    text-transform: uppercase;
                    color: #333;
                    font-weight: 600;
                }

                a:hover {
                    color: #00629B;
                }

                span.documento-tamano {
                    color: #666666;
                }
            }
        }

        .btn-all-plenos,
        .btn-all-juntas,
        .btn-all-ordenes {
            display: inline-block;
            padding: 0.5rem 1rem;
            background-color: #00629B;
            color: white;
            text-decoration: none;
            transition: background 0.2s;
            width: 100%;
            text-align: center;
            font-size: 16px;
        }

        .btn-all-plenos:hover,
        .btn-all-juntas:hover,
        .btn-all-ordenes:hover {
            color: #fff;
            text-decoration: underline;
        }

    }
}

.historico-anual-title {
    width: 100%;
    font-size: 23px;
    font-weight: bold;
    color: #00629B;
    padding: 1rem 1rem 1rem 0;
    
}

.separador-historico {
    border: none;
    border-top: 2px solid #00629B;
    opacity: 1;
    margin-bottom: 30px;
}

.plenos-historico-grid,
.juntas-historico-grid,
.ordenes-historico-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 20px;
    justify-items: center;

    .historico-item a {
        display: block;
        font-size: 18px;
        text-decoration: none;
        color: #333;
        transition: background 0.2s;
        border: 1px solid #333;
        text-align: center;
        padding: 8px 25px 8px 25px;
        background: transparent;
    }

    .historico-item a:hover {
        text-decoration: none;
        color: #333;
    }
}

.plenos-anio-title,
.juntas-anio-title,
.ordenes-anio-title {
    font-weight: bolder;
    font-size: 28px;
    margin-bottom: 40px;
}

.plenos-anio-subtitle,
.juntas-anio-subtitle,
.ordenes-anio-subtitle {
    font-size: 23px;
    font-weight: bold;
    color: #00629B;
    margin-bottom: 7px;
}

hr.separador-plenos,
hr.separador-ordenes {
    opacity: 1;
    color: #00629B;
    border-top: 2px solid;
    margin-bottom: 7px;
}

ul.lista-plenos,
ul.lista-juntas,
ul.lista-ordenes {
    list-style: none;
    padding-left: 0;
    margin-bottom: 40px;

    li {
        padding: 21px 0 16px 0;
        border-bottom: 1px solid #CCC;
        display: flex;
        justify-content: space-between;

        a {
            color: #333;
            transition-duration: .2s;
            font-size: 16px;
        }

        a.pleno-label,
        a.junta-label,
        a.orden-label {
            text-transform: uppercase;
        }

        span {
            font-size: 16px;
        }

        a:hover {
            color: #00629B;
        }
    }

    .documento-info {
        display: flex;
        gap: 20px;

        .documento-tamano,
        .documento-extension {
            color: #666666;
        }

        .documento-extension {
            text-transform: uppercase;
        }

        .pleno-download-link,
        .junta-download-link,
        .orden-download-link {
            transition: .2s;
        }

        .pleno-download-link:hover,
        .junta-download-link:hover,
        .orden-download-link:hover  {
            color: #00629B;
            
            a {
                color: #00629B;
            }
        }
    }
}