@charset "utf-8";

/*===================================SECCIONES===*/

/*Por orden se su posición en el libro*/
.f-cubierta {
	height:100%;
	width:auto;
	page-break-before:always;
	page-break-inside: avoid;
	text-align:center;
}



/*Portadilla. En página par, enfrentada a la portada, para el logo del editor (y otros) que no caben en la portada*/
.f-portadilla {}
	.f-portadilla div.logos {}


/*Frontispicio*/
.f-frontispicio{}


/*Portada*/
.f-portada {
    margin:0; 
    hyphens:none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;	
	text-indent: 0;                 
}
	.f-portada .p-titulo-coleccion {
		font-size: 1.26em;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 2.4em;
	}
	.f-portada .p-titulo {
		font-size: 3.79em;
		line-height: 1;
		font-weight: bold;
		margin-bottom: 0.8em;
	}
	div.logo-portada {
		width: 30mm;
		float: bottom;
		margin-bottom: -3.03em;
	}

	
/*Copyright*/
.f-copyright{
	float:bottom; 
	padding-bottom: 0.32em;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;	
	padding-bottom: 10em;
}
	.f-copyright p {   	
		text-indent:0;
        font-size: 0.89em;
        text-align:left;
        line-height: 1.3;
    }
	div#logos-papel {
		display: flex;
		height: 50px;
		justify-content: flex-start;
		margin-bottom: 2.53em;
		margin-top: 1em;
	}
		div#logos-papel img {
			height: 70px; 
			width: auto; 
			margin-right: 1.26em;
		}		
	.f-copyright p.copyright {padding-left: 1.1em; text-indent: -1.1em;}
 
	
/*Índice*/
.f-indice {    
	margin-right:0.0em; 
	hyphens:none !important;
   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   -epub-hyphens:none;
   -adobe-hyphenate:none;
}
	.f-indice h1 {}	
	.f-indice ol {margin:0;}
	.f-indice ol li ol {margin-top: 3px}		
	.f-indice ol li ol li{
		margin-left: 2.0em; 
		text-indent: -2.0em;
	}	 
		.f-indice li {
			list-style-type: none !important;
			color: black; 
			text-decoration: none; 
			background-color:transparent!important; 
			line-height: 1.3;
		}  
		.f-indice li._1 {
			font-size: 1.47em;
			line-height: 1.25;
			font-weight: bold;
			margin-bottom: 1.34em;
		}
			.f-indice li._1:last-of-type { margin-bottom: 0;}
			.f-indice li._1 a[href]::before {content: target-counter(attr(href), page) '\2014';}

			
		.f-indice li._2 {             
			font-size: 1.0em;       
			font-weight: normal;
		}
			.f-indice li._2 a[href]::before {content: none;}

		.f-indice li._3 {
			display: none;
		}
	
	.f-indice span.num-toc { /* los número de los epigrafes*/
		display: none;
	}

		
/*Presentación*/
.f-presentacion {page-break-before: right;}
	.f-presentacion .p-firma{
		text-align:right;
		font-weight:bold;
		margin-top:0.55em;
	}


/*Capítulo*/
.m-capitulo{}
	.m-capitulo h1{}
	.m-capitulo h2 {}
		.m-capitulo h1 + h2 {}
	.m-capitulo .p-titulo{}
	.m-capitulo .p-autor{}

	

/*Esta edición*/
.f-estaedicion {page-break-before: right;}


/*Dedicatoria*/
.f-dedicatoria {}
	.f-dedicatoria p {text-indent:0;}

	
/*Epígrafe*/
.f-epigrafe {}
    .f-epigrafe p {text-indent: 0;}


/*Reconocimientos*/
.f-reconocimientos{}


/*Prefacio*/
.f-prefacio {}


/*Introducción*/
.f-introduccion {}


/*Prólogo*/
.m-prologo {}


/*Lista de ilustraciones*/
.f-listailustraciones {}


/*Imágenes*/
.m-imagenes {margin: 0;}


/*Glosario*/
.b-glosario {}


/*Bibliografía*/
.b-bibliografia{}
	.b-bibliografia p {	
		margin-left:0; /* 2em */
		padding-left: 2.0em;
		text-indent: -2.0em;
		text-align: left;
	}
	.b-bibliografia h4 {
		margin-top: 1.0em;
		margin-bottom: -0.5em;
		margin-left:0;
		font-style:normal;
		font-weight: normal;
	}
		

