<style>
	/* =============================================================
   SINGLE – DIÁRIO DA NOSSA GENTE
   ============================================================= */
#ng-single .ng-hero {
    height: 380px;
    background-size: cover;
    background-position: center;
    position: relative;
}
#ng-single .ng-hero .overlay{
    content:"";
    position:absolute;inset:0;
    background:rgba(0,0,0,.35);
}
/* Conteúdo principal */
#ng-single .ng-content{padding:60px 0;}
#ng-single .ng-date{display:block;color:#999;font-size:.9rem;margin-bottom:6px;}
#ng-single .ng-title{font-size:2rem;font-weight:700;color:#032655;margin-bottom:25px;}
#ng-single .ng-intro{font-size:1.1rem;font-weight:500;margin-bottom:30px;}
#ng-single .ng-entry{margin-bottom:50px;}
#ng-single .ng-entry img{max-width:100%;height:auto;border-radius:6px;}

/* Vídeos */
#ng-single .ng-subtitle{margin:40px 0 20px;text-align:center;color:#032655;}
#ng-single .ng-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
#ng-single .video-embed{position:relative;padding-top:56.25%;}
#ng-single .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;}

/* ------------------ POSTS RELACIONADOS ------------------ */
#ng-single .ng-related{padding:60px 0;background:#f8f8f8;}
#ng-single .ng-related-title{text-align:center;font-size:1.8rem;font-weight:700;color:#032655;margin-bottom:40px;}
#ng-single .ng-related-title .strong{text-align:center;font-size:1.8rem;font-weight:900;text-decoration: underline; color:#032655;margin-bottom:40px;}
/* reaproveita o mesmo grid/cards do archive */
#ng-single .ng-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
#ng-single .ng-card{position:relative;border-radius:8px;overflow:hidden;background:#fafafa;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.25s;}
#ng-single .ng-card:hover{transform:translateY(-6px);}
#ng-single .ng-card .thumb{display:block;width:100%;padding-top:66%;background-size:cover;background-position:center;}
#ng-single .ng-card .info{padding:18px 20px 22px;}
#ng-single .ng-card time{display:block;font-size:.85rem;color:#999;margin-bottom:6px;}
#ng-single .ng-card .title{margin:0;font-size:1.05rem;line-height:1.35;}
#ng-single .ng-card .title a{color:#032655;text-decoration:none;}
#ng-single .ng-card .title a:hover{text-decoration:underline;}

@media(max-width:1023px){#ng-single .ng-card-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:599px){#ng-single .ng-card-grid{grid-template-columns:1fr;}}


#nossa-gente-archive {
    /* cor ou imagem de fundo global (opcional) */
    background: url("../../img/bg-galeria.jpg") center/cover no-repeat;
    padding: 60px 0;
}

#nossa-gente-archive .page-title {
    margin-bottom: 40px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    color: #032655;
}

/* Grid de cartões */
.ng-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Cartão individual */
.ng-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #fafafa;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    transition: transform .25s ease;
}

.ng-card:hover { transform: translateY(-6px); }

/* thumb em background */
.ng-card .thumb {
    display: block;
    width: 100%;
    padding-top: 66%;  /* proporção 3:2 */
    background-size: cover;
    background-position: center;
}

/* Área de informações */
.ng-card .info {
    padding: 18px 20px 22px;
}

.ng-card time {
    display: block;
    font-size: .85rem;
    color: #999;
    margin-bottom: 6px;
}

.ng-card .title {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
}

.ng-card .title a {
    color: #032655;
    text-decoration: none;
}

.ng-card .title a:hover { text-decoration: underline; }

/* ---------- Responsivo ---------- */
@media (max-width: 1023px) {
    .ng-card-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 599px) {
    .ng-card-grid { grid-template-columns: 1fr; }
}

/* categoria dentro do card */
.ng-card .cat           {display:block;margin:6px 0 2px;font-size:.85rem;
                         font-weight:600;text-transform:uppercase;color:#ff6600}
/* link */
.ng-card .cat a         {color:inherit;text-decoration:none}
.ng-card .cat a:hover   {text-decoration:underline}

</style>