body,
div,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
blockquote {
    margin: 0;
    padding: 0;
    border-width: 0;
}

div.notas {
    padding: 0.5em;
}

/*para que se vea "centrado" en la pantalla y con márgenes arriba y abajo*/

body {
    width: 80%;
    max-width: 1000px;
    margin: 3em auto;
    background-color: white;
}

div.Marco-de-texto-b-sico {
    border-style: solid;
}

/*Para el logo de la cabecera*/
img.logo{
    height: 7em;
    display:block;
    margin: 0;
}

/*tablas*/

/*para que las tablas tengan overflow*/
div.tabla {
	overflow-x: auto;
	margin-bottom: 1em;
    margin-top: 2rem;
}
/*Tablas generales van sin borde y con márgenes superior e inferior de 2rem*/
table.normal {
	border-collapse:collapse;
	border:0 none #000000;
	margin: 0.5rem auto;
	width: 100%;
}
table.cabecera {
	border-spacing: 0;
	padding: 0;
	margin: 0;
	border-collapse:0;
}
/*Las celdas normales van con borde un 1px y en azul y con un padding de 0.5 rem*/
td{
	padding: 0.5rem;
	vertical-align: top;
	border: 1px solid #4c93b8;
}

td.sombreada {
    background-color: #bfd8e6;
    vertical-align: middle;
}

td.vacia {
    border-width: 0;
}

td.cabecera {
    border: none;
    vertical-align:bottom;
	width: 60%;
	padding: 0em;
}
td.logo {
    border: none;
	border-spacing: 0;
    vertical-align:top;
	width: auto;
	padding: 0em;
	text-align: left;
	margin: 0;
}
th {
    border: none;
    vertical-align:bottom;
	width: 60%;
	padding: 0em;
}
/*títulos tablas*/



p.tabla, p.tabla_cent, p.tabla_dere, p.tabla_cent_esp {
    font-size: 0.9rem;
    text-indent: 0;
}

p.tabla {
    text-align: left;
    text-align-last: left;
}

p.tabla_cent {
    text-align: center;
    text-align-last: center;
}

p.tabla_dere {
    text-align: right;
    text-align-last: right;
}
p.tabla_cent_esp {
    margin-top: 1em;
    text-align: center;
    text-align-last: center;
}
p.apend, p.apend_esp, p.apend_cent, p.apend_cita, p.apend_latin, p.apend_tras {
    color: #000000;
    font-family: "Lora", serif;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: justify;
    text-align-last: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 2;
    hyphens: auto;
}
p.apend_esp {
    margin-top: 1em;
}
p.apend_cent {
    text-align: center;
    text-align-last: center;
    margin-top: 1em;
}
p.apend_cita {
    margin: 0em 1.75em 0;
    text-indent: 1.75em;
    font-size: 0.9rem;
}
p.apend_latin {
    line-height: 1.2;
}
p.apend_tras {
    margin-bottom: 1em;
}
/*títulos*/

h1.title,
h1.lautios,
h2.subtitle {
    hyphens: none;
    color: #006599;
    font-family: "Lora", serif;
    font-size: 1.7rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-transform: uppercase;
    widows: 2;
}

h1.lautios {
    background-color: #d9e8f0;
}

h2.subtitle {
    color: #333333;
    font-family: "Lora", serif;
    font-size: 1.4rem;
    margin-top: 1em;
}


/*encabezados*/

h3.nvl01,
h3.nvl02,
h3.nvl03,
h3.nvl04 {
    hyphens: none;
    color: #006599;
    font-family: "Lora", serif;
    font-size: 1.5rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin: 2em 0 1em;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 2;
}

/*nvl 01 es negrita y mayúsculas*/
h3.nvl01 {
    font-weight: 700;
	font-variant: small-caps;
}

/*nvl 02 es negrita y sin las mayúsculas*/
h3.nvl02 {
    font-weight: 700;
	font-variant: none;
}

/*la diferencia entre el nvl 02 y 03 es la cursiva*/
h3.nvl03 {
    font-style: italic;
}

