@import url('./colors.css');


/* GENERAL */
body.custom {
    background-color: #ffffff;
    color: var(--color-text);
}

/* INDEX */

.custom .info_aula .avance svg path:nth-child(2) {
    stroke: var(--color-fourth) !important;
}

.custom .header_aula {
    border-bottom-width: unset;
    border-bottom-style: unset;
    margin-bottom: 1rem;
}
.custom .header_aula h1 {
    flex: unset;
    font-family: unset;
}
.custom .info_aula {
    border-width: unset;
    border-style: unset;
    border-radius: unset;
    background-color: #ffffff;
    box-shadow: 0px 4px 4px 0px rgba(192, 189, 189, 0.25);
    border-radius: 18px;
}
.custom .home_noleidos .no-leidos li a {
    border: unset;
    border-radius: 18px;
    color: var(--color-secondary);
    background-color: color-mix(in srgb, var(--color-primary), transparent 28%);
}
.custom .info_aula .avance {
    top: -80px !important;
    padding: unset;
    border-radius: unset;
    box-shadow: unset;
    bottom: 100px !important;
    padding: 1px;
    font-weight: bold;
    border-radius: 50%;
}
/* new style */
.custom .info_aula .avance svg path:nth-child(1) {
    stroke-width: 9px;
}
.custom .info_aula .avance svg path:nth-child(2) {
    stroke: var(--color-extra) !important;
    stroke-width: 9px;
}

.custom .info_aula .total_alumnos_text {
    font-weight: 900;
    color: #000 !important;
    font-size: 14px !important;
}

.custom .info_aula .total_alumnos {
    border: unset;
    background-color: unset;
    box-shadow: unset;
    user-select: none;
    color: #000 !important;
    font-size: 14px !important;
    letter-spacing: -1px;
}

.custom .info_aula .people_icon {
    display: none;
}

.custom .mostrar_mas_button .habilitado {
    border-radius: unset;
    color: unset;
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
    border-radius: 16px !important;
}

.custom #votos .opciones li label:hover .label_txt {
    color: var(--color-link-hover);
}

.custom #votos .submit input:hover {
    background-color: var(--color-link-hover);
}

.custom .info_tiempo_uso .label_tiempo_uso {
    background-color: var(--color-link);
}

@media only screen and (min-width: 960px) {
    .custom #main > .offset > .contenido {
        margin-top: unset;
    }
}

/* ITEMS_PROGRAMA */

.custom .item_programa > .header h2,
.custom .item_programa > header h2 {
    background-image: var(--color-title-sections) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    border-color: #d5d5d5;
}

/* NEWS */
.custom .lista_noticias > li > a {
    border-radius: 8px;
}

.custom .lista_noticias li.imagen .titulo {
    padding: 20px 14px;
    background-color: var(--color-fourth);
    text-align: center;
}

.custom .lista_noticias .mas_noticias:hover {
    background-color: var(--color-link-hover);
}
.custom .detalle_noticia .mas_info a {
    background-color: var(--color-link);
}
.custom .detalle_noticia .mas_info a:hover {
    background-color: var(--color-link-hover);
}

/* OBJETOS COMUNES */

.custom #Contenido-Encabezado {
    border-bottom: unset;
}

.custom .desc_term_glosarizado > span:hover {
    background-color: var(--color-link-hover);
}
.custom .glosario .close a:hover {
    background-color: var(--color-link-hover);
}
.custom .buttonDelete:hover {
    color: var(--color-link-hover);
}

/* OBJETOS COMUNES SISTEMA */

.custom .linea_unica {
    margin-bottom: unset;
    color: var(--color-titles);
}

.custom .breadcrumb a {
    color: var(--color-secondary);
    font-size: 21px !important;
}

.custom .seccion_vacia {
    border: dashed 1px #c4c4c4;
    color: black;
    font-weight: 600;
    box-shadow: 0px 4px 4px -5px #00000040;
    border-radius: 18px;
}

.custom .sys_msg {
    line-height: 1.5rem;
    border: unset;
    border-left: unset;
    color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 4px 4px 0px rgba(192, 189, 189, 0.25);
    font-size: 16px;
    border-radius: 15px;
    font-weight: 600;
}

.custom .sys_msg a {
    color: var(--color-link);
}

.custom .sys_msg.warning {
    border-color: unset;
    background-color: #f6f6f6;
}

.custom input.buscador {
    border: solid 1px #a183ff;
    background-color: #fff;
    transition-duration: 0.3s;
    border-radius: 16px;
    width: 278px;
    height: 34px;
    background-size: 18px;
    margin-bottom: unset;
}
.custom input.buscador::placeholder {
    color: var(--color-fourth);
}

.custom .buscar_btn {
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
    border-radius: 16px !important;
}

.custom .lista_mails .content:hover {
    color: var(--color-link);
}

.custom .fselect .selected {
    padding: 5px 50px 5px 25px;
    border-radius: 18px;
    color: #000;
}

