.elementor-kit-6{--e-global-color-primary:#80C8CD;--e-global-color-secondary:#D96357;--e-global-color-text:#3A3F52;--e-global-color-accent:#3A3F52;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-line-height:40px;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Estilos del Pop-up */
.oferta-popup {
    /* Oculto por defecto */
    display: none; 
    /* Posición fija para cubrir toda la ventana */
    position: fixed;
    z-index: 1000; /* Asegura que esté por encima de todo */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6); /* Fondo semi-transparente oscuro */
}

.oferta-popup__content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% arriba y centrado */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ancho general */
    max-width: 500px; /* Ancho máximo */
    border-radius: 10px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Animación de aparición (opcional) */
@keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

.oferta-popup__close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
}

.oferta-popup__close-btn:hover,
.oferta-popup__close-btn:focus {
    color: #000;
    text-decoration: none;
}

/* Estilos de Contenido */
.oferta-popup__title {
    font-size: 1.8em;
    font-weight: bold;
    color: #D9534F; /* Un color llamativo, puedes cambiarlo */
    margin-bottom: 20px;
}

/* Estilos de la Cuenta Atrás (basados en tu original) */
.timer__title {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

.timer__time {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 2em;
    font-weight: bold;
}

.timer__time span {
    color: #333;
}

.timer__time--hours,
.timer__time--minutes,
.timer__time--second {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    background-color: #f0f0f0;
}

.timer__time--hours span:first-child,
.timer__time--minutes span:first-child,
.timer__time--second span:first-child {
    font-size: 1.5em;
    color: #007bff; /* Color para los números */
}

/* Estilo del botón de oferta */
.btn-oferta {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 25px;
    background-color: #28a745; /* Verde de éxito */
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
}/* End custom CSS */