/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  body > .ini {
    /* Para redes */
    padding-top: 1em;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  body > .ini {
    /* Para redes */
    padding-top: 2em;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  body > .ini {
    /* Para redes */
    padding-top: 5em;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  body > .ini {
    /* Para redes */
    padding-top: 10em;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  body > .ini {
    /* Para redes */
    padding-top: 15em;
  }
}

a {
  color: #000000;
}

video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
}

.com-content-article__body > .ini {
  /* Para principal */
}

body > .ini {
  /* Para redes */
    position: fixed;
    top: 0;
    width: 100%
}

.wrap-gen {
  text-align:center;
}

.wrap_rrss {
  width: 320px;
  display: inline-block;
  background-color: #ffffff;
  margin: 10px;
  padding: 10px;
}

.col_1_rrss {
  width: 80px;
}

.logo_rrss {
  width: 100%;
}

.img_rrss {
  max-width: 80px;
  max-height: 56px;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.col_2_rrss {
  width: 220px; margin-left: 15px;
}

.titulo_rrss {
  width: fit-content;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #000000;
}

.tit_rrss {
  margin: 8px 20px 8px 20px;
  height: 24px;
  -webkit-filter: invert(1);
   filter: invert(1);
}

.usuario_rrss {
  font-family: Unbounded;
  font-size: 1.1em;
}