/*Más créditos*/
.b-mas-creditos{}


/*Notas*/
.b-notas-al-final{float:bottom;}
	.b-notas-al-final p {
		color:#0071b9;
		font-weight:300;   
		font-size: 0.95em;
		text-indent: 0;
		text-align: center;
	}



/*===================================BLOQUES SEMÁNTICOS===*/
/*Por orden alfabético*/

.bl-audio{}


/*Bibliografía*/
.bl-bibliografia {}
	.bl-bibliografia p{
		padding-left: 2.0em;
		text-indent: -2.0em;
	}
	.bl-bibliografia p a {
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;	
	}

/*Carta*/
.bl-carta {}
	.bl-carta p {}
	.bl-carta em {}

/*Cita*/
.bl-cita {
	margin-top:1.26em; 
	margin-bottom:1.26em; 
	margin-left: 0.9em;  
	margin-right:0;
}
	.bl-cita  p {text-indent:0;}
	.bl-cita .p-autor{}
	.bl-cita + p {}
	.bl-cita + p[class^="i-"] + p {}
	
/*Cita inicio*/
.bl-cita-inicio {/*Texto que a veces se pone al principio de un capítulo, después del título*/
	margin-left:20%;
	margin-top:1.26em;
	margin-bottom:1.26em;
	text-indent:0;
	hyphens: none;
}
	.bl-cita-inicio p {text-align: right; font-style: italic;}
	.bl-cita-inicio .p-autor{
		font-family:Georgia, Times, sans-serif;
		margin-top: 0.3em;
		margin-left:0;
	}

/*Gráfico*/
.bl-grafico {margin-top:1.26em; margin-bottom:1.26em;}


/*Poema*/
.bl-poema {}
	.bl-poema p {
		font-size:1em;
		padding-left:5%;
        text-indent:-5%;
		margin-left:5%;
		margin-right:5%;
	}
	.bl-poema h1, bl-poema h2, bl-poema h3, bl-poema h4, bl-poema h5, bl-poema h6 {
		text-align:center;
		font-size: 1.1em;
		margin-bottom:-0.36em;
	}
	.bl-poema .p-titulo{
		font-style: normal;	
		font-weight:bold;
		margin-bottom:0.5em;
	}	
	.bl-poema + p {}	
	.bl-poema + p[class^="i-"] + p {}
	


/*======================================= TABLAS ≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠≠*/								
.bl-tabla {margin-top:1.42em;  margin-bottom:1.42em;}

.bl-tabla {margin-right: -5.97em;}
.bl-tabla.tablapeq {margin-right: 0.0em;}
.bl-tabla.tablagrande {margin-right: -8.96em;}

table {
	font-size: 0.84em;
	line-height:1.2;	
	border: hidden;	
	border-top: .5px solid black;
	border-bottom: .5px solid black;	
}
thead {
	text-indent: 0;
	hyphens:none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;
}
	thead tr:first-child td {border-bottom: 0px; }
	thead tr:nth-child(2) td {border-top: 0px; }

td.con-borde-bottom {border-bottom: .5px solid black!important;}

.bl-tabla h5,
p.tit-tabla {
	font-family: Georgia, Times, serif;
	font-size: 0.84em;
	font-weight: bold;
	margin-bottom: 0.29em; 
}
	

/*===================================LISTAS===*/
.bl-lista {
	margin-top: 0.71em;
	margin-bottom: 0.71em;
	margin-left: 1.0em;
}
ol + p {}
ol + p[class^="i-"] + p {}
									
ul.circle {list-style-type: circle;}
ul.square {list-style-type: square;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-alpha;}

.col-izq {text-align:left;}
.col-der {text-align:right;}


/*===================================PÁRRAFOS SEMÁNTICOS===*/

.p-titulo{text-indent:0; hyphens:none;}
.p-autor {text-indent:0;}
.p-caption {text-indent:0;}
.p-fuente-graf {font-style: italic; padding-right: 8.96em; margin-top: 0.39em; }
.p-firma {text-indent:0;}
.p-cargo-firma {text-indent:0;}
.p-textonota{
    font-size: 0.74em;
    margin-left: 4.05em;
    text-indent: -4.05em;
    text-align: left;
    margin-bottom: 0.68em;
}
.p-linea-continua { /*líneas que separan párrafos, bien con asterirsco o con línea continua o algo.*/
	line-height: 2;
	text-align:center;
}
.vertical-align-middle {
	vertical-align: middle;
}


				/* ===== NOTAS ======= */
