/* =========================================================================
   ARKIV · ESTILO MINIMAL (muestra 26/10/2026, pedido de Jesús: "un estilo mucho más moderno")
   -------------------------------------------------------------------------
   Capa aparte, que solo actúa cuando <html> tiene la clase 'estilo-minimal' (la pone
   partials/favicon.html en las pantallas que declaran {% set estilo_minimal = true %}). Así la
   muestra (Inicio + todo Soporte TI) no toca ningún otro módulo; para extenderla a todo ARKIV
   basta con encender la clase siempre.

   v2 (26/10/2026, "No lo veo en Producción"): la primera versión se parecía demasiado al
   tema de siempre, sobre todo en oscuro. Ahora:
   - Oscuro "grafito": grises neutros casi negros en vez del azul marino de siempre.
   - Claro: barra lateral gris con el enlace activo como una pastilla blanca.
   - Tarjetas con sombra suave que se elevan al pasar el mouse y muestran una flecha.
   - Saludo grande, buscador alto tipo "barra de comandos" y botón de búsqueda como campo.

   Identidad: clínica y sobria.
   - Lienzo neutro y superficies con línea de 1 px; sombra suave solo para dar relieve.
   - UN solo acento: el azul institucional (--marca-azul-primario). El color de cada módulo
     queda solo en su ícono; ya no tiñe fondos (adiós durazno/cian en tablas y filtros).
   - Montserrat (manual de marca) con escala marcada; etiquetas en tipo oración, sin
     MAYÚSCULAS espaciadas; cifras tabulares en números.
   Especificidad: todo va bajo "html.estilo-minimal[data-theme] body" para ganarle a
   tema-claro.css y a los .pagina-acento-* sin depender del orden de carga.
   ========================================================================= */

