/* GhostBase Influenciador V1.9.6.6
   Layout inspirado no grid do fotógrafo, porém SEM cortar imagens. */

.gbi-highlights{
    padding-top:42px!important;
    padding-bottom:58px!important;
}

.gbi-highlights .gbi-head{
    margin-bottom:22px!important;
}

.gbi-highlights .gbi-head span{
    color:#ff6900!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
}

.gbi-highlights .gbi-head h2{
    margin:7px 0 0!important;
    font-size:clamp(28px,3vw,42px)!important;
    line-height:1.05!important;
}

.gbi-highlights-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:start!important;
}

.gbi-highlights-grid article{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:100%!important;
    overflow:hidden!important;
    border:1px solid #35505a!important;
    border-radius:14px!important;
    background:#0c191f!important;
    box-shadow:none!important;
}

/* Área visual uniforme como a segunda imagem,
   mas usando contain para preservar 100% da foto. */
.gbi-highlights-grid article > img{
    width:100%!important;
    height:330px!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    background:#091217!important;
    border:0!important;
}

/* conteúdo embaixo da imagem, no padrão do fotógrafo */
.gbi-highlights-grid article > div{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    padding:12px 14px 14px!important;
    background:#0c191f!important;
    min-height:58px!important;
}

.gbi-highlights-grid article h3{
    margin:0!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.2!important;
    font-weight:900!important;
}

.gbi-highlights-grid article p{
    margin:5px 0 0!important;
    color:#b7c5cb!important;
    font-size:13px!important;
    line-height:1.4!important;
}

.gbi-highlights-grid article a{
    display:inline-flex!important;
    margin-top:9px!important;
    color:#ff7a1a!important;
    text-decoration:none!important;
    font-weight:900!important;
    font-size:12px!important;
}

/* tablet */
@media (max-width:980px){
    .gbi-highlights-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .gbi-highlights-grid article > img{
        height:300px!important;
    }
}

/* celular */
@media (max-width:620px){
    .gbi-highlights{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .gbi-highlights-grid{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }
    .gbi-highlights-grid article > img{
        height:auto!important;
        max-height:520px!important;
        object-fit:contain!important;
    }
}