.receta {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: "preescripcion duracion paciente"
  "medicamentos posologia paciente"
  "medicamentos orden_dispensacion preescriptor"
  "diagnostico diagnostico preescriptor"
  "instrucciones instrucciones instrucciones";
  grid-template-columns: 3fr 2fr 2fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.receta > div {  
  border: 1px solid #DADEE0;
  color:#888;
  font-size: 8px;
  padding:5px;
}
.recetaZoom >div{
    font-size: 14px !important;
}
.receta  h3 { 
  color:#6074A7 !important;
  font-weight: bold;
}

.preescripcion {
  grid-area: preescripcion;
  text-align: justify;
}
.duracion {
  grid-area: duracion;
}
.paciente {
  grid-area: paciente;
}
.medicamentos {
  grid-area: medicamentos;
  overflow-x: hidden;
    overflow-y: auto;
}
.posologia {
  grid-area: posologia;
}
.orden_dispensacion {
  grid-area: orden_dispensacion;
}
.preescriptor {
  grid-area: preescriptor;
}
.diagnostico {
  grid-area: diagnostico;
}
.instrucciones {
  grid-area: instrucciones;
}