html.estilo-minimal {
    --m-lienzo: #f5f6f8;
    --m-lateral: #eef1f5;
    --m-superficie: #ffffff;
    --m-superficie-2: #f8f9fb;
    --m-linea: #e4e7ec;
    --m-linea-fuerte: #d0d5dd;
    --m-tinta: #101828;
    --m-texto-1: #344054;
    --m-texto-2: #556274;
    --m-acento: var(--marca-azul-primario, #1654a5);
    --m-acento-hover: #124a92;
    --m-boton: var(--m-acento);
    --m-boton-hover: var(--m-acento-hover);
    --m-acento-suave: #eaf1fb;
    --m-foco: rgba(22, 84, 165, 0.28);
    --m-sombra-1: 0 1px 2px rgba(16, 24, 40, 0.06), 0 1px 3px rgba(16, 24, 40, 0.04);
    --m-sombra-2: 0 12px 28px -8px rgba(16, 24, 40, 0.18), 0 2px 6px rgba(16, 24, 40, 0.05);
    --m-radio-caja: 14px;
    --m-radio-control: 9px;
}
/* Oscuro "grafito": neutro, casi negro, sin el azul marino del tema de siempre. */
html.estilo-minimal[data-theme="oscuro"],
html.estilo-minimal:not([data-theme="claro"]):not([data-theme="descanso"]) {
    --m-lienzo: #0d0e11;
    --m-lateral: #101114;
    --m-superficie: #17191e;
    --m-superficie-2: #1d2026;
    --m-linea: #272a31;
    --m-linea-fuerte: #3a3e47;
    --m-tinta: #eceef2;
    --m-texto-1: #c9ccd3;
    --m-texto-2: #a2a7b1;
    --m-acento: #7da4ff;
    --m-acento-hover: #9ab8ff;
    /* Botón con texto blanco: azul más profundo para contraste AA (blanco sobre #2f63c8 ≈ 5.3:1). */
    --m-boton: #2f63c8;
    --m-boton-hover: #2756b3;
    --m-acento-suave: rgba(125, 164, 255, 0.13);
    --m-foco: rgba(125, 164, 255, 0.35);
    --m-sombra-1: 0 0 0 transparent;
    --m-sombra-2: 0 14px 32px -10px rgba(0, 0, 0, 0.7);
}

/* ---------- Lienzo ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body {
    background: var(--m-lienzo) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body::before { background: var(--m-lienzo) !important; }

/* ---------- Superficies y líneas (contenido) ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(
    .bg-slate-800\/60, .bg-slate-800\/40, .bg-slate-800\/30, .bg-slate-800\/80, .bg-slate-800\/50,
    .bg-slate-900\/80, .bg-slate-900\/60, .bg-slate-900\/50, .bg-slate-900\/40) {
    background-color: var(--m-superficie) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(thead, thead tr, .bg-slate-950\/80, .bg-slate-950\/60, .bg-slate-900\/60 > tr) {
    background-color: var(--m-superficie-2) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body :is(main, .barra-lateral, nav, header) :is(
    .border-slate-700\/60, .border-slate-700\/80, .border-slate-700\/50, .border-slate-700, .border-slate-800,
    .border-slate-800\/60, .border-slate-800\/80, .border-b, .border-t, .border) {
    border-color: var(--m-linea) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(.divide-y, [class*="divide-slate"]) > * + * {
    border-color: var(--m-linea) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main tbody tr:hover {
    background-color: var(--m-superficie-2) !important;
}
/* Texto: tinta neutra para títulos y gris neutro para lo secundario (en oscuro ya no azulado). */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(h1, h2, h3, h4):not(.bg-orange-600 *, .bg-sky-600 *, .bg-blue-600 *, .bg-indigo-600 *, .bg-cyan-600 *, [class*="bg-gradient-to-"] *) {
    color: var(--m-tinta) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(.text-slate-400, .text-slate-500) {
    color: var(--m-texto-2) !important;
}

/* Texto de cuerpo (text-slate-300): gris neutro, sin el tinte azulado. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main .text-slate-300 { color: var(--m-texto-1) !important; }
/* Enlaces de acción ("Ver todas", "Ver completadas") y pestañas internas: el acento único, no naranja/cian. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main a:is(.text-orange-400, .text-orange-500, .text-orange-600, .text-cyan-400, .text-sky-400, .text-indigo-400):not([class*="bg-"]) {
    color: var(--m-acento) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(a, button).border-b-2:is(.border-orange-500, .border-orange-400, .border-cyan-500, .border-sky-500, .border-indigo-500) {
    border-color: var(--m-acento) !important;
    color: var(--m-acento) !important;
}

/* ---------- Formas: radios contenidos y relieve suave ---------- */
html.estilo-minimal[data-theme] body main :is(.rounded-3xl, .rounded-2xl) { border-radius: var(--m-radio-caja) !important; }
html.estilo-minimal[data-theme] body main .rounded-xl { border-radius: var(--m-radio-control) !important; }
html.estilo-minimal[data-theme] body main :is(.shadow-xl, .shadow-2xl, .shadow-lg, .shadow-md, .shadow) { box-shadow: var(--m-sombra-1) !important; }
html.estilo-minimal[data-theme] body :is([class*="shadow-orange-"], [class*="shadow-indigo-"], [class*="shadow-cyan-"], [class*="shadow-sky-"], [class*="shadow-blue-"], [class*="shadow-purple-"], [class*="shadow-emerald-"]) {
    box-shadow: none !important;
}

/* ---------- Tipografía ---------- */
html.estilo-minimal[data-theme] body { font-feature-settings: "tnum" 1, "lnum" 1; letter-spacing: -0.003em; -webkit-font-smoothing: antialiased; }
/* Etiquetas, encabezados de tabla y títulos de sección: tipo oración, sin tracking. */
html.estilo-minimal[data-theme] body :is(main, .barra-lateral) :is(.uppercase, th) {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
html.estilo-minimal[data-theme] body main :is(th, label, .text-\[10px\]) { font-size: 12px !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(th, label) {
    color: var(--m-texto-2) !important;
    font-weight: 600 !important;
}
html.estilo-minimal[data-theme] body main h1 { letter-spacing: -0.02em; }
html.estilo-minimal[data-theme] body main :is(h2, h3) { letter-spacing: -0.012em; }

/* ---------- Controles ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), select, textarea):not(.inicio-buscador input) {
    background-color: var(--m-superficie) !important;
    border: 1px solid var(--m-linea-fuerte) !important;
    border-radius: var(--m-radio-control) !important;
    color: var(--m-tinta) !important;
    box-shadow: var(--m-sombra-1) !important;
}
html.estilo-minimal[data-theme] body :is(input, select, textarea):focus {
    outline: none !important;
    border-color: var(--m-acento) !important;
    box-shadow: 0 0 0 3px var(--m-foco) !important;
}
html.estilo-minimal[data-theme] body :is(a, button, [role="tab"], summary):focus-visible {
    outline: 2px solid var(--m-acento) !important;
    outline-offset: 2px;
}

/* ---------- Un solo acento: acciones principales ---------- */
html.estilo-minimal[data-theme] body :is(
    .bg-orange-600, .bg-orange-500, .bg-indigo-600, .bg-cyan-600, .bg-sky-600, .bg-blue-600, .bg-cyan-500, .bg-sky-500, .bg-indigo-500, .bg-blue-500, .bg-fuchsia-600, .bg-fuchsia-500, .bg-pink-600,
    .bg-purple-600, .bg-violet-600, .bg-teal-600, :is(a, button)[class*="bg-gradient-to-"][class*="from-cyan-"], :is(a, button)[class*="bg-gradient-to-"][class*="from-orange-"]) {
    background: var(--m-boton) !important;
    color: #ffffff !important;
}
html.estilo-minimal[data-theme] body :is(
    .bg-orange-600, .bg-orange-500, .bg-indigo-600, .bg-cyan-600, .bg-sky-600, .bg-blue-600, .bg-cyan-500, .bg-sky-500, .bg-indigo-500, .bg-blue-500, .bg-fuchsia-600, .bg-fuchsia-500, .bg-pink-600,
    .bg-purple-600, .bg-violet-600, .bg-teal-600, :is(a, button)[class*="bg-gradient-to-"][class*="from-cyan-"], :is(a, button)[class*="bg-gradient-to-"][class*="from-orange-"]):hover {
    background: var(--m-boton-hover) !important;
}
html.estilo-minimal[data-theme] body :is(.bg-orange-600, .bg-indigo-600, .bg-cyan-600, .bg-sky-600, .bg-blue-600) :is(i, span, svg) { color: #ffffff !important; }

/* ---------- Botones secundarios (Volver, Columnas, Exportar…): superficie con línea ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body :is(a, button):is(.bg-slate-700, .bg-slate-800, .bg-slate-700\/50, .bg-slate-800\/80):not(.barra-lateral-enlace) {
    background: var(--m-superficie-2) !important;
    border: 1px solid var(--m-linea) !important;
    color: var(--m-tinta) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body :is(a, button):is(.bg-slate-700, .bg-slate-800, .bg-slate-700\/50, .bg-slate-800\/80):not(.barra-lateral-enlace):hover {
    border-color: var(--m-linea-fuerte) !important;
}

/* ---------- Encabezado de módulo ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body :is(nav, header):has(.encabezado-modulo, .encabezado-modulo-titulo) ,
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body nav.encabezado-modulo {
    background: var(--m-superficie) !important;
    backdrop-filter: none !important;
    border-color: var(--m-linea) !important;
}
/* Encabezado de Inicio (no usa .encabezado-modulo) y sub-navegación de pestañas de los módulos. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body > header,
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body > nav.border-b,
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body > div.bg-slate-800\/40.border-b {
    background: var(--m-superficie) !important;
    backdrop-filter: none !important;
    border-color: var(--m-linea) !important;
}
html.estilo-minimal[data-theme] body > header :is(.uppercase) { text-transform: none !important; letter-spacing: 0 !important; font-size: 11.5px !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body > div.border-b a { color: var(--m-texto-2) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body > div.border-b a:hover { color: var(--m-tinta) !important; }
html.estilo-minimal[data-theme] body > div.border-b a.border-b-2 { font-weight: 600 !important; }
html.estilo-minimal[data-theme] body > div.border-b a:is(.border-orange-500, .border-indigo-500, .border-cyan-500, .border-sky-500, .border-blue-500, .border-purple-500) {
    border-color: var(--m-acento) !important;
    color: var(--m-acento) !important;
}
html.estilo-minimal[data-theme] body > div.border-b a:is(.border-orange-500, .border-indigo-500, .border-cyan-500, .border-sky-500, .border-blue-500, .border-purple-500) i { color: var(--m-acento) !important; }
html.estilo-minimal[data-theme] body .encabezado-modulo-titulo h1 { font-size: 1.125rem !important; font-weight: 700; letter-spacing: -0.015em; }

/* Botón "Buscar en Arkiv" del encabezado: en pantallas grandes se ve como un campo de búsqueda. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body #btn-buscador-global {
    background: var(--m-superficie-2) !important;
    border: 1px solid var(--m-linea) !important;
    color: var(--m-texto-2) !important;
    border-radius: var(--m-radio-control) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body #btn-buscador-global:hover { border-color: var(--m-linea-fuerte) !important; color: var(--m-tinta) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body #btn-buscador-global :is(span, kbd) { color: inherit !important; }
@media (min-width: 1280px) {
    html.estilo-minimal[data-theme] body #btn-buscador-global { min-width: 15rem; justify-content: flex-start; }
    html.estilo-minimal[data-theme] body #btn-buscador-global kbd { margin-left: auto; }
}

/* ---------- Barra lateral ---------- */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral {
    background: var(--m-lateral) !important;
    border-right: 1px solid var(--m-linea) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral :is(.bg-slate-800\/60, .bg-slate-800\/40, .bg-slate-900\/80, .bg-slate-900\/60) { background-color: transparent !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral-enlace {
    color: var(--m-texto-2) !important;
    border-radius: var(--m-radio-control);
    border: 1px solid transparent;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral-enlace:hover { background: var(--m-superficie-2) !important; color: var(--m-tinta) !important; }
/* Enlace activo: pastilla de superficie con línea y sombra suave, texto en tinta. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral-enlace.activo {
    background: var(--m-superficie) !important;
    color: var(--m-tinta) !important;
    font-weight: 600 !important;
    border-color: var(--m-linea) !important;
    box-shadow: var(--m-sombra-1) !important;
}
html.estilo-minimal[data-theme="oscuro"] body .barra-lateral-enlace.activo,
html.estilo-minimal:not([data-theme="claro"]):not([data-theme="descanso"]) body .barra-lateral-enlace.activo { background: var(--m-superficie-2) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .barra-lateral-enlace.activo > i { color: var(--m-acento) !important; }
html.estilo-minimal[data-theme] body .barra-lateral-titulo { text-transform: none !important; letter-spacing: 0 !important; font-size: 12px !important; }

/* =========================================================================
   INICIO
   ========================================================================= */
/* Sin manchas difuminadas de color detrás del saludo: el estilo minimal no decora el fondo. */
html.estilo-minimal[data-theme] body .inicio-hero::before,
html.estilo-minimal[data-theme] body .inicio-hero::after { display: none !important; }
html.estilo-minimal[data-theme] body .inicio-hero :is(h1, h2) {
    font-size: clamp(1.9rem, 1.2rem + 1.8vw, 2.75rem) !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.1 !important;
}
html.estilo-minimal[data-theme] body .inicio-hero p { font-size: 15px !important; margin-top: .4rem; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .inicio-hero p { color: var(--m-texto-2) !important; }
/* Buscador alto, tipo barra de comandos. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .inicio-buscador {
    background: var(--m-superficie) !important;
    border: 1px solid var(--m-linea-fuerte) !important;
    border-radius: var(--m-radio-caja) !important;
    box-shadow: var(--m-sombra-1) !important;
    min-height: 3.6rem;
    margin-top: 1.25rem;
}
html.estilo-minimal[data-theme] body .inicio-buscador input { font-size: 15.5px !important; }
html.estilo-minimal[data-theme] body .inicio-buscador:focus-within { border-color: var(--m-acento) !important; box-shadow: 0 0 0 4px var(--m-foco) !important; }
html.estilo-minimal[data-theme] body .inicio-buscador > i { color: var(--m-acento) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .inicio-buscador-global {
    background: var(--m-superficie-2) !important;
    border: 1px solid var(--m-linea) !important;
    color: var(--m-tinta) !important;
    border-radius: var(--m-radio-control) !important;
}
html.estilo-minimal[data-theme] body :is(.accesos-frecuentes > h2, .grupo-modulos-cuenta) {
    text-transform: none !important; letter-spacing: 0 !important; font-size: 12.5px !important; font-weight: 600 !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .accesos-frecuentes > h2 { color: var(--m-texto-2) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .acceso-frecuente {
    background: var(--m-superficie) !important;
    border: 1px solid var(--m-linea) !important;
    border-radius: 999px !important;
    box-shadow: var(--m-sombra-1) !important;
    color: var(--m-tinta) !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
html.estilo-minimal[data-theme] body .acceso-frecuente:hover { border-color: var(--m-acento) !important; transform: translateY(-1px); }
/* Cabecera de cada área: el conteo de módulos como una pastilla. */
html.estilo-minimal[data-theme] body .grupo-modulos-cabecera > h2 { font-size: 1.15rem !important; font-weight: 700; letter-spacing: -0.015em; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .grupo-modulos-cuenta:not(:empty) {
    background: var(--m-superficie);
    border: 1px solid var(--m-linea);
    color: var(--m-texto-2) !important;
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
}
html.estilo-minimal[data-theme] body .grupo-modulos-punto { border-radius: 999px; width: .5rem; height: .5rem; }
html.estilo-minimal[data-theme] body .grupo-modulos-rejilla { gap: 1rem !important; }
/* Tarjetas de módulo: superficie con línea y sombra suave; al pasar el mouse se elevan y
   aparece una flecha. El color del área queda solo en el ícono. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .grupo-modulos-rejilla > :is(a, button) {
    background: var(--m-superficie) !important;
    border: 1px solid var(--m-linea) !important;
    border-radius: var(--m-radio-caja) !important;
    box-shadow: var(--m-sombra-1) !important;
    padding: 1.15rem 1.6rem 1.15rem 1.15rem !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .grupo-modulos-rejilla > :is(a, button):hover {
    border-color: color-mix(in srgb, var(--area, var(--m-acento)) 50%, var(--m-linea)) !important;
    background: var(--m-superficie) !important;
    box-shadow: var(--m-sombra-2) !important;
    transform: translateY(-2px) !important;
}
html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > :is(a, button)::after {
    content: "→";
    position: absolute;
    top: 0.85rem;
    right: 0.75rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--m-texto-2);
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .18s ease, transform .18s ease;
}
html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > :is(a, button):is(:hover, :focus-visible)::after {
    opacity: 1;
    transform: none;
    color: var(--m-acento);
}
html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > * > div:first-of-type > h3 { font-size: 0.95rem !important; font-weight: 700 !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .grupo-modulos-rejilla > * > div:first-of-type > h3 { color: var(--m-tinta) !important; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body .grupo-modulos-rejilla > * > div:first-of-type > p { color: var(--m-texto-2) !important; font-size: 13px !important; }
/* Ícono del módulo: cuadro redondeado con el color del área (sin borde). */
html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > * > div:first-of-type > div:first-child {
    border: 0 !important;
    border-radius: 10px !important;
    transform: none !important;
}

/* =========================================================================
   SOPORTE TI
   ========================================================================= */
/* Banner "¿En qué te podemos ayudar hoy?": superficie limpia en vez del degradado naranja. */
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main .banner-mesa-ayuda {
    background: var(--m-superficie) !important;
    border: 1px solid var(--m-linea) !important;
    box-shadow: var(--m-sombra-1) !important;
}
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main .banner-mesa-ayuda h2 { color: var(--m-tinta) !important; letter-spacing: -0.025em; }
html.estilo-minimal[data-theme]:not([data-theme="descanso"]) body main .banner-mesa-ayuda p { color: var(--m-texto-2) !important; }

/* =========================================================================
   MURO DE COMUNICADOS
   muro-social.css tiene sus propias variables (--m-superficie, --m-borde…) en .muro; en oscuro
   se igualan al grafito para que el muro no quede azul marino. En claro ya es blanco.
   ========================================================================= */
html.estilo-minimal[data-theme="oscuro"] :is(.muro, .muro-dialogo, .muro-sugerencias),
html.estilo-minimal:not([data-theme="claro"]):not([data-theme="descanso"]) :is(.muro, .muro-dialogo, .muro-sugerencias) {
    --m-superficie: #17191e;
    --m-superficie-2: #1d2026;
    --m-borde: #272a31;
    --m-texto: #eceef2;
    --m-suave: #a2a7b1;
    --m-hover: rgba(255, 255, 255, 0.05);
    --m-acento: #7da4ff;
    --m-acento-texto: #0d0e11;
    --m-acento-suave: rgba(125, 164, 255, 0.13);
}

@media (prefers-reduced-motion: reduce) {
    html.estilo-minimal body * { transition: none !important; }
    html.estilo-minimal[data-theme] body :is(.grupo-modulos-rejilla > :is(a, button), .acceso-frecuente):hover { transform: none !important; }
}

/* Celular: el subtítulo "Ecosistema Digital Corporativo" del encabezado de Inicio ocupaba dos líneas. */
@media (max-width: 480px) {
    html.estilo-minimal body > header .uppercase { display: none !important; }
    html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > :is(a, button) { padding-right: 1.15rem !important; }
    html.estilo-minimal[data-theme] body .grupo-modulos-rejilla > :is(a, button)::after { display: none; }
}