.elementor-2787 .elementor-element.elementor-element-7cb43b7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:18px;--padding-left:22px;--padding-right:22px;}.elementor-2787 .elementor-element.elementor-element-ff10b33{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-2787 .elementor-element.elementor-element-c2c0377{--display:flex;--min-height:57vh;}.elementor-2787 .elementor-element.elementor-element-dcb3ae2 .elementor-wrapper{--video-aspect-ratio:0.5625;}.elementor-2787 .elementor-element.elementor-element-f616352{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;}#elementor-popup-modal-2787{background-color:#070909;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2787 .dialog-message{width:620px;height:auto;}#elementor-popup-modal-2787 .dialog-close-button{display:flex;}#elementor-popup-modal-2787 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2787 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-2787 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-2787 .elementor-element.elementor-element-c2c0377{--min-height:65vh;}}@media(min-width:768px){.elementor-2787 .elementor-element.elementor-element-c2c0377{--width:360px;}}/* Start custom CSS for heading, class: .elementor-element-8dd43b9 *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fdcb2dd *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cadf0cb *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a57c4d5 *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-65abcd4 *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7745e65 *//* ==========================================================
   SEDE INFERNI 2026
   FOUND FOOTAGE POPUP
   PIXEL DECAY SYSTEM
========================================================== */


/* ==========================================================
   PANEL PRINCIPAL
========================================================== */

.ff-popup {

    --red: #e51e1a;
    --cyan: #39dce5;
    --green: #72ff38;

    position: relative;

    background:

        linear-gradient(
            180deg,
            rgba(14,16,16,.985),
            rgba(4,5,5,.995)
        );

    overflow: visible !important;

    box-shadow:

        0 0 0 1px rgba(255,255,255,.08),

        inset 0 0 35px rgba(0,0,0,.90),

        0 20px 70px rgba(0,0,0,.75);
}



/* ==========================================================
   PIXEL DECAY EXTERIOR
========================================================== */

.ff-popup::before {

    content:"";

    position:absolute;

    width:5px;
    height:5px;

    left:-4px;
    top:16px;

    background:var(--red);

    box-shadow:

        -7px 6px 0 var(--red),
        4px 12px 0 var(--red),
        -11px 21px 0 rgba(229,30,26,.75),
        2px 31px 0 rgba(229,30,26,.55),

        610px 3px 0 var(--cyan),
        604px 12px 0 var(--cyan),
        616px 23px 0 rgba(57,220,229,.72),
        607px 34px 0 rgba(57,220,229,.50);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureA
        5.2s infinite steps(1,end);
}



.ff-popup::after {

    content:"";

    position:absolute;

    width:4px;
    height:4px;

    right:8px;
    bottom:-3px;

    background:var(--cyan);

    box-shadow:

        9px -5px 0 var(--cyan),
        2px -12px 0 rgba(57,220,229,.75),
        13px -19px 0 rgba(57,220,229,.55),

        -590px -3px 0 var(--red),
        -598px -10px 0 rgba(229,30,26,.75),
        -585px -18px 0 rgba(229,30,26,.45);

    pointer-events:none;

    z-index:30;

    animation:
        ffPixelFailureB
        6.8s infinite steps(1,end);
}



/* ==========================================================
   HEADER
========================================================== */

.ff-header {

    position:relative;

    padding-bottom:10px;

    border-bottom:
        1px solid rgba(255,255,255,.08);
}


.ff-file-title .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        "Roboto Mono",
        monospace;

    font-size:12px;

    font-weight:500;

    letter-spacing:.16em;

    color:#c8c8c2;

    text-transform:uppercase;
}



/* ==========================================================
   REC
========================================================== */

.ff-rec {

    display:flex;

    align-items:center;

    gap:7px;

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:11px;

    letter-spacing:.18em;

    color:#e63a33;
}


.ff-rec-dot {

    width:7px;

    height:7px;

    border-radius:50%;

    background:#e51e1a;

    box-shadow:
        0 0 8px rgba(229,30,26,.60);

    animation:
        ffRecBlink
        1.15s infinite steps(1,end);
}



@keyframes ffRecBlink {

    0%,48% {
        opacity:1;
    }

    49%,100% {
        opacity:.18;
    }
}



/* ==========================================================
   SUBSTATUS
========================================================== */

.ff-substatus {

    margin-top:-4px;
}


.ff-substatus .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:400;

    letter-spacing:.14em;

    color:rgba(185,190,185,.46);
}



/* ==========================================================
   VIDEO FRAME
========================================================== */

.ff-video-frame {

    position:relative;

    width:360px;

    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    padding:7px;

    overflow:visible !important;


    background:

        linear-gradient(
            180deg,
            rgba(20,22,22,.96),
            rgba(5,6,6,.98)
        );


    clip-path:

        polygon(

            8px 0,

            79% 0,

            79% 3px,

            92% 3px,

            92% 0,

            100% 0,

            100% 76%,

            calc(100% - 4px) 76%,

            calc(100% - 4px) 88%,

            100% 88%,

            100% 100%,

            24% 100%,

            24% calc(100% - 4px),

            10% calc(100% - 4px),

            10% 100%,

            0 100%,

            0 42%,

            4px 42%,

            4px 25%,

            0 25%,

            0 8px,

            8px 8px
        );


    box-shadow:

        0 0 0 1px rgba(229,30,26,.35),

        inset 0 0 18px rgba(229,30,26,.08),

        0 15px 35px rgba(0,0,0,.55);
}



/* ==========================================================
   LÍNEA ROJA SUPERIOR DEL VIDEO
========================================================== */