h3.nvl04 {
    font-style: normal;
    font-weight: 400;
}


h3.nvl01 + h3.nvl02, h3.nvl02 + h3.nvl03, h3.nvl03 + h3.nvl04 {
    margin-top: 0;
}

/*
h3 + p {
    text-indent: 0;
}
*/
/*párrafos*/

p, li {
    color: #000000;
    font-family: "Lora", serif;
    font-size: 1.1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: justify;
    text-align-last: left;
    text-decoration: none;
    text-indent: 1.75em;
    text-transform: none;
    widows: 2;
    hyphens: auto;
}

p.autor {
    color: #000000;
    font-family: "Lora", serif;
    font-size: 1.2rem;
    font-weight:  bold;
    margin-top: 1em;
    text-align: center;
    text-align-last: center;
    text-indent: 0;
}

p.procedencia {
    text-align: center;
    text-align-last: center;
    text-indent: 0;
}

div.recibido, div.recibido_recesion {
   	margin-top: 2em;
	margin-bottom: 2em;
	background-color: #EDF6F9;
    padding: 2em;
}
p.recibido,
p.recibido_recesion {
    font-family: "Lora", serif;
    color: #006599;
    text-align: right;
    text-align-last: right;
    text-indent: 0;
    margin: 0;
}

p.keywords {
    text-align: left;
    text-indent: 0;
}

p.resum_tit {
    font-family: "Lora", serif;
    font-size: 1.2rem;
    font-weight: bold;
    text-align-last: left;
    text-indent: 0;
}

p.ss,
p.resumen {
    text-indent: 0;
}


p.bsc_CE, p.bsc_CE_ss, p.bsc_CE_centrado {
    margin-top: 1.5em;
}

p.bsc_CE_ss {
    text-indent: 0;
}

p.bsc_CE_centrado {
    text-align: center;
    text-align-last: center;
}
p.biblio {
    margin-left: 1.75em;
    text-indent: -1.75em;
	font-size: 1em;
}


p.tabla_fuente {
    margin-top: 0.2em;
    font-size: 0.8rem;
    text-indent: 0;
    text-align: left;
    text-align-last: left;
}
p.entrada {
    font-size: 1.1em;
	text-align: right;
	text-align-last: right;
    padding: 0;
    text-indent:0;
}

/* Listas de números ordenadas*/
/* Hay que ponerle el <li espacio05> al ol solo */
ul, ol {
    margin-left: 0.5rem;
}
li{
    padding-left: 1em; 
	text-indent:0rem;
	margin-top: 0em;
}

li.cita {    
    font-size: 0.9rem;
}

ul.disc {
    list-style-type: disc;
}
ul.circle{
    list-style-type: circle;
}
ul.square{
    list-style-type: square;
}


/*si tenemos que añadir algun chirimbolito que no tengamos tenemos que meterlo aquí y copiar los atributos de las que ya tenemos*/
ul.guion > li,
ul.flecha> li {
    list-style: none;
    position: relative;
}

