/*
Theme Name: Fura BBQ
Theme URI: https://tkanalytics.es/
Template: hello-elementor
Author: TK Analytics
Author URI: https://tkanalytics.es/
Description: Este es un tema hijo de Hello Elementor.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1786521100
Updated: 2026-08-21 13:15:00

*/
/* Countdown: separadores verticales entre items (mockup 30 | 23 | 58 | 38) */
body.page-id-9 .elementor-countdown-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0;
}

body.page-id-9 .elementor-countdown-item {
    position: relative;
    flex: 0 1 auto;
    padding-inline: 1.5rem;
}

body.page-id-9 .elementor-countdown-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 18%;
    bottom: 18%;
    right: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.55);
}

@media (max-width: 767px) {
    body.page-id-9 .elementor-countdown-item {
        padding-inline: 0.75rem;
    }
}

/* Mismo color que el primer banner: si algo asoma, no se ve blanco */
body.page-id-9,
body.page-id-9 #page,
body.page-id-9 .site-main,
body.page-id-9 .elementor {
    background-color: #120608;
}

/* Sticky necesita overflow visible en ancestros */
body.page-id-9 #page,
body.page-id-9 .site-main,
body.page-id-9 .elementor,
body.page-id-9 .elementor-9 {
    overflow: visible !important;
}

/*
 * Elementor aplica position:var(--position) en .e-con y carga DESPUES
 * del CSS del child → hay que pisar la variable, no solo position.
 */
body.page-id-9 .gsap-panel.e-con {
    --position: sticky;
    --z-index: 1;
    position: sticky !important;
    top: 0;
    width: 100%;
    min-height: 100vh;
}

/* Mueve la imagen de fondo de Elementor (sin salirse ni abrir scroll) */
/* body.page-id-9 .gsap-panel.e-con {
    overflow: hidden;
}

body.page-id-9 .gsap-panel .fura-bg-wave {
    position: absolute;
    inset: -8%;
    z-index: 0;
    pointer-events: none;
    transform-origin: center center;
    filter: url("#fura-wave-filter");
    animation: fura-bg-sway 90s ease-in-out infinite;
}

@keyframes fura-bg-sway {
    0%, 100% { transform: scale(1.1) translate3d(0, 0, 0); }
    50%      { transform: scale(1.16) translate3d(2.4%, -1.8%, 0); }
}

body.page-id-9 .gsap-panel.e-con > *:not(.fura-bg-wave) {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    body.page-id-9 .gsap-panel .fura-bg-wave {
        filter: none;
        inset: 0;
        transform: none;
        animation: none;
    }
} */

/* La llama es el puntero: oculta la flecha del sistema */
@media (hover: hover) and (pointer: fine) {
    html.fura-has-flame-cursor,
    html.fura-has-flame-cursor * {
        cursor: none !important;
    }
}

.fura-flame-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 28px;
    height: 36px;
    pointer-events: none;
    opacity: 0;
    will-change: transform;
    transition: filter 0.18s ease;
    filter: drop-shadow(0 0 8px rgba(227, 28, 28, 0.65));
}

.fura-flame-cursor.is-visible {
    opacity: 1;
}

.fura-flame-cursor.is-hot {
    filter: drop-shadow(0 0 10px rgba(255, 90, 60, 0.85));
}

.fura-flame-cursor img {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: 50% 85%;
    animation: fura-flame-flicker 0.9s ease-in-out infinite alternate;
}

.fura-flame-cursor.is-hot img {
    transform: scale(1.15);
}

@keyframes fura-flame-flicker {
    from { transform: scale(0.96) rotate(-2deg); }
    to   { transform: scale(1.06) rotate(2deg); }
}

@media (hover: none), (pointer: coarse) {
    html.fura-has-flame-cursor,
    html.fura-has-flame-cursor * {
        cursor: auto !important;
    }
    .fura-flame-cursor { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    html.fura-has-flame-cursor,
    html.fura-has-flame-cursor * {
        cursor: auto !important;
    }
    .fura-flame-cursor,
    .fura-flame-cursor img {
        animation: none !important;
        display: none !important;
    }
}