@charset "UTF-8";
/* CSS Document */

body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

/*h2 {
  font-size: 2.5em;
  font-size: 2.1em;
  border-bottom: solid 1px;
  margin-bottom: 2%;
}*/

button{
	/*width: 100%;*/
	display: block;
  	font-size: 14px;
  	text-align: center;
  	padding: 10px;
  	border: none;
  	cursor: pointer;
	margin: 10px;
	/*margin: 10px 0px;*/
	color: #fff;
	background-color: #337ab7;
}
button:hover{
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
	text-decoration: none;
}

/**************NÚMEROS**************/

.cintillo-revista{
	height: 240px;
	display: flex;
	align-items: center;
	padding: 30px;
	background-color: rgb(226 232 240);
	gap: 10px;
}
.revista{
	margin-left: 4%;
	padding: 0px 0px 0px 10px;
	border-style: solid;
	border-width: 0px 0px 0px 05px;
	border-color: #0BC0CF;
	font-weight: unset;
}
.rudh-numero h2{
	font-size: 17px;
	margin-left: 5%;
	padding: 2%;
	width: auto;
	display: inline-block;
	color: white;
	background: #337ab7;
	text-transform: uppercase;
	margin-top: 20px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

#rudh-numero1 {
	padding-bottom: 10%;
	border-top: solid 1px white;
	border-right: solid 1px white;
	background: linear-gradient(90deg, rgba(172, 172, 172, 0.69) 0%, rgb(255 255 255 / 85%) 20%);
}

#contenido > div {
	font-size: 17px;
	padding-left: 4%;
	padding-right: 4%;
	margin-left: 5%;
	text-align: justify;
}

.rudh-imagen{
}

.rudh-imagen img {
	margin: 0 auto;
}
.rudh-img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}

.rudh-descripcion{
	padding: 5%;
    padding-right: 5%;
    padding-left: 5%;
	border: solid 1px #4740441a;
	margin: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
	font-size: 18px;
}
.rudh-descripcion p {
	margin: 0 0 10px;
}

