/*==========================================================
 REVISTA CIENTÍFICA HUMANIDADES
 CSS Institucional v3.0
 Compatible con Pandoc + OJS 3.5
==========================================================*/

:root{

--primary:#003366;
--secondary:#18c4c7;
--text:#2f2f2f;
--light:#f8f8f8;
--border:#d9d9d9;

}

html{
scroll-behavior:smooth;
}

body{

max-width:1100px;

margin:auto;

padding:40px;

font-family:Georgia,"Times New Roman",serif;

font-size:18px;

line-height:1.8;

color:var(--text);

background:white;

}

/*==========================================================
 TITULOS
==========================================================*/

h1{

text-align:center;

font-size:2.3rem;

color:var(--primary);

line-height:1.3;

margin-bottom:15px;

padding-bottom:15px;

border-bottom:4px solid var(--secondary);

}

h2{

font-size:1.45rem;

color:var(--primary);

margin-top:45px;

margin-bottom:20px;

padding-bottom:6px;

border-bottom:2px solid var(--secondary);

text-transform:uppercase;

}

h3{

color:var(--primary);

margin-top:30px;

}

/*==========================================================
 PARRAFOS
==========================================================*/

p{

text-align:justify;

margin-bottom:15px;

}

/*==========================================================
 AUTORES
==========================================================*/

.author{

text-align:center;

font-size:18px;

margin:5px;

font-weight:bold;

}

.author sup{

font-weight:normal;

}

/*==========================================================
 AFILIACIONES
==========================================================*/

ol{

margin-top:15px;

margin-bottom:25px;

}

ol li{

text-align:center;

list-style-position:inside;

}

/*==========================================================
 ORCID
==========================================================*/

img[src*="orcid"],
a img{

width:18px !important;

height:18px !important;

display:inline-block !important;

vertical-align:middle;

margin-left:5px;

margin-right:5px;

border:none !important;

box-shadow:none !important;

}

/*==========================================================
 RESUMEN
==========================================================*/

blockquote{

border-left:5px solid var(--secondary);

padding-left:18px;

margin:25px 0;

background:#fafafa;

}

/*==========================================================
 TABLAS
==========================================================*/

table{

width:100%;

border-collapse:collapse;

margin:30px auto;

font-size:16px;

}

thead{

background:var(--primary);

color:white;

}

th{

padding:12px;

border:1px solid var(--border);

}

td{

padding:10px;

border:1px solid var(--border);

vertical-align:top;

}

tbody tr:nth-child(even){

background:#f7f7f7;

}

/*==========================================================
 FIGURAS
==========================================================*/

figure{

text-align:center;

margin:35px auto;

}

figure img{

width:85%;

height:auto;

border:1px solid #ddd;

border-radius:4px;

box-shadow:0 3px 12px rgba(0,0,0,.15);

}

figcaption{

font-size:15px;

font-style:italic;

color:#555;

margin-top:10px;

}

/*==========================================================
 IMAGENES GENERALES
==========================================================*/

img{

max-width:100%;

height:auto;

display:block;

margin:auto;

}

/*==========================================================
 ENLACES
==========================================================*/

a{

color:#005fa3;

text-decoration:none;

}

a:hover{

text-decoration:underline;

}

/*==========================================================
 DOI
==========================================================*/

a[href*="doi.org"]{

font-weight:bold;

}

/*==========================================================
 REFERENCIAS
==========================================================*/

.references p{

padding-left:30px;

text-indent:-30px;

margin-bottom:12px;

}

/*==========================================================
 LINEA
==========================================================*/

hr{

border:none;

border-top:2px solid var(--secondary);

margin:40px 0;

}

/*==========================================================
 RESPONSIVE
==========================================================*/

@media (max-width:768px){

body{

padding:20px;

font-size:16px;

}

h1{

font-size:1.8rem;

}

h2{

font-size:1.25rem;

}

table{

display:block;

overflow-x:auto;

}

figure img{

width:100%;

}

}