.fr-home-banners{
    width:min(1440px,calc(100% - 40px));
    margin:26px auto 8px;
}
.fr-home-banners__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.fr-home-banner{
    display:block;
    overflow:hidden;
    aspect-ratio:276/155;
    border:1px solid #e4dacd;
    border-radius:6px;
    background:#f7f3ed;
    box-shadow:0 5px 18px rgba(43,35,28,.05);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
a.fr-home-banner:hover{
    transform:translateY(-2px);
    border-color:#c79b55;
    box-shadow:0 10px 24px rgba(43,35,28,.10);
}
.fr-home-banner img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
@media(max-width:1050px){
    .fr-home-banners__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
    .fr-home-banners{width:calc(100% - 22px);margin-top:16px}
    .fr-home-banners__grid{grid-template-columns:1fr;gap:10px}
}


/* FOTO RATTS V98 — banners no mesmo fundo de Trabalhos Recentes */
.foto-ratts-home .fr-home-banners{
    position:relative!important;
    width:100vw!important;
    max-width:none!important;
    margin:0 0 0 calc(50% - 50vw)!important;
    padding:30px 24px 28px!important;
    box-sizing:border-box!important;
    background:var(--fr-white, #fff)!important;
}

.foto-ratts-home .fr-home-banners__grid{
    width:min(1440px,100%)!important;
    margin:0 auto!important;
}

@media(max-width:620px){
    .foto-ratts-home .fr-home-banners{
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        padding:18px 10px 16px!important;
    }
}


/* =========================================================
   FOTO RATTS V99
   Banners separados visualmente do Slide Show e integrados
   ao mesmo fundo branco de Trabalhos Recentes.
   ========================================================= */
.foto-ratts-home .fr-home-banners{
    width:100vw!important;
    max-width:none!important;
    margin:34px 0 0 calc(50% - 50vw)!important;
    padding:36px 24px 30px!important;
    box-sizing:border-box!important;
    background:var(--fr-white, #fffdf9)!important;
    border-top:1px solid var(--fr-line, rgba(67,61,52,.12))!important;
}

.foto-ratts-home .fr-home-banners__grid{
    width:min(1440px,100%)!important;
    margin:0 auto!important;
}

.foto-ratts-home .home-eventos--recentes{
    margin-top:0!important;
    background:var(--fr-white, #fffdf9)!important;
}

@media(max-width:620px){
    .foto-ratts-home .fr-home-banners{
        margin-top:22px!important;
        padding:22px 10px 18px!important;
    }
}


/* FOTO RATTS V100 — banner 433 x 243 px no desktop */
.foto-ratts-home .fr-home-banners__grid{
    grid-template-columns:repeat(4,433px)!important;
    gap:16px!important;
    justify-content:center!important;
}

.foto-ratts-home .fr-home-banner{
    width:433px!important;
    height:243px!important;
    aspect-ratio:auto!important;
}

@media(max-width:1480px){
    .foto-ratts-home .fr-home-banners__grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }

    .foto-ratts-home .fr-home-banner{
        width:100%!important;
        height:auto!important;
        aspect-ratio:433/243!important;
    }
}

@media(max-width:1050px){
    .foto-ratts-home .fr-home-banners__grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){
    .foto-ratts-home .fr-home-banners__grid{
        grid-template-columns:1fr!important;
    }
}


/* =========================================================
   FOTO RATTS V112 — MOBILE: 4 BANNERS LADO A LADO
   ========================================================= */
@media (max-width: 620px) {
    .foto-ratts-home .fr-home-banners{
        width:100vw!important;
        margin-left:calc(50% - 50vw)!important;
        margin-top:18px!important;
        padding:10px 8px!important;
        box-sizing:border-box!important;
    }

    .foto-ratts-home .fr-home-banners__grid{
        display:grid!important;
        grid-template-columns:repeat(4, minmax(0, 1fr))!important;
        gap:4px!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
    }

    .foto-ratts-home .fr-home-banner{
        width:100%!important;
        height:auto!important;
        aspect-ratio:433 / 243!important;
        min-width:0!important;
        border-radius:4px!important;
        box-shadow:none!important;
    }

    .foto-ratts-home .fr-home-banner img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }
}