.parentTemplate {   display: grid;  grid-column-gap: 1em;   grid-row-gap: 1em;  margin-top: 1rem;   margin-bottom: 3rem;    align-items: center;}
.superdivider{width: 100%;max-width: 2.6rem;padding-top:3rem;}
.parentTemplate ul{ padding-left: 5%;   margin-top: 1.5rem;     margin-bottom: 3rem;}
.divPlantilla3_txt h3{ font-family: 'Light';  font-size: 28px; line-height: 38px; padding-left:20px; border-left:5px solid #e4191a; text-transform: none; letter-spacing: -1px; text-align: left;}
.parentTemplate ul li{margin-bottom: 8px;}
.divPlantilla10_txt{font-size: 1.4rem; line-height: 1.8rem;}
.visto{float: left; margin: 5px 10px 10px 0; width:30px}
 @media screen and (max-width: 1024px) {
    .parentTemplate {margin-bottom: 3rem;}
    .parentTemplate {line-height: 2.4rem;   font-size: 1.7rem;}
    .parentTemplate h4 {line-height: 2.4rem;   font-size: 2.0rem;}

/*  .parentTemplate h2 {line-height: 2.4rem;   font-size: 16px;}*/
.parentTemplate h5{font-size: 16px; line-height: 2.4rem; margin-bottom: 3rem;}
 }

.ajuestebola{padding: 6%; margin-bottom: 10%;}

/* 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; padding:1rem 0  }
.divPlantilla1_txt h3 {color:#212121; font-size: 1.9rem}


/* Plantilla 2 img-txt ----------------------------------------------------------- */
.parentTemplate2 {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin: 0;}
.divPlantilla2_img { grid-area: 1 / 1 / 2 / 2;  }
.divPlantilla2_txt { grid-area: 1 / 2 / 2 / 3; padding:8% 10%;}
.divPlantilla2_txt h3{ font-family: 'Light';  font-size: 28px; line-height: 30px; padding-left:20px; border-left:5px solid #e4191a; text-transform: none; letter-spacing: -1px; text-align: left;}


 @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: 5rem; }
.divPlantilla2_img { grid-area: 1 / 1 / 2 / 2;  }
.divPlantilla2_txt { grid-area: 2 / 1 / 3 / 2;  }
}


/* Plantilla 3 txt-img  ----------------------------------------------------------- */
.parentTemplate3 {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin: 0;}
.divPlantilla3_txt { grid-area: 1 / 1 / 2 / 2;  padding: 10%;}
.divPlantilla3_img { grid-area: 1 / 2 / 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: 2rem; }
    .divPlantilla3_img { grid-area: 1 / 1 / 2 / 2;  padding-top: 10%}
    .divPlantilla3_txt { grid-area: 2 / 1 / 3 / 2;  padding: 0 0 10% 0;}
}


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





