/* Thot Creative · © 2026 Webs Creative LLC · Todos los derechos reservados
   Capa «Glassy Thot»: cristal sobre una imagen de fondo, barra lateral fija/plegada/auto/oculta y vista de app. Solo actúa con html[data-glassy="on"]. */

#tc-escena { position: fixed; inset: 0; z-index: -1; pointer-events: none; display: none; background-size: var(--tc-fondo-ajuste, cover); background-position: center; background-repeat: no-repeat; }
html[data-glassy="on"] #tc-escena { display: block; }
html[data-glassy="on"] #tc-escena::after { content: ""; position: absolute; inset: 0; background: rgba(10, 7, 5, var(--tc-velo, .5)); }
html[data-tema="claro"][data-glassy="on"] #tc-escena::after { background: rgba(255, 255, 255, var(--tc-velo, .5)); }
html[data-glassy="on"] #tc-escena { background-size: cover; background-position: center; }
/* Rejilla sutil de Webs Creative sobre el fondo (solo en oscuro), como en la maqueta. */
html[data-tema="oscuro"][data-glassy="on"] body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 34px 34px; -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 80%); mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 80%); }
html[data-glassy="on"] body, html[data-glassy="on"] .gc-app { background: transparent; }

/* Cristal: todas las superficies pasan a ser translúcidas con desenfoque. */
html[data-glassy="on"] {
  --gc-cristal: color-mix(in srgb, var(--gc-superficie) calc(var(--tc-cristal-op, .46) * 100%), transparent);
  --gc-cristal-fuerte: color-mix(in srgb, var(--gc-superficie) calc(min(var(--tc-cristal-op, .46) + .28, .96) * 100%), transparent);
  --gc-radio: var(--tc-radio, 18px);
  --gc-radio-l: calc(var(--tc-radio, 18px) + 6px);
  --tc-vidrio: blur(var(--tc-desenfoque, 26px)) saturate(160%);
}
html[data-glassy="on"] .gc-menu,
html[data-glassy="on"] .gc-barra,
html[data-glassy="on"] .gc-tarjeta,
html[data-glassy="on"] .gc-tarjeta--plana {
  background: var(--gc-cristal);
  -webkit-backdrop-filter: var(--tc-vidrio); backdrop-filter: var(--tc-vidrio);
  border: 1px solid color-mix(in srgb, #fff 14%, transparent);
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 16%, transparent), 0 20px 50px rgba(0, 0, 0, .28);
}
html[data-tema="claro"][data-glassy="on"] .gc-menu,
html[data-tema="claro"][data-glassy="on"] .gc-barra,
html[data-tema="claro"][data-glassy="on"] .gc-tarjeta { border-color: color-mix(in srgb, #fff 60%, transparent); box-shadow: inset 0 1px 0 #fff8, 0 20px 50px rgba(60, 44, 30, .14); }
/* El menú y la barra flotan separados del borde. */
html[data-glassy="on"] .gc-app { gap: 14px; padding: 14px; }
html[data-glassy="on"] .gc-menu { border-radius: var(--gc-radio-l); position: sticky; top: 14px; height: calc(100dvh - 28px); }
html[data-glassy="on"] .gc-barra { border-radius: var(--gc-radio-l); margin-bottom: 14px; }
@media (prefers-reduced-transparency: reduce) {
  html[data-glassy="on"] .gc-menu, html[data-glassy="on"] .gc-barra, html[data-glassy="on"] .gc-tarjeta { background: var(--gc-superficie); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
html[data-glassy="on"][data-efectos="no"] .gc-menu, html[data-glassy="on"][data-efectos="no"] .gc-barra, html[data-glassy="on"][data-efectos="no"] .gc-tarjeta { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--gc-superficie); }

/* Modos de la barra lateral. «fija» es la de siempre; «plegada» usa la clase .plegado de la app. */
html[data-tc-menu="auto"] .gc-app { grid-template-columns: var(--gc-ancho-menu-plegado) minmax(0, 1fr); }
html[data-tc-menu="auto"] .gc-menu { position: fixed; top: 14px; left: 14px; z-index: var(--gc-z-menu); width: calc(var(--gc-ancho-menu-plegado) - 14px); overflow: hidden; transition: width var(--gc-normal) var(--gc-curva); }
html[data-tc-menu="auto"] .gc-menu:hover, html[data-tc-menu="auto"] .gc-menu:focus-within { width: var(--gc-ancho-menu); }
html[data-tc-menu="auto"] .gc-menu:not(:hover):not(:focus-within) :is(.gc-menu__nombre, .gc-menu__grupo, .gc-menu__texto, .gc-menu__pie > *) { display: none; }
html[data-tc-menu="oculta"] .gc-app { grid-template-columns: minmax(0, 1fr); }
html[data-tc-menu="oculta"] .gc-menu { position: fixed; top: 14px; left: 14px; z-index: var(--gc-z-menu); width: var(--gc-ancho-menu); transform: translateX(calc(-100% - 30px)); transition: transform var(--gc-normal) var(--gc-curva); }
html[data-tc-menu="oculta"] .gc-menu:focus-within, html[data-tc-menu="oculta"][data-tc-asoma="si"] .gc-menu { transform: none; }
#tc-borde { position: fixed; left: 0; top: 0; bottom: 0; width: 8px; z-index: 39; display: none; }
html[data-tc-menu="oculta"] #tc-borde { display: block; }

/* Vista de app: menú inferior tipo pestañas, una columna y objetivos táctiles de 44 px. */
html[data-tc-app="on"] .gc-app { grid-template-columns: minmax(0, 1fr); padding: 10px 10px 110px; }
html[data-tc-app="vista"] body { max-width: 440px; margin: 0 auto; }
html[data-tc-app="on"] .gc-menu { position: fixed; top: auto; bottom: calc(10px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); width: min(420px, calc(100% - 20px)); height: auto; z-index: var(--gc-z-menu); padding: 6px; overflow: hidden; }
html[data-tc-app="on"] .gc-menu :is(.gc-menu__marca, .gc-menu__grupo, .gc-menu__pie) { display: none; }
html[data-tc-app="on"] .gc-menu__enlaces { flex-direction: row; overflow-x: auto; gap: 2px; scrollbar-width: none; }
html[data-tc-app="on"] .gc-menu__enlace { flex: 0 0 auto; min-width: 64px; min-height: 48px; flex-direction: column; justify-content: center; gap: 2px; padding: 6px 8px; font-size: 10.5px; }
html[data-tc-app="on"] .gc-menu__enlace .gc-menu__texto { display: block; }
html[data-tc-app="on"] .gc-contenido { padding: 12px 6px 24px; }
html[data-tc-app="on"] :is(input, select, textarea) { font-size: 16px; }

/* Panel «Apariencia Thot». */
#tc-panel { position: fixed; right: 14px; top: 84px; width: min(360px, calc(100% - 28px)); max-height: calc(100dvh - 100px); overflow: auto; z-index: var(--gc-z-panel); padding: 16px; border-radius: var(--gc-radio-l); background: var(--gc-cristal-fuerte); -webkit-backdrop-filter: blur(30px) saturate(160%); backdrop-filter: blur(30px) saturate(160%); border: 1px solid var(--gc-borde-fuerte); box-shadow: 0 30px 80px rgba(0, 0, 0, .45); color: var(--gc-texto); font-size: var(--gc-t-s); }
#tc-panel[hidden] { display: none; }
#tc-panel h2 { margin: 0 0 10px; font-size: var(--gc-t-m); }
#tc-panel fieldset { border: 0; padding: 0; margin: 0 0 14px; }
#tc-panel legend { font-weight: 600; margin-bottom: 6px; }
#tc-panel .tc-fila { display: flex; flex-wrap: wrap; gap: 6px; }
#tc-panel button, #tc-panel label.tc-boton { border: 1px solid var(--gc-borde-fuerte); background: var(--gc-campo); color: inherit; border-radius: 999px; padding: 6px 12px; cursor: pointer; font: inherit; min-height: 34px; }
#tc-panel button[aria-pressed="true"] { background: color-mix(in srgb, var(--gc-naranja) 24%, transparent); border-color: var(--gc-naranja); }
#tc-panel input[type=range] { width: 100%; accent-color: var(--gc-naranja); }
#tc-panel :focus-visible { outline: 2px solid var(--gc-naranja); outline-offset: 2px; }
#tc-panel .tc-muestras button { width: 64px; height: 44px; padding: 0; border-radius: 10px; background-size: cover; background-position: center; }

/* Con la barra fuera del flujo (auto, oculta, app), el contenido ocupa la columna que le toca. */
html[data-tc-menu="auto"] .gc-principal { grid-column: 2; }
html[data-tc-menu="oculta"] .gc-principal, html[data-tc-app="on"] .gc-principal { grid-column: 1; }
html[data-tc-app="on"] .gc-barra { padding: 0 10px; gap: 6px; }
html[data-tc-app="on"] .gc-barra__usuario .nombre, html[data-tc-app="on"] .gc-barra__usuario .rol { display: none; }
html[data-tc-app="on"] .gc-barra > button[aria-label^="Mostrar u ocultar"] { display: none; }

/* ===== Valores exactos de la maqueta (diseno/plantilla.html): cristal, menú flotante, barra en píldora ===== */
html[data-glassy="on"][data-tema="oscuro"] { --m-tint: #1c140f; --m-tint2: #30241c; --m-linea: #fff; --m-sombra: #000; --m-texto: #f4ede7; --m-tenue: #a99e95; --m-a: var(--gc-naranja, #ffb27a); }
html[data-glassy="on"][data-tema="claro"] { --m-tint: #fff; --m-tint2: #fff; --m-linea: #181310; --m-sombra: #3c2c1e; --m-texto: #1b1613; --m-tenue: #51494a; }
html[data-glassy="on"] {
  --m-a1: #ffb27a; --m-a2: #f26a1b; --m-sobre: #1c1008;
  --m-vidrio: color-mix(in srgb, var(--m-tint) 38%, transparent);
  --m-vidrio2: color-mix(in srgb, var(--m-tint2) 60%, transparent);
  --m-linea-c: color-mix(in srgb, var(--m-linea) 13%, transparent);
  --m-hi: color-mix(in srgb, #fff 14%, transparent);
  --m-sombra-c: 0 24px 60px color-mix(in srgb, var(--m-sombra) 38%, transparent);
  --tc-vidrio: blur(30px) saturate(160%);
}
html[data-glassy="on"] .gc-menu, html[data-glassy="on"] .gc-barra, html[data-glassy="on"] .gc-tarjeta, html[data-glassy="on"] .gc-tarjeta--plana {
  background: var(--m-vidrio); border: 1px solid var(--m-linea-c); box-shadow: inset 0 1px 0 var(--m-hi), var(--m-sombra-c);
  -webkit-backdrop-filter: var(--tc-vidrio); backdrop-filter: var(--tc-vidrio);
}
html[data-glassy="on"] .gc-app { gap: 16px; padding: 20px; grid-template-columns: 252px minmax(0, 1fr); }
html[data-glassy="on"] .gc-app.plegado { grid-template-columns: 76px minmax(0, 1fr); }
html[data-glassy="on"] .gc-principal { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
html[data-glassy="on"] .gc-menu { top: 20px; height: calc(100dvh - 40px); padding: 14px; gap: 6px; border-radius: 24px; border-right: 1px solid var(--m-linea-c); background-image: none; }
html[data-glassy="on"] .gc-menu__marca { gap: 10px; padding: 2px 4px 12px; color: var(--m-texto); }
html[data-glassy="on"] .gc-menu__marca svg { width: 40px; height: 40px; filter: none; }
html[data-glassy="on"] .gc-menu__nombre { font-family: var(--gc-fuente); font-weight: 600; font-size: 16px; letter-spacing: -.01em; }
html[data-glassy="on"] .gc-menu__nombre small { color: var(--m-tenue); font-size: 12px; font-weight: 400; letter-spacing: 0; margin-top: 0; }
html[data-glassy="on"] .gc-menu__enlaces { gap: 3px; margin: 0; padding: 0; }
html[data-glassy="on"] .gc-menu__grupo { margin: 12px 8px 4px; font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--m-tenue); }
html[data-glassy="on"] .gc-menu__enlace { gap: 12px; padding: 10px 12px; border-radius: 16px; border: 1px solid transparent; color: var(--m-tenue); font-weight: 400; font-size: 14px; }
html[data-glassy="on"] .gc-menu__enlace:hover { background: var(--m-vidrio); color: var(--m-texto); }
html[data-glassy="on"] .gc-menu__enlace.activo { background: var(--m-vidrio2); border-color: var(--m-linea-c); color: var(--m-texto); box-shadow: inset 0 1px 0 var(--m-hi); }
html[data-glassy="on"] .gc-menu__enlace.activo::before { display: none; }
html[data-glassy="on"] .gc-menu__enlace.activo .gc-i { color: var(--m-a1); }
html[data-glassy="on"][data-tema="claro"] .gc-menu__enlace.activo .gc-i { color: var(--m-a2); }
html[data-glassy="on"] .gc-menu__insignia { background: var(--m-a2); color: var(--m-sobre); font-size: 11px; padding: 1px 7px; height: auto; min-width: 0; }
html[data-glassy="on"] .gc-menu__pie { border-top: 0; padding-top: 0; gap: 8px; }
html[data-glassy="on"] .gc-menu__plegar { display: flex; align-items: center; gap: 10px; border: 1px solid var(--m-linea-c); background: var(--m-vidrio); border-radius: 999px; padding: 8px 12px; color: var(--m-tenue); cursor: pointer; font: inherit; }
html[data-glassy="on"] .gc-menu__plegar:hover { color: var(--m-texto); }
html[data-glassy="on"] .gc-app.plegado .gc-menu__plegar { justify-content: center; padding: 8px; }
html[data-glassy="on"] .gc-app.plegado .gc-menu__plegar .gc-i { transform: rotate(180deg); }
html[data-glassy="on"] .gc-menu__yo { display: flex; align-items: center; gap: 6px; padding: 8px; border-radius: 16px; background: var(--m-vidrio); }
html[data-glassy="on"] .gc-menu__yo-dato { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; color: var(--m-texto); text-decoration: none; }
html[data-glassy="on"] .gc-menu__yo-texto { display: block; line-height: 1.2; min-width: 0; }
html[data-glassy="on"] .gc-menu__yo-texto b { display: block; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-glassy="on"] .gc-menu__yo-texto small { color: var(--m-tenue); font-size: 12px; }
html[data-glassy="on"] .gc-menu__salir { border: 0; background: none; color: var(--m-tenue); cursor: pointer; padding: 6px; border-radius: 10px; display: grid; place-items: center; }
html[data-glassy="on"] .gc-menu__salir:hover { color: var(--m-texto); background: var(--m-vidrio); }
html[data-glassy="on"] .gc-menu__yo .gc-avatar { background: linear-gradient(135deg, var(--m-a1), var(--m-a2)); color: var(--m-sobre); }
html[data-glassy="on"] .gc-app.plegado .gc-menu { border-radius: 999px; padding: 14px 10px; }
html[data-glassy="on"] .gc-app.plegado .gc-menu__yo { background: none; padding: 0; justify-content: center; }
html[data-glassy="on"] .gc-app.plegado .gc-menu__yo-texto, html[data-glassy="on"] .gc-app.plegado .gc-menu__salir { display: none; }
html:not([data-glassy="on"]) .gc-menu__plegar, html:not([data-glassy="on"]) .gc-menu__yo { display: none; }

/* Barra superior: píldora con buscador, tema, avisos y «Nueva factura». */
html[data-glassy="on"] .gc-barra { position: static; height: auto; padding: 10px 12px 10px 18px; gap: 12px; border-radius: 999px; margin-bottom: 0; }
html[data-glassy="on"] .gc-barra__buscar { flex: 1; height: auto; padding: 0; border: 0; background: none; border-radius: 0; box-shadow: none; color: var(--m-tenue); gap: 10px; }
html[data-glassy="on"] .gc-barra__buscar:hover { box-shadow: none; border: 0; color: var(--m-texto); }
html[data-glassy="on"] .gc-barra__buscar kbd { font: 500 12px var(--gc-fuente); border: 1px solid var(--m-linea-c); border-radius: 8px; padding: 1px 7px; color: var(--m-tenue); background: none; }
html[data-glassy="on"] .gc-barra__acciones { gap: 12px; margin-left: 0; }
html[data-glassy="on"] .gc-barra .gc-boton--icono { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--m-linea-c); background: var(--m-vidrio); color: var(--m-texto); }
html[data-glassy="on"] .gc-barra .gc-boton--icono:hover { background: var(--m-vidrio2); }
html[data-glassy="on"] .gc-barra > .gc-boton--icono { display: none; }
html[data-glassy="on"] .gc-barra__usuario { display: none; }
html[data-glassy="on"] .gc-barra__nueva { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; padding: 10px 18px; font-weight: 600; background: linear-gradient(135deg, var(--m-a1), var(--m-a2)); color: var(--m-sobre); text-decoration: none; box-shadow: none; }
html[data-glassy="on"] .gc-barra__nueva:hover { filter: brightness(1.06); }
html:not([data-glassy="on"]) .gc-barra__nueva { display: none; }
@media (max-width: 1100px) { html[data-glassy="on"] .gc-barra > .gc-boton--icono { display: grid; } html[data-glassy="on"] .gc-app { grid-template-columns: minmax(0,1fr); } }
html[data-glassy="on"] .gc-barra__nueva { order: 10; }

/* ===== Panel (Inicio) según la maqueta ===== */
.tp { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.tp-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 6px 6px 0; }
.tp-cab h1 { margin: 0; font-family: var(--gc-fuente); font-size: clamp(26px, 3vw, 36px); line-height: 1.1; letter-spacing: -.025em; font-weight: 600; }
.tp-cab p { margin: 6px 0 0; color: var(--m-tenue, var(--gc-texto-suave)); }
.tp-boton { display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 999px; padding: 10px 18px; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; background: linear-gradient(135deg, #ffb27a, #f26a1b); color: #1c1008; }
.tp-boton:hover { filter: brightness(1.06); }
.tp-boton:active { transform: translateY(1px) scale(.98); }
.tp-boton--suave { background: var(--m-vidrio, var(--gc-cristal)); color: var(--m-texto, var(--gc-texto)); border: 1px solid var(--m-linea-c, var(--gc-borde)); font-weight: 500; }
.tp-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tp-kpi { padding: 20px; display: flex; flex-direction: column; gap: 6px; transition: transform .2s cubic-bezier(.16, 1, .3, 1); }
.tp-kpi:hover { transform: translateY(-4px); }
.tp-kpi__l { color: var(--m-tenue, var(--gc-texto-suave)); display: flex; align-items: center; gap: 8px; }
.tp-kpi__v { font-size: 28px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; line-height: 1.2; }
.tp-kpi__d { font-size: 12px; color: var(--gc-exito, #6ee7b7); }
html[data-tema="claro"] .tp-kpi__d { color: #047857; }
.tp-kpi__d--mudo, html[data-tema="claro"] .tp-kpi__d--mudo { color: var(--m-tenue, var(--gc-texto-suave)); }
.tp-spark { display: flex; align-items: flex-end; gap: 3px; height: 30px; margin-top: 4px; }
.tp-spark i { flex: 1; border-radius: 3px; background: color-mix(in srgb, #ffb27a 45%, transparent); min-height: 4px; }
.tp-spark i:last-child { background: linear-gradient(#ffb27a, #f26a1b); }
.tp-fila { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 16px; }
.tp-tarjeta { padding: 22px; }
.tp-tarjeta h2 { margin: 0; font-family: var(--gc-fuente); font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.tp-sub { color: var(--m-tenue, var(--gc-texto-suave)); margin: 2px 0 0; font-size: 13px; }
.tp-grafico { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: end; gap: 10px; height: 290px; margin: 22px 0 28px; }
.tp-barra { position: relative; height: 100%; display: flex; align-items: flex-end; justify-content: center; }
.tp-barra b, .tp-barra em { position: absolute; bottom: 0; width: 100%; max-width: 34px; border-radius: 99px; transition: filter .2s; }
.tp-barra b { background: color-mix(in srgb, #ffb27a 28%, transparent); }
.tp-barra em { background: linear-gradient(#ffb27a, #f26a1b); }
.tp-barra:hover b, .tp-barra:hover em { filter: brightness(1.2); }
.tp-barra span { position: absolute; top: calc(100% + 8px); font-size: 11px; color: var(--m-tenue, var(--gc-texto-suave)); }
.tp-leyenda { display: flex; gap: 16px; color: var(--m-tenue, var(--gc-texto-suave)); font-size: 12px; margin-top: 34px; }
.tp-leyenda i { display: inline-block; width: 18px; height: 8px; border-radius: 99px; margin-right: 6px; vertical-align: middle; }
.tp-leyenda__f { background: color-mix(in srgb, #ffb27a 40%, transparent); }
.tp-leyenda__c { background: linear-gradient(90deg, #ffb27a, #f26a1b); }
.tp-plan { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tp-plan li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: var(--m-vidrio, var(--gc-cristal)); border: 1px solid var(--m-linea-c, var(--gc-borde)); }
.tp-plan__t { flex: 1; min-width: 0; }
.tp-plan__t small { display: block; color: var(--m-tenue, var(--gc-texto-suave)); font-size: 12px; }
.tp-plan--bloq .gc-i { opacity: .55; }
.tp-etiqueta { font-size: 12px; font-weight: 600; border-radius: 99px; padding: 2px 10px; border: 1px solid var(--m-linea-c, var(--gc-borde)); white-space: nowrap; }
.tp-etiqueta--on { color: var(--gc-exito, #6ee7b7); }
html[data-tema="claro"] .tp-etiqueta--on { color: #047857; }
.tp-etiqueta--bloq { color: #ffb27a; border-color: color-mix(in srgb, #ffb27a 50%, transparent); }
html[data-tema="claro"] .tp-etiqueta--bloq { color: #f26a1b; }
.tp-desliza { overflow-x: auto; }
.tp-tabla { width: 100%; min-width: 560px; white-space: nowrap; border-collapse: collapse; margin-top: 10px; }
.tp-tabla th { font-weight: 500; color: var(--m-tenue, var(--gc-texto-suave)); text-align: left; padding: 8px 10px; font-size: 12px; }
.tp-tabla td { padding: 12px 10px; border-top: 1px solid var(--m-linea-c, var(--gc-borde)); font-variant-numeric: tabular-nums; }
.tp-tabla td:last-child, .tp-tabla th:last-child { text-align: right; }
.tp-est { font-size: 12px; font-weight: 600; }
.tp-est--ok { color: #6ee7b7; } .tp-est--w { color: #fbbf24; } .tp-est--b { color: #fda4af; }
html[data-tema="claro"] .tp-est--ok { color: #047857; } html[data-tema="claro"] .tp-est--w { color: #92580a; } html[data-tema="claro"] .tp-est--b { color: #be123c; }
@media (max-width: 1100px) { .tp-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tp-fila { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .tp-kpis { grid-template-columns: 1fr; } .tp-grafico { height: 200px; gap: 5px; } }
/* Fuera de Panel: ocultar lo que la maqueta no tiene en la barra superior. */
html[data-glassy="on"] .gc-barra__extras, html[data-glassy="on"] #tc-abrir { display: none; }
html:not([data-glassy="on"]) .gc-barra__extras { display: contents; }
html[data-glassy="on"] .gc-contenido { max-width: none; padding: 0; margin: 0; }
html[data-glassy="on"] .gc-principal > .gc-banda-servicio { margin-bottom: 0; }
html[data-glassy="on"] .gc-menu__mas { background: none; cursor: pointer; font: inherit; text-align: left; width: 100%; }
.tp, .tp-cab h1 { color: var(--m-texto, var(--gc-texto)); }
html[data-glassy="on"] .gc-tabla thead th, html[data-glassy="on"] .gc-tabla thead { background: var(--m-vidrio2); text-transform: none; letter-spacing: 0; font-weight: 500; color: var(--m-tenue); font-size: 12px; }
html[data-glassy="on"] .gc-tabla tbody tr { background: transparent; }
html[data-glassy="on"] .gc-tabla td { border-color: var(--m-linea-c); }
@media (max-width: 1100px) {
  html[data-glassy="on"] .gc-app, html[data-glassy="on"] .gc-app.plegado { padding: 12px; gap: 12px; grid-template-columns: minmax(0, 1fr); }
  html[data-glassy="on"] .gc-menu { position: fixed; left: 12px; top: 12px; bottom: 12px; height: auto; width: min(300px, calc(100vw - 24px)); transform: translateX(calc(-100% - 24px)); transition: transform var(--gc-normal) var(--gc-curva); z-index: var(--gc-z-menu); background: var(--m-vidrio2); }
  html[data-glassy="on"] .gc-app.menu-abierto .gc-menu { transform: none; }
  html[data-glassy="on"] .gc-barra { padding: 8px 10px 8px 12px; gap: 8px; }
  html[data-glassy="on"] .gc-barra__buscar span, html[data-glassy="on"] .gc-barra__buscar kbd { display: none; }
  html[data-glassy="on"] .gc-barra__buscar { flex: 0 0 40px; justify-content: center; }
  html[data-glassy="on"] .gc-barra__acciones { margin-left: auto; gap: 8px; }
  html[data-glassy="on"] .gc-barra__nueva span { display: none; }
  html[data-glassy="on"] .gc-barra__nueva { padding: 10px; }
  html[data-glassy="on"] .tp-cab h1 { font-size: 26px; }
}