@charset "UTF-8";
/* theme-name: Tío Ben */
/* =============================================================================
   TEMA «TÍO BEN» · GLPI 12 · interfaz interna + portal de autoservicio
   -----------------------------------------------------------------------------
   ARCHIVO GENERADO por personalizacion/build/construir-tema.ps1  (versión: 2026-10-18 20:35)
   NO lo edites a mano: edita personalizacion/build/tioben.template.scss (colores)
   o build/_componentes-marca.scss (componentes compartidos con Ellaz) y vuelve a construir.

   · Se activa de dos maneras (a la vez):
       - POR ENTIDAD: toda entidad cuya ruta contenga «Tío Ben» (Root entity > Corporativo > Tío Ben > …)
         adopta este diseño automáticamente — herencia por árbol, sin configurar nada por usuario.
       - POR TEMA: Preferencias → Personalización → Tema → «Tío Ben» (o tema predeterminado).
   · Todo está acotado a esas dos condiciones — no afecta a otros temas, otras entidades ni al login animado.
   · Las variables de marca llevan !important y mayor especificidad para imponerse también al
     diseño V1 que pueda existir como CSS de la entidad.
   · Colores: naranja #F88030 · naranja oscuro #D9681C · durazno #FFE3CF · carbón #262220.
   · Texto sobre naranja en color oscuro (contraste 6.7:1; blanco sobre #F88030 solo da 2.6:1).
   ============================================================================= */
/* Activación por entidad: cualquier entidad cuya ruta contenga «Tío Ben» adopta este diseño
   (herencia por árbol). Se desactiva construyendo con  -SinEntidad  (queda solo la vía «por tema»). */
/* =============================================================================
   COMPONENTES COMPARTIDOS de los temas de marca (Tío Ben, Ellaz).
   Parcial: el constructor la inserta donde la plantilla escribe {{INCLUIR:_componentes-marca.scss}}.

   Cómo se activa un tema de marca (las dos vías son simultáneas):
     1) POR TEMA     :root[data-glpi-theme="<clave>"]      → quien elija el tema en Preferencias
     2) POR ENTIDAD  :root:has([data-testid="current-entity"]…)
        GLPI escribe el nombre completo de la entidad activa en el menú de usuario
        (p. ej. «Root entity > Corporativo > Ellaz > Sucursal X»). Si esa ruta contiene la entidad de la
        marca, la página adopta su diseño: toda entidad que cuelga de «Ellaz» lo hereda sin configurar nada.
        Se ignora en navegadores sin :has() (queda la vía 1).
   Uso desde una plantilla:
     $por-entidad: true;  $entidad: 'Ellaz';
     @include componentes-marca('ellaz', $colores, $entidad);
   ============================================================================= */
/* Selector raíz del tema. $extra se añade a la vía «por tema» (p. ej. [data-glpi-theme-dark] para ganar
   especificidad al diseño V1). La vía «por entidad» usa :root:root para imponerse a V1 y a otros temas. */
