/* HERO: 1 grande + 2 pequenos */
.zgh-grid{display:grid;grid-template-columns:2fr 1fr;align-items:stretch}

.zgh-left {
    grid-row: span 2;
    margin-right: 24px;
}

.zgh-right{display:grid;grid-template-rows:1fr 1fr;gap:24px}
.zgh-card{position:relative;overflow:hidden;background:#f6f6f6}
.zgh-media,.zgh-media img{display:block;width:100%;height:100%}
.zgh-media img{object-fit:cover;transform:scale(1.001);transition:transform .35s ease}
.zgh-card:hover .zgh-media img{transform:scale(1.04)}

.zgh-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 45px 30px;
    background: linear-gradient(to top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0) 70%);
    color: #fff;
}

.zgh-cat {
    font-size: 11px;
    font-weight: 400;
    opacity: 1;
    margin: 0 0 8px;
    text-transform: uppercase;
}
.zgh-cat a{color:#fff;}

.zgh-title{margin:0 0 6px;font-size:clamp(1.1rem,1.4vw,1.6rem);line-height:1.2}
.zgh-left .zgh-title {
  font-size: clamp(1.7rem, 3vw, 2.8rem);
}

.zgh-title a{color:#fff;text-decoration:none}
.zgh-title a:hover{text-decoration:underline}
.zgh-date{font-size:.8rem;opacity:.95}
.zgh-excerpt{margin:6px 0 0;opacity:.95}
@media(max-width:980px){.zgh-grid{grid-template-columns:1fr}.zgh-left{grid-row:auto;margin-right:0px;margin-bottom:24px;}.zgh-right{grid-template-rows:auto}}