/* Aquí irían tus reglas CSS específicas para imprimir */
/* https://www.campusmvp.es/recursos/post/estilos-css-para-imprimir-pautas-basicas-y-ejemplos.aspx */
/* https://desarrolloweb.com/articulos/css-para-imprimir-pagina-web.html    */
/* https://definicionwiki.com/como-hacer-numeros-de-pagina-al-imprimir-con-css/ */
/* page-break-inside: avoid;  */

/* Lo que sigue hace desaparecer el texto que cae en el margen. Por eso lo dejo comentado.

@media print {
      @page {
          margin:2cm;
      }
}

*/
.header, .contentRight, .footer, button, [type="button"], [type="submit"], [type = "reset"] .noImprimir {
      display: none;
}

main {
      max-width: 17cm;
}

article {   /* Forzamos un salto de página antes de un article */
      page-break-before: always;
}

h1, h2, summary {  /* impedimos un salto de página tras un h2 */
      page-break-after: no;
}

figure, img, fieldset       {    /* Obligamos a que una figura se parta en dos páginas */
      page-break-inside: avoid;
}

p {   /* Cantidad de líneas que quedan descolgadas del párrafo al que pertenecen debido a un cambio de página, al principio (huérfanas o orphans)
         o al final (viudas o widows). Por defecto son 2.
      */
      widows:3;
      orphans:3;
}

img{  /* Para que las imágenes no midan más de 10cms y se impriman con aspecto proporcional*/
      max-height: 10cm;
      object-fit: contain;
}

main  {
      float: none;
}

table , td, th {
	border: 1px solid gray;
	border-collapse: collapse;
	text-align: center;
      page-break-inside: avoid;
}

.contentLeft {
      overflow: visible;
      display: block;
      width: 100%;
  }
  

.grid, .grid2 {
      /*
      grid-template-columns: 1fr 1fr; */
      /* Modificar con javascript en https://stackoverflow.com/questions/56386706/modify-grid-template-columns-using-javascript */
      /* grid-template-rows: 1fr;
      grid-template-areas: "cab"; */
      display: block;
}

details {
      list-style: none;
}

details[open] {
      /* border: 1px solid #d0d0d0; */
      list-style: none;
      border: none;
}
  
.grafBW {	/* Para aplicar a imágenes en Blanco y Negro, para invertir si es fondo negreo*/
	filter: none;
}
/*
h1 {
      font-family: 'Segoe UI';
      margin-top:2rem;
      margin-bottom:1rem;
        padding-bottom:1rem;
      color:rgb(255, 128, 0);
      font-size:4em;
        font-weight: 200;
        column-span:all;
      line-height: 1.25em;
  }
*/

h1 {
      font-size:2.5em;
}

.descripcion	{
	text-align: center;
	font-size:1.1em;
	font-weight: bold;
	margin: auto;
	letter-spacing: 2pt;
	word-spacing: 3px;
	color: #88F;
	/* color: rgb(255, 255,0); */
}

.logo-nav-container{
      display: none;
}

a[href]:after {
      content: " (" attr(href) ")";
}  


@page {
      counter-increment: page;
      margin-bottom: 10%;
}


.cajaFlex	{
	display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
}

.oculto {
      display: none;
}


.imagenes2	{
	display: block;
}
/*
.im2_2 {
      display: block;
      position: absolute;
      top: 10px;
      left: 60px;
      animation: none;
}

.im2_2 {
      display: block;
      position: absolute;
      top: 10px;
      left: 60px;
      animation: none;
}
*/

/*
.imagenes2 {
	/* background-color: black; * /
	padding-top: 0%;
	padding-bottom: 0%;
	padding-left: 10%;
	padding-right: 10%;
	margin:2px;
	/* float:left; * /
      /* display: block;* /
	/* width:49%; * /
	text-align:center;
}
*/
/*
main::after {     / * div hace lo mismo.* /
      content: "Página " counter(page) " de " counter(pages);
      position: fixed;
      bottom: 0;
      right: 0;
      font-size: 12px;
}
*/

/*
.page-number:after {
      content: "Página " counter(page) " de " counter(pages);

a[href]:after {
      content: " (" attr(href) ")";
}
a[href^="http"]:not([href*="campusmvp.es"]):after {
      content: " (" attr(href) ")";
}

display:block;
@page {
      margin:2cm;
}
*/