.checkbox-cookies {
    height: var(--variable-5);
    width: calc(2 * var(--variable-5));
    border-radius: var(--variable-5);
    border: var(--color-lightgrey) 2px solid;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;

    & input {
        display: none;
    }
    & .checkbox-cookies-circle {
        display: inline-block;
        height: 90%;
        margin: 5%;
        aspect-ratio: 1;
        background-color: var(--color-darkwhite);
        border-radius: 50%;
        transition: all 0.3s ease;
        border: 2px solid var(--color-lightgrey);
    }
    & input[type="checkbox"]:checked + .checkbox-cookies-circle {
        background: linear-gradient(var(--gradient-linear-45-main));
        border: 2px solid var(--color-main);
    }
    &:has(input[type="checkbox"]:checked) {
        flex-direction: row-reverse;
        background: linear-gradient(var(--gradient-linear-45-lightmain));
        border: 2px solid var(--color-main);
    }
}

/* Tabs */
#explicacionCookies .nav-tabs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
}

#explicacionCookies .nav-tabs li {
    flex: 1 1 0;

}
#explicacionCookies .nav-tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#explicacionCookies .nav-tabs li.active a {
    color: var(--color-main);
}

#explicacionCookies .tab-content .tab-pane {
    display: none;
}

#explicacionCookies .tab-content .tab-pane.active {
    display: block;
}