.custom .combo_select {
    border-radius: unset;
    background-color: unset;
    background-color: #fff !important;
    border-radius: 25px !important;
    height: 28px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    /* new style */
    width: 212px;
}

.combo_select select {
    -webkit-appearance: none; /* Para Safari/Chrome */
    -moz-appearance: none; /* Para Firefox */
    appearance: none;
    background-image: url(../../img/custom_skin/down.svg);
    color: var(--color-secondary);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    width: 206px;
    border-color: var(--color-secondary);
}

.combo_select label {
    display: none;
}

.custom .caja_aviso a {
    color: var(--color-link);
}

.custom .tiny_personalizado a {
    color: var(--color-link);
}

.custom .buscar_btn {
    border: 1px solid #bbb;
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
}

.custom .breadcrumb a {
    font-weight: 300;
    color: color-mix(in srgb, var(--color-link), #fff 52%);
    color: var(--color-secondary);
    text-decoration: none;
    font-size: 21px !important;
}

.custom .clicktext {
    color: var(--color-link);
}
.custom .breadcrumb a:hover {
    color: var(--color-link-hover);
}
.custom .breadcrumb .volver:hover {
    color: var(--color-link-hover);
}

.custom .contenido_iframe .zoom_button:hover {
    background-color: var(--color-link-hover) !important;
}

.custom .fselect .options li > *:hover {
    color: var(--color-link-hover);
}

.custom .archivos_adjuntos > ul > li:hover {
    border-color: var(--color-link-hover);
}

.custom .archivos_adjuntos .link:hover .nombre {
    color: var(--color-link-hover);
}

/* OBJETOS COMUNES CATEGORIAS */
.custom .lista_categorias .nombre {
    color: var(--color-fourth);
}

.custom .Categorizador {
    color: var(--color-tertiary);
}

.custom .lista_items > li > a {
    color: var(--color-link) !important;
    display: block;
}

.custom .lista_items .icono {
    width: 24px;
    position: relative;
}

.custom .lista_categorias .link {
    padding: 12px;
    border: 1px solid rgba(196, 196, 196, 1);
    margin-bottom: 1rem;
    border-radius: 15px;
}

.custom .lista_categorias .col_izq,
.custom .lista_items .col_izq {
    margin-top: unset;
    max-width: unset;
    padding: unset;
    box-shadow: unset;
    border: unset;
    background: url(../../img/custom_skin/sello.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom .lista_categorias .col_izq:after,
.custom .lista_categorias .col_izq:before,
.custom .lista_items .col_izq:after,
.custom .lista_items .col_izq:before {
    display: none;
}
.custom .lista_categorias .col_izq:before,
.custom .lista_items .col_izq:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translate(0px, -50%);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
    mix-blend-mode: screen;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 2;
}

.custom .lista_categorias .col_izq .contador,
.custom .lista_items .col_izq span.contador {
    color: var(--color-fourth);
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: 4px;
    position: relative;
    z-index: 2;
}

.custom .lista_items .tema_cerrado .col_izq {
    border: none;
    background-color: transparent;
}

.custom .lista_categorias .nombre,
.custom .lista_items .nombre {
    color: var(--color-fourth);
}

.custom .lista_items > li > a:hover .nombre {
    color: var(--color-fourth);
}

.custom .Categorizador {
    margin: 0px 0 0 0;
    color: var(--color-tertiary);
}

.custom .lista_items > li {
    border-bottom: unset;
    border: 1px solid rgba(196, 196, 196, 1);
    margin-bottom: 1rem;
    border-radius: 15px;
    position: relative;
}

.custom .lista_items > li.item::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 9px;
    left: 4px;
    background-color: var(--color-primary);
    mix-blend-mode: color;
    width: 27px;
    border: none;
    height: 27px;
    z-index: 2;
}

.custom .lista_items > li > a {
    color: var(--color-link) !important;
    display: block;
}

.custom .lista_categorias .link:active {
    color: var(--color-link-hover);
}
.custom .lista_items .descripcion_button {
    color: var(--color-link);
}

/* OBJETOS COMUNES ABM */
.custom .inputSubmit,
.formulario-eliminar .inputButton,
.abm .submit .control {
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
}

.custom .inputSubmit,
.custom .formulario-eliminar .inputButton,
.custom .abm .submit .control {
    border-color: unset;
    background-color: unset;
    color: unset;
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
    border-radius: 16px !important;
}
.custom .repositorioButton,
.custom .RL {
    background-color: var(--color-link);
}

/* OBJETOS COMUNES ACTIONS */
.custom .action_select {
    padding: 6px 20px;
    border-radius: 18px;
    -webkit-appearance: none; /* Para Safari/Chrome */
    -moz-appearance: none; /* Para Firefox */
    appearance: none;
    /* Agrega una imagen de fondo como flecha personalizada */
    background-image: url(../../img/custom_skin/down.svg) !important;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat !important;
    height: 34px;
}

.custom .action_item.categorias .administrar_etiqueta {
    color: #000;
    font-weight: 600;
}
.custom .calendario_tags .item:hover {
    color: var(--color-link-hover);
}

.custom .action_button > svg.fa-envelope {
    margin-right: 0;
    color: var(--color-extra);
    padding: 5px;
}

.custom .action_button.correo-interno:hover {
    background-color: var(--color-fourth) !important;
}

.custom .action_button.correo-interno:hover > svg.fa-envelope {
    color: #fff !important;
}

/* OBJETOS COMUNES TABLAS */

.custom table tr {
    border-radius: 8px;
    overflow: hidden;
}

.custom .tabla .fila_head {
    background-color: #f6f6f6;
    height: 42px;
}
.custom .tabla .celda_head a {
    color: var(--color-tertiary);
    font-size: 18px;
}
.custom .tabla .celda_head a:hover {
    color: unset;
}

.custom .celda {
    color: black;
    font-weight: 400;
}

/* OBJETOS COMUNES NAV */

.custom #nav .seccion {
    opacity: 1;
}

