.p-relative {
  position: relative;
}

.platino .logo-banner {
  height: 80px;
  width: auto;
}

.platino.content-product-item .product-description {
  background-color: #F2F2F2;
}

.platino .circles .circle-unit .circle-image, .platino-intern .circles-half-position.toallitas .circles .circle-unit .circle-image {
  background-image: linear-gradient(225deg, #CFCFCF 0%, #7B7B7B 51%, #FFFFFF 100%);
}

.platino-intern .circles-half-position .circles .circle-unit .circle-image {
  background-image: linear-gradient(125deg, #ac8700 2%, #dac088 41%, #ac8700 72%, #ad8803 77%, #b18d0e 81%, #b7941f 84%, #bf9e38 88%, #caab58 91%, #d2b571 93%);
}

.platino.content-product-item .product-description .remate-product-item svg {
  fill: #ADDFB3;
}

.platino h1, .platino h2, .platino h5 {
  color: #812840;
}

.platino .info-prod h3 {
  color: #812840;
}

.platino .topslide {
  color: #4F8933;
}

.font-medium {
  font-weight: 400;
}

.EspecialUnit {
  width: auto;
  height: 100%;
}

.platino .productInter {
  top: 50%;
  transform: translateY(-50%);
  position: relative;
}

.supCof {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  margin: 5px 0;
  text-align: center;
  position: relative;
  z-index: 10;
  bottom: -15px;
}

.platino .supCof {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.platino .content-circles-landing {
  background-color: #F2F2F2;
}


.platino .circle-unit, .platino .circle-unit .darkGray {
  color: #812840;
}

.circles-half-position .circles {
  padding-top: 0;
}

.platino-intern .circles-half-position.toallitas {
  background-image: url(../images/video/pleca-platino.svg);
  background-size: cover;
}

.platino-intern .circles-half-position.toallitas .circles h2 {
  color: #FFFFFF;
}

.platino-intern .circles-half-position.toallitas .circle-unit .darkGray {
  color: #812840;
}

.abeja {
  background: url(../images/producto/ecoprotect/abeja.png) no-repeat;
  width: 58px;
  height: 58px;
  background-size: contain;
  position: absolute;
  left: 200px;
  top: -85px;
}

.colibri {
  background: url(../images/producto/ecoprotect/colibri.png) no-repeat;
  width: 70px;
  height: 70px;
  background-size: contain;
  position: absolute;
  right: 250px;
  top: 10px;
  bottom: 0;
}

.icon-float {
  width: auto;
  display: inline-block;
  position: relative;
}

.platino .content-circles-landing.bullet-world {
  padding-bottom: 0;
  margin-bottom: 150px;
}

.platino .content-circles-landing .etapas .etapa {
  background-color: #812840;
  z-index: 2;
}

.platino .content-circles-landing.curve {
  margin-top: 0px;
  background-color: #E0FFE4;
  background-image: url(../images/producto/ecoprotect/curva.svg);
  background-position: bottom !important;
  background-size: auto 300px;
  background-repeat: repeat-x;
  background-position: center;
}

.platino .content-circles-landing .etapas hr {
  width: calc(110px * 6);
  height: 5px;
  position: absolute;
  top: 50px;
  background-image: url(../images/producto/producto-item/platino/bg-dotted.png);
  background-size: auto 5px;
  background-position: center;
  border: none;
  background-repeat: repeat-x;
}

h2.rn {
  font-size: 30px;
  padding-top: 23px;
}

.platino .content-circles-landing .etapas {
  width: 100%;
}

@media (max-width: 1199.98px) {
  .t-media {
    background: yellow;
  }
}

@media (max-width: 991.98px) {
  .t-media {
    background: pink;
  }

  .supCof {
    font-size: 8px;
    padding: 0 5px;
  }
}

@media (max-width: 767.98px) {
  .t-media {
    background: blue;
  }

  .platino .topslide {
    bottom: 30px;
  }

  .platino .cirAll {
    width: 100%;
  }

  .platino .circle-image span {
    width: initial;
  }

  .abeja {
    left: 20px;
    top: 20px;
    position: absolute;
  }

  .colibri {
    right: 10px;
    top: 100px;
    bottom: 0;
  }

  .circle-tec {
    max-width: 526px;
    width: 100%;
  }

  .platino .content-circles-landing.bullet-world {
    padding-bottom: 30px;
  }
}

@media (max-width: 575.98px) {
  .t-media {
    background: red;
  }

  .supCof {
    font-size: 8px;
    padding: 0 5px;
  }

  .producto .img-prod {
    height: 100px;
  }
}

.platino-intern.content-product-item .product-description {
  background-color: #f2f2f2;
  color: #812840;
}

/* line 673, ../sass/_producto.scss */
.platino-intern .content-products h2 {
  color: #812840;
}

/* line 678, ../sass/_producto.scss */
.platino-intern .circles-half-position {
}

/* line 681, ../sass/_producto.scss */
.platino-intern .circles-half-position .circles {
  padding-top: 0px !important;
}

/* line 685, ../sass/_producto.scss */
.platino-intern .circles-half-position .circles h2 {
  color: #812840;
}

/* line 691, ../sass/_producto.scss */
.platino-intern .circles-half-position .circles .circle-unit h4 {
  color: #812840;
}

.platino-intern .content-circles-landing {
  margin-top: 0px;
  background-color: #f2f2f2;
  background-position: bottom !important;
  background-size: auto 150px;
  background-repeat: repeat-x;
  background-position: center;
}

/* line 721, ../sass/_producto.scss */
.platino-intern .content-circles-landing .etapas {
  width: 100%;
}

/* line 724, ../sass/_producto.scss */
.platino-intern .content-circles-landing .etapas h2 {
  color: #812840;
}

/* line 728, ../sass/_producto.scss */
.platino-intern .content-circles-landing .etapas hr {
  width: calc(110px * 7);
  height: 5px;
  position: absolute;
  top: 50px;
  background-image: url("../images/producto/producto-item/platino/bg-dotted.png");
  background-size: auto 5px;
  background-position: center;
  border: none;
  background-repeat: repeat-x;
}

/* line 740, ../sass/_producto.scss */
.platino-intern .content-circles-landing .etapas .etapa {
  background-color: #812840;
  z-index: 2;
}

.platino-intern .content-circles-landing {
  margin-top: 0;
  margin-bottom: 300px;
}

.platino-intern .content-circles-landing .video {
  width: 576px;
  height: 324px;
  bottom: -260px;
}

.platino-intern .content-circles-landing {
  background-color: #F2F2F2;
  background-image: url(../images/video/pleca-platino.svg);
}

.platino-intern .circle-unit .darkGray {
    color: #303030;
}

.platino .big-circle {
  height: auto;
  position: relative;
  padding: 0px 0px 50px 0px;
}

@media screen and (min-width: 768px) {
  /* line 827, ../sass/_producto.scss */
  .platino .big-circle {
    padding: 50px 0px 50px 0px;
  }
}

/* line 836, ../sass/_producto.scss */
.platino .big-circle .big-circle-mobile {
  height: 300px;
  background-size: cover;
  background-position: center;
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 836, ../sass/_producto.scss */
  .platino .big-circle .big-circle-mobile {
    display: none;
  }
}

/* line 847, ../sass/_producto.scss */
.platino .big-circle img.mobile {
  display: block;
}

@media screen and (min-width: 768px) {
  /* line 847, ../sass/_producto.scss */
  .platino .big-circle img.mobile {
    display: none;
  }
}

/* line 858, ../sass/_producto.scss */
.platino .big-circle img.desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  /* line 858, ../sass/_producto.scss */
  .platino .big-circle img.desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  /* line 706, ../sass/_producto.scss */
  .platino-intern .content-circles-landing {
    margin-top: 0;
    margin-bottom: 300px;
    padding-bottom: 50px;
  }
}

@media (max-width:  767.98px)  {
  .platino-intern .title-video {
    margin-top: 60px;
  }

  .platino-intern .content-circles-landing .video, .platino-intern .content-video .video{
    width: 90%;
  }
}