html, body{
	width: 100%;
	height: 100%;
  background: #eaeaea;
}

body{
	margin: 0;
	padding: 0;
  font-family: 'Barlow', sans-serif;
}

/* ------------------------------------------------------------ */
/* -------------------------  Templates  ---------------------- */
/* ------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css?family=Barlow:400,500,700,900&display=swap');

.template-azul,
.template-negro,
.template-mandato,
.template-autoplan,
.template-enteldays{
  /*width: 371px;
  height: 661px;*/
  width: 242px;
  height: 413px;
  background: #fff;
  float: left;
  margin: 20px; /* BORRAR */
  position: relative;
  font-family: 'Barlow', sans-serif;
  overflow: hidden;
}

.template-mandato.black{
  background: #000;
}

/* ------------------------------------------------------------ */
/* ----------------------------  Azul  ------------------------ */
/* ------------------------------------------------------------ */

.template-azul .graficas img.rosado{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30%;
  height: auto;
}

.template-azul .graficas img.verde{
  display: block;
  position: absolute;
  bottom: 60px;
  right: 0;
  width: 70%;
  height: auto;
  z-index: 1;
}

.template-azul .graficas img.azul{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: auto;
  z-index: 1;
}

.template-azul .graficas img.product{
  display: block;
  position: absolute;
  top: 27%;
  left: 5%;
  width: 55%;
  height: auto;
  z-index: 9;
}

.template-azul .graficas img.qr{
  display: block;
  position: absolute;
  bottom: 4%;
  left: 6%;
  width: 18%;
  height: auto;
  z-index: 9;
}

.template-azul .graficas img.cencosud{
  display: block;
  position: absolute;
  top: 19%;
  right: 6%;
  width: 15%;
  height: auto;
  z-index: 9;
}