.l-refnota {
	font-size:0.7em;
	vertical-align:super;
	margin-left:0.14em;
}
	h1 > a > .l-refnota { /* para que tengan menor tamaño relativo cuando van sobre titulares */
		font-size:0.5em;
	}			
.fn {
	float:footnote;
	counter-increment:footnote; 
    font-family: Apercu, Arial, sans-serif;
	font-size: 0.89em;
	line-height: 1.2;	
	text-align:left;
	font-style: normal;
    font-weight: normal;
	text-transform: none;
    color:black;
	text-indent:0;
	footnote-style-position:inside;
    vertical-align: text-bottom;
    margin-top: 1.12em;
}
.fn::footnote-call {
    content: counter(footnote);
    font-size: 73%;
    vertical-align: super;
}
.fn::footnote-marker {
	content: counter(footnote);
	font-weight: normal;
	font-size: 0.63em;
	vertical-align: 0.2em;
	padding-right: 0.95em;
	line-height: 0;
}
.fn a {/* 	para evitar que las URL's se conviertan en una pesadilla */
 	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;	
	}
p.p-textonota {
	float:footnote;
	counter-increment:footnote; 
	font-family: "Garamond", serif;
	font-size: 0.89em;
	line-height: 1.2;	
	text-align:left;
	font-style: normal;
    font-weight: normal;
	text-transform: none;
    color:black;
	text-indent:0;
	footnote-style-position:inside;
    vertical-align: text-bottom;
    margin-left: 0;
    text-indent: 0;
}
.l-link-a-texto{
	font-size:0.8em;
	margin-left:0.16em;
    padding-right: 1.09em;
}	
p.p-textonota::footnote-call {
    content: counter(footnote);
    font-size: 73%;
    vertical-align: super;
}
p.p-textonota::footnote-marker {
	content: counter(footnote);
	font-weight: normal;
	font-size: 0.63em;
	vertical-align: 0.2em;
	padding-right: 0.95em;
	line-height: 0;
}
p.p-textonota a { 	/*para evitar que las URL's se conviertan en una pesadilla*/ 
 	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;	
	}


				/*===================================LETRAS===*/
.l-dropcap {
	font-size: 4.5em;
	color: #990000;
	float: left;
	margin-left  : -0.02em;
	margin-right : 0.01em;
	margin-top : -0.04em;
	margin-bottom : -0.07em;
	font-weight: normal;
}
span.num-toc {} /* los número de los epigrafes*/
	
span.num-toc:after {content: '\00a0'}


/*===================================LAYOUT DE IMAGENES / FIGURES / GRAFICOS / ===*/

/* BLOQUES DE IMÁGENES EN DISTINTAS DISPOSICIONES */
/* para fotos a 2 columnas + el caption a su lado, en la columna libre*/

figure img {margin: 0; padding: 0;}


	