.custom #nav .seccion.icono,
.custom .LinkEditor-Secciones li div {
    position: relative;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 24px !important;
}

.custom #nav .seccion:not(.activa):active,
.custom #nav .seccion:not(.activa):hover {
    background-color: color-mix(in srgb, var(--color-tertiary), #fff 52%);
    transition: all 0.3s;
    border-radius: 12px !important;
}

.custom #nav .seccion.icono::before,
.custom .LinkEditor-Secciones li div::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translate(5px, -50%);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
    mix-blend-mode: color;
    /* backdrop-filter: contrast(0.8) brightness(1); */
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.custom #nav .seccion.icono a {
    padding: 8px 0px 9px 36px !important;
}

.custom #nav .seccion.activa a {
    color: var(--color-text-nav);
    border-radius: 12px !important;

}

.custom #nav .seccion:not(.activa):active,
.custom #nav .seccion:not(.activa):hover {
    background-color: color-mix(in srgb, var(--color-tertiary), #fff 52%);
    transition: all 0.3s;
    border-radius: 12px !important;
}

.custom #nav .search {
    position: relative;
}

.custom #nav .search input {
    background-size: 18px;
}

.custom #nav .search::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translate(5px, -50%);
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-primary);
    mix-blend-mode: lighten;
    width: 27px;
    height: 27px;
    border-radius: 50%;
}

.custom #nav .seccion.icono {
    transition: none;
}

/* OBJETOS COMUNES PAGINADOR */

.custom .paginador .ubicacion {
    color: #575756;
    background-color: unset;
}

.custom .paginador .ubicacion:hover {
    background-color: unset;
}

/* PRESENTACION */

/* Solo había de lista_presentaciones, ir a la hoja de PROGRAMA */

/* WEBMAIL */

.custom .carpetas_mail > a {
    border: unset;
    border-bottom: unset;
    color: unset;
    width: 76px;
    text-align: center;
    color: var(--color-fourth);
}

.custom .carpetas_mail > a {
    background-color: #fff;
    color: var(var(--color-fourth));
}

.custom .carpetas_mail > a:not(.active):hover {
    color: color-mix(in hsl, var(--color-fourth), #000000 30%);
}

.custom .carpetas_mail > a.active {
    padding-top: 9px;
    transform: translateY(1px);
    font-weight: bold;
    /* new style */
    border-bottom: solid 3px var(--color-fourth);
}

.custom .responder_combo .btn_responder {
    color: var(--color-fourth);
}

.lista_mails .content:hover {
    color: var(--color-link);
}

.custom a.tag_mails:hover {
    color: var(--color-link-hover);
}
.custom .control_seleccion input:hover {
    color: var(--color-link-hover);
}
.custom .responder_combo .btn_submenu:hover {
    color: var(--color-link-hover);
}
.custom .submenu li div:hover {
    color: var(--color-link-hover);
    background-color: #f5f5f5;
}
.custom .ver_mail .remitente span:hover {
    color: var(--color-link-hover);
    text-decoration: underline;
    cursor: pointer;
}
.custom .ver_mail .para a:hover {
    color: var(--color-link-hover);
}
.custom .ver_mail .adjuntos .total:hover {
    color: var(--color-link-hover);
}
.custom .ver_mail .adjuntos .item a:hover {
    color: var(--color-link-hover);
}
.custom .ver_mail .adjuntos .offset:hover {
    border-color: var(--color-link-hover);
}
.custom .admin_tags .item_tag .eliminar span:hover {
    color: var(--color-link-hover);
    text-decoration: underline;
}

/* BASE */

body.custom {
    background-color: #fff;
}

.custom #nav .seccion.activa {
    background-color: var(--color-secondary) !important;
}

.custom .function_bar .app:hover * {
    color: var(--color-tertiary) !important;
}

.custom .header_aula h1,
.custom .breadcrumb .current {
    background-image: var(--color-title-sections) !important;
}

