/* ===================================== */
/* GAME GTXZ FOOTER                      */
/* ===================================== */

.gtxz-footer-wrap{

    position:relative;

    width:100%;

    overflow:hidden;

    background:#050505;

    margin-top:0;

    border-top:2px solid #F30075;

}

/* ===================================== */
/* OVERLAY CYBERPUNK                     */
/* ===================================== */

.gtxz-footer-overlay{

    position:absolute;

    inset:0;

    background:

    radial-gradient(
        circle at 85% 20%,
        rgba(243,0,117,.18),
        transparent 35%
    ),

    radial-gradient(
        circle at 15% 80%,
        rgba(243,0,117,.12),
        transparent 30%
    ),

    repeating-linear-gradient(
        -45deg,
        transparent 0px,
        transparent 25px,
        rgba(255,255,255,.015) 26px,
        rgba(255,255,255,.015) 27px
    );

    pointer-events:none;

}

/* ===================================== */
/* TEXTO GIGANTE DE FONDO                */
/* ===================================== */

.gtxz-footer-wrap::before{

    content:"GAME GTXZ";

    position:absolute;

    left:50%;
    top:50%;

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

    font-family:"Covered By Your Grace", cursive;

    font-size:18rem;

    color:rgba(255,255,255,.03);

    white-space:nowrap;

    pointer-events:none;

    z-index:1;

}

/* ===================================== */
/* CONTENEDOR                            */
/* ===================================== */

.gtxz-footer-inner{

    position:relative;

    z-index:2;

    max-width:1400px;

    margin:auto;

    min-height:280px;

    padding:80px 60px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}

/* ===================================== */
/* LOGO                                  */
/* ===================================== */

.gtxz-footer-brand h2{

    font-family:"Covered By Your Grace", cursive;

    font-size:5rem;

    color:#fff;

    line-height:1;

}

.gtxz-footer-brand h2 span{

    color:#F30075;

    text-shadow:
    0 0 10px #F30075,
    0 0 25px #F30075,
    0 0 40px #F30075;

}

.gtxz-footer-brand p{

    margin-top:15px;

    max-width:340px;

    color:rgba(255,255,255,.8);

    font-size:1rem;

    line-height:1.6;

}

/* ===================================== */
/* MENU                                  */
/* ===================================== */

.gtxz-footer-links{

    display:flex;

    gap:40px;

    flex-wrap:wrap;

}

.gtxz-footer-links a{

    text-decoration:none;

    color:#fff;

    font-family:"Covered By Your Grace", cursive;

    font-size:2.3rem;

    transition:.35s ease;

}

.gtxz-footer-links a:hover{

    color:#F30075;

    transform:translateY(-4px);

    text-shadow:
    0 0 10px #F30075,
    0 0 20px #F30075;

}

/* ===================================== */
/* REDES                                 */
/* ===================================== */

.gtxz-footer-social{

    display:flex;

    gap:30px;

}

.gtxz-footer-social a{

    color:#fff;

    font-size:2rem;

    transition:.35s ease;

}

.gtxz-footer-social a:hover{

    color:#F30075;

    transform:translateY(-5px);

    text-shadow:
    0 0 10px #F30075,
    0 0 25px #F30075;

}

/* ===================================== */
/* COPYRIGHT                             */
/* ===================================== */

.gtxz-footer-copy{

    position:relative;

    z-index:2;

    text-align:center;

    padding:25px;

    color:rgba(255,255,255,.7);

    font-size:.9rem;

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

    background:rgba(255,255,255,.02);

}

/* ===================================== */
/* TABLET                                */
/* ===================================== */

@media(max-width:992px){

    .gtxz-footer-inner{

        flex-direction:column;

        text-align:center;

        padding:80px 30px;

    }

    .gtxz-footer-brand p{

        max-width:100%;

    }

    .gtxz-footer-brand h2{

        font-size:4rem;

    }

    .gtxz-footer-wrap::before{

        font-size:10rem;

    }

}

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

@media(max-width:768px){

    .gtxz-footer-inner{

        gap:40px;

        padding:70px 25px;

    }

    .gtxz-footer-brand h2{

        font-size:3.2rem;

    }

    .gtxz-footer-links{

        justify-content:center;

        gap:25px;

    }

    .gtxz-footer-links a{

        font-size:2rem;

    }

    .gtxz-footer-wrap::before{

        font-size:7rem;

    }

}

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

@media(max-width:480px){

    .gtxz-footer-inner{

        padding:60px 20px;

    }

    .gtxz-footer-brand h2{

        font-size:2.7rem;

    }

    .gtxz-footer-links{

        flex-direction:column;

        gap:12px;

    }

    .gtxz-footer-links a{

        font-size:1.9rem;

    }

    .gtxz-footer-social{

        gap:20px;

    }

    .gtxz-footer-social a{

        font-size:1.7rem;

    }

    .gtxz-footer-wrap::before{

        font-size:4rem;

    }

}
/* Forzar ancho completo, incluso dentro de contenedores de Elementor */
.gtxz-footer-wrap {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}