html{
  --fontcolor: white;
  --whitecolor: #fff
}


#alcacountdown-container{
  color: var(--fontcolor);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


#alcacountdown-container .alcacountdown-timer-number{
  color: var(--whitecolor);
  background: black;
  font-size: 37px;
  line-height: 1;
  width: 88px;
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-bottom: 8px;
}

#alcacountdown-container h2{
  font-size: 60px;
  font-weight: 900;
  text-align: center;
}

#alcacountdown-container h3{
  font-size: 35px;
  font-weight: 100;
  text-align: center;
}

#alcacountdown-container .alcacountdown-descuento{
  font-weight: 900;
  font-size: 160px;
  line-height: 1;
  text-align: center;
  margin-bottom: 30px;
}

.alcacountdown-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


#alcacountdown-container .alcacountdown-end-text{
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
}

#alcacountdown-container .alcacountdown-timer{
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 23px;
}

#alcacountdown-container .alcacountdown-timer-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#alcacountdown-container .alcacountdown-timer-label{
  font-size: 15px;
  line-height: 1;
}

#alcacountdown-container .alcacountdown-link{
  text-align: center;
  margin-bottom: 25px;
}


@media(min-width: 1300px){
  #alcacountdown-container{
    height: calc(var(--alto) - 0.5px);
  }
}

@media (max-width: 1300px){
  #alcacountdown-container h2{
    font-size: 50px;
  }
  
  #alcacountdown-container h3{
    font-size: 25px;
  }
  
  #alcacountdown-container .alcacountdown-descuento{
    font-size:130px;
  }
  
  #alcacountdown-container .alcacountdown-link a{
    font-size: 25px;
    margin-bottom: 20px;
  }
}

@media (max-width: 1199px){
  #alcacountdown-container h2{
    font-size: 40px;
  }
  
  #alcacountdown-container h3{
    font-size: 25px;
  }
  
  #alcacountdown-container .alcacountdown-descuento{
    font-size:100px;
    margin-bottom: 20px;
  }
  
  #alcacountdown-container .alcacountdown-link a{
    font-size: 20px;
    margin-bottom: 20px;
    padding: 20px 54px;
  }
  
  #alcacountdown-container .alcacountdown-timer-number{
    font-size: 30px;
    width: 70px;
    height: 70px;
  }

  .chrome-navigator #alcacountdown-container{
    margin-top: calc(var(--alto) * -1 - 2px);
  }
}

@media (max-width: 1024px){
  body.mobile-dev #alcacountdown-container{
    width: 100vw;
    margin: -1px 0;
    height: auto;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-inner-up{
    position: absolute;
    top: -81.5vw;
    left: 36px;
  }
  
  body.mobile-dev.withsale .alcasimpleslider a.right{
    left: 0;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-text{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 35px;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-text h2,
  body.mobile-dev #alcacountdown-container .alcacountdown-text h3,
  body.mobile-dev #alcacountdown-container .alcacountdown-text .alcacountdown-descuento{
    font-size: 42px !important;
    color: var(--whitecolor);
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-text .alcacountdown-descuento{
    margin-left: 8px
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-text h2{
    width: 100%;
    text-align: left;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-link a{
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 35px;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-end-text{
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 11px;
    margin-top: 12px;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-timer-number{
    font-size: 26px;
    width: 60px;
    height: 60px;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-timer{
    column-gap: 18px !important;
    margin-bottom: 13px;
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-end-text{
    margin-top: 25px
  }
  
  body.mobile-dev #alcacountdown-container .alcacountdown-timer{
    margin-bottom: 25px;
  }
}


@media (max-width: 991px){
  #alcacountdown-container h2{
    font-size: 30px;
  }
  
  #alcacountdown-container h3{
    font-size: 20px;
  }
  
  #alcacountdown-container .alcacountdown-descuento{
    font-size:60px;
    margin-bottom: 14px;
  }
  
  #alcacountdown-container .alcacountdown-link a{
    font-size: 16px;
    margin-bottom: 20px;
    padding: 14px 40px;
  }
  
  #alcacountdown-container .alcacountdown-end-text{
    font-size: 20px;
    margin-bottom: 14px;
  }
  
  #alcacountdown-container .alcacountdown-timer-number{
    font-size: 20px;
    width: 60px;
    height: 60px;
  }
  
  #alcacountdown-container .alcacountdown-timer{
    column-gap: 15px;
  }
  
  #alcacountdown-container .alcacountdown-timer-label{
    font-size: 12px;
  }

  .cart-content-btn .btn{
    font-size: 12px !important;
  }

  .modal-dialog .modal-content{
    max-width: calc(100vw - 30px);
  }
}

