.parentTemplate {
	font-family: 'Book', Arial, Helvetica, sans-serif;    color: #413e3e;    line-height: 25px;    font-weight: normal;    font-style: normal;    font-size: 18px;
	display: grid;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	margin-top: 0px;
	margin-bottom: 50px;
	align-items: center;
}

.parentTemplate h3 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 30px;
}
.parentTemplate h2 {
	font-family: 'Heavy', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
}

 @media screen and (max-width: 1024px) {
 	.parentTemplate {font-size: 16px; line-height: 20px;}
}
 @media screen and (max-width: 768px) {
 	.parentTemplate {font-size: 14px; line-height: 18px;}
}

/* Plantilla 1 only-txt ----------------------------------------------------------- */
.parentTemplate1   {display: grid;grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.divPlantilla1_txt { grid-area: 1 / 1 / 2 / 2;  }


/* Plantilla 2 img-txt ----------------------------------------------------------- */
.parentTemplate2   {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 50px; grid-row-gap: 0px;}
.divPlantilla2_img { grid-area: 1 / 1 / 2 / 2;  }
.divPlantilla2_txt { grid-area: 1 / 2 / 2 / 4;  }

 @media screen and (max-width: 768px) {
.parentTemplate2   {display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr; grid-column-gap: 0px; grid-row-gap: 50px; }
.divPlantilla2_img { grid-area: 1 / 1 / 2 / 2;  text-align: center;}
.divPlantilla2_txt { grid-area: 2 / 1 / 3 / 2;  text-align: center !important; } 
.divPlantilla2_txt .logoMarca{float: none !important; margin-bottom: 30px;}
}


/* Plantilla 3 txt-img  ----------------------------------------------------------- */
.parentTemplate3   {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 50px; grid-row-gap: 30px;}
.divPlantilla3_txt { grid-area: 1 / 1 / 2 / 3;  }
.divPlantilla3_img { grid-area: 1 / 3 / 2 / 4;  }
 @media screen and (max-width: 768px) {
.parentTemplate3 {display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr;  grid-column-gap: 0px; grid-row-gap: 50px; }
.divPlantilla3_img { grid-area: 1 / 1 / 2 / 2;   text-align: center; width: 60%; height:  auto; margin: 0 auto;}
.divPlantilla3_txt { grid-area: 2 / 1 / 3 / 2;  text-align: center;}
.divPlantilla3_txt .logoMarca{float: none !important; margin-top:  20px;margin-bottom: 30px;}

}


/* Plantilla 4 only-img ----------------------------------------------------------- */
.parentTemplate1 	{display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
.divPlantilla1_img  { grid-area: 1 / 1 / 2 / 2; }


/* Plantilla 5 img-rodona-text ---------------------------------------------------------- */
.parentTemplate5   {display: grid;grid-template-columns: 1fr; grid-template-rows: auto 1fr; grid-column-gap: 0px; grid-row-gap: 30px;}
.divPlantilla5_img { grid-area: 1 / 1 / 2 / 2; border-radius: 50%;    background-size: cover!important;    background-repeat: no-repeat!important;   width: 400px; height: 400px; margin: 0 auto;}
.divPlantilla5_txt { grid-area: 2 / 1 / 3 / 2; }
 @media screen and (max-width: 768px) {
.divPlantilla5_img {  width: 60%; padding-top: 60%; height:  auto; margin: 0 auto;}
}


/* Plantilla 6 img-txt-txt Recepta ---------------------------------------------------------- */
.parentTemplate6 		{display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-column-gap: 50px;grid-row-gap: 50px; margin-top: 0;}
.divPlantilla6_img 		{ grid-area: 1 / 1 / 2 / 2;}
.divPlantilla6_txt_ing 	{ grid-area: 1 / 2 / 2 / 3; background-color: #d0d1c4; padding: 40px; font-size: 14px;}
.divPlantilla6_txt_ela  { grid-area: 2 / 1 / 3 / 3; }

.parentTemplate ul {padding-left: 5% !important;}
.parentTemplate ul li{margin-bottom: 10px;}
.parentTemplate ol {  counter-reset: my-awesome-counter;  list-style: none; }
.parentTemplate ol li {  margin: 0 0 3rem 40px;  counter-increment: my-awesome-counter;  position: relative;}
.parentTemplate ol li::before {  content: counter(my-awesome-counter);  color: #fff;  font-size: 1.5rem;  font-weight: bold;  position: absolute;  --size: 32px;  left: calc(-1 * var(--size) - 10px);  line-height: var(--size);  width: var(--size);  height: var(--size);  top: 0;  background: #0e656e;  border-radius: 50%;  text-align: center;  box-shadow: 1px 1px 0 #999;}

 @media screen and (max-width: 679px) {
.parentTemplate ol li {  margin: 0 0 4rem 40px;  counter-increment: my-awesome-counter;  position: relative;}
.parentTemplate6 {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, auto);grid-column-gap: 0px;grid-row-gap: 30px;}
.divPlantilla6_img { grid-area: 1 / 1 / 2 / 2 }
.divPlantilla6_txt_ing { grid-area: 2 / 1 / 3 / 2; }
.divPlantilla6_txt_ela { grid-area: 3 / 1 / 4 / 2; }
}