.custom .breadcrumb .current,
.breadcrumb span {
    color: var(--color-primary) !important;
}

.custom .color_plataforma_back {
    background-color: var(--color-header) !important;
}

.custom .user_fullname {
    color: var(--color-titles) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Lato', sans-serif !important;
}
.custom .function_bar .app:hover * {
    color: var(--color-tertiary) !important;
}
.custom .location_bar {
    background-color: var(--color-header) !important;
}
.custom .location_bar .ubicacion_frame {
    color: var(--color-titles) !important;
}

.custom .location_bar .ubicacion_separador {
    color: var(--color-titles) !important;
}

.custom #nav {
    padding-left: 0;
}

.custom #nav .seccion a {
    padding: 14px 10px !important;
    padding-left: 48px !important;
}

.custom #nav .seccion.activa {
    background-color: var(--color-secondary) !important;
    border-radius: 12px !important;
}

.custom .contenido {
    padding: 20px 0px 32px;
    border: none;
    border-top: none;
    box-shadow: none;
}

.custom .header_aula h1,
.custom .breadcrumb .current {
    background-image: var(--color-title-sections) !important;
    -webkit-background-clip: text !important; /* Para navegadores WebKit (Safari, Chrome, etc.) */
    background-clip: text !important; /* Para otros navegadores */
    color: transparent !important;
    font-weight: 600 !important;
    font-size: 32px !important;
}

.custom .action_button {
    background-color: var(--background-button-action) !important;
    color: var(--color-fourth) !important;
    border-radius: 16px !important;
}

@media only screen and (max-width: 430px) {
    .custom .action_button {
        width: auto;
    }
}


.custom .filtros_all .filtro_select {
    border-radius: 16px !important;
    /* new style */
    -webkit-appearance: none; /* Para Safari/Chrome */
    -moz-appearance: none; /* Para Firefox */
    appearance: none;
    /* Agrega una imagen de fondo como flecha personalizada */
    background-image: url(../../img/custom_skin/down.svg) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    height: 34px;
}

.custom .breadcrumb .current,
.custom .breadcrumb span {
    font-weight: 300 !important;
    color: var(--color-primary) !important;
    text-decoration: none !important;
    font-size: 21px !important;
}

.custom .presentacion .titulo {
    margin: 10px auto 20px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-color: #d5d5d5;
    padding: 0 0 14px;
    font-family: 'Roboto Condensed';
    font-size: 1.4rem;
    font-weight: normal;
    background-image: var(--color-title-sections) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

.custom #footer .footer_text {
    position: relative;
    background: url(../../img/custom_skin/footer.png);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: repeat-x;
    padding-top: 8rem;
    border-top: none;
}

.custom #footer .footer_text::before {
    content: '';
    position: absolute;
    display: inline-block;
    bottom: 0;
    left: 0;
    background-color: var(--color-secondary);
    mix-blend-mode: color;
    width: 100%;
    border: none;
    height: 100%;
}

.custom #footer .powered_by {
    padding: 0;
    background-color: var(--color-footer) !important;
}


@media screen and (max-width: 768px) {
    .custom #footer .footer_text {
        padding-top: 4rem;
    }
    .custom #footer .footer_text {
        background-size: cover;
        background-position: bottom center;
    }
}



/* ESCRITORIO CSS */

.custom .escritorio .lista_aulas .avance .total_alumnos {
    font-weight: 900 !important;
    border: none;
    background-color: unset;
    box-shadow: none;
    color: #000 !important;
    font-size: 14px !important;
    letter-spacing: -1px;
}

.custom .escritorio .lista_aulas .avance .total_alumnos_text {
    font-weight: 900;
    color: #000 !important;
    font-size: 14px !important;
}
.custom .escritorio .lista_aulas > li {
    border-radius: 20px !important;
}

.custom .escritorio .lista_aulas li:hover {
    box-shadow: 0px 4px 4px 0px var(--color-fourth);
}

.custom .escritorio .lista_aulas .people_icon {
    display: none;
}
.custom .escritorio .lista_aulas .avance:hover .progressbar-text {
    color: unset !important;
}

.custom .escritorio .lista_aulas .avance svg path:nth-child(1) {
    stroke-width: 9px;
}
.custom .escritorio .lista_aulas .avance svg path:nth-child(2) {
    stroke: var(--color-fourth) !important;
    stroke-width: 9px;
}

.custom .escritorio .lista_aulas .avance {
    position: absolute;
    top: 12px;
    right: 12px;
    height: 72px;
    width: 72px;
    padding: 1px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 2;
    box-shadow: none;
}

.custom .escritorio .lista_aulas article {
    background-color: transparent !important;
    border-radius: 20px;
    border: none !important;
    box-shadow: 0px 4px 4px 0px rgba(192, 189, 189, 0.25);
}

.custom .escritorio .sucesos .mostrarmas button {
    background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}