@keyframes tbRespira {
  0%, 100% {
    opacity: 0.72;
  }
  50% {
    opacity: 1;
  }
}
@keyframes tbEntra {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tbSube {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tbMenuAbre {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes tbFlyout {
  from {
    opacity: 0;
    transform: translateX(-8px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
/* ---------------------------------------------------------------------------
   1 · VARIABLES DE LA PALETA
   --------------------------------------------------------------------------- */
:is(:root[data-glpi-theme=tioben][data-glpi-theme-dark], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) {
  --tb-orange: #F88030;
  --tb-orange-hi: #FF9A4D;
  --tb-orange-lo: #F26B14;
  --tb-orange-dark: #D9681C;
  --tb-orange-deep: #B04A0C;
  --tb-peach: #FFE3CF;
  --tb-cream: #FFF8F2;
  --tb-sand: #F3E3D5;
  --tb-charcoal: #262220;
  --tb-ink: #2B1F1A;
  --tb-muted: #7A5444;
  --tb-shadow: 0 1px 2px rgba(38, 34, 32, .05), 0 14px 30px -20px rgba(217, 104, 28, .42);
  --tb-shadow-hover: 0 2px 4px rgba(38, 34, 32, .06), 0 26px 44px -22px rgba(217, 104, 28, .62);
  /* Tabler */
  --tblr-primary-rgb: 248, 128, 48 !important;
  --tblr-primary: #F88030 !important;
  --tblr-primary-fg: #2A1208 !important;
  --tblr-primary-darken: #D9681C !important;
  --tblr-link-color-rgb: 176, 74, 12 !important;
  --tblr-link-color: #B04A0C !important;
  --tblr-link-hover-color-rgb: 138, 56, 6 !important;
  --tblr-body-bg: #FFF9F4 !important;
  --tblr-body-color: #2B1F1A !important;
  --tblr-secondary: #7A6358 !important;
  --tblr-muted: #7A6358 !important;
  --tblr-bg-surface: #FFFFFF !important;
  --tblr-bg-surface-secondary: #FFF6EE !important;
  --tblr-bg-surface-tertiary: #FDEFE3 !important;
  --tblr-border-color: #F0E1D5 !important;
  --tblr-border-color-translucent: rgba(122, 84, 68, .14) !important;
  --tblr-navbar-color: #262220 !important;
  /* Logo: máscaras nítidas (completo y monograma «B» para el menú plegado). El CSS las tiñe con el degradado
     de la marca y las escala a cualquier tamaño (ver «LOGO» en _componentes-marca.scss). */
  --tb-logo-mask: url("data:image/png;base64,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");
  --tb-mark-mask: url("data:image/png;base64,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");
  /* Menú principal */
  --glpi-mainmenu-bg: #262220 !important;
  --glpi-mainmenu-fg: #F4F1EE !important;
  --glpi-mainmenu-fg-muted: #F4F1EE99 !important;
  --glpi-mainmenu-active-bg: color-mix(in srgb, #F88030, #262220 62%) !important;
  /* Pestañas, buscador, insignias, encabezados de formulario */
  --glpi-tabs-bg: #FFF6EE !important;
  --glpi-tabs-fg: #7A5444 !important;
  --glpi-tabs-border-color: #F0E1D5 !important;
  --glpi-tabs-active-bg: #FFFFFF !important;
  --glpi-tabs-active-fg: #2B1F1A !important;
  --glpi-tabs-active-border-color: #F0E1D5 !important;
  --glpi-search-bg: #FFF6EE !important;
  --glpi-badge-bg: color-mix(in srgb, #F88030, #fff 86%) !important;
  --glpi-badge-fg: #B04A0C !important;
  --glpi-form-header-fg: #B04A0C !important;
  --glpi-form-header-bg: color-mix(in srgb, #F88030, #fff 90%) !important;
  --glpi-form-header-border-color: color-mix(in srgb, #F88030, #fff 68%) !important;
  --glpi-hover-bg: rgba(248, 128, 48, .08) !important;
  --glpi-scrollbar-thumb-color: color-mix(in srgb, #D9681C, transparent 55%) !important;
  /* Gráficas */
  --glpi-palette-color-1: #F88030 !important;
  --glpi-palette-color-2: #D9681C !important;
  --glpi-palette-color-3: #FFA466 !important;
  --glpi-palette-color-4: #4A413C !important;
  /* Línea de tiempo de los tickets */
  --glpi-itil-secondary-bg: #FFF6EE !important;
  --glpi-timeline-itil-content-bg: #FFF4EA !important;
  --glpi-timeline-itil-content-fg: #5A2A0C !important;
  --glpi-timeline-itil-content-border-color: #F6D5B8 !important;
  --glpi-timeline-fup-bg: #F4EFEA !important;
  --glpi-timeline-fup-fg: #5B4F48 !important;
  --glpi-timeline-fup-border-color: #D9CFC7 !important;
  /* Portal de autoservicio */
  --glpi-helpdesk-header: #FFE3CF !important;
  --glpi-helpdesk-tiles-section-bg: #FFF7F0 !important;
  --glpi-helpdesk-tabs-section-bg: #FFFFFF !important;
  --glpi-illustrations-primary: #F88030 !important;
  --glpi-illustrations-header-dark: #262220 !important;
  --glpi-illustrations-header-light: #FFE3CF !important;
  --glpi-illustrations-gradient-1: #FFE3CF !important;
  --glpi-illustrations-gradient-2: #FFA466 !important;
  --glpi-illustrations-gradient-3: #D9681C !important;
}

/* ---------------------------------------------------------------------------
   2 · COLORES DE LOS COMPONENTES (la forma está en _componentes-marca.scss)
   --------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
   BASE OSCURA: GLPI activa su paleta oscura con data-glpi-theme-dark="1", que solo conoce la vía
   «por tema». Para la vía «por entidad» se reproducen aquí los ajustes imprescindibles.
   --------------------------------------------------------------------------- */
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) {
  /* ---------------------------------------------------------------------------
     LOGO · responsivo, nítido y teñido con el degradado de la marca
     GLPI pinta el logo como fondo de una caja fija de 100×55 px sin escalarlo, así que cualquier logo
     distinto al de GLPI sale recortado. Aquí la caja se dimensiona con clamp() según el ancho de pantalla y
     el dibujo es una máscara vectorial-like (PNG de alta resolución) rellena con el degradado de la marca.
     --------------------------------------------------------------------------- */
  /* Leyenda bajo el logo del menú lateral (sustituye a la «Tickets» del diseño V1). En el portal no hace
     falta: la etiqueta de marca ya aparece sobre el título de la portada. */
  /* Menú plegado (solo escritorio): se muestra el monograma */
  /* Pantallas pequeñas: barra superior compacta, logo centrado y sin leyenda */
  /* Portal en escritorio: logo algo mayor */
  /* ---------------------------------------------------------------------------
     DETALLES DE INTERFAZ · tipografía, enfoque, selección y movimiento de entrada
     --------------------------------------------------------------------------- */
  /* ----- Menú lateral -----
     Rediseño sin «cajas». GLPI dibuja cada elemento con un borde izquierdo grueso y el submenú como un recuadro
     oscuro; aquí todo son píldoras suaves: el ícono vive en un «chip», el submenú cuelga de una línea guía fina y
     la página actual se marca con un trazo luminoso sobre esa línea. Con el menú plegado, el submenú se
     convierte en una tarjeta flotante. Solo se toca #navbar-menu: el menú de usuario conserva su estilo. */
  /* Bloque de marca (menú expandido): respiración, separador y leyenda alineada con el trazo del logo */
  /* Buscador del menú: campo con lupa en lugar de un botón con flecha */
  /* Menú plegado (solo escritorio): chips centrados y submenú como tarjeta flotante */
  /* ----- Barra superior ----- */
  /* ----- Tarjetas y contenedores ----- */
  /* ----- Botones ----- */
  /* ----- Formularios ----- */
  /* ----- SIGO08 · asistentes de captura -----
     Solo afecta a las preguntas que llevan la marca invisible .sgm-seg (decisión corta: píldoras
     horizontales) o .sgm-chips (cantidades: fichas numéricas) dentro de los formularios de mantenimiento.
     Las opciones siguen siendo radios nativos (mismos valores, teclado y lector de pantalla). Sin cajas
     ni bordes: píldoras con tinte suave; la elegida se rellena con el color de acento. */
  /* Teléfonos: las filas de dos preguntas se apilan y las píldoras comparten una sola línea */
  /* ----- Pestañas -----
     Sin «cajas»: desaparecen el borde y los divisores de cada pestaña; la activa lleva texto de acento y un
     trazo con degradado sobre el borde de la tarjeta. Solo la disposición horizontal (la vertical de los
     formularios conserva el estilo de GLPI). */
  /* En celular las pestañas son un <select> con borde doble: se queda en un campo suave de una sola línea */
  /* ----- Tablas ----- */
  /* ----- Avisos -----
     Fondo teñido con un resplandor suave del lado del ícono y filete fino. Sin borde lateral grueso: con las
     esquinas redondeadas dibujaba una «media luna» (el mismo defecto que el menú lateral). */
  /* ----- Selector de fechas, etiquetas múltiples, avisos emergentes e indicaciones ----- */
  /* ----- Paginación, insignias y botones secundarios ----- */
  /* ----- Tablero: tarjetas de modo claro dentro de una marca oscura ----- */
  /* ---------------------------------------------------------------------------
     PORTAL DE AUTOSERVICIO (gerentes / encargados / distritales)
     --------------------------------------------------------------------------- */
  /* Portada: degradado con rayos de luz tras el título */
  /* Borde inferior curvo: la portada «se funde» con la sección de tarjetas */
  /* Tarjetas de acceso rápido */
  /* Etiqueta de marca sobre el título de la portada */
  /* Las tarjetas entran en cascada */
  /* ---------------------------------------------------------------------------
     PORTAL EN CELULAR Y TABLETA · barra de navegación inferior tipo app y rejilla de tarjetas
     --------------------------------------------------------------------------- */
  /* Solicitudes del usuario (GLPI fuerza blanco en estas pestañas; aquí sigue a la paleta) */
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body {
  background-color: var(--tblr-body-bg);
  background-image: radial-gradient(1100px 520px at 100% -5%, rgba(248, 128, 48, 0.08), transparent 70%);
  background-attachment: fixed;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar .navbar-brand {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.4rem;
  min-width: 0;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .glpi-logo,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar .glpi-logo {
  --tb-logo-w: clamp(116px, 7vw + 44px, 156px);
  display: block !important;
  position: relative;
  flex: 0 0 auto;
  width: var(--tb-logo-w) !important;
  height: calc(var(--tb-logo-w) / 2.636) !important;
  max-width: 100% !important;
  background: none !important;
  filter: drop-shadow(0 6px 14px rgba(248, 128, 48, 0.38));
  transition: width 0.25s ease, height 0.25s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .glpi-logo::before,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar .glpi-logo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #FFA45C 0%, #FF822E 42%, #F0620F 100%);
  -webkit-mask: var(--tb-logo-mask) center/contain no-repeat;
  mask: var(--tb-logo-mask) center/contain no-repeat;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .navbar-brand::after {
  display: none !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand::after {
  content: "Mesa de servicio";
  display: block;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--glpi-mainmenu-fg-muted);
  white-space: nowrap;
  opacity: 0.85;
}
@media (min-width: 992px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.navbar .navbar-brand {
    align-items: center;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.navbar .glpi-logo {
    --tb-logo-w: 40px;
    width: 40px !important;
    height: 40px !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.navbar .glpi-logo::before {
    -webkit-mask: var(--tb-mark-mask) center/contain no-repeat;
    mask: var(--tb-mark-mask) center/contain no-repeat;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.navbar .navbar-brand::after {
    display: none;
  }
}
@media (max-width: 991.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar .navbar-brand {
    align-items: center;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .glpi-logo,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar .glpi-logo {
    --tb-logo-w: clamp(100px, 22vw + 20px, 136px);
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand::after {
    display: none;
  }
}
@media (min-width: 992px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .glpi-logo {
    --tb-logo-w: clamp(124px, 6vw + 56px, 164px);
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body {
  font-feature-settings: "cv11", "ss01", "cv05";
  -webkit-font-smoothing: antialiased;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .table,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .badge,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .pagination,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .formatted-number,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .number {
  font-variant-numeric: tabular-nums;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) ::selection {
  background: color-mix(in srgb, #F88030 34%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) a:focus-visible,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) button:focus-visible,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn:focus-visible,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .nav-link:focus-visible,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [tabindex]:focus-visible {
  outline: 2px solid #F88030;
  outline-offset: 2px;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .page-body {
  animation: tbEntra 0.38s ease both;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar-vertical {
  --tb-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --tb-lupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background: radial-gradient(440px 300px at 0% 0%, color-mix(in srgb, #F88030 12%, transparent), transparent 72%), linear-gradient(180deg, #2C2724 0%, #1E1A18 100%) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.04) !important;
  box-shadow: 8px 0 28px -20px rgba(0, 0, 0, 0.7);
  scrollbar-color: rgba(255, 255, 255, 0.09) transparent;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar-vertical,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar-vertical #navbar-menu {
  scrollbar-width: thin;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand {
  padding-top: 1.15rem;
  padding-bottom: 0.75rem;
}
@media (min-width: 992px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body:not(.navbar-collapsed) aside.navbar-vertical .navbar-brand {
    width: 100%;
    margin: 0 0 0.4rem !important;
    padding: 1.5rem 1.5rem 1.05rem !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .navbar-brand::after {
  margin-left: 0.55rem;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .trigger-fuzzy {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: calc(100% - 1.5rem);
  margin: 0.3rem 0.75rem 0.65rem !important;
  padding: 0.62rem 0.85rem !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 13px;
  background: color-mix(in srgb, #fff 5%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 74%, transparent) !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .trigger-fuzzy > i {
  display: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .trigger-fuzzy::before {
  content: "";
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--tb-lupa) center/contain no-repeat;
  mask: var(--tb-lupa) center/contain no-repeat;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .trigger-fuzzy:hover,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.navbar .trigger-fuzzy:focus-visible {
  background: color-mix(in srgb, #F88030 14%, transparent);
  border-color: color-mix(in srgb, #F88030 55%, transparent) !important;
  color: var(--glpi-mainmenu-fg) !important;
  box-shadow: 0 10px 24px -16px #F88030;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu {
  /* Tabler dibuja una barra en el borde izquierdo de toda la sección activa (fila + submenú): aquí el trazo
     luminoso está solo en la fila, así que se oculta. */
  /* Sección (primer nivel): píldora suave con el ícono en un «chip» */
  /* Sección seleccionada, con el mismo diseño tanto si se abre con un clic (.show) como si es la de la página
     actual (.active): foco de luz que se desvanece hacia la derecha, chip de cristal con resplandor y trazo
     luminoso pegado al borde del menú. La flecha gira al abrir. */
  /* Submenú desplegado: lista que cuelga de una línea guía, sin recuadro */
  /* Subelemento: igual que la sección, el ícono vive en un «chip» (transparente en reposo para no recargar la
     lista; se tiñe al pasar el puntero y se vuelve cristal con resplandor al seleccionarlo). */
  /* La letra subrayada de las teclas de acceso solo se muestra al pasar el puntero */
  /* Página actual: foco de luz que se desvanece, chip de cristal con resplandor, texto de acento y trazo
     luminoso sobre la línea guía (el mismo lenguaje que la sección). */
  /* Botón «Contraer menú» */
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav {
  padding: 0.15rem 0 0.25rem;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item::after {
  display: none !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 46px;
  margin: 2px 10px;
  padding: 0 0.8rem 0 0.5rem !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 80%, transparent) !important;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 0.005em;
  text-align: left;
  transition: background-color 0.22s ease, color 0.22s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link > i {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin: 0 !important;
  border-radius: 11px;
  font-size: 1.2rem;
  line-height: 1;
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 62%, transparent);
  transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0 0 0 auto;
  border: 0;
  transform: none;
  vertical-align: baseline;
  background: currentColor;
  opacity: 0.42;
  -webkit-mask: var(--tb-chevron) center/contain no-repeat;
  mask: var(--tb-chevron) center/contain no-repeat;
  transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:hover,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:focus-visible {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--glpi-mainmenu-fg) !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:hover > i,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:focus-visible > i {
  color: #FFB37A;
  transform: scale(1.07);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:hover::after {
  opacity: 0.9;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link:active > i {
  transform: scale(0.94);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.active {
  background: linear-gradient(90deg, color-mix(in srgb, #F88030 16%, transparent), transparent 90%) !important;
  color: var(--glpi-mainmenu-fg) !important;
  font-weight: 600;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show > i,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.active > i {
  color: #FFB37A;
  background: linear-gradient(145deg, color-mix(in srgb, #F88030 48%, transparent), color-mix(in srgb, #F88030 16%, transparent));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 1px color-mix(in srgb, #F88030 40%, transparent), 0 8px 18px -8px #F88030;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show::before,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.active::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 4px;
  height: 24px;
  transform: translateY(-50%);
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #FFB37A, #F88030);
  box-shadow: 0 0 14px color-mix(in srgb, #F88030 75%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show::after {
  opacity: 0.9;
  transform: rotate(180deg);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link + .dropdown-menu {
  margin: 0 10px 8px !important;
  padding: 2px 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link + .dropdown-menu.show {
  animation: tbMenuAbre 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu-columns {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0 0 0 25px;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu-columns::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09) 88%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu-column {
  display: block;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  padding: 0;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 38px;
  margin: 1px 0 1px 10px !important;
  padding: 0.2rem 0.75rem 0.2rem 0.4rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 76%, transparent) !important;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.25;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item > i {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  margin: 0 !important;
  border-radius: 9px;
  font-size: 1rem;
  line-height: 1;
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 60%, transparent);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item u {
  text-decoration: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:hover u,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:focus-visible u {
  text-decoration: underline dotted;
  text-underline-offset: 3px;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:hover,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:focus-visible {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--glpi-mainmenu-fg) !important;
  transform: translateX(2px);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:hover > i,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:focus-visible > i {
  color: #FFB37A;
  background: color-mix(in srgb, #F88030 16%, transparent);
  transform: scale(1.06);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item:active > i {
  transform: scale(0.94);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item.active {
  color: #FFB37A !important;
  font-weight: 600;
  background: linear-gradient(90deg, color-mix(in srgb, #F88030 22%, transparent), color-mix(in srgb, #F88030 3%, transparent) 92%) !important;
  transform: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item.active > i {
  color: #FFB37A;
  background: linear-gradient(145deg, color-mix(in srgb, #F88030 50%, transparent), color-mix(in srgb, #F88030 16%, transparent));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 0 1px color-mix(in srgb, #F88030 40%, transparent), 0 6px 14px -6px #F88030;
  transform: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item.active::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 50%;
  width: 3px;
  height: 18px;
  transform: translateY(-50%);
  border-radius: 3px;
  background: #F88030;
  box-shadow: 0 0 12px color-mix(in srgb, #F88030 80%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .reduce-menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: calc(100% - 20px);
  margin: 0.5rem 10px 1rem !important;
  padding: 0.55rem 0.8rem;
  border-radius: 12px;
  color: color-mix(in srgb, var(--glpi-mainmenu-fg) 58%, transparent) !important;
  font-size: 0.78rem;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .reduce-menu:hover {
  background: rgba(255, 255, 255, 0.07);
  color: var(--glpi-mainmenu-fg) !important;
}
@media (max-width: 991.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) {
    /* El buscador del menú en celular vive en un <span> en línea: se estira al ancho de la lista */
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu .dropdown-item {
    min-height: 42px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu > span.d-lg-none {
    display: block !important;
    margin: 0 !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu > span.d-lg-none .trigger-fuzzy {
    width: calc(100% - 20px);
    margin: 0.35rem 10px 0.7rem !important;
  }
}
@media (min-width: 992px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.navbar .trigger-fuzzy {
    width: 46px;
    height: 46px;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0.35rem auto 0.7rem !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu {
    /* Puente invisible: el puntero no pierde el menú al cruzar el hueco entre la barra y la tarjeta */
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item.active {
    background: transparent !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link {
    width: 46px;
    min-height: 46px;
    margin: 4px auto;
    padding: 0 !important;
    justify-content: center;
    border-radius: 15px !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.dropdown-toggle::after {
    display: none !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link > i {
    width: 38px;
    height: 38px;
    font-size: 1.3rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.active {
    background: color-mix(in srgb, #F88030 12%, transparent) !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.show::before,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link.active::before {
    left: -12px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .reduce-menu {
    width: 46px;
    justify-content: center;
    margin: 0.5rem auto 1rem !important;
    padding: 0.6rem 0;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link + .dropdown-menu {
    left: calc(100% + 10px) !important;
    min-width: 0;
    margin: 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, #2C2724 95%, transparent) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
    backdrop-filter: blur(18px) saturate(1.15);
    box-shadow: 0 34px 60px -26px rgba(0, 0, 0, 0.8), 0 10px 24px -12px rgba(0, 0, 0, 0.5) !important;
    color: var(--glpi-mainmenu-fg) !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item:hover > .nav-link + .dropdown-menu {
    animation: tbFlyout 0.22s cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link + .dropdown-menu::before {
    left: -14px !important;
    width: 16px !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .navbar-nav > .nav-item > .nav-link + .dropdown-menu .dropdown-header {
    display: block;
    padding: 0.55rem 0.8rem 0.35rem;
    color: #FFB37A;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .dropdown-menu-columns {
    flex-direction: row;
    margin: 0;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .dropdown-menu-columns::before {
    display: none;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .dropdown-menu-column {
    min-width: 220px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .dropdown-menu .dropdown-item {
    margin: 1px 0 !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.navbar-collapsed aside.sidebar #navbar-menu .dropdown-menu .dropdown-item.active::before {
    display: none;
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.navbar.navbar-light {
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--tblr-border-color);
  box-shadow: none !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .breadcrumb a {
  color: var(--tblr-muted);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .breadcrumb a:hover {
  color: #B04A0C;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) #global-search {
  border-radius: 999px 0 0 999px;
  background: var(--tblr-bg-surface-secondary);
  border-color: var(--tblr-border-color);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .input-group-flat .input-group-text {
  border-radius: 0 999px 999px 0;
  background: var(--tblr-bg-surface-secondary);
  border-color: var(--tblr-border-color);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card {
  border: 1px solid var(--tblr-border-color);
  border-radius: 14px;
  box-shadow: var(--tb-shadow);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .dropdown-menu {
  border: 1px solid var(--tblr-border-color);
  border-radius: 12px;
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.45);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .modal-content {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.6);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn-primary {
  --tblr-btn-color: #2A1208;
  --tblr-btn-hover-color: #2A1208;
  --tblr-btn-active-color: #2A1208;
  --tblr-btn-bg: #F88030;
  --tblr-btn-hover-bg: #F26B14;
  --tblr-btn-active-bg: #F26B14;
  --tblr-btn-border-color: transparent;
  --tblr-btn-hover-border-color: transparent;
  --tblr-btn-active-border-color: transparent;
  border: 0;
  font-weight: 700;
  background-image: linear-gradient(135deg, #FF9A4D 0%, #F88030 46%, #F26B14 100%);
  box-shadow: 0 10px 20px -12px rgba(242, 107, 20, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.38);
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, filter 0.25s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn-primary:hover {
  transform: translateY(-1px);
  filter: saturate(1.08) brightness(1.04);
  box-shadow: 0 16px 26px -12px rgba(242, 107, 20, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.38);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn-primary:active {
  transform: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn {
  border-radius: 10px;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .form-control,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .form-select,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default .select2-selection--single,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default .select2-selection--multiple {
  border-radius: 10px;
  border-color: var(--tblr-border-color);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .form-control:focus,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .form-select:focus,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default.select2-container--focus .select2-selection--single,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #F88030;
  box-shadow: 0 0 0 0.22rem rgba(248, 128, 48, 0.22);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .form-check-input:checked {
  background-color: #F88030;
  border-color: #F88030;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.45rem 0.5rem;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > h3,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > .block-description,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > .invalid-feedback {
  flex: 0 0 100%;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > .block-description:not(:has(p)) {
  display: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > input[type=hidden] {
  display: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check {
  position: relative;
  flex: 1 1 7.5rem;
  margin: 0;
  padding: 0;
  min-width: 0;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check .form-check-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check .form-check-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.9rem;
  padding: 0.55rem 1rem;
  border-radius: 999px;
  background: color-mix(in srgb, #F88030 11%, transparent);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check:hover .form-check-label {
  background: color-mix(in srgb, #F88030 22%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check .form-check-input:checked + .form-check-label {
  background: #F88030;
  color: #2A1208;
  box-shadow: 0 0.25rem 0.7rem color-mix(in srgb, #F88030 38%, transparent);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg, .sgm-chips) > label.form-check .form-check-input:focus-visible + .form-check-label {
  box-shadow: 0 0 0 0.22rem rgba(248, 128, 48, 0.22);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-chips) > label.form-check {
  flex: 0 1 4.2rem;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-chips) > label.form-check .form-check-label {
  padding: 0.55rem 0.4rem;
}
@media (max-width: 575.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-horizontal-blocks]:has(> [data-glpi-form-renderer-question] ~ [data-glpi-form-renderer-question]) {
    flex-direction: column;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-horizontal-blocks]:has(> [data-glpi-form-renderer-question] ~ [data-glpi-form-renderer-question]) > [data-glpi-form-renderer-question] {
    flex: 0 0 auto !important;
    width: 100%;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-horizontal-blocks]:has(> [data-glpi-form-renderer-question] ~ [data-glpi-form-renderer-question]) > div[style*="flex: 1"] {
    display: none;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg) > label.form-check {
    flex: 1 1 0;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) [data-glpi-form-renderer-question]:has(.sgm-seg) > label.form-check .form-check-label {
    padding: 0.5rem 0.45rem;
    font-size: 0.92rem;
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #FFE3CF;
  color: #2B1F1A;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .nav-tabs .nav-link {
  transition: color 0.2s ease, background-color 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .nav-tabs .nav-link.active {
  font-weight: 700;
  box-shadow: inset 0 -3px 0 #F88030;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs {
  gap: 0.2rem;
  padding: 0 0.25rem;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-item + .nav-item {
  margin-left: 0;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-link {
  position: relative;
  margin: 0;
  padding: 0.7rem 1rem;
  border: 0 !important;
  border-radius: 12px 12px 0 0;
  background: transparent !important;
  color: var(--tblr-muted);
  font-weight: 500;
  box-shadow: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-link:hover,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-link:focus-visible {
  background: #FFF3EA !important;
  color: var(--tblr-body-color);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-link.active {
  margin: 0 !important;
  color: #B04A0C;
  font-weight: 700;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) #tabspanel-select {
  padding: 0.7rem 1rem;
  border-width: 1px !important;
  border-radius: 14px !important;
  background-color: var(--tblr-bg-surface);
  box-shadow: var(--tb-shadow);
  color: #B04A0C;
  font-weight: 700;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .card-tabs.horizontal #tabspanel.nav-tabs .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0.85rem;
  right: 0.85rem;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, #F88030, color-mix(in srgb, #F88030 55%, #fff));
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .table > thead > tr > th {
  background: #FFF6EE;
  color: #7A5444;
  font-size: 0.68rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .table-hover > tbody > tr:hover > * {
  --tblr-table-hover-bg: #FFF3EA;
  background-color: #FFF3EA;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .alert {
  border-radius: 16px;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .alert-warning {
  background: linear-gradient(100deg, color-mix(in srgb, #F29A1F 16%, transparent), color-mix(in srgb, #F29A1F 3%, transparent) 78%), #FFF4E2;
  border-color: #F6D7A8;
  color: #5B3A00;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .alert-info {
  background: linear-gradient(100deg, color-mix(in srgb, #E3A06C 16%, transparent), color-mix(in srgb, #E3A06C 3%, transparent) 78%), #FFF7EF;
  border-color: #F3DFCC;
  color: #5B3A22;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .flatpickr-day.selected,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .flatpickr-day.startRange,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .flatpickr-day.endRange,
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .flatpickr-day.selected:hover {
  background: #F88030;
  border-color: #F88030;
  color: #2A1208;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .flatpickr-day.today {
  border-color: #F88030;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid #F88030;
  border-radius: 8px;
  background: #FFE3CF;
  color: #2B1F1A;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .toast {
  border: 1px solid var(--tblr-border-color);
  border-radius: 14px;
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.5);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tooltip-inner {
  border-radius: 10px;
  background: #1E1A18;
  color: #F4F1EE;
  font-weight: 600;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .pagination .page-link {
  margin: 0 2px;
  border-radius: 10px;
  border-color: var(--tblr-border-color);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .pagination .page-item.active .page-link {
  background: #F88030;
  border-color: #F88030;
  color: #2A1208;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .badge {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn-outline-primary {
  --tblr-btn-color: #B04A0C;
  --tblr-btn-border-color: #F88030;
  --tblr-btn-hover-bg: #F88030;
  --tblr-btn-hover-color: #2A1208;
  --tblr-btn-hover-border-color: #F88030;
  --tblr-btn-active-bg: #F26B14;
  --tblr-btn-active-color: #2A1208;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar {
  background-image: linear-gradient(90deg, transparent 0%, #F88030 22%, #FFB37A 50%, #F88030 78%, transparent 100%);
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
  box-shadow: 0 10px 30px -22px rgba(0, 0, 0, 0.65) !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .navbar-nav .nav-link {
  border-radius: 999px;
  padding: 0.5rem 1rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .navbar-nav .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.09);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .navbar-nav .nav-item.active > .nav-link {
  color: #FFB37A;
  background-color: rgba(248, 128, 48, 0.15);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner {
  background-color: var(--glpi-helpdesk-header);
  background-image: radial-gradient(60vmax 40vmax at 12% 0%, rgba(255, 255, 255, 0.75), transparent 62%), radial-gradient(50vmax 36vmax at 100% 100%, rgba(248, 128, 48, 0.3), transparent 64%), linear-gradient(180deg, #FFEBDB 0%, #FFD9BD 100%);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-conic-gradient(from 0deg at 50% 44%, rgba(248, 128, 48, 0.13) 0deg 6deg, transparent 6deg 24deg);
  -webkit-mask-image: radial-gradient(closest-side at 50% 44%, #000 0%, transparent 78%);
  mask-image: radial-gradient(closest-side at 50% 44%, #000 0%, transparent 78%);
  animation: tbRespira 9s ease-in-out infinite;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner::after {
  content: "";
  position: absolute;
  left: -2%;
  right: -2%;
  bottom: -1px;
  height: clamp(24px, 4vw, 56px);
  background: #FFF7F0;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  pointer-events: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner .scene {
  z-index: 1;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner .search-banner-content {
  position: relative;
  z-index: 1;
  padding-top: clamp(64px, 11vw, 140px);
  padding-bottom: clamp(32px, 6vw, 72px);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container h1 {
  font-size: clamp(2rem, 1.1rem + 3.6vw, 3.7rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: #262220;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container h1::after {
  content: "";
  display: block;
  width: 68px;
  height: 4px;
  margin: 18px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #F88030, #FFB37A);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-search {
  height: 58px;
  padding-left: 3.1rem;
  font-size: 1.02rem;
  text-overflow: ellipsis;
  color: #2B1F1A;
  border: 1px solid rgba(217, 104, 28, 0.22);
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 44px -24px rgba(217, 104, 28, 0.7);
  transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-search:focus {
  color: #2B1F1A;
  background-color: rgba(255, 255, 255, 0.96);
  border-color: #F88030;
  box-shadow: 0 0 0 0.28rem rgba(248, 128, 48, 0.22), 0 26px 50px -22px rgba(217, 104, 28, 0.7);
  transform: translateY(-1px);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-search::placeholder {
  color: #7A5444;
  opacity: 0.9;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .search-bar-container .input-icon-addon {
  color: #D9681C;
  padding-left: 1.2rem;
}
@media (max-width: 575.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-search {
    height: 54px;
    font-size: 0.92rem;
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner {
  padding-top: clamp(40px, 5vw, 56px);
  background: linear-gradient(180deg, #FFF7F0 0%, #FFFFFF 160%);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner > .container-xl::before {
  content: "Acceso rápido";
  display: block;
  margin: 0 0.25rem 1rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--tblr-muted);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card {
  position: relative;
  border: 1px solid #F3E3D5;
  border-radius: 18px;
  background: #FFFFFF;
  box-shadow: var(--tb-shadow);
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card:hover {
  transform: translateY(-4px);
  border-color: #F88030;
  box-shadow: var(--tb-shadow-hover);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .card-title {
  font-weight: 700;
  color: #2B1F1A;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card svg {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card:hover svg {
  transform: scale(1.07) rotate(-1.5deg);
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card::after {
  content: "→";
  position: absolute;
  right: 18px;
  bottom: 12px;
  font-weight: 700;
  color: #F88030;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card:hover::after {
  opacity: 1;
  transform: none;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner-content::before {
  content: "Mesa de servicio · Tío Ben";
  display: block;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #B04A0C;
  opacity: 0.92;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(1) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.105s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(2) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.15s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(3) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.195s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(4) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.24s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(5) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.285s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(6) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.33s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(7) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.375s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(8) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.42s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(9) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.465s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(10) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.51s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(11) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.555s;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *:nth-child(12) {
  animation: tbSube 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: 0.6s;
}
@media (max-width: 991.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) {
    /* Etiquetas largas: hasta dos líneas, sin cortarse por los lados */
    /* En tableta y celular las tarjetas van de dos en dos (GLPI las deja en tres desde 768 px) */
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) body.helpdesk {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar {
    position: sticky !important;
    top: 0;
    z-index: 1030;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .header-container {
    justify-content: center;
    position: relative;
    min-height: 58px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .header-container > .d-lg-none {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar .navbar-toggler {
    display: none !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu {
    display: block !important;
    position: fixed;
    z-index: 1035;
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
    width: auto;
    height: auto !important;
    padding: 6px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(38, 34, 32, 0.94);
    -webkit-backdrop-filter: blur(18px) saturate(1.4);
    backdrop-filter: blur(18px) saturate(1.4);
    box-shadow: 0 22px 44px -18px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.12);
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu .navbar-nav {
    flex-direction: row;
    justify-content: space-around;
    gap: 2px;
    width: 100%;
    margin: 0;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu .nav-item {
    flex: 1 1 0;
    min-width: 0;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu .nav-link {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 3px;
    min-height: 58px;
    padding: 0.55rem 0.25rem 0.45rem;
    border-radius: 20px;
    font-size: 0.64rem;
    font-weight: 650;
    line-height: 1.12;
    text-align: center;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu .nav-link i {
    margin: 0;
    font-size: 1.4rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu .nav-link .menu-label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-bar-container {
    padding: 2rem 0 1.25rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > [class*=col-] {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) header.topbar #navbar-menu {
    left: 50%;
    right: auto;
    width: min(560px, 100% - 24px);
    transform: translateX(-50%);
  }
}
@media (max-width: 575.98px) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner {
    padding-top: 38px;
    padding-bottom: 42px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row {
    --tblr-gutter-x: .4rem;
    --tblr-gutter-y: .4rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > [class*=col-] {
    flex: 0 0 50%;
    max-width: 50%;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card {
    margin: 0 !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .card-body {
    padding: 0.95rem 0.9rem 1.05rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .card-body > .d-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .card-body .ms-4 {
    margin-left: 0 !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card svg {
    width: 52px;
    height: 52px;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .card-title {
    margin-bottom: 0.25rem !important;
    font-size: 0.95rem;
    line-height: 1.2;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card .service-catalog-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    font-size: 0.76rem;
    line-height: 1.35;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card::after {
    display: none;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-tickets-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-tickets-tabs .nav-link {
    white-space: nowrap;
  }
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-tickets-tabs {
  border-bottom-color: #FFFFFF !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-tickets-tabs .nav-link {
  border-bottom-color: #FFFFFF !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-tickets-tabs .active {
  background-color: #FFFFFF !important;
}
:is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tickets-banner .nav-tabs .nav-link.active {
  color: #2B1F1A;
}

@media (prefers-reduced-motion: reduce) {
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .helpdesk-home-container .search-banner::before,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .page-body,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .row > *,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-menu {
    animation: none !important;
  }
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .tiles-banner .card svg,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .btn-primary,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) .home-search,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .nav-link,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .nav-link > i,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .nav-link::after,
  :is(:root[data-glpi-theme=tioben], :root:root:has([data-testid=current-entity][title$="> Tío Ben"], [data-testid=current-entity][title*="> Tío Ben >"], [data-testid=current-entity][title*="> Tío Ben ("])) aside.sidebar #navbar-menu .dropdown-item {
    transition: none !important;
  }
}