:root {
    /* --base-font-size-px: 16px; */
    --site-backgound-color: #ffffff;
    --control-text-color: #7A7A7A;

}

body {
    background-color: var(--site-backgound-color);
    color: var(--e-global-color-text);
    /* font-size: var(--base-font-size-px); */
    transition: background-color 0.3s ease, color 0.3s ease;
}

*{
    transition: background-color color 0.3s ease, color 0.3s ease;
}






/* .elementor-widget-text-editor {
    font-size: 1em !important;
    color: var(--e-global-color-text);
} */

.accesibilidad-controls-shortcode {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.accesibilidad-controls-shortcode a {
    border: 1px solid var(--control-text-color);
    color: var(--control-text-color);
    height: 30px;
    width: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
}

.round-half-dark {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(to right, var(--control-text-color) 50%, var(--site-backgound-color) 50%);
    display: inline-block;
}






body.night {
    /* --e-global-color-primary: #001C41 !important; */
    --e-global-color-secondary: #E73439 !important;
    --e-global-color-text: #fff !important;
    --e-global-color-accent: #0A4682 !important;
    --e-global-color-b7cf508: #D0DAFF !important;
    --site-backgound-color: #1D1D1B !important;

    --n-accordion-title-active-color: #fff !important;
    --n-accordion-title-normal-color: #7A7A7A !important;
    --control-text-color: #7A7A7A !important;
    --e-global-color-text: #fff !important;
    --e-global-color-heading: #fff !important;
    --e-global-color-3b6dfec: #fff !important;
    --e-global-color-ce0179f: #fff !important;

    --e-global-color-8a03dea: #1D1D1B !important;
    --e-global-color-b7cf508: #6e6e6e !important;
}

body.night img:not(.no-night img) {
    filter: invert(1);
}

body.night .elementor-widget-n-accordion {
    --n-accordion-title-active-color: #fff !important;
    --n-accordion-title-normal-color: #c7c7c7 !important;
    --n-accordion-title-hover-color: #fff !important;
    --n-accordion-icon-hover-color: #fff !important;
}