.custom .escritorio .sucesos .mostrarmas button:hover {
    background: var(--color-gradient) !important;
}

.custom .escritorio .sucesos .suceso.no_leidos {
    border-color: var(--color-primary) !important;
}

.custom .escritorio .sucesos .suceso.leidos {
    border-color: var(--color-tertiary) !important;
}

.custom .escritorio .lista_aulas li:hover {
    /* convertir la variable a un tono con opacidad */
    box-shadow: 0px 4px 4px 0px var(--color-extra);
}

.custom .escritorio .lista_aulas .administra > svg {
    color: var(--color-secondary);
}

.custom .escritorio .lista_aulas .avance svg path:nth-child(2) {
    stroke: var(--color-extra) !important;
}

.custom .escritorio .lista_aulas .favorito.active .on {
    color: var(--color-rating);
}

.custom .escritorio .lista_aulas .favorito:not(.active) .off {
    color: #000;
}

.custom .escritorio .sucesos h2 {
    margin: 42px 0 0;
    padding: 0 0 13px;
    font-size: 1rem;
    font-weight: unset;
    border-bottom: 3px solid var(--color-tertiary);
    text-align: center;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.custom .function_bar .app:hover * {
    color: var(--color-tertiary) !important;
}

.custom header a div {
    background-color: transparent !important;
}

.custom .color_plataforma_back {
    background-color: var(--color-header) !important;
}

.custom .location_bar {
    background-color: var(--color-header) !important;
}

.custom .escritorio .lista_aulas .imagen {
    border-radius: 20px 20px 0px 0px;
}

.custom .escritorio .lista_aulas h4 {
    font-family: unset;
    font-size: unset;
    font-weight: 600;
    text-align: start;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}

.custom .escritorio .lista_aulas .acceso {
    padding: 0 14px 12px;
    text-align: unset;
}

.custom .escritorio .lista_aulas footer {
    border-top: unset;
    background-color: transparent !important;
}

.custom .escritorio .lista_aulas .retomar {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
    transition-duration: 0.1s;
    color: #fff;
    border-radius: 20px;
}

.custom .escritorio .lista_aulas .seguimiento,
.custom .escritorio .lista_aulas .retomar {
    background: var(--color-secondary);
}

.custom .escritorio .lista_aulas .seguimiento {
    color: unset;
    border-radius: unset;
    color: #fff;
    border-radius: 20px;
}

.custom .escritorio .lista_aulas .seguimiento .icono {
    color: #fff;
}

.custom .escritorio .lista_aulas .retomar:hover,
.custom .escritorio .lista_aulas .seguimiento:hover {
    background: var(--color-secondary);
}

.custom .escritorio .lista_aulas .administra > svg {
    color: var(--color-secondary);
}

.custom .escritorio .lista_aulas header .fecha_fin {
    right: unset;
    color: white;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    padding: 7px 12px;
    font-weight: 600;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.custom .refinar_form .combo_select {
    text-align: center;
    display: flex;
    justify-content: center;
    color: var(--color-secondary)!important;
    background-color: rgba(161, 131, 255, 0.28) !important;
    border-radius: 16px !important;
}

.custom .escritorio .controles {
    gap: 25px;
    justify-content: center;
    margin-bottom: 2.5rem;
}
/* Buscador (sobrescribe objetos_comunes_sistema.css) */
.custom .form_buscador {
    flex: unset;
    min-width: unset;
    position: relative;
}
.custom .form_buscador:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translate(15px, -50%);
    left: -7px;
    right: 0;
    bottom: 0;
    background-color: var(--color-secondary);
    mix-blend-mode: screen;
    width: 19px;
    height: 24px;
    border-radius: 50%;
    border: none;
}

.custom input.buscador, .custom .filtros .combo_select {
    background-color: #fff !important;
    border-radius: 25px !important;
    border: none;
    box-shadow: 0px 2px 3px 0px color-mix(in srgb, var(--color-primary), #fff 50%), 
                0px -1px 0px 0px color-mix(in srgb, var(--color-primary), #fff 70%);
    color: var(--color-text);
}


@media screen and (max-width:383px) {

    .custom #listado_temas_sort_bar, .custom #buscador-foros {
        width: 100%;
    }
    .custom input.buscador {
        width: 100%;
        margin-bottom: 1rem;
    }
    .custom .buscar_btn {
        width: 100%;
    }
}

.custom .escritorio .filtros {
    gap: 8px;
}

.custom .escritorio .filtros .orderAsc,
.custom .escritorio .filtros .orderDesc {
    background-image: url(../../img/down.png);
    display: none;
}

.custom .escritorio .sucesos h2 {
    margin: 42px 0 0;
    font-weight: unset;
    border-bottom: 3px solid var(--color-secondary);
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}
.custom .escritorio .sucesos .separador {
    font-size: 15px;
    font-weight: 400;
}
.custom .escritorio .sucesos .separador::before {
    display: none;
}
.custom .escritorio .sucesos .separador > * {
    background-color: #fff;
    color: var(--color-secondary);
}
.custom .escritorio .sucesos .suceso {
    background-color: unset;
    border-color: unset;
    background-color: #fff;
}
.custom .escritorio .sucesos .suceso .main {
    font-size: 16px;
    color: #000;
}

.custom .escritorio .sucesos .suceso .date {
    font-size: 14px;
}

.custom .escritorio .sucesos .suceso.leidos .main {
    color: #727171;
}
.custom .escritorio .sucesos .mostrarmas button {
    width: 55%;
    transition: background-color 0.3s, opacity 0.3s; /* Agregar transición para background-color y opacity */
    height: 45px;
    border-radius: 23px;
    background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-primary) 100%);
    opacity: 1; /* Asegurarse de que la opacidad inicial sea 1 */
    margin-top: 1rem;
}
.custom .escritorio .sucesos .mostrarmas button:hover {
    background: linear-gradient(90deg, var(--color-secondary) 0%, var(--color-extra) 100%) !important;
    opacity: 0.8; /* Reducir la opacidad al pasar el cursor sobre el botón */
}

