/* Cabecera común (25-sep, founder): la de la portada, IDÉNTICA en toda superficie.
   Marcado único: <div class="lab-marca"> header.lab-cabecera + nav.lab-nav </div>.
   El degradé va en .lab-marca (en la portada, .lab-home-world, que sigue en el hero);
   cabecera y barra solo lo oscurecen. Medidas copiadas de la portada del 24-sep:
   carril 1264 px, cabecera 84 px, logo 56 px, barra 58 px, pestañas 16 px con padding
   lateral (7a2d982: el hover cubre la pestaña entera; el carril de la barra se ensancha
   2x padding para que el texto siga alineado con el logo).
   Sin .lab-marca (página que no lo lleve), cada pieza se pinta sola y nunca queda
   texto blanco sobre blanco. Esta hoja no depende de la pila de BT (style.css). */
.lab-marca, .lab-cabecera { background: var(--oc-bg-marca, radial-gradient(70% 85% at 85% 40%, rgba(169,63,84,.42), transparent 75%), linear-gradient(115deg, #2b0a11 0%, #56101c 42%, #8f2231 75%, #56101c 100%)); color: #fff; }
.lab-marca { margin: 0; padding: 0; border: 0; }
.lab-marca .lab-cabecera, .lab-home-world .lab-cabecera { background: rgba(31,3,10,.18); }
header.lab-cabecera { display: block; position: static; margin: 0; padding: 0; border: 0; box-shadow: none; }
.lab-cabecera-inner { box-sizing: border-box; width: min(calc(100% - 64px), 1264px); max-width: 1264px; margin: 0 auto; padding: 0; min-height: 84px; display: flex; align-items: center; gap: 24px; }
.lab-cabecera-logo { flex: 0 0 auto; display: block; line-height: 0; transition: opacity .15s, transform .15s; }
.lab-cabecera-logo:hover { opacity: .9; transform: scale(1.02); }
.lab-cabecera-logo img { display: block; height: 56px; width: auto; max-width: none; }
.lab-cabecera-bajada { flex: 1 1 0; min-width: 0; margin: 0; padding: 0 0 0 24px; border-left: 1px solid rgba(255,255,255,.25); font: 400 16px/24px var(--oc-font-sans); letter-spacing: normal; color: rgba(255,255,255,.85); }
.lab-cabecera-bajada strong { color: #fff; font-weight: 600; }
.lab-cabecera-meta { flex: 0 0 auto; margin-left: auto; font: 500 13px/1.4 var(--oc-font-sans); color: rgba(255,255,255,.82); white-space: nowrap; }
.lab-cabecera-meta:empty { display: none; }

/* Cuatro destinos directos + novedades; los filtros viven en cada buscador. */
nav.lab-nav { display: block; position: relative; z-index: 60; margin: 0; padding: 0; border: 0; background: #64172b; color: #fff; font: 500 16px/1.5 var(--oc-font-sans); }
.lab-marca nav.lab-nav, .lab-home-world nav.lab-nav { background: rgba(43,5,15,.10); }
.lab-nav * { box-sizing: border-box; }
.lab-nav .lab-nav-bar { border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.lab-nav .lab-nav-bar-inner { width: min(calc(100% - 24px), 1304px); max-width: 1304px; margin: 0 auto; min-height: 58px; display: flex; align-items: stretch; gap: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.lab-nav .lab-nav-bar-inner::-webkit-scrollbar { display: none; }
.lab-nav .lab-nav-top, .lab-nav .lab-nav-top:first-child { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 58px; padding: 0 20px; margin: 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: #fff; font: 600 16px/1.4 var(--oc-font-sans); letter-spacing: normal; text-decoration: none; white-space: nowrap; }
.lab-nav .lab-nav-top::before, .lab-nav .lab-nav-top::after { content: none; }
.lab-nav .lab-nav-top:hover { background: #ffffff12; color: #fff; }
.lab-nav .lab-nav-top[aria-current=page] { border-bottom-color: #fff; color: #fff; }
.lab-nav .lab-nav-top:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.main-tabs .main-tab { text-decoration: none; }
.main-tabs .main-tab .mt-icon svg { display: block; color: var(--oc-navy); }
@media (max-width: 1100px) {
  .lab-nav .lab-nav-bar-inner { width: calc(100% - 32px); }
  .lab-nav .lab-nav-top, .lab-nav .lab-nav-top:first-child { padding: 0 16px; }
}
@media (max-width: 720px) {
  .lab-cabecera-inner { width: calc(100% - 36px); }
  .lab-cabecera-inner { min-height: 74px; }
  .lab-cabecera-logo img { height: 55px; }
  .lab-cabecera-bajada, .lab-cabecera-meta { display: none; }
  .lab-nav .lab-nav-bar-inner { width: calc(100% - 10px); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 14px), transparent 100%); }
  .lab-nav .lab-nav-top, .lab-nav .lab-nav-top:first-child { padding: 0 13px; font-size: 14px; }
}
/* Fichas de sentencias (1ª instancia y alzada) con el visor de BT (overhaul 24-sep; plan
   7-docs/superpowers/plans/2026-09-23-bl-visor-overhaul-diseno-bt.md). El visor lo pinta
   assets/style.css, que es la MISMA hoja de BT; aca solo va lo propio de BL. */

/* Columna de la ficha, como /fallo/ de BT: sin el panel de .content y a 900 px. */
body:has(#vista-ficha:not([hidden])) main.content { background: none; border: 0; padding: 0; box-shadow: none; overflow: visible; }
#vista-ficha:has(> #ficha .fallo-detalle) { display: flex; flex-direction: column; gap: 14px; max-width: 900px; margin: 20px auto 48px; padding: 0 16px; }
#ficha:has(.fallo-detalle) { width: 100%; max-width: none; padding: 0; }
.fallo-detalle .bl-original { margin: 0; }
/* header-trending.css pasa toda <table> a display:block bajo 720 px (portada): la del visor no. */
.fallo-detalle .fallo-detalle-meta { display: table; }

/* Resultado NEUTRO (decision cerrada, laboral.css): sin verde ni rojo, en la banda y en la tabla. */
.fallo-detalle-head .fallo-tag.lab-res { background: #fff; color: var(--oc-ink); }
.fallo-detalle-meta .fallo-tag.lab-res { background: transparent; color: var(--oc-ink); border: 1px solid var(--oc-line-2); margin-right: 6px; }
.lab-res-det { color: var(--oc-body-soft); font-size: 13.5px; }
.lab-res-nota { display: block; margin-top: 4px; color: var(--oc-mute); font-size: 12.5px; line-height: 1.5; }
.lab-fila-corte[hidden] { display: none; }

/* Barras de tendencia (1a instancia y alzada): AZUL = acogido, ROJO = rechazado, GRIS = sin
   pronunciamiento de fondo. Founder 26-sep: «color coding no es intuitivo, azul es acogido y
   rojo es universalmente rechazado. Sin pronunciamiento debe ser gris». Supersede la paleta
   categorica del 24-sep (granate/violeta/ocre), que obligaba a leer la leyenda. Solo la barra
   y sus claves: el badge de resultado en bandas y tarjetas sigue NEUTRO. El rojo es --oc-bad
   (#dc2626), mas vivo que el granate de la marca (#6e1423) para no confundirse con ella.
   Tres azules en 1a instancia, de oscuro a claro: acoge la principal, la subsidiaria, y acoge
   sin precisar cual (la menos informativa).
   Orden fijo, nunca por tamaño. */
.oc-tendencia { --lab-acogido: #2563eb; --lab-acogido-2: #5b8def; --lab-acogido-3: #a9c4f9; --lab-rechazado: var(--oc-bad); --lab-sin-fondo: #9ca3af; }
.lab-seg--principal, .lab-seg--acogido { background: var(--lab-acogido); }
.lab-seg--subsidiaria { background: var(--lab-acogido-2); }
.lab-seg--acoge { background: var(--lab-acogido-3); }
.lab-seg--rechaza, .lab-seg--rechazado { background: var(--lab-rechazado); }
.lab-seg--sin_fondo { background: var(--lab-sin-fondo); }
/* Claves: muestra de color + rótulo en tinta (spec §5.2, regla de dataviz: el texto no va
   del color de su serie). */
.oc-clave[class*="lab-clave--"] { color: var(--oc-body); }
.oc-clave[class*="lab-clave--"]::before {
  content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 6px;
  border-radius: 2px; background: var(--lab-serie, var(--oc-line-2));
}
.lab-clave--principal, .lab-clave--acogido { --lab-serie: var(--lab-acogido); }
.lab-clave--subsidiaria { --lab-serie: var(--lab-acogido-2); }
.lab-clave--acoge { --lab-serie: var(--lab-acogido-3); }
.lab-clave--rechaza, .lab-clave--rechazado { --lab-serie: var(--lab-rechazado); }
.lab-clave--sin_fondo { --lab-serie: var(--lab-sin-fondo); }
.lab-tend-nota { color: var(--oc-mute); }
/* Barra de acciones: N botones (el original, «Recibir novedades por correo» y, cuando se
   apruebe, el PDF generado), en una fila que se parte en el telefono. */
.fallo-copy-toolbar .lab-novedades svg { flex: none; }
.fallo-caratula-wrap .oc-tendencia[title] { cursor: help; }
/* La linea completa arriba (el nombre del juzgado es largo); barra y claves debajo. */
.fallo-caratula-wrap .oc-tendencia-linea { flex-basis: 100%; white-space: normal; text-align: left; }

/* Materias adicionales plegadas en la misma celda. */
.lab-mas { display: inline; margin-left: 10px; }
.lab-mas summary { display: inline; cursor: pointer; color: var(--oc-mute); font-size: 13px; list-style: none; }
.lab-mas summary::-webkit-details-marker { display: none; }
.lab-mas summary:hover, .lab-mas[open] summary { color: var(--oc-navy); }
.lab-mas-lista { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 6px; font-size: 13.5px; }
.lab-mas-lista a { color: var(--oc-navy); text-decoration: none; border-bottom: 1px solid var(--oc-line-2); }

/* Resumen: la caja de BT; sin resumen, el boton «Click para ver resumen» adentro. */
.fallo-detalle-seccion { margin: 18px 26px; }
.lab-pedir { display: flex; align-items: center; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.lab-pedir p, .lab-pedir-aviso { margin: 0; flex: 1 1 280px; color: var(--oc-body-soft); font-size: 14px; text-align: left; hyphens: manual; }
.lab-ver-resumen { display: inline-flex; align-items: center; gap: 7px; font: 600 14px/1.4 var(--oc-font-sans); padding: 9px 18px; border-radius: var(--oc-r); background: var(--oc-navy); color: var(--oc-on-navy); border: 1px solid var(--oc-navy); cursor: pointer; }
.lab-ver-resumen:hover { background: var(--oc-navy-500); border-color: var(--oc-navy-500); }
.lab-ver-resumen:focus-visible { outline: 2px solid var(--oc-navy); outline-offset: 2px; }
.lab-ver-resumen:disabled { cursor: progress; opacity: .8; }
.lab-resumen-estado { display: block; margin-top: 8px; font-size: 13px; color: var(--oc-mute); }
.lab-resumen-estado:empty { display: none; }
.lab-nota-ia { margin: 12px 0 0; font-size: 12.5px; color: var(--oc-mute); }
/* Resumen rechazado por el juez: sin boton, con camino a lo resuelto (24-sep). */
.lab-ir-resuelto { display: inline-flex; align-items: center; font: 600 14px/1.4 var(--oc-font-sans); padding: 9px 18px; border-radius: var(--oc-r); color: var(--oc-navy); border: 1px solid var(--oc-navy); text-decoration: none; white-space: nowrap; }
.lab-ir-resuelto::after { content: "\2193"; margin-left: 8px; }
.lab-ir-resuelto:hover { background: var(--oc-navy); color: var(--oc-on-navy); }
.lab-ir-resuelto:focus-visible { outline: 2px solid var(--oc-navy); outline-offset: 2px; }
/* Banda: «RIT» liviano y separado del numero (se leia «RITT-670-2025»). */
.fallo-rit .lab-rit-rot { font-weight: 500; opacity: .78; margin-right: .2em; }

/* Texto integro siempre visible; las anclas de siempre (#c{n}, #s-vistos, #s-resolutivo). */
.lab-cdo, #s-vistos, #s-considerandos, #s-resolutivo, #texto { scroll-margin-top: 16px; }
.fallo-texto-body .lab-cdo { font-family: var(--oc-font-sans); font-size: .92em; letter-spacing: .03em; color: var(--oc-navy); }

@media (max-width: 640px) {
  #vista-ficha:has(> #ficha .fallo-detalle) { padding: 0 10px; margin-top: 12px; }
  .fallo-detalle-seccion { margin: 16px; }
  .fallo-detalle-meta th { width: 120px; padding: 9px 12px 9px 16px; }
  .fallo-detalle-meta td { padding-right: 16px; }
  .fallo-caratula-wrap .oc-tendencia-claves { flex: 1 1 100%; }
  .lab-mas { display: block; margin: 4px 0 0; }
  .lab-ver-resumen { width: 100%; justify-content: center; }
  .fallo-copy-toolbar .lab-novedades { width: 100%; justify-content: center; }
}