.ff-video-frame::before {

    content:"";

    position:absolute;

    left:-3%;

    top:17%;

    width:106%;

    height:2px;

    background:

        linear-gradient(

            90deg,

            transparent,

            var(--red) 8%,

            var(--red) 34%,

            transparent 38%,

            transparent 61%,

            var(--cyan) 67%,

            var(--cyan) 82%,

            transparent
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchA
        5.9s infinite steps(1,end);
}



/* ==========================================================
   SEGUNDA LÍNEA
========================================================== */

.ff-video-frame::after {

    content:"";

    position:absolute;

    right:-4%;

    top:69%;

    width:108%;

    height:3px;

    background:

        linear-gradient(

            90deg,

            transparent 0%,

            var(--cyan) 14%,

            var(--cyan) 31%,

            transparent 35%,

            transparent 56%,

            var(--red) 63%,

            var(--red) 91%,

            transparent 96%
        );


    opacity:0;

    pointer-events:none;

    z-index:20;

    animation:
        ffVideoGlitchB
        7.3s infinite steps(1,end);
}



/* ==========================================================
   VIDEO ELEMENTOR
========================================================== */

.ff-video-frame .elementor-widget-video {

    position:relative;

    z-index:5;
}


.ff-video-frame video {

    display:block;

    width:100%;

    height:auto;

    background:#000;
}



/* ==========================================================
   OVERLAY DEL VIDEO
========================================================== */

.ff-video-frame .elementor-custom-embed-image-overlay {

    overflow:hidden;

    filter:
        contrast(1.04)
        brightness(.82)
        saturate(.75);
}



/* ==========================================================
   PLAY BUTTON
========================================================== */

.ff-video-frame .elementor-custom-embed-play {

    color:#f3eee7;

    opacity:.92;

    transition:
        transform .18s ease,
        color .18s ease,
        filter .18s ease;
}


.ff-video-frame:hover .elementor-custom-embed-play {

    color:var(--red);

    transform:
        translate(-50%,-50%)
        scale(1.10);

    filter:
        drop-shadow(
            0 0 12px
            rgba(229,30,26,.40)
        );
}



/* ==========================================================
   METADATA
========================================================== */

.ff-video-meta {

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid rgba(255,255,255,.06);
}


.ff-meta-item {

    width:auto;
}


.ff-meta-item,
.ff-meta-item p,
.ff-meta-item .elementor-heading-title {

    font-family:
        "IBM Plex Mono",
        monospace;

    font-size:9px;

    font-weight:500;

    letter-spacing:.11em;

    color:
        rgba(185,190,185,.52);

    text-transform:uppercase;
}



/* ==========================================================
   VIDEO GLITCH
========================================================== */

@keyframes ffVideoGlitchA {

    0%,
    73%,
    79%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    74% {

        opacity:.9;

        transform:
            translateX(-13px);
    }


    75% {

        opacity:1;

        transform:
            translateX(17px);
    }


    76% {

        opacity:.45;

        transform:
            translateX(-5px);
    }


    77% {

        opacity:.8;

        transform:
            translateX(7px);
    }


    78% {

        opacity:0;
    }
}



@keyframes ffVideoGlitchB {

    0%,
    83%,
    89%,
    100% {

        opacity:0;

        transform:
            translateX(0);
    }


    84% {

        opacity:.75;

        transform:
            translateX(14px);
    }


    85% {

        opacity:1;

        transform:
            translateX(-18px);
    }


    86% {

        opacity:.50;

        transform:
            translateX(7px);
    }


    87% {

        opacity:.85;

        transform:
            translateX(-4px);
    }


    88% {

        opacity:0;
    }
}



/* ==========================================================
   PIXELS EXTERNOS
========================================================== */

@keyframes ffPixelFailureA {

    0%,
    69%,
    100% {

        opacity:.30;

        transform:
            translate(0,0);
    }


    70% {

        opacity:1;

        transform:
            translate(-3px,1px);
    }


    71% {

        opacity:.65;

        transform:
            translate(-7px,3px);
    }


    72% {

        opacity:.20;

        transform:
            translate(-12px,5px);
    }


    73% {

        opacity:.30;

        transform:
            translate(0,0);
    }
}



@keyframes ffPixelFailureB {

    0%,
    81%,
    100% {

        opacity:.25;

        transform:
            translate(0,0);
    }


    82% {

        opacity:1;

        transform:
            translate(3px,-2px);
    }


    83% {

        opacity:.65;

        transform:
            translate(8px,-4px);
    }


    84% {

        opacity:.15;

        transform:
            translate(13px,-6px);
    }


    85% {

        opacity:.25;

        transform:
            translate(0,0);
    }
}



/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px) {

    .ff-popup {

        padding:
            16px 13px
            14px 13px !important;
    }


    .ff-video-frame {

        width:100%;

        max-width:340px;

        padding:5px;
    }


    .ff-file-title .elementor-heading-title {

        font-size:10px;

        letter-spacing:.11em;
    }


    .ff-substatus .elementor-heading-title {

        font-size:8px;
    }


    .ff-meta-item,
    .ff-meta-item p,
    .ff-meta-item .elementor-heading-title {

        font-size:8px;

        letter-spacing:.08em;
    }


    /*
       evitamos que partículas exteriores
       generen scroll horizontal
    */

    .ff-popup::before,
    .ff-popup::after {

        display:none;
    }
}



/* ==========================================================
   REDUCED MOTION
========================================================== */

@media(prefers-reduced-motion:reduce) {

    .ff-popup::before,
    .ff-popup::after,
    .ff-video-frame::before,
    .ff-video-frame::after,
    .ff-rec-dot {

        animation:none !important;
    }
}/* End custom CSS */