.rudh-contenedor{
	min-height: 100%;
	width: 85%;
	padding-right: 0;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.rudh-list{
	padding-left: 0;
	list-style: none;
}
.rudh-articulos.media:nth-child(2n) {
	background: linear-gradient(90deg, rgba(134, 121, 130, 0) 11%, rgba(251, 251, 251, 0.38) 27%);
}
.rudh-articulos.media:nth-child(2n+1) {
	background: linear-gradient(90deg, rgba(134, 121, 130, 0) 11%, rgba(208, 215, 218, 0.19) 87%);
}
.rudh-articulos.media {
/*  
	margin: 0;*/
	padding: 1.5% 0;
	margin-left: 13%;
margin-right: 6%;
}
.rudh-articulos{
	border-bottom: solid 1px #dbdbdb;
	padding: 0 0 1.5% 0;
	margin-left: 13%;
margin-right: 6%;
}
.rudh-articulos h3{
	line-height: 28px;
	font-size: 22px;
	color: #337ab7;
	text-decoration: none;
	word-break: break-word;
	font-family: inherit;
	font-weight: 500;
	margin: 2.75em 0 0 0;
}
.rudh-articulos small{
	font-size: 14px;
	display: inline-block;
	margin-top: 10px;
	font-weight: 400;
	margin-right: 5%;
	color: #777;
}
.rudh-autor{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	color: #333;
}
.rudh-presentation small {
	color: #ffffff;
	background: #908d8d;
	display: inline-block;
	width: auto;
	padding: 10px;
	text-transform: uppercase;
	margin-bottom: 5%;
}

.rudh-article small {
	color: #ffffff;
	/*margin-top: 8%;*/
	background: #908d8d;
	display: inline-block;
	width: auto;
	margin: 2%;
	padding: 10px;
	text-transform: uppercase;
}

.rudh-review small {
	color: #ffffff;
	margin-top: 8%;
	background: #908d8d;
	display: inline-block;
	width: auto;
	padding: 10px;
	text-transform: uppercase;
}



.page-header {
	border: none;
	border-top: solid 2px #ffffffb8;
	padding-bottom: 9px;
margin: 40px 0 20px;
}
.pageheaderText {
  padding: 1% 5%;
  display: block;
}

/*.pdf-visor {
    width: 100%;
    height: 100vh;
    border: none;
    display: block;
}*/

.publicacion-pdf{
	width: 100%;
	height:100%
}

.publicacion-pdf embed{
width: 100%;
height: 80vh;
aspect-ratio: auto 9/16;
}

/**************ARTÍCULOS**************/

.author strong {
  padding: 3%;
  font-size: 1.5em;
}


.container {
  min-height: 100%;
  padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.page-header {
	border-top: solid 2px #ffffffb8;
	padding-bottom: 9px;
/*margin: 40px 0 20px;*/
/*font-size: 36px;*/
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
padding: 2%;
}
/*.row::before{
	display: table;
content: " ";
}*/

.row {
	display: flex;
  margin-right: -15px;
  margin-left: -15px;
}

.authors {
  padding-top: 10px;
  padding-bottom: 10px;
}


.author {
  background: #ffffff99;
  padding: 1%;
    padding-bottom: 1%;
  padding-bottom: 3%;
  margin-bottom: 0;
  margin-top: 0;
}

.article-abstract {
  padding: 3%;
  margin-bottom: 2em;
  font-size: 16px;
text-align: justify;
color: #333;
}

.article-references h2 {
background: whitesmoke;
margin-top: 1%;
font-size: 1.1em;
padding: 3%;
margin-bottom: 5%;
border-bottom: unset;

font-weight: 200;
line-height: 1.42857143;
}

.article-references ul{
	padding: 3%;
}

.panel-title{
border-top: #55555538 solid 1px;
background-color: #f5f5f5;
padding: 10px 15px;
font-weight: 200;
}

.panel-body{
padding: 5%;
font-size: 14px;
color: #333;
font-weight: 200;
text-align: left;
}

.list-group {
  background: white;
color: black;
font-size: 14px;
}

.list-group-item{
  padding: 0px 0px !Important;
}

.keyword button{
	background-color: whitesmoke;
}
.keyword button:hover{
	background-color: gray;
}

.keywordButton {
  color: #333;
  border-radius: unset !important;
  margin-right: 1.5%;
  margin-bottom: 1%;
  padding: 2% 5%;
  margin: 2%;
  width: 80%;
  border: solid 1px;
}	

.btn-primary {
	width: 100%;
margin: 10px 0px;
  border: 1px solid transparent;
}

.btn-primary:hover {
background-image: linear-gradient(#e72510, #d9230f 6%, #cb210e);
background-repeat: no-repeat;
filter: none;
border: 1px solid #a91b0c;
}


/**************VERSIÓN MÓVIL/TABLETA**************/

@media screen and (min-width: 1200px){
.container {
  width: 80%;
  padding-right: 0;
  padding: 2%;
}
}

@media screen and (min-width: 992px){
	
.col-md-4 {
  width: 33.33333333%;
}
.col-md-6 {
  width: 66%;
  padding-right: 0;
  margin-right: 0;
  float: left;
  padding-left: 15px;
  position: relative;
min-height: 1px;
}
.article-sidebar.col-md-4 {
  color: blue;
  margin: 0 !important;
}
}

@media screen and (max-width: 520px) {
.rudh-contenedor{
	width:100%;
}
.row {
	flex-direction: column-reverse;
	margin:inherit;
}
.cintillo-revista {
	display:none;
  height: fit-content;
}
.cintillo-revista img{
	display: none;
}
.cintillo-revista h1{
	font-size: 100%;
	margin: unset;
	max-width: 300px;
}
.pdf-visor {
    width: 100%;
    height: 100vh;
    border: none;
    display: block;
}
}