:root {
    --color01: #663397; /* Elementos principales */
    --color02: #ffffff;
    --color03: #333333;
    --color04: #161616;
    --color05: #2E4554;
    --color06: #E1F1F9;
    --color07: #186A42;
    --color08: #ffffff; /* Color de fondo Body */
    --color09: #000000; /* Color de fuentes de menú */
    --colorblur:rgba(255,255,255,0.3); /* Blanco transparente para blur */
    --colorblancot:rgba(255,255,255,0.7);
    --blanco: hsl(0, 0%, 100%);
    --negro70: hsl(0, 0%, 21%);
    --sombra01: 0 1px 3px rgba(53, 53, 53, 0.12), 0 1px 2px rgba(53, 53, 53, 0.24);
    --sombra02: 11px 11px 7px -8px rgba(45, 45, 45, 0.6);
    --transition: all 0.2s cubic-bezier(0.68, 0.12, 0.24, 0.91);
    --gradiente_home: linear-gradient(90deg, #663397, #A76DDF);
    /* Color de revistas */
    --colornova: #83a5ee;
    --colormision: #e29a9d;
    --colortabula: #e76b5a;
}

/* Fondo Header */

.nav_sup_contenedor::after {
    content: '';
    position: absolute;
    inset: 0;                           /* top:0; right:0; bottom:0; left:0; */
    background: url('https://cecar.metarevistas.org/plugins/themes/pragma/resources/images/busqueda_banner.png')
                center center no-repeat;
    background-size: cover;            /* cubre todo el contenedor */
    opacity: 0.10;
    pointer-events: none;
    z-index: 1;
}

form.search_bar.voice-to-text-form path {
    fill: var(--color01);
}

h3.issue-section__title {
    background-color: var(--color01);
    padding: 10px;
    color: #fff !important;
    text-align: left;
    border-radius: 7px;
    width: 100%;
}

span.task_count {
    background-color: var(--color01);
    border-radius: 400px;
    font-weight: 100;
    color: #fff;
    font-size: 8px !important;
    padding: 1px;
    position: relative;
    top: -5px;
    right: 0px;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url('https://cecar.metarevistas.org/plugins/themes/pragma/resources/images/busqueda_back.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    opacity: 0.9; /* Solo la imagen de fondo es translúcida */
    z-index: -1;
    pointer-events: none;
}

div#mainMenu span:hover {
    color: var(--color03) !important;
}