.elementor-11392 .elementor-element.elementor-element-95a06cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.68;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11392 .elementor-element.elementor-element-95a06cf::before, .elementor-11392 .elementor-element.elementor-element-95a06cf > .elementor-background-video-container::before, .elementor-11392 .elementor-element.elementor-element-95a06cf > .e-con-inner > .elementor-background-video-container::before, .elementor-11392 .elementor-element.elementor-element-95a06cf > .elementor-background-slideshow::before, .elementor-11392 .elementor-element.elementor-element-95a06cf > .e-con-inner > .elementor-background-slideshow::before, .elementor-11392 .elementor-element.elementor-element-95a06cf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}/* Start custom CSS for html, class: .elementor-element-efb3b39 */.timer-container{
    text-align: center;
    padding: 20px;
    height: 100%;
    background: black;
    transition: background 1s ease;
    padding-top: 460px ;
}

.num_timer{
    color: #FAB712;
    font-size: 29vw;
    margin-bottom: 280px;
    font-weight: 700;
}

.btn_timer{
    width: 10%;
    height: 50px;
    border-radius: 15px;
    background: white;
    margin: 10px;
    font-size: 20px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-bottom: 150px;
}

.btn_time .time-finished-bg{
      margin-bottom: 150px;
}

/* Texto Gracias */
.timer-finished{
    font-size: 20vw !important;
    color: black;
}

/* Fondo cuando termina */
.timer-container.time-finished-bg{
    background: #FAB712;
}

.btn_timer:disabled{
    background: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Tablet */
@media (max-width: 768px){

    .num_timer{
        font-size: 80px;
        margin-bottom: 40px;
    }

    .btn_timer{
        width: 180px;
        height: 70px;
        font-size: 24px;
    }

    .timer-finished{
        font-size: 50px !important;
    }
}

/* Móvil */
@media (max-width: 480px){

    .num_timer{
        font-size: 56px;
        margin-bottom: 30px;
    }

    .btn_timer{
        width: 90%;
        max-width: 300px;
        height: 60px;
        font-size: 22px;
        display: block;
        margin: 10px auto;
    }

    .timer-finished{
        font-size: 36px !important;
    }
}/* End custom CSS */