/* ===========================================
   HERO
=========================================== */

.social-hero{
    position:relative;
    overflow:hidden;
    min-height:100vh;

    display:flex;
    align-items:center;
}

.social-hero__media{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center right;

    z-index:0;

    transition:.8s;
}

.social-hero__shade{

    position:absolute;

    inset:0;

    z-index:1;

    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.95) 0%,
        rgba(0,0,0,.82) 38%,
        rgba(0,0,0,.35) 72%,
        rgba(0,0,0,.15) 100%
    );

}

.social-hero__grid{

    position:absolute;

    inset:0;

    z-index:1;

    opacity:.10;

    background-image:

        linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),

        linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);

    background-size:80px 80px;

}

.social-hero__inner{

    position:relative;

    z-index:2;

}
/* Imagen principal del hero de Redes Sociales */
.social-hero__media {
  display: block;
  pointer-events: none;
}