/*Elementos*/

* {margin: 0; padding: 0;}

/* CUSTOM PROPERTIES PARA CALC() */
html{
	--lh: 18px;   /* line-height del body */
	--colorbase: #e30613;
}
figure, div {height: calc( var(--lh) * var(--alto) - 1px);}  





a:link,
a:visited { 
	color: black;
	text-decoration: none;
	background-color:transparent!important;
	-webkit-text-fill-color: black;  	
}


a,span,em,i,small,big,strong,b,sub,sup,u {line-height:inherit;}


body {
	background-image: url("../imagenes/baseline-18px.png");	
	background-position:0px -2px;
	font-family:Georgia, Times, serif;	
	font-size: 1.0em;
	line-height: 1.35em; 
	hyphens: auto; 
}

section {
	page-break-after: always;
}


img {  /*Para que la imagen ocupe el 100% de su contenedor*/
	width: 100%;
    height: auto;
    max-width: 100%;
}


figure {margin: 0;display: block;}


sup {font-size: 0.5em;vertical-align:4pt;}




									/*  LISTAS*/

ul,
ol {
  list-style-position: outside;  
}

ul {list-style-type: disc;}


ol {list-style-type: decimal;}


ul li,
ol li {text-align: left;}


								/* DEFINITION LISTS */

dl {
  margin: 1.5em 0 1.5em 5%;
}

dt {
  margin: 1.5em 0 0 0;
  font-weight: bold;
}

dd {
  /* Styles */
}

dt > dfn {
  font-style: normal;
  font-weight: bold;
}

ol p,ul p {text-indent: 0;
margin:0;display:inline;}

p {
	text-align: justify;
	text-indent:1.2em;
}


									/* TABLAS */
table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

td, th {
    text-align:center; 
    border: .5px solid black; 
    padding: 0.23em;
}




hr 	{
	border-style: dotted; 
}


/*==================TÍTULOS==============*/
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {  
	text-indent: 0; 
}

h1 + p[class^="i-"] + p {text-indent:0.0em;}
	
h1 + p[class^="i-"] +  p[class^="i-"] + p {text-indent:0.0em;}
	

h2 + p[class^="i-"] + p {text-indent:0.0em;}

h2 + p[class^="i-"] + p[class^="i-"] + p {text-indent:0.0em;}


h3 + p[class^="i-"] + p {text-indent:0.0em;}

h3 + p[class^="i-"] + p[class^="i-"] + p {text-indent:0.0em;}


h4 + p[class^="i-"] + p {text-indent:0.0em;}

h4 + p[class^="i-"] + p[class^="i-"] + p {text-indent:0.0em;}


h5 + p[class^="i-"] + p {text-indent:0.0em;}

h5 + p[class^="i-"] + p[class^="i-"] + p {text-indent:0.0em;}


h6 + p[class^="i-"] + p {text-indent:0.0em;}

h6 + p[class^="i-"] + p[class^="i-"] + p {text-indent:0.0em;}



	
h1, h2, h3, h4, h5, h6 {
	font-family:Apercu, 'Mukta', Roboto, Lato, Arial, sans-serif;
    page-break-after: avoid;
	hyphens:none !important;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-epub-hyphens:none;
	-adobe-hyphenate:none;
	text-indent: 0;
	text-align: left;
}

h1 {
    color: var(--colorbase);   
	font-size: 2.0em;
	line-height:1.1;	
	font-style:normal;
	font-weight:bold;
	margin:0;
	
}

 	 h1 + p,
   h1 + div,
   h1 + ol {margin-top: 7vw;}
/* 8 líneas x 18px = 144px, menos de dif. line height del h1 */
	 h1.dos_lineas + p {margin-top: 9.3em;}
@media screen {
		 h1.dos_lineas + p {margin-top: 7vw;}
}


 /* 134px - 10px (la dif entre la line astandar y el h1) */
	 h1.tres_lineas + p {margin-top:6.0em;}
	 
	 
h2 {
	font-size: 1.1em; 
	line-height:1.3;
	font-weight:bold;
}

		 h1 + h2 {margin-top:10.06em;}

		 p + h2 {margin-top:calc( var(--lh) * 4);}
  /* 2 línas x 18px */
		 div + h2 {margin-top:2.7em;}

		 ol + h2 {margin-top:2.7em;}
   
		 h2 + p,
		 h2 + p[class^="i-"] + p {margin-top:1.35em;}

		 	
		 
		 h2.de_arranque + p {margin-top:1.43em;}

		 .bl-salto-pag-despues + h2 {margin-top:0.38em;margin-bottom:0.9em;}

		 
		 .dos_lineas + h2 {margin-top:2.18em;}
		 
		 .dos_lineas + h2 + p {margin-top:0.75em;}

		 .bl-cita + h2 {margin-top:2.03em;}


		
 h3 {
	font-size: 1.1em;
	line-height:1.3;	
	font-weight:normal;
	margin-top: 1.23em;
	
}
 
		h2 + h3 {margin-top:1.35em;}

		p + h3 {margin-top:2.7em;}

		div + h3 {margin-top:2.18em;}

		h3 + p,
		h3 + p[class^="i-"] + p {margin-top:1.35em;}

			
			
		p + h2 + h3 {margin-top:1.35em;}


		p + h3.dos_lineas {margin-top:2.18em;}

		h3.dos_lineas + p {margin-top:0.68em;}

		
		@media print {
			h3.de_arranque {padding-top: 0.45em;}

			h3.de_arranque + p {margin-top:0.98em;}

		}



/* HASTA AQUÏ HE LLEGADO!!! */
 h4 {
	font-size: 1.0em;
}

		h3 + h4 {margin-top:1.35em;}
  
			h3 + h4 + p {margin-top:1.35em;}

		 p + h4 {margin-top:1.05em;}

		 h4 + p,
		 h4 + p[class^="i-"] + p  {margin-top:0.3em;}

		 	
		 .bl-salto-pag-despues + h4 + p{margin-top:0.0em;}

		
h5 {
	font-size: 1.1em;
	margin-top: 1.64em;
}


h6 {
	font-size: 1.1em;
	margin-top: 1.23em;
	font-weight: normal;
/* 	text-decoration: underline; */
}

/* 		Para controlar el grosor y la separación de un filete bajo el h6. 
		ATENCION!  no funciona si tiene dos líneas.
		ATENCION! por ser ínline-block, este método obliga a marcar el HTML con un page-break si debe arrancar abriendo página */
		
		h6 {
		  display: inline-block;
		  position: relative;
		  text-indent: 0;
		  margin-bottom: -0.11em;
		}

		h6::after {
		  content: '';
		  position: absolute;
		  left: 0;
		  display: inline-block;
		  height: 1em;
		  width: 100%;
		  border-bottom: .75px solid;
		  margin-top: 0.11em;
		}

		@media print {
			h6.de_arranque {margin-top: 0;}

		}