:root{
    --mentoring-acento:#6624EA;
    --mentoring-acento-fuerte:#4F18C2;
    --mentoring-tinte:#F1EAFD;
    --mentoring-tinte-borde:#D6C4FA;
    --mentoring-pista:#E9E5F5;
}

[data-theme-mode="dark"]{
    --mentoring-acento:#7B4AF0;
    --mentoring-acento-fuerte:#C2A6FA;
    --mentoring-tinte:rgba(153, 106, 245, 0.14);
    --mentoring-tinte-borde:rgba(153, 106, 245, 0.4);
    --mentoring-pista:rgba(255, 255, 255, 0.12);
}
.side-menu__item[href$="/app/mentoring"] .side-menu__icon,
.side-menu__item[href$="/admin/mentoring"] .side-menu__icon{
    color:var(--mentoring-acento) !important;
}

.slide.active > .side-menu__item[href$="/app/mentoring"],
.side-menu__item.active[href$="/app/mentoring"],
.slide.active > .side-menu__item[href$="/admin/mentoring"],
.side-menu__item.active[href$="/admin/mentoring"]{
    background-color:var(--mentoring-tinte) !important;
}
.mentoring-columna > .mud-card{
    height:auto !important;
    flex:none;
    margin-block-end:0;
}

.side-menu__item.active[href$="/app/mentoring"],
.side-menu__item.active[href$="/app/mentoring"] .side-menu__label{
    color:var(--mentoring-acento-fuerte) !important;
}
.mentoring-maqueta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0.5rem 0.75rem;
    padding:0.5rem 0.875rem;
    margin-block:1rem 0;
    border:1px dashed #D8A31A;
    border-radius:0.5rem;
    background:#FFF8E6;
    color:#5E4600;
    font-size:0.8125rem;
}

.mentoring-maqueta__etiqueta{
    font-weight:700;
    letter-spacing:0.04em;
}

.mentoring-maqueta__opciones{
    display:flex;
    flex-wrap:wrap;
    gap:0.25rem;
}

.mentoring-maqueta__opcion{
    padding:0.125rem 0.625rem;
    border-radius:999px;
    border:1px solid #E8C766;
    color:#5E4600;
    text-decoration:none;
    background:#FFFFFF;
}

.mentoring-maqueta__opcion:hover{
    background:#FFEFC2;
    color:#5E4600;
}

.mentoring-maqueta__opcion[aria-current="true"]{
    background:#5E4600;
    border-color:#5E4600;
    color:#FFFFFF;
}

[data-theme-mode="dark"] .mentoring-maqueta{
    background:rgba(216, 163, 26, 0.12);
    color:#F3D98B;
}

[data-theme-mode="dark"] .mentoring-maqueta__opcion{
    background:transparent;
    color:#F3D98B;
}
.mentoring-cabecera{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:0.75rem 1.5rem;
    padding:1.25rem 1.5rem;
    border-radius:0.75rem;
    background:var(--mentoring-acento);
    color:#FFFFFF;
}

.mentoring-cabecera h1{
    color:#FFFFFF;
}

.mentoring-cabecera__sub{
    color:rgba(255, 255, 255, 0.85);
    font-size:0.875rem;
}

.mentoring-cabecera__rol{
    display:inline-flex;
    align-items:center;
    gap:0.375rem;
    padding:0.25rem 0.75rem;
    border-radius:999px;
    background:rgba(255, 255, 255, 0.16);
    font-size:0.8125rem;
    font-weight:600;
}
.mentoring-secciones{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
}

.mentoring-secciones a{
    padding:0.375rem 0.875rem;
    border-radius:999px;
    border:1px solid var(--mentoring-tinte-borde);
    background:var(--mentoring-tinte);
    color:var(--mentoring-acento-fuerte);
    font-size:0.8125rem;
    font-weight:600;
    text-decoration:none;
}

.mentoring-secciones a[aria-current="page"]{
    background:var(--mentoring-acento);
    border-color:var(--mentoring-acento);
    color:#FFFFFF;
}
.mentoring-niveles{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:0.375rem;
}

.mentoring-nivel{
    display:flex;
    flex-direction:column;
    gap:0.375rem;
}

.mentoring-nivel__tramo{
    height:0.625rem;
    border-radius:999px;
    background:var(--mentoring-pista);
}

