.italic {
  font-style: italic;
  font-weight: lighter;
}

html, body {
  margin: 0;
}

body {
  background: url(images/pexels-ready-made-croped.jpg) center/cover repeat;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  min-height: 100vh;
}

header, footer {
  background: black;
  color: white;

  width: 100%;
}

header {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  
  margin-top: 10vh;
}

header ul {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  margin: 10px;
  padding: 0px;
  width: 70%;
}

header li {
  list-style: none;
  font-size: medium;
  text-align: center;

  padding-right: 5%;
}

header a {
  font-size: large;

  text-decoration: none;
  color: #f9faf8;
}

a:hover {
  color: #f7601b;
}

footer {
  text-align: center;

  display: flex;
  flex-flow: column wrap;

  padding: 10px 0px 7px;
  margin-bottom: 10vh;
}

.cintillo-legal {
  font-size: xx-small;

  width: 90%;
  margin: 0 auto 3px;
}

.contenedor-principal {
  background: rgb(30, 34, 45);
  color: white;

  display: flex;
  justify-content: baseline;

  width: 80%;
}

.cinta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
  width: 5%;
}

#cinta-top {
  width: 100%;
}

#cinta-bottom {
  margin-top: -70%;
}

.contenido {
  display: flex;
  flex-direction: column;

  width: 100%;
  padding: 2% 10%;
}

.contenido-archive {
  display: flex;
  flex-direction: column;

  width: 100%;
  padding: 2% 8%;
}

.contenido p {
  text-align: justify;
}

.titulo {
  text-align: center;
}

/* .colaborador {
  display: flex;
  flex-direction: column;
  margin: auto auto 2vh;
  align-items: center;
} */

.foto {
  width: 7vw;
  max-width: 2.5cm;
  height: auto;
  margin: 0 2vw 1vh;
  float: left;
}

.colaborador p {
  margin: 0 0 1vh 0;
}

.numero {
  display: flex;
  flex-wrap: row wrap;
  justify-content: space-between;

  margin: 3vh auto auto;
}

.datos-numero {
  width: 20%;
}

.datos-numero h3, .articulos h3 {
  margin: 0 auto 5px;
}

.datos-numero ul {
  padding-left: 10%;
}

.datos-numero li {
  list-style: none;
}

.subtitulo {
  /* align-self: center; */
  margin: 0 auto 1vh;
}

.portada {
  width: 35%;
  min-width: 150px;
}

.portada a img{
  width: 100%;
}

.portada-mini a img{
  width: 90px;
  height: 110px;
}


th.articulo-archive-numero {
  padding: 18px;
  font-size:smaller;
  color: #f9faf8;
  width: 130px;
}

td.articulo-archive-volumen {
  padding: 18px;
  font-size:smaller;
  color: #f9faf8;
  width: 180px;
}

.articulo-archive {
  background: rgb(30, 34, 45);
  padding: 1px;
}

.articulo-archive a {
  font-size:smaller;
  text-decoration: none;
  color: #f9faf8;
}

.articulos {
  width: 35%;
}

.articulos ul{
  width: 100%;
}

.articulos li {
  list-style-image: url(images/bullet-m.png);
  margin: 5% auto 0;
  font-weight: bold;
  font-size: large;
}

.articulos a {
  text-decoration: none;
  color: #f9faf8;
}

.articulos a:hover {
  color: #f7601b;
}

.articulos p {
  margin: 0.2vh 0 auto 10%;
  font-style: italic;
}

iframe {
  width: 100%;
  min-height: 95vh;
  align-self: center;
  margin-top: 5vh;
}

.legal {
  font-size: larger;
  line-height: 1.2;
}

.enlace {
  text-decoration: none;
  color: #f9faf8;
}

.enlace a:hover {
  color: #f7601b;
}

.ISSN {
  display: flex;
  justify-content: right;
  width: 80%;

  color: #f9faf8;
  background-color: black;
}



.modal-body-text {
  font-size: smaller;
  color: black;
}

.modal-text {
  color: black;
}