@media (max-width: 767px){
  
  
  body.mobile-dev #alcacountdown-container .alcacountdown-text h2,
  body.mobile-dev #alcacountdown-container .alcacountdown-text h3,
  body.mobile-dev #alcacountdown-container .alcacountdown-text .alcacountdown-descuento{
    font-size: 26px !important;
    color: var(--whitecolor);
    margin-bottom: 10px;
    font-weight: bold;
  }
  
  #alcacountdown-container .alcacountdown-text .alcacountdown-descuento{
    margin-left: 8px
  }
  
  #alcacountdown-container .alcacountdown-link a{
    margin-top: 15px;
    margin-bottom: 0;
  }
  
  #alcacountdown-container .alcacountdown-end-text{
    font-size: 14px !important;
    line-height: 18px !important;
    margin-bottom: 11px !important;
    margin-top: 12px !important;
  }
  
  #alcacountdown-container .alcacountdown-timer-number{
    font-size: 18px !important;
    width: 44px !important;
    height: 44px !important;
  }
  
  #alcacountdown-container .alcacountdown-timer{
    column-gap: 18px !important;
    margin-bottom: 13px !important;
  }

  body.mobile-dev #alcacountdown-container .alcacountdown-text{
    margin-left: 0;
  }

  #alcacountdown-container .alcacountdown-link a{
    margin-left: 0 !important;
  }
}





.category-id-36 ul.alcapricecondition_specific_price_list {
    display: none;
}

div#alcacountdown-container {
    padding-top: 50px;
    padding-bottom: 50px;
}
 div#alcacountdown-container {
    background: #f0021c;
    padding: 50px 15px 50px 30px;
 }
#alcacountdown-container .alcacountdown-timer-number {
     border: 3px solid white;
}

.alcacountdown-timer-label {
    color: black;
}

#index  div#alcacountdown-container {
    background: black;
}
#index #alcacountdown-container .alcacountdown-timer-number {
     border: 3px solid #f0021c;
}
#index .alcacountdown-timer-label {
    color: white;
}
#index .alcacountdown-timer-number {
    background: white !important;
    color: black !important;
}

.alcacountdown-text, .alcacountdown-text * {
    color:white;
}

#category .alcacountdown-inner-up a.btn.btn-primary {
    background: black;
}
@media(max-width:600px) {
    .alcacountdown-text p {

        text-align: center;
    }
    div#alcacountdown-container {
        margin-left: -15px;
        width: calc(100vw + 3px);
        margin-right: -15px;
        padding: 15px;
        text-align: center;
    }
}
    #category div#alcacountdown-container {
        margin-bottom: 30px;
    }
@media(min-width:600px) {
    .alcacountdown-inner {
        display: grid;
        grid-template-areas:
            "A1 B1"
            "A1 B2";
        gap: 15px 30px;
    }
    #index div#alcacountdown-container {
        left: 50%;
        margin-left: calc(-13px - 50.1vw);
        width: calc(14px + 100vw) !important;
        position: relative;
        padding-bottom: 50px;
    }
    /* .alcacountdown-link {
        position: absolute;
        margin-left: calc(25% - 100px);
        margin-top: -100px;
    } */
    .alcacountdown-inner * {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .alcacountdown-inner > div:nth-child(1) {
        grid-area: A1;
    }
    .alcacountdown-inner > div:nth-child(2) {
        grid-area: B1;
        align-self: end;
    }
    .alcacountdown-inner > div:nth-child(3) {
        grid-area: B2;
        align-self: self-start;
    }
}