.mentoring-nivel--logrado .mentoring-nivel__tramo{
    background:var(--mentoring-acento);
}

.mentoring-nivel__texto{
    font-size:0.75rem;
    color:var(--mentoring-acento-fuerte);
    font-weight:600;
}

.mentoring-nivel:not(.mentoring-nivel--logrado) .mentoring-nivel__texto{
    color:#8B91A0;
    font-weight:500;
}

.mentoring-cifra{
    font-size:1.75rem;
    font-weight:700;
    line-height:1.1;
    color:var(--mentoring-acento-fuerte);
}
.mentoring-logro{
    display:flex;
    align-items:center;
    gap:1rem;
    padding:1rem 1.25rem;
    border-radius:0.75rem;
    border:1px solid var(--mentoring-tinte-borde);
    background:var(--mentoring-tinte);
}

.mentoring-logro__icono{
    flex:none;
    display:grid;
    place-items:center;
    width:3rem;
    height:3rem;
    border-radius:50%;
    background:var(--mentoring-acento);
    color:#FFFFFF;
    font-size:1.5rem;
}
.mentoring-ventanas{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:0.5rem;
}

.mentoring-ventana{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:0.25rem 1rem;
    padding:0.625rem 0.875rem;
    border-radius:0.5rem;
    border:1px solid #ECEEF3;
}

.mentoring-ventana--abierta{
    border-color:var(--mentoring-acento);
    background:var(--mentoring-tinte);
}

.mentoring-ventana--atrasada{
    border-color:#F5B7A0;
    background:#FFF3EE;
}

.mentoring-estado{
    display:inline-flex;
    align-items:center;
    gap:0.25rem;
    font-size:0.8125rem;
    font-weight:600;
}