.custom header a div {
    background-color: transparent !important;
}
.custom .color_plataforma_back {
    background-color: var(--color-header) !important;
}
.custom .location_bar {
    background-color: var(--color-header) !important;
}
.custom .function_bar .app .label {
    color: var(--color-titles) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Lato', sans-serif !important;
}
.custom .function_bar .app svg:nth-child(1) path{
    fill: var(--color-link) !important;
}

.custom .function_bar .app svg:nth-child(2){
    width: 10px;
    height: 7px;
    top: -6px;
    position: relative;
}

.custom .function_bar .app svg:nth-child(2) path{
    fill: red !important;
}

.custom .function_bar .app .label {
    color: var(--color-link) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: 'Lato', sans-serif !important;
}

.custom .function_bar .app:hover, .custom .function_bar .app:hover svg path{
    fill: var(--color-secondary) !important;

}

.custom .user_fullname {
    color: var(--color-titles) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    font-family: 'Lato', sans-serif !important;
}
.custom .function_bar .app:hover * {
    color: var(--color-secondary) !important;
}

/* FUNCTION BAR */

.custom .function_bar .nombre_instalacion {
    color: #000;
}

.custom .function_bar a.nombre_instalacion:hover {
    color: rgb(0, 0, 0);
}
.custom .btn_change_curso .icono {
    color: #000;
}

/* PROGRAMA */

.custom .box_indicador_unidad .avance, .custom .box_indicador_item .avance {
    height: 26px;
    min-width: 80px;
    border: 1px solid var(--color-secondary);
    /* background-color: color-mix(in srgb, var(--color-primary), transparent 28%); */
    border-radius: 18px;
    padding: 0 10px;
}

.custom .avance .porc_avance {
    display: none;
}

.custom .avance .texto_porc_avance {
    top: 3px;
    left: 0;
    color: var(--color-primary);
    font-size: .9rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
}

.custom .LinkEditor-Secciones li div::before {
    left: 5px;
}

.custom .lista_presentaciones .titulo {
    border-style: unset;
    border-left-width: unset;
    padding: 0 15px;
    /* background: url(../../img/dot.png); */
    background-size: 10px;
    background-position: left;
    background-repeat: no-repeat;
    font-weight: 600;
}

.custom .lista_presentaciones li {
    position: relative;
}


.custom .lista_presentaciones .titulo:hover {
    color: var(--color-link-hover);
}

.custom .lista_presentaciones li::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translate(15px, -50%);
    left: -3px;
    right: 0;
    bottom: 0;
    background-color: var(--color-secondary);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
}

.custom .prg_indice .unidad_nombre:hover {
    padding: 0 0 0 8px;
    color: color-mix(in hsl, var(--color-fourth), #000000 30%);
}

.custom .prg_indice .item.retomar {
    border-radius: 4px;
    border: 1px solid var(--color-primary);
}

.custom .prg_indice .item.retomar:hover {
    background-color: var(--color-tertiary);
}

.custom .prg_indice .unidad .icon_retomar svg {
    color: var(--color-primary);
}
.custom .item .titulo:hover {
    color: var(--color-link-hover);
}
.custom .listado_usuarios .item .titulo:hover {
    color: var(--color-link-hover);
}
.custom .previsualizacion_item a {
    color: var(--color-link);
}
.custom .nav_items .flecha a:not(.inaccesible):hover {
    background-color: var(--color-link-hover);
}
.custom .nav_items .flecha.anterior a {
    background-color: var(--color-link);
}
.custom .nav_items .flecha.siguiente a {
    background-color: var(--color-link);
}

/* PROGRAMA INDICE */

.custom .prg_indice .unidad.show > header {
    background-color: unset;
}

.custom .prg_indice .unidad_nombre {
    padding: unset;
    border-left-style: unset;
    border-left-width: unset;
}

.custom .prg_indice .unidad.show .unidad_nombre {
    padding-left: unset;
}

.custom .prg_indice .unidad > header .avance .porc_avance {
    background-color: unset;
}

.custom .prg_indice .dot {
    display: none;
}

.custom #filtro_rev_check {
    border-radius: 20px;
    cursor: pointer;
}