.demarcas{padding-left:30px; border-left:3px solid #e4191a!important}

.demarcas2{padding:0px 20px; margin-bottom: 1.5rem!important;}
/* 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 {width: 100%}
.divPlantilla5_img {  background-size: cover!important;    background-repeat: no-repeat!important;   width: 100%; margin: 0 auto;}
.divPlantilla5_txt { }
.textosobre{padding: 30px; background-color: #fff; position: absolute; bottom: 30px; right: 30px; z-index: 12; width:50%}
.textosobre h3{ font-family: 'Light';  font-size: 28px; line-height: 38px; padding-left:20px; border-left:5px solid #e4191a; text-transform: none; letter-spacing: -1px; text-align: left;}

 @media screen and (max-width: 768px) {
}
.divPlantilla5_img {  width: 100%; height:  auto; margin: 0 auto;}
}

/* Plantilla 6 Divider ----------------------------------------------------------- */
.parentTemplate6 {display: grid;grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;}
hr.divider{width: 100%; display: flex;  border-bottom:  2px solid #F26C21;} 


/* Plantilla 10 25% ----------------------------------------------------------- */
.parentTemplate10 {    display: inline-grid;    grid-auto-rows: auto;    grid-template-columns: 1fr;    width: 25%; margin: 0; padding: 0px; }
.parentTemplate10 h3{   font-family: 'Bold', Arial, Helvetica, sans-serif;    font-size:1.8rem;    line-height: 2.2rem;    color: #212121;    padding: 0 3rem 0 0px; text-align: left; font-weight: normal; letter-spacing: -1px}
.parentTemplate10 .divPlantilla10_img{width: 100%; padding-top: 50%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.parentTemplate10 h2{font-size: 20px;   line-height: 24px;}


/* Plantilla 10 25% ----------------------------------------------------------- */
.parentTemplate103 {    display: inline-grid;    grid-auto-rows: auto;    grid-template-columns: 1fr;    width: 33%; margin: 0; padding: 0px 2rem 0px 0rem; font-family: 'Light', Arial, Helvetica, sans-serif;    font-size:1.4rem;    line-height: 1.9rem; }
.parentTemplate103 h3{  font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size:2.2rem;    line-height: 2.9rem;    color: #000;    padding:0px; font-weight: normal; padding-top:1.5rem; text-transform:none; letter-spacing:-1px; }
.parentTemplate103 .divPlantilla103_img{width: 100%; padding-top: 60%; background-size: cover; background-position: center; background-repeat: no-repeat;}


.parentTemplate3bb {display: grid;grid-template-columns: 60% 1fr;grid-template-rows: auto;grid-column-gap: 6%;grid-row-gap: 0px;}
.divPlantilla3bb_txt { grid-area: 1 / 1 / 2 / 2;align-self: flex-start;}
.divPlantilla3bb_img { grid-area: 1 / 2 / 2 / 4;  }

.parentTemplate103bb {    display: inline-grid;    grid-auto-rows: auto;    grid-template-columns: 1fr;    width: 19.7%; margin: 0; padding: 20px 2rem 40px 0rem; font-family: 'Light', Arial, Helvetica, sans-serif;    font-size:1.4rem;    line-height: 1.9rem; }
.parentTemplate103bb h3{    font-family: 'Regular', Arial, Helvetica, sans-serif;    font-size:2rem;    line-height: 2.9rem;    color: #000;    padding:0px; font-weight: normal; padding-top:1.5rem; text-transform:none; letter-spacing:-1px; }
.parentTemplate103bb .divPlantilla103bb_img{width: 100%; padding-top: 85%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.de75{padding: 6px 5% 6px 5%;min-height: 75px;}



/* Plantilla presentacio txt-img  ----------------------------------------------------------- */
.parentTemplate33 {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; margin: 0;}
.divPlantilla33_txt { grid-area: 1 / 1 / 2 / 2;  padding:25% 13% 0 0;}
.divPlantilla33_img { grid-area: 1 / 2 / 2 / 4;  }
 @media screen and (max-width: 768px) {
.parentTemplate33 {display: grid; grid-template-columns: 1fr; grid-template-rows: auto 1fr;  grid-column-gap: 0px; grid-row-gap: 5rem; }
.divPlantilla33_img { grid-area: 1 / 1 / 2 / 2;  padding-top: 10%}
.divPlantilla33_txt { grid-area: 2 / 1 / 3 / 2;  padding: 0 0 10% 0;}
}



@media screen and (max-width: 1360px) {
.parentTemplate10 h3{  font-size: 1.5vw;}
.parentTemplate ul{padding-left: 8%; }
.divPlantilla10_txt p{font-size: 1.4rem;}
.divPlantilla5_img {  min-height: 550px}
}

@media screen and (max-width: 1024px) {
.divPlantilla3_txt { padding: 6%;}
.divPlantilla5_img {  min-height: 500px}
}

@media screen and (max-width: 1023px) {
 .parentTemplate103 {    width: 50%;}
 .divPlantilla3_txt {    padding: 11% 6% 6% 6%;}
 .parentTemplate103bb {    width: 32.7%;}

}

@media screen and (max-width: 768px) {
    .parentTemplate {margin-bottom: 3rem;}
    .parentTemplate {line-height: 2.5rem;   font-size: 2rem;}
    .parentTemplate h4 {line-height: 2.4rem;   font-size: 2.0rem;}
/*  .parentTemplate h2 {line-height: 24px;   font-size: 16px;}*/
    .parentTemplate h5{font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 3rem;}
    .visto{float: left; margin: 5px 10px 16px 0; width:22px}
    .parentTemplate10 {    display: inline-grid;    grid-auto-rows: auto;    grid-template-columns: 1fr;    width: 49.5%;}
    .parentTemplate10 h3{  font-size: 2vw; line-height: 3vw;}
    .divPlantilla5_img {   min-height: 300px;}
}


@media screen and (max-width: 767px) {
    .divPlantilla3_img {    grid-area: 1 / 1 / 2 / 2;    padding-top: 3%;}
    .parentTemplate {    line-height: 2.3rem;    font-size: 1.7rem;}
    .parentTemplate103bb {    width: 100%;}
    .ajuestebola{padding: 6%; margin-bottom: 3%;}
    .textosobre {    padding: 7px; margin-bottom: 20px;    background-color: #f2f2f2;    position: relative;    bottom: 19px;    right: 0px;    z-index: 12;    width: 89%;}
    .divPlantilla5_img {    background-position: bottom left;    padding-top: 50vh;}
}


@media screen and (max-width: 679px) {
.parentTemplate103 {    width: 100%;}   
.parentTemplate10 {    display: inline-grid;    grid-auto-rows: auto;    grid-template-columns: 1fr;    width: 100%;}
.parentTemplate10 h3{  font-size: 4vw; line-height: 5vw;}
.superdivider{width: 100%;max-width: 13rem; padding-top:3rem;}
.divPlantilla2_txt {    padding: 11% 6% 6% 6%;}
}