@media screen {

figure, 
figure.float-top,
figure.float-bottom {margin: 2.5em 0;}

figcaption b {font-family: BBVABenton, Arial, sans-serif;}

.flex-row {display: flex;}
.flex-col {
	display: flex; 
	flex-direction: column; 
	justify-content: flex-end;
	align-items: flex-start;
}


	.ancho-3c {width: 100%;}
	.ancho-2c {max-width: 40em; width: 40em; }
	.ancho-1c {
		float: right; 
		width: 33%;
		padding-left: 1em;
		margin-top: 6px!important;
	}	

	figcaption {text-align: left!important;}

	.ancho-3c {display: flex; }
		.ancho-3c img {max-width: 40em;   }  /* height: min-intrinsic; */
	  .ancho3-c div:first-child	{/*width: 40em;*/ max-width: 40em;}
		.ancho-3c figcaption {
			margin-left: 2rem; 
			max-width: 30%;
			align-self: flex-end;
		}
			.flex-col.dos-captions figcaption {
				  align-self: flex-start!important;
				  text-align: right;
	} 
			
	.ancho-1c figcaption {margin-top: 1em;}	
	.ancho-1c img {margin-top: 1em; object-fit: initial;}
	.ancho-1c img:first-child {margin-top: 0em;}
			
/* 	Para que las imágenes a toda pantalla no se afecten de lo anterior	 */
		section.m-imagenes .ancho-3c {display: block;}		
		section.m-imagenes .ancho-3c img {max-width: 100%;}		


	
@media screen and (max-width: 1200px) {	
	.ancho-1c {width: 25%;}
}
	
@media screen and (max-width: 900px) , (max-width: 65em) { /*65em*/

	.ancho-2c {max-width: 40em; width: auto; }

	.ancho-1c {
		float: none; 
		padding-left: 0;
		margin-top: 16px; 
		display: flex;
    	flex-direction: row;
    	justify-content: flex-start;
		width: 100%;
		align-items: flex-start;
		max-width: 40em;
		flex-wrap: wrap;
/* 		max-height: 20em; */
/* 		overflow: hidden; */
	}
		.ancho-1c figcaption {margin-left: 0em; max-width: 80%;}
		.ancho-1c img {width: auto; max-width:20em; flex-shrink: 2;}
	
	.flex-row {display: block;}
	
	.ancho-3c {display: flex; flex-direction: column; max-width: 40em; align-items: flex-end;}
		.ancho-3c figcaption {
			max-width: 40em;
			margin-left: 0rem; 
			margin-top: 1em; 
			text-align: right !important;
		}

}

	
@media screen and (max-width: 35em) {}		



@media print{
		/* ANCHO DE COLUMNAS */
		.ancho-3c {
			width:175.00mm; 
			max-height: 80mm;    /* 80mm = 302.36px */
			overflow: hidden;       
		}
			.ancho-3c.lineas-21.float-top .dos-captions {
					position: absolute;
					left: 121.76mm;  /*116 de ancho-2c + 5mm de gap*/
					top: 369px;   /*los 397px que tiene la foto de alto + sus 35px del margen bottom del float-top + algo más */
					text-align: left;  
					hyphens: none;
					margin-top: 0.0em;
					padding: 0!important;
			}
			.ancho-3c.lineas-22.float-top .dos-captions {
					top: 385px;   /*los 349px que tiene la foto de alto + sus 35px del margen bottom del float-top + algo más */
					margin-top: 0.0em;
			}

		.ancho-2c {
			width: 116.67mm;
			max-height: 285px;    /* 18 líneas x 16px = 288px menos algo...*/
			overflow: hidden;   
				line-height: 0;    
		}
			.ancho-2c img {width: 100%!important; height: auto;}
   
		.ancho-1c {
			width: 53.33mm;   /*58.33 menos el margen izquierda de 5mm, =53.33mm*/
			position: absolute;
			top: 0px; 
			left: 121.66mm;   /*116.67mm del ancho-2c + 5mm de separación */
		}
 
		/* FIGCAPTION, todas en la columna de la derecha, con pos-absoluta y a distintas alturas según su imagen */
		figcaption { 
			width: 53.33mm;
			text-align: left;  
			hyphens: none;
		}


		/* para imágenes al 100% del ancho de caja, con su caption debajo en la columna libre.*/
		.fotoancha {
			width:175.00mm;
			max-height: 397px;
			overflow: hidden;   
		}
			.fotoancha img {margin: 0!important; padding: 0!important; width: 100%!important; height: auto;  }
			.fotoancha figcaption { 
				width: 53.33mm;
				position: absolute;
				left: 121.76mm;  /*116 de ancho-2c + 5mm de gap*/
				top: 434px;   /*los 397px que tiene la foto de alto + sus 35px del margen bottom del float-top + algo más */
				text-align: left;  
				hyphens: none;
				margin-top: 0.0em;
				padding: 0!important;
			}
   
		.float-top {float: top; margin-top: 0.24em; margin-bottom: 2.53em;} /*  2 líneas (16pxx2=32px + 3px más) */

		.float-bottom {float: bottom; margin-top: 2.76em;} /*  2 líneas (16pxx2=32px + 3px más) */
			.float-bottom figcaption {padding-bottom: 0.08em;}

		.flex-row {display: flex;} 
			.flex-row figcaption {
					align-self: flex-end;        
					width: 53.33mm;      
					hyphens: none;
					margin-left: 1.49em;
					margin-bottom:-0.0em;
				}
		
		/* Para dos fotos consecutivas */
		.flex-row.dos-fotos {
				width: 100%;
				max-height: 221px;	  /* 14 líneas x 16px = 224px menos algo...*/	
				justify-content: space-between;    
				overflow: hidden; 
		}
			.ancho-3c .flex-row.dos-fotos img {max-width: 85mm;}
			.ancho-2c.flex-row.dos-fotos img {max-width: 50%;}	
			.flex-row.dos-fotos p {width: auto; min-width: 5mm;}
			.flex-row.dos-fotos.lineas-22 {height: 349px; max-height:349px; } /*  22 líneas (22 x 16px =352px - 3px más) */	
				.lineas-22 .flex-col.dos-captions {
					width: 53.33mm;
					position: absolute;
					left: 121.76mm;  /*116 de ancho-2c + 5mm de gap*/
					top: 386px;   /*los 349px las figure/div "alto-maxi" + sus 35px del margin-bottom de las float-top + 3px*/
				}

	
		/* Para imagenes y captions en la columna derecha, uno sobre otro */
		.flex-col {
			display: flex; 
			flex-direction: column; 
			justify-content: space-between;
			margin-top: 0.24em;  /* para que las imágenes arranquen visualemnte a la altura del texto  */
		}
			.flex-col img {margin-bottom: 1.49em;}
		  /* 5mm = 18.9px*/
			.flex-col figcaption {
				align-self: flex-start;        
				hyphens: none;
				margin-bottom: 0.79em;
			}
				.flex-col.completa {height: 170mm; margin-top: 0.32em;}
				.flex-col.completa img {margin-bottom: 0.0em;}

				.flex-col.dos-captions {
					width: 53.33mm;
					position: absolute;
					left: 121.76mm;  /*116 de ancho-2c + 5mm de gap*/
					top: 67.5mm;   /*los 120mm que tiene la foto de alto + sus 8 del margen bottom que tienen los float-top*/
				}
					.flex-col.dos-captions  figcaption {
							margin-top:0.0em;
							margin-bottom: 0.9em;
						}
  
		.pag-full-vert-flex {  /* Para páginas con varios elementos que deben llenar el alto de la caja  */
			height: 170mm;
			float: top; 
			display: flex; 
			flex-direction:column; 
			justify-content: space-between; 
		}
		   
		/* Bloque a 2c con 3 fotos en 2 filas, la de arriba a 2c y las dos de abajo al 50% */
		.dos-filas {display: flex; flex-wrap: wrap; width: 116.67mm; }
			.dos-filas .ancho-2c.dos-fotos {margin-top: 0.9em;}
			.dos-filas .ancho-2c.dos-fotos p {max-width: 16px!important;}
	

		/* Páginas con una imagen sola, sin texto. En sección propia m-imagenes - frontmatter */
		section.m-imagenes figure.ancho-3c {height: auto; max-height: 170mm!important;}


		/* Alturas varias ajustadas a la grid */
		.no-max-height {max-height: 170mm;}

		.lineas-14 {height: 221px; max-height:221px!important; }
			.lineas-14 figcaption {top: 259px; }
		 /*los 333px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/


		.lineas-15 {height: 237px; max-height:237px!important; }
			.lineas-15 figcaption {top: 275px; }
		 /*los 333px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/

		.lineas-17 {height: 277px; max-height:277px!important; }

		.lineas-21 {height: 333px; max-height:333px; }
			.lineas-21 figcaption {top: 369px; }
		 /*los 333px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/

		.lineas-22 {height: 349px; max-height:349px; }

		.lineas-23 {max-height: 365px;}
			.lineas-23 figcaption {top: 401px; }
		 /*los 365px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/
	
		.lineas-28 {max-height: 445px;}
			.lineas-28 figcaption {top: 480px; }
		 /*los 445px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/	
	
		.lineas-30 {max-height: 477px;} 
			.lineas-30 figcaption {top: 512px; }
		 /*los 477px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/		
			.ancho-3c.lineas-30.float-top figcaption {position: absolute;  left: 121.76mm; top: 510px; }
		 /*los 509px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/

		.lineas-32 {max-height: 509px;} 
			.ancho-3c.lineas-32.float-top figcaption {position: absolute;  left: 121.76mm; top: 544px; }
		 /*los 509px que tiene la foto de alto + sus 35px del margen bottom del float-top + algomás*/

		.lineas-21 .flex-col.dos-fotos img {height: 157px; overflow: hidden;}
		  /* 333px - 18.9px de calle en medio  = 314,1 / 2 = 157.05px */

					/* Medidas de márgenes arriba especiales para ajustar a la grid */
		.margin-top-2l {margin-top: 3.0em;}
		 /*  16px x 2 líneas= 32px + 6px para igualar al arranque dl texto */			
		.margin-top-6l {margin-top: 7.9em;}
		 /*  16px x 6 líneas= 96px + 4px para igualar al arranque dl texto */

}   
/* Fin del @media print */