@page{
  size: A4 portrait;
  margin:10%;
  margin-top:8%;
}



@media print {

  body{
    font-family: 'Arial', sans-serif;
  }


  div.informe{
    margin-top: 70px;
    background-color: white;
    page-break-after: always;
  }

  div.informe p{
    font-size: 15px;
  }

  div.informe header img{
    height: 60px;
    position:fixed;
    top:0px;
    left:0px;
  }

  div.informe h1{
    text-align: center;
  }

  div.informe h2{
    text-align: center;
  }

  div.informe h2.resultados{
    font-size: 1.2rem;
  }

  div.informe p{
    text-align: justify;
  }

  div.graficos{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  div.grafica-ind{
    width: 25%;
    text-align: center;
  }

  div.grafica-ind h3{
    text-align: center;
  }

  div.descripcion-int{
    page-break-inside: avoid;
    page-break-after: auto;
    padding-top:50px;
  }
  div.descripcion-int-first{
    page-break-inside: avoid;
    page-break-after: auto;
    padding-top:0px;
  }

  button.imprimir{
    display:none;
  }

  /*Tablas en papel*/

  /*****************/
}

@media screen {

  body{
    font-family: 'Arial', sans-serif;
  }


  div.informe{
    margin-top: 30px;
    color: white;
    page-break-after: always;
  }

  div.informe p{
    font-size: 15px;
  }

  div.informe header img{
    height: 60px;
    position:fixed;
    top:20px;
    left:0px;

  }

  div.informe h1{
    text-align: center;
  }

  div.informe h2{
    text-align: center;
  }

  div.informe h2.resultados{
    font-size: 1.2rem;
  }

  div.informe p{
    text-align: justify;
  }

  div.graficos{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  div.grafica-ind{
    width: 25%;
    text-align: center;
  }

  div.grafica-ind h3{
    text-align: center;
  }

  div.descripcion-int{
    margin-bottom: 50px;
    page-break-inside: avoid;
    page-break-after: auto;
  }

  button.imprimir{
    margin-left: 90%;
  }
}