.template-azul .textos span.cuotas{
  font-size: 10px;
  font-weight: 400;
  color: #055BFC;
  position: absolute;
  top: 5%;
  left: 40%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.precio{
  font-size: 26px;
  font-weight: 700;
  color: #055BFC;
  position: absolute;
  top: 8%;
  left: 40%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.oferta{
  font-size: 12px;
  font-weight: 400;
  color: #055BFC;
  position: absolute;
  top: 16%;
  left: 40%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.normal{
  font-size: 6px;
  font-weight: 400;
  color: #055BFC;
  position: absolute;
  top: 20%;
  left: 40%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.renueva{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 49%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 32%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.oferta-texto{
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 36%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 35%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos span.oferta-precio{
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 21%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  font-family: 'Barlow', sans-serif;
}

.template-azul .textos a.btn{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 12%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  text-align: center;
  background: #FF3D00;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
  font-family: 'Barlow', sans-serif;
}


/* ------------------------------------------------------------ */
/* ----------------------------  Negro  ----------------------- */
/* ------------------------------------------------------------ */

.template-negro .graficas img.negro{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: auto;
  z-index: 2;
}

.template-negro .graficas img.product{
  display: block;
  position: absolute;
  top: 30%;
  right: 5%;
  width: 40%;
  height: auto;
  z-index: 9;
}

.template-negro .graficas img.qr{
  display: block;
  position: absolute;
  bottom: 3%;
  left: 5%;
  width: 20%;
  height: auto;
  z-index: 9;
}

.template-negro .graficas img.cencosud{
  display: block;
  position: absolute;
  bottom: 5%;
  right: 10%;
  width: 20%;
  height: auto;
  z-index: 9;
}

.template-negro .graficas img.bg{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.template-negro .textos span.marca-producto{
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 6%;
  left: 15%;
  z-index: 9;
  text-align: right;
  width: 30%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.marca-entel{
  font-size: 21px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 10%;
  left: 15%;
  z-index: 9;
  text-align: right;
  width: 18%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.marca-black{
  font-size: 21px;
  font-weight: 700;
  color: #FF3D00;
  position: absolute;
  top: 16%;
  left: 15%;
  z-index: 3;
  text-align: right;
  width: 18%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.modelo{
  font-size: 12px;
  font-weight: 700;
  color: #FF3D00;
  position: absolute;
  top: 37%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.cuotas{
  font-size: 9px;
  font-weight: 400;
  color: #FF3D00;
  position: absolute;
  top: 42%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.oferta{
  font-size: 28px;
  font-weight: 700;
  color: #000;
  position: absolute;
  top: 46%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.precio{
  font-size: 11px;
  font-weight: 700;
  color: #FF3D00;
  position: absolute;
  top: 55%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.plan-texto{
  font-size: 10px;
  font-weight: 400;
  color: #FF3D00;
  position: absolute;
  top: 62%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos span.plan-precio{
  font-size: 10px;
  font-weight: 700;
  color: #FF3D00;
  position: absolute;
  top: 65%;
  left: 7%;
  z-index: 3;
  text-align: left;
  width: 42%;
  font-family: 'Barlow', sans-serif;
}

.template-negro .textos a.btn{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 24%;
  left: 6%;
  z-index: 3;
  text-align: right;
  width: 45%;
  text-align: center;
  background: #FF3D00;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
  font-family: 'Barlow', sans-serif;
}


/* ------------------------------------------------------------ */
/* -------------------------  Mandato  ------------------------ */
/* ------------------------------------------------------------ */

.template-mandato .graficas img.product{
  display: block;
  position: absolute;
  top: 27%;
  left: 5%;
  width: 55%;
  height: auto;
  z-index: 9;
}

.template-mandato .graficas img.mandato-corner{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: auto;
}

.template-mandato .graficas img.cencosud{
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  width: 20%;
  height: auto;
}

.template-mandato .graficas img.logo{
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 30%;
  height: auto;
}

.template-mandato .graficas img.logo-ofertas{
  display: block;
  position: absolute;
  top: 12px;
  left: 10%;
  width: 25%;
  height: auto;
}

.template-mandato .graficas img.logo-black{
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30%;
  height: auto;
}

.template-mandato .graficas img.product{
  display: block;
  position: absolute;
  top: 50px;
  left: 10px;
  width: 43%;
  height: auto;
}

.template-mandato .graficas img.bottom{
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: auto;
}

.template-mandato .graficas img.qr{
  display: block;
  position: absolute;
  top: 59%;
  left: 8%;
  width: 23%;
  height: auto;
  z-index: 9;
}

.template-mandato .textos img.plus{
  color: #fff;
  position: absolute;
  bottom: 11.5%;
  left: 34.5%;
  z-index: 9999;
  width: 10px;
}

.template-mandato .textos img.plus-2{
  color: #fff;
  position: absolute;
  bottom: 5%;
  left: 13%;
  z-index: 9999;
  width: 10px;
}

.template-mandato .textos img.redes{
  color: #fff;
  position: absolute;
  bottom: 4%;
  left: 47%;
  z-index: 9999;
  width: 90px;
}

.template-mandato .textos span.marca-equipo{
  font-size: 17px;
  font-weight: 300;
  color: #40e6b3;
  position: absolute;
  top: 19%;
  font-family: 'Barlow', sans-serif;
  left: 50%;
}

.template-mandato .textos span.nombre-equipo{
  font-size: 17px;
  font-weight: 400;
  color: #40e6b3;
  position: absolute;
  top: 24%;
  font-family: 'Barlow', sans-serif;
  left: 50%;
}

.template-mandato .textos span.marca-equipo.black,
.template-mandato .textos span.nombre-equipo.black{
  color: #FD3D08;
  font-family: 'Barlow', sans-serif;
}

.template-mandato .textos ul{
  position: absolute;
  top: 32%;
  left: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.template-mandato .textos ul li{
  font-size: 7px;
  color: #747b87;
  margin: 3px 0;
  font-family: 'Barlow', sans-serif;
}

.template-mandato .textos ul.black li{
  color: #aaaaaa;
  font-family: 'Barlow', sans-serif;
}

.template-mandato .textos span.precio{
  font-size: 22px;
  font-weight: 700;
  color: #085bfe;
  position: absolute;
  top: 49%;
  font-family: 'Barlow', sans-serif;
  left: 53%;
}

.template-mandato .textos span.precio.black{
  color: #fff;
  font-family: 'Barlow', sans-serif;
}

.template-mandato .textos span.precio > span{
  font-size: 8px;
  font-weight: 700;
  color: #085bfe;
  position: absolute;
  top: 36%;
  font-family: 'Barlow', sans-serif;
  left: -14%;
}

.template-mandato .textos span.mandato-plan{
  font-size: 10px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 19%;
  left: 14%;
  z-index: 9999;
  text-align: right;
  font-family: 'Barlow', sans-serif;
}

.template-mandato .textos span.mandato-precio{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 19%;
  left: 53%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-mandato .textos span.mandato-cargo{
  font-size: 6px;
  font-weight: 300;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  position: absolute;
  bottom: 17%;
  right: 17%;
  z-index: 9999;
  text-align: left;
}

.template-mandato .textos span.mandato-gb{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 13%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}

.template-mandato .textos span.mandato-speak{
  font-size: 8px;
  line-height: 9px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  font-family: 'Barlow', sans-serif;
  bottom: 10.5%;
  left: 41%;
  z-index: 9999;
  text-align: left;
}

.template-mandato .textos span.mandato-min{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 52%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-mandato .textos span.mandato-rrss{
  font-size: 8px;
  line-height: 9px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  font-family: 'Barlow', sans-serif;
  bottom: 4%;
  left: 21%;
  z-index: 9999;
  text-align: left;
}

.template-mandato .textos a.btn{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 60%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  font-family: 'Barlow', sans-serif;
  text-align: center;
  background: #FF3D00;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
}

.template-mandato .textos a.btn-blue{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 60%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  font-family: 'Barlow', sans-serif;
  text-align: center;
  background: #005CFD;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
}



/* ------------------------------------------------------------ */
/* -------------------------  Entel Days  ------------------------ */
/* ------------------------------------------------------------ */

.template-enteldays .graficas img.product{
  display: block;
  position: absolute;
  top: 27%;
  left: 5%;
  width: 55%;
  height: auto;
  z-index: 9;
}

.template-enteldays .graficas img.enteldays-corner{
  display: block;
  position: absolute;
  top: 10px;
  left: -24px;
  width: 46%;
  height: auto;
}

.template-enteldays .graficas img.abcdin{
  display: block;
  position: absolute;
  top: 10px;
  right: 20px;
  width: 30%;
  height: auto;
}

.template-enteldays .graficas img.product{
  display: block;
  position: absolute;
  top: 50px;
  left: 10px;
  width: 43%;
  height: auto;
}

.template-enteldays .graficas img.bottom{
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: auto;
}

.template-enteldays .graficas img.qr{
  display: block;
  position: absolute;
  top: 59%;
  left: 8%;
  width: 23%;
  height: auto;
  z-index: 9;
}

.template-enteldays .textos img.plus{
  color: #fff;
  position: absolute;
  bottom: 11.5%;
  left: 34.5%;
  z-index: 9999;
  width: 10px;
}

.template-enteldays .textos img.plus-2{
  color: #fff;
  position: absolute;
  bottom: 5%;
  left: 13%;
  z-index: 9999;
  width: 10px;
}

.template-enteldays .textos img.redes{
  color: #fff;
  position: absolute;
  bottom: 4%;
  left: 47%;
  z-index: 9999;
  width: 90px;
}

.template-enteldays .textos span.marca-equipo{
  font-size: 17px;
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  color: #ff3d00;
  position: absolute;
  top: 19%;
  left: 50%;
}

.template-enteldays .textos span.nombre-equipo{
  font-size: 17px;
  font-weight: 400;
  color: #ff3d00;
  position: absolute;
  font-family: 'Barlow', sans-serif;
  top: 24%;
  left: 50%;
}

.template-enteldays .textos ul{
  position: absolute;
  top: 32%;
  left: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.template-enteldays .textos ul li{
  font-size: 7px;
  color: #747b87;
  font-family: 'Barlow', sans-serif;
  margin: 3px 0;
}

.template-enteldays .textos span.precio{
  font-size: 22px;
  font-weight: 700;
  color: #085bfe;
  position: absolute;
  top: 49%;
  left: 53%;
  font-family: 'Barlow', sans-serif;
}

.template-enteldays .textos span.precio > span{
  font-size: 8px;
  font-weight: 700;
  color: #085bfe;
  position: absolute;
  top: 36%;
  left: -14%;
  font-family: 'Barlow', sans-serif;
}

.template-enteldays .textos span.mandato-plan{
  font-size: 10px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 19%;
  left: 14%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: right;
}

.template-enteldays .textos span.mandato-precio{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 19%;
  left: 53%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}

.template-enteldays .textos span.mandato-cargo{
  font-size: 6px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 17%;
  right: 17%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}

.template-enteldays .textos span.mandato-gb{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 13%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-enteldays .textos span.mandato-speak{
  font-size: 8px;
  line-height: 9px;
  font-weight: 300;
  font-family: 'Barlow', sans-serif;
  color: #fff;
  position: absolute;
  bottom: 10.5%;
  left: 41%;
  z-index: 9999;
  text-align: left;
}

.template-enteldays .textos span.mandato-min{
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 52%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-enteldays .textos span.mandato-rrss{
  font-size: 8px;
  line-height: 9px;
  font-weight: 300;
  color: #fff;
  font-family: 'Barlow', sans-serif;
  position: absolute;
  bottom: 4%;
  left: 21%;
  z-index: 9999;
  text-align: left;
}

.template-enteldays .textos a.btn{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 60%;
  font-family: 'Barlow', sans-serif;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  text-align: center;
  background: #FF3D00;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
}



/* ------------------------------------------------------------ */
/* -------------------------  Autoplan  ----------------------- */
/* ------------------------------------------------------------ */

.template-autoplan .graficas img.product{
  display: block;
  position: absolute;
  top: 27%;
  left: 5%;
  width: 55%;
  height: auto;
  z-index: 9;
}

.template-autoplan .graficas img.autoplan-corner{
  display: block;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50%;
  height: auto;
}

.template-autoplan .graficas img.oferta-badge{
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 26%;
  height: auto;
}

.template-autoplan .graficas img.logo{
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 30%;
  height: auto;
}

.template-autoplan .graficas img.logo-ofertas{
  display: block;
  position: absolute;
  top: 12px;
  left: 10%;
  width: 25%;
  height: auto;
}

.template-autoplan .graficas img.product{
  display: block;
  position: absolute;
  top: 50px;
  left: 10px;
  width: 43%;
  height: auto;
}

.template-autoplan .graficas img.bottom{
  display: block;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: auto;
}

.template-autoplan .graficas img.qr{
  display: block;
  position: absolute;
  top: 59%;
  left: 8%;
  width: 23%;
  height: auto;
  z-index: 9;
}

.template-autoplan .textos img.plus{
  color: #fff;
  position: absolute;
  bottom: 7%;
  left: 55%;
  z-index: 9999;
  width: 8px;
}

.template-autoplan .textos img.plus-2{
  color: #fff;
  position: absolute;
  bottom: 7%;
  left: 72%;
  z-index: 9999;
  width: 8px;
}

.template-autoplan .textos img.redes{
  color: #fff;
  position: absolute;
  bottom: 6.3%;
  left: 24.4%;
  z-index: 9999;
  width: 70px;
}

.template-autoplan .textos img.carnet{
  color: #fff;
  position: absolute;
  bottom: 15%;
  right: 8%;
  z-index: 9999;
  width: 70px;
}

.template-autoplan .textos img.chip{
  color: #fff;
  position: absolute;
  bottom: 26.5%;
  left: 15%;
  z-index: 9999;
  width: 20px;
}

.template-autoplan .textos span.marca-equipo{
  font-size: 17px;
  font-weight: 300;
  color: #40e6b3;
  position: absolute;
  top: 19%;
  font-family: 'Barlow', sans-serif;
  left: 50%;
}

.template-autoplan .textos span.nombre-equipo{
  font-size: 17px;
  font-weight: 400;
  color: #40e6b3;
  position: absolute;
  top: 24%;
  font-family: 'Barlow', sans-serif;
  left: 50%;
}

.template-autoplan .textos ul{
  position: absolute;
  top: 32%;
  left: 50%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.template-autoplan .textos ul li{
  font-size: 7px;
  color: #747b87;
  margin: 3px 0;
  font-family: 'Barlow', sans-serif;
}

.template-autoplan .textos span.autoplan-txt{
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 21%;
  left: 10%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}

.template-autoplan .textos span.autoplan-price{
  font-size: 31px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 13%;
  left: 10%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}


.template-autoplan .textos span.autoplan-rrss{
  font-size: 5px;
  line-height: 6px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 6.5%;
  left: 10%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: right;
}

.template-autoplan .textos span.autoplan-gigas{
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 6.6%;
  left: 60%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-autoplan .textos span.autoplan-min{
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  bottom: 6.6%;
  left: 77%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-autoplan .textos span.autoplan-habla{
  font-size: 6px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 10%;
  right: 8%;
  font-family: 'Barlow', sans-serif;
  z-index: 9999;
  text-align: left;
}

.template-autoplan .textos span.autoplan-activalo{
  font-size: 6px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 10%;
  z-index: 9999;
  font-family: 'Barlow', sans-serif;
  text-align: left;
}

.template-autoplan .textos span.autoplan-letras{
  font-size: 4px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  bottom: 3.6%;
  font-family: 'Barlow', sans-serif;
  left: 10%;
  z-index: 9999;
  text-align: left;
}

.template-autoplan .textos a.btn-blue{
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 60%;
  right: 10%;
  z-index: 3;
  text-align: right;
  width: 45%;
  font-family: 'Barlow', sans-serif;
  text-align: center;
  background: #005CFD;
  border-radius: 30px;
  text-decoration: none;
  padding: 4px 0;
}