ul.guion > li:before {
    content: "— ";
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ul.flecha > li:before {
    content: "➢ ";
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}


ul.nada,
ol.nada {
    list-style-type: none;
}


/*Listas ordenadas*/
ol.roman{
    list-style-type: lower-roman;
}
ol.ROMAN{
    list-style-type: upper-roman;
}
ol.minus{
    list-style-type: lower-latin;
}
ol.mayus{
    list-style-type: upper-latin;
}



ol.ord > li,
ol.parent > li,
ol.ordparent > li,
ol.minus_p > li,
ol.mayusc_p > li,
ol.romanos_p > li,
ol.ROMAN_p > li {
    list-style: none;
    position: relative;    
}

ol.ord > li:before {
    content: counter(list) "º ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.parent > li:before {
    content: counter(list) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.ordparent > li:before {
    content: counter(list) "º) ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.minus_p > li:before {
    content: counter(list, lower-latin) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.mayusc_p > li:before {
    content: counter(list, upper-latin) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.romanos_p > li:before {
    content: counter(list, lower-roman) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}
ol.ROMAN_p > li:before {
    content: counter(list, upper-roman) ") ";
    counter-increment: list;
    left: -20px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    width: 30px;
}

/*necesario para que se reinicien los números de las que tienen paréntesis*/
ol.ord,
ol.parent,
ol.ordparent,
ol.minus_p,
ol.mayusc_p,
ol.romanos_p,
ol.ROMAN_p {
    counter-reset: list;
}


/*para notas al pie*/
ol.notas,
ul.notas {
	font-size: 0.9rem;
	text-indent: 0;
	color:#000000;
}


/*para hacer que no se separen del anterior y el <li> para el siguiente*/
ol.nosep,
ul.nosep,
li.nosep {
    margin-top: 0;
    margin-bottom: 0em;
}

/* Para poner una lista dentro de otra tenemos que meterla dentro del </li> de cierre. 
Es conveniente añadir la clas "D" a la nueva lista interior porque así estará menos sangrada. 
Si queremos que se separe del siguiente elemento de la lista le pondremos al ultimo <*li> la clase "esp"*/
li.esp{
    margin-bottom: 1em;
}


/*para más sangría*/
ol.D,
ul.D {
    margin-left: 3em;
}


/*para menos sangría*/
ol.F,
ul.F {
    margin-left: 0.5em;
}


/* Lo tenemos para que se separe del siguiente párrafo */
ol + p, ul + p {
    margin-top: 1.5em;
}
/*párrafos siguientes a los números/letras/guiones sin números/letras/guiones*/
p.list_nada{
	text-indent:0rem;
	margin-top: 0em;
    margin-left: 1em;
}



/*párrafos de cita, listas dentro de citas y nvl dos de listas dentro de citas*/
p.cita, p.cita_ss, p.cita_1, p.cita_lista_1, p.cita_lista_2 {
    margin: 1.5em 1.75em 0;
    text-indent: 1.75em;
    font-size: 1rem;
    font-style: italic;
}

p.cita + p.cita, p.cita_1 + p.cita {
    margin: 0 1.75em;
}

p.cita_1 {
    margin-top: 1.5em;
}

p.cita_ss {
    text-indent: 0;
}

p.cita + p:not(.cita), p.cita_ss + p:not(.cita_ss), p.cita + :not(.cita){
    margin-top: 1.75em;
}

p.cita_ss + p.cita_ss, p.cita_ss + p.cita {
    margin-top: 0;
}

p.cita_comienzo {
	font-size:0.95rem;
	margin:3rem;
	margin-left: 20rem;
	margin-right: 0em;
	margin-bottom: 0em;
	text-align: justify;
	text-align-last: right;
}

/*párrafos de dedicatorias y firmas de dedicatoria*/
p.dedicatoria, p.dedicatoria_firma {
    margin: 1em 0 1em 25%;
    text-indent: 1.75em;
    font-size: 0.95rem;
}

p.dedicatoria_firma {
    text-align-last: right;
}

p.zz-doicp {
    color: #006599;
    font-family: "Times New Roman", serif;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 1;
}

p.pie_fig, p.num_fig, p.tabla_num, p.tabla_tit {
    color: #000000;
    font-family: "Lora", serif;
    font-style: normal;
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
	text-align-last: center;
    text-indent: 0;
}

p.num_fig, p.tabla_num{
    color: #006599;
    font-style: normal;

}

hr.HorizontalRule-1 {
	margin: 2rem 0;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:solid #006599 1px;
}
hr.HorizontalRule-2 {
	margin: 0.5rem 0 5rem 0;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:solid black 2px;
}

/* párrafos para el sumario*/
p.summ,
p.summ02,
p.summ03,
p.summ04 {
    color: #000000;
    font-family: "Open Sans Light", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    orphans: 2;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-align-last: left;
    text-decoration: none;
    text-transform: uppercase;
    widows: 2;
    text-indent: 0em;
    margin-left: 2.2em;
/*    text-indent: -2em;*/
}

p.summ02 {
    margin-left: 2em;
    text-indent: -1em;
    text-transform: none;
}

p.summ03 {
    margin-left: 3em;
    text-indent: -1em;
    text-transform: none;
    font-style: italic;
}

p.summ04 {
    margin-left: 4em;
    text-indent: -1em;
    text-transform: none;
}

p.pie_primero {
    color: #006599;
    font-family: "Lora", serif;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    orphans: 1;
    page-break-after: auto;
    page-break-before: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    widows: 1;
}



/*para las notas, llamadas y vueltas, fondeamos el numero para ello pasamos el span de la llamadas a span class="notas",
 y la vuelta en el <a class="_idFootnoteAnchor _idGenColorInherit> convertimos en <a class="Notas">*/

.Notas {
    /* display:inline-block; */
    background-color: #d9e8f0;
    color: #006599;
}
p.nota, p.nota_sgte {
	font-size: 1rem;
    margin-left:1.5rem;
	text-align:justify;
	text-decoration:none;
	text-indent:-1.5rem;
}
p.nota_sgte {
    text-indent:0rem;
}

span.super {
    vertical-align: super;
    font-size: 10px;
}
span.Scaps {
	font-variant: small-caps;
}
span.Sub {
    vertical-align: sub;
    font-size: 10px;
}
span.i_scaps {
	font-variant: small-caps;
    font-style: italic;
}
span.i_super {
    vertical-align: super;
    font-size: 10px;
    font-style: italic;
}
span.i_under {
    font-style: italic;
    text-decoration: underline;
}
span.b_under {
    font-weight: bold;
    text-decoration: underline;
}

span.b_i {
    font-weight: bold;
    font-style: italic;
}
span.caps {
    text-transform: capitalize;
}


div._idFootnote {
	margin-top: 0.5rem;
	padding: 0.5rem;
    background-color: #EDF6F9;
}


img.logo_ORCID {
    height: 13px;
    /* width: 11px; */
}


/*Para los enlaces*/

a {
    color: #006599;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

figure {
	margin: 2rem auto 2rem;
	text-align: center;
	width: 100%;
} 
/* para las imágenes, lo de inline es para que el ORCID quede bien, y lo de abajo es para que las fotos se centren*/

img {
    display: inline;
    margin: auto;
}

img._100,
img._50,
img._75 {
    display: block;
    margin: 1em auto;
}


@media only screen and (min-width: 800px) and (max-width: 1200px) {
    img._100 {
        width: 70vw;
    }
    img._75 {
        width: 60vw;
    }
    img._50 {
        width: 50vw;
    }
}

@media only screen and (max-width: 799px) {
    img._100 {
        width: 95vw;
    }
    img._75 {
        width: 90vw;
    }
    img._50 {
        width: 85vw;
    }
}
img._50 {
	width: 80%;
}

img._75 {
	width: 90%;
}

img._100 {
	width: 100%;
}
img._40 {
	width:40%;
}
img._10 {
	width:10%;
}

.overlay {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: rgba(0, 0, 0, 0.7); */
    /* transition: opacity 50ms; */
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popupBody {
    width: 46%;
    padding: 2%;
    border-radius: 15px;
    box-shadow: 0 0 5px #CCC;
    background: #FFF;
    position: relative;
    /* transition: all 5s ease-in-out; */
    margin: 20% auto;
}

/* #cerrar {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #F00;
} */
span.cardo {
font-family: "Cardo", serif;
font-weight: 400;
font-style: normal;
}
.cardo-bold {
font-family: "Cardo", serif;
font-weight: 700;
font-style: normal;
}
.cardo-regular-italic {
font-family: "Cardo", serif;
font-weight: 400;
font-style: italic;
}
span.macron {
    border-top: 1px solid black;
    display: inline-block;
    padding-top: 0.5em;
    line-height: 0em;
    margin-top:0%;
}
pre {
    font-family: monospace; /* Fuente monoespaciada para mejor alineación */
}