/* 	Full CSS de proves
	Autor: Pere Farrando Canals
	Aquest full CSS no és de nivell professional. Penseu-vos-ho abans d'imitar-lo. */

/* Reset:
    http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
/* Hi afegeixo "video" */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, video {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fins aquí el reset. */

/* box sizing */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* clear fix */

/* @charset "utf-8"; */

:root {
	font-size: 100%;
	--lletra_base: 'linlibertine_regular', 'STIXTwoText', 'Times New Roman', serif;
	--lletra_negreta: 'linlibertine_bold', 'STIXTwoText', 'Times New Roman', serif;
	--lletra_display: 'linlibertine_display', 'STIXTwoText', 'Times New Roman', serif;
	--cos_base: 1.2rem;
	--cos_doble: 2.4rem;
	--altura_linia_base: 1.6rem;
	--altura_linia_doble: 3.2rem;
	--variant_numeric: oldstyle-nums;
}

html { 
	font-family: var(--lletra_base);
	font-variant-numeric: var(--variant_numeric);
	font-weight: normal;
	font-style: normal;
}

body {
	}

/* General: navegació */
	
nav {
    /* clear:both; */
    border-top: 1px solid FireBrick;
    margin-top: 1.4em;
    margin-bottom: 1em;
    padding-top: 2px;
}

/* Els "nav.documents" són els menús de les descàrregues, que tenen "article 1", "article 2", etc. */

nav.documents {
	font-family: 'linlibertine_regular', serif;
	border: none;
    	padding-top: 0;
    	padding-bottom: 2px;
    	}
    
/* Tinc "nav.sumari" a "Composició de Preedició" i "JMP", però en podria tenir també a "En español" i el futur "Blog" */

nav.sumari {
	    border-top: 0;
	    border-bottom: 0; 
	    padding: 0px; 
	    }

nav.sumari::before {
	    content: "Sumari:";
	    font-family: 'linlibertine_regular', serif;
		font-style: normal;
		font-variant-caps: small-caps;
			-moz-font-feature-settings: "smcp";
			-webkit-font-feature-settings: "smcp";
		font-feature-settings: "smcp";
		letter-spacing: 1px;
	    }

/* General: epígrafs */

h1 {
	line-height: var(--altura_linia_doble); 
	font-size: var(--cos_doble); 
	font-family: var(--lletra_display);
	font-weight: normal;
	font-style: normal;
	margin: 1em 0em 1em 0em;
	}

hgroup > h1 {
	margin-top: 0;
	}
	
h2 {
	line-height: var(--altura_linia_doble); 
	font-size: var(--cos_doble); 
	font-family: var(--lletra_display);
	color: FireBrick;
	margin: 1em 0em 0em 0em;
	}

h2 + p.ref_bibliograf {
	margin-top: 1em;
	}

h3 {
	font-size: 1.3rem; 
	line-height: var(--altura_linia_base);
	font-family: var(--lletra_negreta);
	font-weight: bold;
	margin: 1em 0em 0em 0em;
	}

/* Per fer que la primera referència bibliogràfica tingui 1rem a sobre, necessito fer el següent: */

h3 + p.ref_bibliograf {
	margin-top: 1em;
	}

/* Els titolets h4 i h5 han d'anar acompanyats de class="par_base" */ 

h4 {
	line-height: var(--altura_linia_base);
	font-size: var(--cos_base); 
	font-family: 'linlibertine_regitalic', 'STIXTwoText', 'Times New Roman', serif;
	font-style: italic;
	}

h5 {
	font-family: var(--lletra_base);
	line-height: var(--altura_linia_base);
	font-size: var(--cos_base); 
	font-weight: normal;
	font-style: normal;
	font-variant-caps: small-caps;
		-moz-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	letter-spacing: 1px;
	}

header {
	line-height: var(--altura_linia_base);
}

header p {
    border-bottom: 1px solid FireBrick;
    padding-bottom: 6px; 
}

section.notespeu ul {
	margin-left: 1em;
	text-indent: -1em;
	list-style: none;
	}

article.cronologia {
	margin-top: 1em;
	}

/* General: divs */

div.dia {
	text-indent: 0em;
 	margin-top: 0.3em;
	}

/* General: paràgrafs */

p {
	}

.par_base {
	line-height: var(--altura_linia_base);
	margin-top: 1rem;
	}

.par_1L {
	line-height: var(--altura_linia_base);
	margin-top: 0;
	text-indent: 1rem;
}

p.ref_bibliograf {
	line-height: var(--altura_linia_base);
	margin-top: 0em;
	margin-left: 2em;
	text-indent: -2em;
	}

.entradeta {
	color: FireBrick;
	font-size: 1.6rem; 
	line-height: 2rem; 
	font-family: 'linlibertine_bold';
	}
	
blockquote {
    margin-top: 1em;
    margin-left: 1em;
    margin-right: 0.5em;
    }

p.adalt::before {
    content: "▸ ";
    }

p.dietari::before {
	content: "☞ ";
	}

/* General: blocs de la pàgina */
	
footer { 
	clear:both; 
	margin-top: 0em;
}

footer p {
	margin-top: 0em;
	margin-bottom: 0em;
}

footer img {
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}

/* General: llistes */
	
ul {
    margin: 1em 0em 0em 2em;
	list-style: circle;
}

	ul ul {
		list-style: square;
	    margin-top: 0.2em;
	    margin-bottom: 0em;
	}

	ul ul ul {
		list-style-type: disc;
	    margin-top: 0.2em;
	    margin-bottom: 0.2em;
	}

	ul.menu {
	margin: 0em;
	list-style: none;    
	}

	ul.sumari {
    list-style: none;
    margin: 1em 0em 1em 0em;
    }
	
	ul.sumari li {
	margin-left: 0em;
	text-indent: 0; 
	}
	
ol {
    margin: 1em 1em 0 2em;
	list-style: decimal;  
	list-style-position: outside;
	}

	ol ol {
		list-style: lower-roman;
	    margin-top: 0.2em;
	    margin-bottom: 0.2em;
	}
	
	ol ul {
		margin: 0.2em 1em 0 2em;
		list-style: circle;  
	}

	ol ol ol {
		list-style-type: lower-greek;
	    margin-top: 0.2em;
	    margin-bottom: 0.2em;
	}

li {
	margin-left: 0.5em;
}

ul.actualitza {
    list-style: none;
    margin: 1em 0em 1em 0em;
	}
	
ul.actualitza li {
	margin-left: 1.1em;
	text-indent: -1.1em; 
	}

	.actualitza li::before {
	content: "☞ ";
	}

	.menu li {
    display: inline;
	list-style: none;
	margin-left: 0em;
	}

/* Taules */

table { 
	margin: 1.4em 0 1.2em 1.6em;
	font-size: 16px;
    line-height: 1.2rem;
	table-layout:auto; 
	vertical-align:top;
	caption-side:top; 
	empty-cells:show;
	border: 2px solid grey;
	border-collapse:collapse; 
	}

caption {
	color:black;
	background:#ffcc66;
	text-align:left;
	font-weight:bold;
	border-top: 2px solid grey;
	border-right: 2px solid grey;
	border-left: 2px solid grey;
	padding:2px 4px 4px 6px;
	}

th, td {
	width:auto;
	vertical-align: top;
	}

th {
    font-family: 'linlibertine_regitalic';
    font-style: italic;
	padding:2px 4px 4px 6px;
	}

td {
	border: 1px solid grey;
	padding:4px 6px 6px 6px;
	}

/* Imatges */

figure {
    max-width: 96%;
    margin: 2em 1em 1em 1em;
	font-size: 16px;
	page-break-inside: avoid;
	}
    
figcaption {
    line-height:1.3; 
    padding-top: 4px;
	}
    
img {
    border:1px solid FireBrick;
    padding: 6px;
	}

img.cap {
	border: 0;
	padding: 0;
	vertical-align: -2px;
	}

.novora {
    border: 0;
    padding: 0;
    }
	
/* General: altres elements */
	
code { 
	font-family: 'IBM Plex Mono', monospaced;
	font-style: normal;
	font-weight: 500;
	font-size: 0.7em;
	color:firebrick;
	white-space: pre;
	white-space: pre-wrap;
	line-height: 0;
	position: relative;
	vertical-align: 0px;
	padding: 1px 3px 1px 3px;
	border: solid 1px black;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
}

pre > code {
	font-size: 0.9em;
	border: 0px;
}
	
/* General: enllaços */

a { 
    color: black;
	text-decoration:none; /* possibilitat: underline*/
 	border-bottom: 2px dotted FireBrick;
/* transition: all 0.5s; És un retardament de l'aplicació dels atributs. */
}

	a img {
    border-bottom: 0px;
    }

	a:link {} /* No visitat */

	a:visited {} /* Visitat */


	a:active { } /* Active: en el moment en què es fa clic, es pitja. */

	a:hover	{ } /* En passar el ratoli per sobre. */
	
	a:visited:hover	{ }

	a[rel="footnote"] {
	}
    
/* Elements i classes per a l'editatge */

/* Estils de lletra. Usos:

em emfasi
em metalingua
em estrangerisme
em titolobra
em titolweb
em pubperiodica
em apli — Denominacions pròpies de les aplicacions.
em intro — Introducció de parts intraparàgraf.

strong — 

strong menu — rutes de fitxers, instruccions de menús d'aplicacions, tecles
*/

em {
	font-family: 'linlibertine_regitalic', serif;
	font-weight: normal;
	font-style: italic;
	line-height: 1em;
	}

.majuscula {
    font-variant-numeric: tabular-nums;  
	text-transform: capitalize;
	letter-spacing: 1px;
	}

.vermell {
	color: firebrick;
	}

/* A "totversaleta" el text ha de ser teclejat en majúscules, que serà l'aspecte final si la propietat no funciona. */
	
em.dia {
	font-family: 'linlibertine_regular', serif;
	font-style: normal;
	font-variant-caps: small-caps;
	  -moz-font-feature-settings: "smcp";
	  -webkit-font-feature-settings: "smcp";
	  font-feature-settings: "smcp";
	letter-spacing: 1px;
	}
	
	.totversaleta {
	font-family: 'linlibertine_regular', serif;
	text-transform: lowercase;
	font-style: normal;
	font-variant-caps: small-caps;
		-moz-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	letter-spacing: 1px;
	}
	
strong {
	font-weight: 700;
	font-style: normal;
}

	strong.menu {
		color: grey;
		font-variant-numeric: normal;
	}

em.metalingua .emfasi .titolobra .titolweb .estrangerisme .pubperiodica {
	font-style: italic;        
    }

em.autoref {
	font-family: 'linlibertine_regular', serif;
	font-style: normal;
	font-variant-caps: small-caps;
		-moz-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	letter-spacing: 1px;
	color: firebrick;
	}

em.cognom {
	font-family: 'linlibertine_regular', serif;
	font-style: normal;
	font-variant-caps: small-caps;
		-moz-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	letter-spacing: 1px;
	}

em.apli {
	
	}

em.intro {
	
	}

abbr {
	font-variant-numeric: normal;
	}

/* Altres classes */

small em.autoref {
    color: firebrick;
}

span.vollkorn {
	font-family: 'vollkorn', serif;
	font-weight: 400;
	font-style: normal;
	}

span.noseparacio {
	overflow-wrap: anywhere;
}

/* Mèdia screen i print */

@media screen {

body, header, nav, footer, article { display:block; }
/* nav {float:left; width:20%;} */
/* article {float:right; width:79%;} */

/* La propietat *overflow* determina què es fa quan el contingut sobreïx l'àrea visible. Els navegadors proporcionen les barres laterals desplaçadores. */

/* La propietat *padding* és un espai reservat diferent de *margin*. Actua per dintre del marge. */

body { 
    padding: 0px 30px 30px; /*sobre costats sota*/
	overflow: auto;
    /* La propietat *clear* especifica si l'element es posarà al costat dels elements *floating* o si es desplaçarà cap a sota (*cleared*). */
	background:#DCDCDC;
	max-width: 40rem;
	margin: auto;
	font-size: var(--cos_base);
	line-height: var(--altura_linia_base);
	color: #000000;
	text-align:left;
}

/* Aquesta clau és la de @media screen */
}

@media print {

html {
	}
	
body { 
	margin-top: 0.4rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: 16rem;
	font-size: 1rem;
	color: #000000;
	text-align:left;
	}

/* Print: parts de la pàgina */

body footer {
	margin-top: 2em;
	}
	
footer p {
    border-top: 1px solid FireBrick;
	padding-top: 2px;
	text-indent: 0;
	}

/* Print: títols i titolets */

h1 + p {
	margin-top: 1em;
	text-indent: 0;
	}
	
h3 {
	font-family: 'linlibertine_bold';
	font-weight: bold;
	margin-top: 1em;
	}
	
	h3 + p {
	margin-top: 1em;
	text-indent: 0;
	}
	
	h4 {
	font-family: 'linlibertine_regitalic';
	font-style: italic;
	margin-top: 1em;
	}
	
	h4 + p {
	margin-top: 1em;
	text-indent: 0;
	}

	h5 {
		font-family: var(--lletra_base);
		font-weight: normal;
		font-style: normal;
		font-variant-caps: small-caps;
		-moz-font-feature-settings: "smcp";
		-webkit-font-feature-settings: "smcp";
	font-feature-settings: "smcp";
	letter-spacing: 1px;
	margin-top: 1em;
	}

	h5 + p {
	margin-top: 1em;
	text-indent: 0;
	}

/* Print: altres elements */
	
img, pre, blockquote, table, figure {
	page-break-inside: avoid;
	}
	
	.noprint {
	display:none;
	}
	
/* Print: paràgrafs */
	
p {
	text-indent: 1em;
	}
	
	p#inici {
		text-indent: 0;
	}
	
	p.adalt {
	text-indent: 0;	
	margin-top: 1em;
	}
	
	p.print_nosagnat {
	margin-top: 1em;
	text-indent: 0;	
	}

/* Print: llistes */
	
ul {
	margin-left: 1em;
	margin-bottom: 1em;
	}

	ul + h1 h2 h3 h4 h5 h6 {
		margin-bottom: 0em;
		}
	
	ul ul {
		margin-bottom: 0em;
		}

	ul.sumari {
		margin-left: 1em 0em 1em 1em;
		list-style: none; 
    	}
    
	ul.sumari li { 
		margin-top: 0.2em;
		text-indent: 0; 
		}

	ul.sumari li li {
		margin-top: 0em;
		}
		
	ul.sumari li::before {
		content: "";
		}
		
li {
	margin-left: 1.1em;
	text-indent: -1.1em; 
	list-style-type: none;
	}
	
	li + ul {
	margin-bottom: 0.2em;
	}
	
	ul li::before {
	content: "— ";
	}
	
	ol ol {
	margin-top: 0.2em;
	}
	
/* Print: figura i imatges */
	
	figure {
	margin: 2em 1em 1em 1em;
	}
	
	figcaption {
	margin-top: 0.5em;
	}

/* Print: codi */

	
/* Print: enllaços */
	
	a { 
	border-bottom: 1px dotted FireBrick;
	}
	
/* Aquesta clau és la de @media print */
}