.custom .revisar input[type='checkbox'] {
    /* Oculta el checkbox predeterminado */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Define el tamaño del checkbox */
    width: 20px;
    height: 20px;
    /* Estilo del borde y fondo */
    border: 1px solid #ccc;
    background-color: #fff;
}

/* Estilo del icono de verificación */
.custom .revisar input[type='checkbox']::before {
    content: '\2714'; /* Código unicode del símbolo de checkmark */
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 16px;
    color: #ccc; /* Color predeterminado del icono */
}

/* Estilo del checkbox cuando está marcado */
.custom .revisar input[type='checkbox']:checked::before {
    color: var(--color-secondary); /* Color morado para el icono de verificación */
}

.custom .linea_unica {
    margin-bottom: 0px !important;
}

.custom .prg_indice .unidad > header:hover {
    color: var(--color-link-hover);
}

/* RESPONSIVE */

.custom .breadcrumb a.linea_unica:before {
    background-color: transparent;
}

/* SUCESOS */
.custom .widget_suceso {
    border: 1px solid #f2f2f2;
    border-radius: 15px;
    height: 42px;
}
.custom .widget_suceso:hover {
    border-color: var(--color-tertiary);
    border-radius: 10px;
}

.custom .sucesos .category_cont {
    color: var(--color-secondary);
}

.custom .ndays_group_wrapper .widget_suceso .info_cont {
    display: flex;
    align-items: center;
}

.custom .widget_suceso .event_title {
    color: var(--color-secondary);
}

/* CONTACTOS */

.custom .col_apellido .label {
    color: #000;
    font-size: 1rem;
    margin-right: 10px;
}

.custom .foto_usuario {
    border-radius: 100%;
}

.custom.fila.highlight,
.custom.fila.highlight:hover {
    background-color: #f3efff;
}

/************************************************ 


SOLO COLORES


*************************************************/

/* ACTIVIDADES */
.custom .realizacion .publicado .nombre a:hover {
    color: var(--color-link-hover);
}
.custom .realizacion .entrega .comprobante:hover {
    color: var(--color-link-hover);
}
.custom .ver_realizaciones_anteriores:hover {
    background-color: var(--color-link-hover);
}

/* CALENDARIO */

.custom a.dia:hover {
    color: var(--color-link-hover);
}
.custom .calendario_mini a:hover {
    color: var(--color-link-hover);
}
.custom .calendarios_box a:hover {
    color: var(--color-link-hover);
}
.custom .maseventos:hover {
    color: var(--color-link-hover);
}
.custom .control_calendario .fecha_navegar:hover {
    color: var(--color-link-hover);
}
.custom .control_calendario .hoy_navegar:hover {
    color: var(--color-link-hover);
}
.custom .titulo-evento:hover {
    color: var(--color-link-hover);
}
.custom .controladores a:hover {
    color: var(--color-link-hover);
}

/* ACCESO */

.custom #link_olvido_clave, .custom #acceso_frame.login_style_2 a.vinculo_login {
    color: var(--color-link)
}

.custom #link_olvido_clave:hover, .custom #acceso_frame.login_style_2 a.vinculo_login:hover {
    color: var(--color-link-hover)
}

.custom .permanecer_logueado {
    float: left;
    margin-top: 7px;
    color: #000;
    font-size: 0.9rem;
    transition: all 0.4s;
}

.custom #acceso_log_form .submit {
    width: 45%;
    transition: background-color 0.3s, opacity 0.3s;
    height: 40px;
    border-radius: 23px;
    background: var(--color-boton-login);
    opacity: 1;
    margin-top: 1rem;
    color: #fff;
}
.custom #acceso_log_form .submit:hover {
    background: var(--color-boton-login-hover) !important;
    opacity: 0.8; /* Reducir la opacidad al pasar el cursor sobre el botón */
}

.custom .recordatorio_acceso {
    color: var(--color-primary);
}

.custom .recordatorio_acceso form {
    color: var(--color-text);
}

.custom .recordatorio_acceso .mensaje a, .custom .recordatorio_acceso .contact_admin a {
    color: var(--color-link);
}

.custom .recordatorio_acceso .mensaje a:hover, .custom .recordatorio_acceso .contact_admin a:hover {
    color: var(--color-link-hover);
}

/* CAMBIIO_CLAVE_Y_TOKEN */
.custom .col2_acceso .bt_acceso.secondary {
    border-color: var(--color-link); /* COLOR NORMAL */
    background-color: var(--color-link); /* COLOR NORMAL */
}
.custom .col2_acceso .bt_acceso.secondary:hover {
    border-color: var(--color-link-hover); /* COLOR HOVER */
    background-color: var(--color-link-hover); /* COLOR HOVER */
}

