page {
  background: white;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}

page[size='A4'] {
  width: 21cm;
  height: 29.7cm;
}

page[size='A4'][layout='portrait'] {
  width: 29.7cm;
  height: 21cm;
}

@media print {
  body * {
    visibility: hidden;
  }
  .container-fluid * {
    visibility: visible;
  }
  .container-fluid {
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media print {
  body,
  .container-fluid {
    margin: 0;
    box-shadow: 0;
  }
}

page .header {
  padding-top: 10px;
  width: 100%;
  text-align: center;
  border: 2px solid #ddd;
}

/* Grid */
.grid {
  display: grid;
}
.grid-template {
  grid-template:
    'logo nav nav' 50px
    'sidenav content advert' 150px
    'sidenav footer footer' 100px
    / 100px 1fr 50px;
}

.gap {
  gap: 20px;
}

.logo {
  grid-area: logo;
}

.nav {
  grid-area: nav;
}

.content {
  grid-area: content;
}

.sidenav {
  grid-area: sidenav;
}

.advert {
  grid-area: advert;
}

.footer {
  grid-area: footer;
}

/* Grid Item */
.item {
  background: tomato;
  text-align: center;
  font-size: 1.5em;
}

.grid {
  max-width: 400px;
  margin: 0 auto;
  border: 1px solid #ccc;
}

h1 {
  text-align: center;
  font-size: 1.25em;
  font-weight: normal;
}

/*
<div>
<h1>gap: 20px;</h1>
<section class="grid grid-template gap">
	<div class="item logo">logo</div>
	<div class="item nav">nav</div>
	<div class="item content">content</div>
	<div class="item sidenav">sidenav</div>
	<div class="item advert">advert</div>
	<div class="item footer">footer</div>
</section>
</div>


*/

/*html prontuario*/

/*

<div class="container-fluid">
        <div class="text-center page-header">
          <span>
            <b>São Francisco</b>
          </span>
          <br />
          <span>
            Avenida Dr. Jambeiro Costa n 850 - Centro - Leme - São Paulo
          </span>
          <br />
          <span>Cep 138102-36 Telefone (19) 3573-1487</span>
          <br />
        </div>
        <div style="margin:60px 0px" class="text-left  page-body">
          <span>
            Paciente: <b>Hugo Henrique Vianna Villa</b>
          </span>
          <br />
          <span>Endereço: . . . .</span>
          <br />
          <span>Data de Emissão:` +
        dataAtual +
        `</span>
          <br />
        </div>

        <h5 style="margin:60px 0px" class="text-center text-dark  font-weight-bold">
          Receita Médica
        </h5>
        <div style="margin:60px 0px" class="text-left  page-body">
          <span>USO INTERNO</span>
          <br />
          <span>omeprazol 20MG</span>
          <br />
          <span>TOMAR 1CP DE 12.12H</span>
          <br />
        </div>
        <div style="margin:60px 0px" class="text-center  ">
          <span> Dr.(a) Rafael Muller de Carvalho</span><br/>
          <span>
            <b>CRM 218482</b>
          </span>
        </div>
      </div>

*/