/* #region FUENTES  */

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

@font-face {
    font-family: "Rage Italic";
    src: url("../fonts/RageItalic.woff");
}

/* #endregion */

/* #region GENERAL */

::selection {
    background: #fba1f8;
    color: #1a2a1a;
}

::-moz-selection {
    background: #fba1f8;
    color: #1a2a1a;
}

body::before {
    background-image: url("../images/main/background_VCS.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, #e360b5, #b475efd9);
}

.block {
    background: radial-gradient(circle 500px at 30px 60px, #0495fc30 15%, transparent 70%),
        radial-gradient(circle 500px at 100% 100%, #0495fc30 15%, transparent 70%), #011830f3;
    color: #ffffff;
    box-shadow: 0px -60px 500px 100px #a64ae97a;
    border: 5px solid #e360b5;
}

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

.text-container {
    justify-content: left;
    align-items: left;
}

.text-container h2 {
    font-family: "Geneva", sans-serif;
    color: #faa3ff;
    font-size: 40px;
    text-align: center;
    text-shadow: 0px 0px 3px #000000;
}

.right-content-nav a {
    font-family: "Geneva";
    font-size: 25px;
}

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

.right-content-nav a.inactive {
    color: #523454c0;
}

.right-content-nav a.inactive:hover {
    color: #c269ac;
    text-shadow: 0 0 1px #000;
    transition: color 0.1s;
}

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

/* #endregion */

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

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

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

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

/* #endregion */

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

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

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

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

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

.checklist-disclaimer {
    font-size: 0.9em;
    color: #c2bdbd;
    padding-block: 1em;
    text-align: center;
    margin: 0 auto;
}

/* #endregion */


/* #region RADIO */
.radio-drag p {
    font-family: "Rage Italic";
    color: #5091c0;
    text-shadow: 7px 4px 1px #000000;
}

/* #endregion */