/* CAMBIO_CLAVE */
.custom .accept_btn:hover,
.conservar_btn:hover {
    background-color: var(--color-link-hover);
}
.custom .tabla .fila:hover {
    color: var(--color-link-hover);
}
.custom div.paginadorvista-paginas-container .link.actual {
    background-color: var(--color-link);
}

/* DRIVE */
.custom .porc_quota {
    background-color: var(--color-link);
}
.custom ul.folders a {
    color: var(--color-link);
}
.custom .share_control .lista_usuarios .accion:hover {
    color: var(--color-link-hover);
}

/* ENCUESTAS */
.custom a.encuestas_notificacion_consultar:hover {
    background-color: var(--color-link-hover);
}

/* EVALUACIONES */
.custom .evaluacion_config .valor a:hover {
    color: var(--color-link-hover);
}
.custom .realizacion_data .rehacer a {
    color: var(--color-link);
}
.custom .indice_evaluacion a:hover {
    color: var(--color-link-hover);
}
.custom .navegador_preguntas .siguiente {
    border: 2px solid var(--color-link);
    color: var(--color-link);
}

/* FAQS */
.custom .LinkFaqsVolver:hover {
    color: var(--color-link-hover);
}

/* FOROS */
.custom #resultados_busqueda .intervencion > a {
    color: var(--color-link);
}

.custom .respuesta .actions.show .show_respuestas {
    color: var(--color-link);
}

.custom .mas_respuestas .button {
    color: var(--color-link);
}

.custom .mas_control_box {
    color: var(--color-link);
}

.custom .mas_control_button:hover {
    background-color: var(--color-link-hover);
}

.custom .archivos_adjuntos .titulo:hover {
    color: var(--color-link-hover);
}

.custom .lista_items .tema_abierto:hover {
    background-color: color-mix(in hsl, var(--color-link-hover), transparent 91%);
}

.custom .lista_items .detalle_extra a {
    color: var(--color-link);
}
.custom .lista_items .detalle_extra a:hover {
    color: var(--color-link-hover);
}

/* INFORMACIÓN PERSONAL */
.custom .MantenerQuitarArchivo a {
    color: var(--color-link);
}

/* PERFIL */
.custom .perfil_wrap a {
    color: var(--color-link);
}
.custom .perfil_header .enviar_mensaje:hover {
    color: var(--color-link-hover);
}

/* SCORM */
.custom .tree .node:not(.selected) .sco_asset.disponible:hover {
    color: var(--color-link-hover);
}
.custom .tree span.sco_detalle:hover {
    color: var(--color-link);
}

/* TINYMCE PLUGINS */
.custom .insert_button:hover {
    background-color: var(--color-link-hover);
}

/* VENTANA SOLA */
.custom .ventana_sola .txt_extra a {
    color: var(--color-link);
}
.custom .ventana_sola .btn.blue {
    background-color: var(--color-link);
}
.custom .ventana_sola .btn.blue:hover {
    background-color: var(--color-link-hover);
}

/* WIKI */
.custom .wikiItemAction:hover {
    color: var(--color-link-hover);
}
.custom .wiki-busqueda-title a:hover {
    color: var(--color-link-hover);
}
.custom .wiki_historial a {
    color: var(--color-link);
}
.custom .wiki_historial span.restablecer {
    color: var(--color-link);
}
.custom table.listado td a:hover {
    color: var(--color-link-hover);
}

/* LOADER */

/* Los estilos propios del contenedor loader se le dan en el js de encabezados porque no le da tiempo al campus a cargar la hoja de estilos antes de que el contenido se muestre y no hace efecto el overlay */
.custom .spin {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: var(--color-primary);
}
.custom .spin:before,
.custom .spin:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear infinite;
}
.custom .spin:after {
    color: var(--color-extra);
    transform: rotateY(70deg);
    animation-delay: 0.4s;
}

.custom #overlay .spin-text {
    display: block;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    color: var(--color-primary);
}


/* Links editor */

.custom .LinkEditor-Secciones div.LinkEditor-Nombre {
    position: relative;
}
.custom .LinkEditor-Secciones div.LinkEditor-Nombre:before {
    position: relative;
}



@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%,
    100% {
        box-shadow: 0.2em 0px 0 0px currentcolor;
    }
    12% {
        box-shadow: 0.2em 0.2em 0 0 currentcolor;
    }
    25% {
        box-shadow: 0 0.2em 0 0px currentcolor;
    }
    37% {
        box-shadow: -0.2em 0.2em 0 0 currentcolor;
    }
    50% {
        box-shadow: -0.2em 0 0 0 currentcolor;
    }
    62% {
        box-shadow: -0.2em -0.2em 0 0 currentcolor;
    }
    75% {
        box-shadow: 0px -0.2em 0 0 currentcolor;
    }
    87% {
        box-shadow: 0.2em -0.2em 0 0 currentcolor;
    }
}