.mod_mr_home_redes_sociais { background: linear-gradient(to top, #FFEFBD 7%, #BE98FF 100%); padding: 96px 0; position: relative;}
.mod_mr_home_redes_sociais .grid_redes_sociais { display: grid; grid-template-areas: 'a b' 'c c'; }

.mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_icones_redes { grid-area: b; display: flex; gap: 24px; justify-self: flex-end; }
.mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_reels { grid-area: c; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; }
.mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_reels .grid_redes_reels_um_reel { width: 100%; aspect-ratio: 4 / 5; border-radius: 8px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.25); }

.mod_mr_home_redes_sociais .conteudo_layout {
    z-index: 11;
}

.mod_mr_home_redes_sociais .decoracao {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background-image: url(circulo.svg);
    background-repeat: no-repeat;
    background-position-y: 180px;
    background-position-x: calc(50% + 300px);
}

/* Overrides do template */
.mod_mr_home_redes_sociais .botao_azul_escuro { padding: 12px 8px; }
.grid_titulo { grid-area: a; font-size: 40px; margin-bottom: 48px; color: #002F8E; }

@media (max-width: 768px) {
    .mod_mr_home_redes_sociais { padding: 36px 0; }
    .mod_mr_home_redes_sociais .grid_redes_sociais { grid-template-areas: 'a' 'c' 'b'; }
    .mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_icones_redes { justify-content: space-between; width: 100%; gap: unset; margin-top: 24px; }
    /* .mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_reels { grid-template-columns: repeat(3, 1fr); grid-gap: 24px; } */
    /* .mod_mr_home_redes_sociais .grid_redes_sociais .grid_redes_reels .grid_redes_reels_um_reel:last-of-type { display: none; } */
}