:root {
  --hover-one: #2a39aa;
}

header .suscribase {
  background-color: black;
}
header .logo-buscador {
  height: 180px;
  background: url("../images/cabecera1.jpg") white no-repeat;
  background-size: 4000px 180px;
}
.wordmark {
  width: 802px;
}

header .logo-buscador .logo {
  padding-top: 39px;
}

header .logo-buscador .buscador .box-buscador .campo .busqueda-avanzada a {
  color: #000000;
}
header .logo-buscador .buscador .box-buscador .compartir {
  color: #000000;
}

header .logo-buscador .buscador .box-buscador {
  background-color: rgba(255, 255, 255, 0.95);
}
.capa-buscador .busqueda {
  border-color: black;
}
header .capa-buscador {
  background: transparent;
  border-color: black;
}
.capa-buscador .busqueda input[type="submit"] {
  background-color: #ffffff;
  border-color: #ffffff;
}
header .logo-buscador .buscador input[type="button"] {
  background-color: #ffffff;
  border-color: #ffffff;
}
header .compartir-bl {
  background-image: url("../images/compartir_000000.png");
}
header .compartir-bl:hover {
  background-image: url("../images/compartir-bl.png");
}
header .lupa_blanca {
  background-image: url("../images/lupa_000000.png");
}
header .lupa_blanca:hover {
  background-image: url("../images/lupa_blanca.png");
}
header .logo-buscador .logo .img {
  padding-left: 5px;
}

.info-revista .msg {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: #bd2b31;
  font-weight: bold;
}

@media screen and (min-width: 280px) and (max-width: 1322px) {
  .wordmark {
    width: 670px;
  }
}

@media screen and (min-width: 280px) and (max-width: 1190px) {
  .wordmark {
    width: 460px;
  }
  header .logo-buscador .logo {
    padding-top: 54px;
  }
}

@media screen and (min-width: 280px) and (max-width: 980px) {
  header .logo-buscador {
    height: 180px;
    background: url("../images/cabecera2.jpg") white no-repeat;
    background-size: 1000px 180px;
  }
  .wordmark {
    width: 402px;
  }
  header .logo-buscador .logo {
    padding-top: 74px;
  }
}

@media screen and (min-width: 280px) and (max-width: 980px) {
  .wordmark {
    width: 350px;
  }
  header .logo-buscador .logo {
    padding-top: 74px;
  }
}