.mentoring-estado--registrada{ color:var(--mentoring-acento-fuerte); }
.mentoring-estado--abierta{ color:var(--mentoring-acento-fuerte); }
.mentoring-estado--proxima{ color:#686E7C; }
.mentoring-estado--atrasada{ color:#B43F0B; }
.mentoring-estrellas{
    color:#F0B428;
    letter-spacing:0.05em;
    white-space:nowrap;
}

.mentoring-estrellas--vacia{
    color:#8B91A0;
    font-size:0.8125rem;
}
.mentoring-enunciado{
    display:block;
    font-weight:600;
    margin-block-end:0.375rem;
    color:inherit;
}

.mentoring-pregunta + .mentoring-pregunta{
    margin-block-start:1.25rem;
}

.mentoring-confidencial{
    display:flex;
    gap:0.625rem;
    padding:0.75rem 1rem;
    border-radius:0.5rem;
    background:#F3F4F8;
    font-size:0.8125rem;
}

.mentoring-dato dt{
    font-size:0.75rem;
    color:#686E7C;
    font-weight:500;
}

.mentoring-dato dd{
    margin:0 0 0.75rem;
    font-weight:600;
}

.mentoring-constancia{
    position:relative;
    padding:2.5rem 2rem;
    border:2px solid var(--mentoring-acento);
    border-radius:0.5rem;
    text-align:center;
    background:#FFFFFF;
    overflow:hidden;
}

.mentoring-constancia__sello{
    position:absolute;
    inset-block-start:1.25rem;
    inset-inline-end:-3rem;
    transform:rotate(35deg);
    padding:0.25rem 3.5rem;
    background:#D8A31A;
    color:#FFFFFF;
    font-size:0.6875rem;
    font-weight:700;
    letter-spacing:0.06em;
}

@media (max-width: 575.98px){
    .mentoring-cabecera{ padding:1rem; }
    .mentoring-constancia{ padding:2rem 1rem; }
}
.mentoring-insignia{
    display:inline-block;
    padding:0.2rem 0.6rem;
    border-radius:999px;
    font-size:0.75rem;
    font-weight:600;
    line-height:1.3;
    white-space:nowrap;
    vertical-align:middle;
}
.mentoring-antetitulo{
    display:block;
    color:var(--mentoring-acento);
    font-size:0.6875rem;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
}
.table-responsive.mentoring-tabla{
    white-space:normal;
}
.mentoring-insignia--acento{
    background-color:var(--mentoring-tinte);
    color:var(--mentoring-acento-fuerte);
}

.mentoring-insignia--apagada{
    white-space:normal;
    background-color:var(--mentoring-pista);
    color:#4B5563;
}
.mud-card.custom-card.mentoring-minuta--anulada{
    background:#ECEEF3 !important;
    box-shadow:none !important;
}

.mentoring-minuta--anulada .mentoring-confidencial{
    background:#FFFFFF;
}

.mentoring-minuta__anulado{
    display:inline-flex;
    align-items:center;
    gap:0.375rem;
    color:#4B5563;
}

[data-theme-mode="dark"] .mud-card.custom-card.mentoring-minuta--anulada{
    background:rgba(255, 255, 255, 0.04) !important;
}

[data-theme-mode="dark"] .mentoring-minuta--anulada .mentoring-confidencial{
    background:rgba(255, 255, 255, 0.06);
}

[data-theme-mode="dark"] .mentoring-minuta__anulado{
    color:#C5CAD6;
}
.ultramar-agenda__etiqueta--mentoring .mud-badge.mud-badge-default{
    background-color:var(--mentoring-tinte);
    color:var(--mentoring-acento-fuerte);
}

.fullcalendar-events-activity li.ultramar-agenda__punto--mentoring::before{
    border-color:color-mix(in srgb, var(--mentoring-acento) 55%, transparent);
}
.mentoring-espacio{
    display:grid;
    grid-template-columns:minmax(0, 1fr);
    gap:1rem;
    align-items:start;
}

.mentoring-columna{
    display:flex;
    flex-direction:column;
    gap:1rem;
    min-inline-size:0;
}

@media (min-width: 960px){
    .mentoring-espacio{
        grid-template-columns:minmax(0, 2fr) minmax(0, 1fr);
    }
}

@media (max-width: 959.98px){
    .mentoring-columna{
        display:contents;
    }
    .mentoring-columna--lateral > *{ order:3; }
    .mentoring-columna--lateral > [data-mentoring-tarjeta="proxima"]{ order:1; }
    .mentoring-columna--principal > .mentoring-tras-la-reunion{ order:2; }
}
.mentoring-toca{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0.75rem 1rem;
    padding:1rem 1.25rem;
    border-radius:0.75rem;
    border:1px solid var(--mentoring-tinte-borde);
    background:var(--mentoring-tinte);
}

.mentoring-toca__icono{
    flex:none;
    display:grid;
    place-items:center;
    inline-size:2.75rem;
    block-size:2.75rem;
    border-radius:50%;
    background:var(--mentoring-acento);
    color:#FFFFFF;
    font-size:1.35rem;
}

.mentoring-toca__texto{
    flex:1 1 16rem;
    min-inline-size:0;
}

.mentoring-toca__titulo{
    margin:0;
    font-size:1rem;
    font-weight:600;
    line-height:1.35;
    text-wrap:balance;
}

.mentoring-toca__detalle{
    margin:0.125rem 0 0;
    font-size:0.8125rem;
    max-inline-size:75ch;
}
.mentoring-toca--atrasada{
    border-color:#F5B7A0;
    background:#FFF3EE;
}

.mentoring-toca--atrasada .mentoring-toca__icono{
    background:#B43F0B;
}

[data-theme-mode="dark"] .mentoring-toca--atrasada{
    border-color:rgba(245, 183, 160, 0.4);
    background:rgba(180, 63, 11, 0.16);
}

@media (max-width: 575.98px){
    .mentoring-toca{ padding:1rem; }
    .mentoring-toca > .mud-button-root{ inline-size:100%; }
}
.mentoring-toca--llana{
    padding:0.75rem 0 0;
    border:0;
    border-block-start:1px solid #ECEEF3;
    border-radius:0;
    background:none;
}
.mentoring-lectura{
    max-inline-size:75ch;
}
.mentoring-control-oculto{
    position:absolute;
    inline-size:1px;
    block-size:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    white-space:nowrap;
    pointer-events:none;
}
.mentoring-segmentado{
    display:inline-flex;
    flex-wrap:wrap;
    gap:0.25rem;
    max-inline-size:100%;
    padding:0.25rem;
    border-radius:0.625rem;
    background:#F0F1F6;
}

.mentoring-segmento{
    display:inline-flex;
    align-items:center;
    gap:0.25rem;
    min-block-size:2.25rem;
    margin:0;
    padding:0.375rem 0.875rem;
    border-radius:0.4375rem;
    color:#333A4D;
    font-size:0.8125rem;
    font-weight:600;
    line-height:1.3;
    text-align:start;
    cursor:pointer;
    transition:background-color 0.15s ease, color 0.15s ease;
}

.mentoring-segmento:hover{
    background:#E2E4EE;
}
.mentoring-segmento .mentoring-segmento__marca{
    display:none;
    font-size:1rem;
}

.mentoring-control-oculto:checked + .mentoring-segmento{
    background:rgb(var(--primary-rgb));
    color:#FFFFFF;
}

.mentoring-control-oculto:checked + .mentoring-segmento .mentoring-segmento__marca{
    display:inline-block;
}

.mentoring-control-oculto:focus-visible + .mentoring-segmento,
.mentoring-control-oculto:focus-visible + .mentoring-estrella{
    outline:2px solid rgb(var(--primary-rgb));
    outline-offset:2px;
}

[data-theme-mode="dark"] .mentoring-segmentado{
    background:rgba(255, 255, 255, 0.08);
}

[data-theme-mode="dark"] .mentoring-segmento{
    color:#E4E7EF;
}

[data-theme-mode="dark"] .mentoring-segmento:hover{
    background:rgba(255, 255, 255, 0.12);
}

@media (prefers-reduced-motion: reduce){
    .mentoring-segmento{ transition:none; }
}
.mentoring-casilla{
    display:flex;
    align-items:flex-start;
    gap:0.625rem;
    max-inline-size:75ch;
    margin:0;
    font-size:0.875rem;
    cursor:pointer;
}

.mentoring-casilla input{
    flex:none;
    inline-size:1.25rem;
    block-size:1.25rem;
    margin-block-start:0.0625rem;
    accent-color:rgb(var(--primary-rgb));
    cursor:pointer;
}
.mentoring-elegir-estrellas{
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0.125rem;
}

.mentoring-estrella{
    display:grid;
    place-items:center;
    inline-size:2.75rem;
    block-size:2.75rem;
    margin:0;
    border-radius:0.5rem;
    color:#686E7C;
    font-size:1.75rem;
    line-height:1;
    cursor:pointer;
}

.mentoring-estrella:hover{
    background:#F0F1F6;
}

.mentoring-estrella--llena{
    color:#C27C00;
}

.mentoring-elegir-estrellas__cuenta{
    margin-inline-start:0.5rem;
    font-size:0.8125rem;
    font-weight:600;
}

[data-theme-mode="dark"] .mentoring-estrella--llena{
    color:#F0B428;
}

[data-theme-mode="dark"] .mentoring-estrella:hover{
    background:rgba(255, 255, 255, 0.08);
}
.mentoring-hechas{
    list-style:none;
    margin:0.75rem 0 0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:0.25rem;
    font-size:0.8125rem;
}

.mentoring-hechas li{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:0.125rem 0.5rem;
}

.mentoring-hechas .bx{
    color:var(--mentoring-acento);
    align-self:center;
}
.mud-alert.mud-alert-outlined-warning,
.mud-alert.mud-alert-text-warning{
    color:#5E4600;
}

.mud-alert.mud-alert-outlined-warning .mud-alert-icon,
.mud-alert.mud-alert-text-warning .mud-alert-icon{
    color:#B26A00;
}

[data-theme-mode="dark"] .mud-alert.mud-alert-outlined-warning,
[data-theme-mode="dark"] .mud-alert.mud-alert-text-warning{
    color:#F3D98B;
}

[data-theme-mode="dark"] .mud-alert.mud-alert-outlined-warning .mud-alert-icon,
[data-theme-mode="dark"] .mud-alert.mud-alert-text-warning .mud-alert-icon{
    color:#F0B428;
}
.mud-button-root.mentoring-boton-aviso{
    color:#5E4600;
    border-color:#D8A31A;
}

.mud-button-root.mentoring-boton-aviso .mud-button-icon-start{
    color:#B26A00;
}

.mud-button-root.mentoring-boton-aviso:hover{
    background:#FFF8E6;
}

[data-theme-mode="dark"] .mud-button-root.mentoring-boton-aviso{
    color:#F3D98B;
}
