.botoncmp {
  max-width: 40%;
  height: auto;
}

.botoncmptxt {
  font-size: 14px;
  font-weight: 400;
}

.cmp1 {
  background: url(https://cdn.teleticket.com.pe/especiales/black-ticket-2025/images/blackticket-tbody.jpg)
    repeat center #000000;
}



.cmptexto {
  color: #fff !important;
}

.camp_tit {
  background: url(https://cdn.teleticket.com.pe/especiales/black-ticket-2025/images/blackticket-thead.jpg)
    center center no-repeat #000000;
  background-size: cover;
  padding: 35px 5px 15px !important;
}

.fondocmp {
  background-image: url(https://cdn.teleticket.com.pe/especiales/black-ticket-2025/images/blackticket-fixed.jpg);
  background-position-x: top;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 768px) {
    .fondocmp {
      background-attachment: scroll !important;
      background-position: center center;
    }
  }
}

.ikerdj {
  position: absolute;
  bottom: -15%;
  width: 31%;
  right: -17%;
  /* margin-left: -27%; */
  z-index: 2;
}

.cmpticket {
  position: absolute;
  bottom: -1%;
  width: 30%;
  left: -12%;
  /* margin-left: -27%; */
  z-index: 2;
}

.ctacmp {
  color: #fff;
  text-align: center;
  font-weight: lighter !important;
}

.ctacmp b {
  color: #ffc71b;
  text-align: center;
  font-weight: bolder;
  text-shadow: #000000 -1px 6px;
}

.txtcmp {
  color: #fff !important;
}

.bajadacmp {
  background-color: #fb032800;
  padding: 2px;
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 300;
}

.franja_cmp {
  border: 2px solid #ffffff3b;
}

.contlogocmp {
  margin-bottom: 3px;
  position: relative;
}

.camp_blanco {
  color: #fff !important;
  font-size: 18px !important;
}

.dsctocmp {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-top: 8px;
}

.dsctocmp span {
  font-family: "Lexend", sans-serif;
  font-weight: 900;
  vertical-align: sub;
}

.dsctocmp span span {
  font-family: "Lexend", sans-serif;
  font-weight: 300;
  vertical-align: baseline;
  font-size: 14px;
}

.logocmp {
  max-width: 160px;
}

@media only screen and (max-width: 480px) {
  .logocmp {
    max-width: 150px;
  }
}

.scalingcmp {
  -webkit-animation-name: scalexcmp;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-name: scalecmp;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scalexcmp {
  from {
    -webkit-transform: scale(1);
  }

  65% {
    -webkit-transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes scalecmp {
  from {
    -moz-transform: scale(1);
  }

  65% {
    -moz-transform: scale(1.2);
  }

  to {
    -moz-transform: scale(1);
  }
}

/*  */

.iker-cmpdto {
  position: absolute;
  top: 15%;
  width: 24%;
  left: 48%;
  pointer-events: none;
  /* margin-left: -37%; */
  z-index: 2;
}

.iker-porcentaje {
    position: absolute;
    top: 53%;
    width: 6%;
    left: -23%;
    pointer-events: none;
    /* margin-left: -37%; */
    z-index: 2;
}

.iker-pc {
    position: absolute;
    top: -9%;
    width: 31%;
    left: -28%;
    pointer-events: none;
    /* margin-left: -37%; */
    z-index: 2;
}

.tiquete {
    position: absolute;
    top: 18%;
    width: 47%;
    left: 128%;
    /* margin-left: -37%; */
    z-index: 2;
}

.iker-on {
  animation: encendidoApagado 2s ease-in-out infinite;
}

@keyframes encendidoApagado {
  0%,
  100% {
    opacity: 0.7;
  }
  50% {
    opacity: 0;
  }
}

.para-tlk-wrapper {
    position: absolute;
    top: 31px;
    right: 1120px;
    /* width: 188px; */
    /* height: auto; */
    pointer-events: none;
}


.para-tlk-img {
  position: absolute;
  top: 0;
  left: 0;

  width: 150px; 
  height: auto;

  object-fit: contain;
  transform-origin: center center;

  transition: transform 0.35s ease;
}

@media only screen and (max-width: 768px) {

  .iker-cmpdto {
  position: absolute;
  top: 15%;
  width: 24%;
  left: 48%;
  pointer-events: none;
  /* margin-left: -37%; */
  z-index: 2;
}

.iker-porcentaje {
    position: absolute;
    top: 53%;
    width: 6%;
    left: -23%;
    pointer-events: none;
    /* margin-left: -37%; */
    z-index: 2;
}

    .iker-pc {
        position: absolute;
        top: 61%;
        width: 31%;
        left: -7%;
        pointer-events: none;
        /* margin-left: -37%; */
        z-index: 2;
    }

    .tiquete {
        position: absolute;
        top: -19%;
        width: 33%;
        left: 88%;
        /* margin-left: -37%; */
        z-index: 2;
    }
 
  }



/*  */