/* ==========================================================
   GARUDA HOME
   Alpha 0.2

   game.css
==========================================================*/

/*=========================================================
 SECCIÓN DEL JUEGO
=========================================================*/

.game-section{

    position:relative;

    padding:110px 25px;

    background:
        linear-gradient(
            180deg,
            #10192d 0%,
            #0b1220 100%
        );

    overflow:hidden;

}

/*=========================================================
 Luces decorativas
=========================================================*/

.game-section::before{

    content:"";

    position:absolute;

    width:650px;
    height:650px;

    top:-280px;
    right:-220px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(212,175,55,.08),
            transparent 70%);

    pointer-events:none;

}

.game-section::after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    left:-220px;
    bottom:-220px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(255,255,255,.03),
            transparent 70%);

    pointer-events:none;

}

/*=========================================================
 Título
=========================================================*/

.game-section .section-title{

    text-align:center;

    margin-bottom:20px;

}

.game-section .section-title span{

    color:var(--color-gold);

}

/*=========================================================
 Descripción
=========================================================*/

.game-description{

    width:min(700px,92%);

    margin:auto;

    text-align:center;

    color:var(--color-muted);

    line-height:1.9;

    font-size:1.05rem;

    margin-bottom:55px;

}

/*=========================================================
 Marco del juego
=========================================================*/

.iframe-container{

    position:relative;

    width:min(560px,95%);

    margin:auto;

    padding:18px;

    border-radius:22px;

    background:

        linear-gradient(
            180deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.015)
        );

    border:

        1px solid rgba(212,175,55,.18);

    box-shadow:

        0 30px 70px rgba(0,0,0,.45);

    transition:.35s;

}

.iframe-container:hover{

    transform:translateY(-5px);

    box-shadow:

        0 35px 90px rgba(0,0,0,.55);

}

/*=========================================================
 IFRAME
=========================================================*/

iframe{

    width:100%;

    height:620px;

    border:none;

    border-radius:14px;

    background:#111827;

}

/*=========================================================
 Etiqueta superior
=========================================================*/

.game-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:8px 18px;

    margin-bottom:18px;

    border-radius:30px;

    background:

        rgba(212,175,55,.12);

    color:var(--color-gold);

    font-size:.82rem;

    letter-spacing:1px;

    text-transform:uppercase;

    border:

        1px solid rgba(212,175,55,.25);

}

.game-label::before{

    content:"🎮";

}

/*=========================================================
 Nota inferior
=========================================================*/

.game-note{

    margin-top:30px;

    text-align:center;

    color:#7c8799;

    font-size:.9rem;

    line-height:1.8;

}

/*=========================================================
 Responsive
=========================================================*/

@media(max-width:900px){

.game-section{

    padding:90px 20px;

}

iframe{

    height:560px;

}

}

@media(max-width:650px){

iframe{

    height:500px;

}

.game-description{

    font-size:1rem;

}

}