.pg-agenda-i{
    padding:90px 0;
    background:#171717;
}

.pg-card-agenda-i{
    background:#1f1f1f;
    border-radius:18px;
    overflow:hidden;
    transition:.35s;
    border:1px solid rgba(255,255,255,.05);
}

.pg-card-agenda-i:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.45);
}

.pg-card-agenda-i a{
    color:#fff;
    display:block;
    text-decoration:none;
}

.pg-imagem-i{
    position:relative;
    overflow:hidden;
}

.pg-imagem-i img{
    width:100%;
    height:270px;
    object-fit:cover;
    transition:.5s;
}

.pg-card-agenda-i:hover img{
    transform:scale(1.08);
}

.pg-data-i{

    position:absolute;

    top:20px;

    left:20px;

    width:72px;

    height:72px;

    border-radius:16px;

    background:#d4af37;

    color:#111;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    font-weight:bold;

    box-shadow:0 10px 25px rgba(0,0,0,.35);

}

.pg-data-i strong{

    font-size:26px;

    line-height:22px;

}

.pg-data-i span{

    font-size:13px;

    letter-spacing:1px;

    margin-top:6px;

}

.pg-conteudo-i{

    padding:28px;

}

.pg-conteudo-i h3{

    font-size:28px;

    margin:0 0 18px;

    color:#fff;

}

.pg-conteudo-i p{

    color:#c5c5c5;

    margin-bottom:28px;

}

.pg-conteudo-i p i{

    color:#d4af37;

    margin-right:8px;

}

.pg-botao-i{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#d4af37;

    color:#111;

    padding:13px 26px;

    border-radius:40px;

    font-weight:700;

    transition:.3s;

}

.pg-card-agenda-i:hover .pg-botao{

    background:#e7bf43;

}

.pg-sem-eventos-i{

    text-align:center;

    padding:120px 20px;

    color:#888;

}

.pg-sem-eventos-i i{

    font-size:70px;

    color:#d4af37;

    margin-bottom:25px;

}

.pg-sem-eventos-i h2{

    color:#fff;

    margin-bottom:15px;

}

.pg-grid-agenda-i{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    align-items:start;

}

@media(max-width:991px){

    .pg-grid-agenda-i{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .pg-grid-agenda-i{

        grid-template-columns:1fr;

    }

}

.pg-home-agenda .pg-item .pg-data .dia,
.pg-home-agenda .pg-item .pg-data .periodo-data strong {
    color: #ffffff !important;
}

.pg-home-agenda .pg-item .pg-data .mes,
.pg-home-agenda .pg-item .pg-data .periodo-data span {
    color: #d9ad2b !important;
}

.pg-home-agenda .pg-item:hover .pg-data .dia,
.pg-home-agenda .pg-item:hover .pg-data .periodo-data strong {
    color: #ffffff !important;
}

.pg-home-agenda .pg-item:hover .pg-data .mes,
.pg-home-agenda .pg-item:hover .pg-data .periodo-data span {
    color: #d9ad2b !important;
}

/* Selo de data da agenda */
.pg-data-i {
    min-width: 72px;
    min-height: 72px;
    padding: 10px 12px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 14px;
}

/* Evento com período */
.pg-data-i .pg-periodo-i {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}

/* Cada data */
.pg-data-i .pg-periodo-data-i {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 34px;
    line-height: 1;
}

/* Dia */
.pg-data-i .pg-periodo-data-i strong {
    display: block;

    font-size: 28px;
    line-height: 1;
    font-weight: 700;

    color: #111 !important;
}

/* Mês */
.pg-data-i .pg-periodo-data-i span {
    display: block;

    margin-top: 5px;

    font-size: 10px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1px;

    color: #111 !important;
}

/* Traço */
.pg-data-i .pg-periodo-separador-i {
    font-size: 18px;
    line-height: 1;
    font-weight: 400;

    color: #111 !important;
}

.pg-data-i:has(.pg-periodo-i) {
    min-width: 118px;
    padding-left: 9px;
    padding-right: 9px;
}


.pg-data-cultural {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 8px;

    background: #e0b82f;
    padding: 12px 14px;
    border-radius: 14px;

    color: #111;
}

.pg-data-cultural .pg-data-periodo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pg-data-cultural .pg-data-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.pg-data-cultural .pg-data-item strong {
    font-size: 30px;
    line-height: 1;
    color: #111;
}

.pg-data-cultural .pg-data-item span {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #111;
}

.pg-data-cultural .pg-data-separador {
    font-size: 22px;
    color: #111;
    margin-top: -8px;
}

/* =========================================================
   AGENDA CULTURAL - HOME
========================================================= */

.pg-home-cultural {
    padding: 110px 0;
    background: #1d1d1d;
}

.pg-cultural-header {
    text-align: center;
    margin-bottom: 55px;
}

.pg-cultural-header span {
    display: block;
    margin-bottom: 15px;
    color: #dcb52f;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 5px;
}

.pg-cultural-header h2 {
    margin: 0 0 15px;
}

.pg-cultural-header p {
    margin: 0 auto;
    color: #999;
}


/* GRID */

.pg-cultural-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}


/* CARD */

.pg-cultural-item {
    overflow: hidden;
    background: #242424;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px;
    transition: transform .3s ease, box-shadow .3s ease;
}

.pg-cultural-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,.35);
}

.pg-cultural-item > a {
    display: block;
    color: inherit;
    text-decoration: none;
}


/* IMAGEM */

.pg-cultural-imagem {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #111;
}

.pg-cultural-imagem img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.pg-cultural-item:hover .pg-cultural-imagem img {
    transform: scale(1.05);
}


/* DATA SOBRE A FOTO */

.pg-cultural-data {
    position: absolute;
    top: 18px;
    left: 18px;

    min-width: 72px;
    padding: 10px 13px;

    background: #dcb52f;
    color: #111;

    border-radius: 12px;

    text-align: center;

    box-shadow: 0 8px 20px rgba(0,0,0,.25);
}

.pg-cultural-data strong {
    display: block;

    font-family: Georgia, serif;
    font-size: 28px;
    line-height: 1;
}

.pg-cultural-data strong span {
    font-size: 22px;
}

.pg-cultural-data small {
    display: block;
    margin-top: 5px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}


/* CONTEÚDO */

.pg-cultural-conteudo {
    padding: 25px;
}

.pg-cultural-conteudo h3 {
    height: 58px;
    margin: 0 0 18px;

    overflow: hidden;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #fff;
    font-size: 22px;
    line-height: 1.3;
}


/* LOCAL */

.pg-cultural-local {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 12px;

    color: #aaa;
    font-size: 14px;
}

.pg-cultural-local i {
    color: #dcb52f;
}


/* PERÍODO */

.pg-cultural-periodo {
    display: flex;
    align-items: center;
    gap: 8px;

    color: #aaa;
    font-size: 13px;
}

.pg-cultural-periodo i {
    color: #dcb52f;
}


/* LINK */

.pg-cultural-link {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: 22px;

    color: #dcb52f;

    font-size: 13px;
    font-weight: 600;
}

.pg-cultural-link i {
    transition: transform .25s ease;
}

.pg-cultural-item:hover .pg-cultural-link i {
    transform: translateX(5px);
}


/* BOTÃO */

.pg-cultural-footer {
    margin-top: 45px;
    text-align: center;
}

.pg-cultural-footer .pg-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}


/* RESPONSIVO */

@media (max-width: 991px) {

    .pg-cultural-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 767px) {

    .pg-home-cultural {
        padding: 80px 0;
    }

    .pg-cultural-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .pg-cultural-imagem {
        height: 230px;
    }

}