/* #region FUENTES */
@font-face {
    font-family: "Arial Black Italic";
    src: url("../fonts/ArialBlackItalic.ttf");
}

@font-face {
    font-family: "Pricedown";
    src: url("../fonts/Pricedown.otf");
}

/* #endregion */

/* #region GENERAL */
body::before {
    background-image: url("../images/main/background_III.webp");
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    transform: scale(1.1);
    z-index: -1;
}

#rightContent::before {
    background: linear-gradient(90deg, #F0C903, #b475efd9);
}

.block {
    background:
        radial-gradient(circle 500px at 30px 60px, #3F4B9928 15%, transparent 70%),
        radial-gradient(circle 500px at 100% 100%, #3F4B9928 15%, transparent 70%), #010b1eea;
    color: #ffffff;
    box-shadow: 0px -60px 500px 100px #2889d372;
    border: 5px solid #2e9aedcb;
}

#container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;

}


.text-container h2 {
    font-family: "Arial Black Italic";
    color: #e7a600;
    text-shadow: 3px 3px 10px #000000;
}

.right-content-nav a {
    font-family: "Arial Black Italic";
    font-size: 1.6em;
}

.right-content-nav a.active {
    color: #e7a600;
    text-shadow: 0 0 3px #000;
    cursor: default;
}

.right-content-nav a.inactive {
    color: #fafafa2e;
    transition: color 0.4s;
}

.right-content-nav a.inactive:hover {
    text-shadow: 0 0 3px #000;
    color: #e7a600;
}

.right-content-nav a.inactive:active {
    color: #b78301;
}

/* #endregion */

/* #region FICHA TÉCNICA */
.ficha-tecnica {
    border-color: #e7a600d2 !important;
    background-color: #e7a60062;

    & table {
        & tr {
            border-color: #ffc32af8;
        }
    }
}

.ficha-tecnica th,
span.table-platforms {
    font-family: "Arial Black Italic";
}

span.table-platforms {
    color: #e7a600;
}

/* #endregion */

/* #region 100% CHECKLIST */
.progress-wrapper {
    & .progress-bar-bg {
        & .progress-bar-fill {
            background: linear-gradient(90deg, #ffcc00, #ffeeab);
        }
    }
}

.checklist-container {
    & article {
        & .section-header {
            & .section-check-all {
                &.complete {
                    color: #e5f503;

                    & svg {
                        stroke: #ffe23f;
                        filter: drop-shadow(0 0 3px #fbda1f);
                    }
                }
            }
        }

        & .checklist-list-wrapper {
            & ul {
                & li {
                    &.completed {
                        background: rgba(255, 200, 0, 0.06);
                        border-color: rgba(255, 180, 0, 0.25);
                    }

                    & .checklist-row {
                        & label {
                            & input {
                                &:checked {
                                    &+span {
                                        background: #ffcc00;
                                        border-color: #ffcc00;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* #endregion */

/* #region ARTWORKS */

/* #endregion */

/* #region HERRAMIENTAS Y MODS */
details.mod {
    border: 1px solid #3d5a9e;
    background: linear-gradient(135deg, #0f1729 0%, #1a2332 100%);
}

.mod-text h4 {
    font-family: "Arial Black Italic";
    color: #ffffff;
}

.mod-text p {
    color: #e8e8e8;
}

details.mod[open] {
    border: 2px solid #3b82f6;
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.6);
    background: linear-gradient(135deg, #0f1729 0%, #1e2a3d 100%);
}

details.mod summary img {
    clip-path: polygon(50% 0%,
            75% 6.7%,
            93.3% 25%,
            100% 50%,
            93.3% 75%,
            75% 93.3%,
            50% 100%,
            25% 93.3%,
            6.7% 75%,
            0% 50%,
            6.7% 25%,
            25% 6.7%);
    background: radial-gradient(circle 70px at top left, #5b8ab8, #3d5f9e);
}

.mod-actions a {
    color: #ffffff;
    border: 1px solid rgba(59, 130, 246, 0.4);
}

.mod-actions a:hover {
    border: 1px solid rgba(59, 130, 246, 0.8);
    background-color: rgba(59, 130, 246, 0.15);
}

.mod-actions a.active {
    border: 2px solid #60d4ff;
    box-shadow: 0 10px 20px 0 rgba(99, 102, 241, 0.5);
    background-color: rgba(59, 130, 246, 0.6);
}

.mod-actions span {
    color: #93c5fd;
}

.mod-features {
    border-top: 1px solid rgba(59, 130, 246, 0.4);
}

.tab-content h5 {
    color: #fbbf24;
}

.tab-content[data-content="info"] li {
    color: #f0f0f0;
}

.tab-content[data-content="info"] li::before {
    color: #60d4ff;
    text-shadow: 0 0 5px rgb(188, 234, 250);
}

.tab-content a {
    border: 1px solid #60d4ff;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.4) 0%, rgba(99, 102, 241, 0.4) 100%);
    color: #ffffff;
}

.tab-content a:hover {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.6) 0%, rgba(99, 102, 241, 0.6) 100%);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.5);
}

/* #endregion */

/* #region LOGROS */
.achievement-selector button {
    background: #ffdead;
}

/* #endregion */

/* #region MAPA */

/* #endregion */

/* #region RADIO */

#nameRadio {
    font-family: "Pricedown";
    color: #85b3c0;
    text-shadow: 2px 5px 3px #031f2c;
    transition: color 1s cubic-bezier(.14, .92, .77, .12);
}

#nameRadio.loading {
    color: #617f89;
    text-shadow: none;
}

#radioInfo {
    background: radial-gradient(circle 500px at 30px 60px, #3F4B9928 15%, transparent 70%),
        radial-gradient(circle 500px at 100% 100%, #3F4B9928 15%, transparent 70%), #010b1eea;
    border: 5px solid #2e9aedcb;
}

#radioList li.active a {
    color: #85b3c0;
    text-shadow: 0 0 3px #000;
}

/* #endregion */

/* #region TRUCOS */

/* #endregion */