/* Fichas de convenio · formato de lectura (1.0.2, 18/10/2026) */

/* Entrada: qué es la ficha, fecha de comprobación */
.obr-laboral-reader .obr-reader-intro{background:#f6f9fa;border:1px solid #dbe5e9;border-left:5px solid #c58a32;border-radius:12px;padding:22px 26px;margin:6px 0 20px}
.obr-laboral-reader .obr-reader-intro p{margin:0 0 .75em;max-width:72ch}
.obr-laboral-reader .obr-reader-intro p:last-child{margin-bottom:0}
.obr-laboral-reader .obr-reader-kicker{font-size:12.5px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9a6426;margin-bottom:10px!important}
.obr-laboral-reader .obr-reader-kicker+p{font-size:19px;line-height:1.55;color:#102f46}
.obr-laboral-reader .obr-reader-intro em,.obr-laboral-reader .obr-reader-date{font-style:normal;font-size:14.5px;color:#5a6f7b}

/* Anclas antiguas conservadas: no ocupan sitio y dejan aire al saltar */
.obr-ancla{display:block;height:0;scroll-margin-top:24px}
.obr-laboral-reader .entry-content h2,.obr-laboral-reader .entry-content h3{scroll-margin-top:24px}

/* Desplegable de documentos */
.obr-laboral-reader details.obr-source-detail{margin:28px 0}
.obr-laboral-reader details.obr-source-detail>summary{font-size:17px}
.obr-laboral-reader details.obr-source-detail h3{font-size:19px;margin-top:1.4em}

/* Firma */
.obr-laboral-reader .obr-author .obr-author-avatar{font-size:1.1rem;letter-spacing:.02em}

/* Tablas: el tema las fuerza a una línea en móvil (white-space:nowrap) y la tabla salarial
   llega a medir 6.000 px; aquí recuperan el ajuste de línea. */
.obr-laboral-reader .entry-content table{white-space:normal}

/* Móvil: cada fila pasa a ser una tarjeta con la etiqueta de su columna (data-label, que pone
   reader-fichas.js a partir de la cabecera). Sin JavaScript, la tabla se lee con desplazamiento. */
@media (max-width:700px){
  .obr-laboral-reader .entry-content figure.wp-block-table{overflow:visible;margin-left:0;margin-right:0}
  .obr-laboral-reader .entry-content table.obr-tarjetas{display:block;overflow:visible;border:0;font-size:15.5px;margin:1em 0}
  .obr-laboral-reader .entry-content table.obr-tarjetas thead{display:none}
  .obr-laboral-reader .entry-content table.obr-tarjetas tbody,.obr-laboral-reader .entry-content table.obr-tarjetas tr{display:block}
  .obr-laboral-reader .entry-content table.obr-tarjetas tr{border:1px solid #d5e2e7;border-radius:12px;margin:0 0 12px;background:#fff!important;overflow:hidden}
  .obr-laboral-reader .entry-content table.obr-tarjetas td,.obr-laboral-reader .entry-content table.obr-tarjetas th{display:block;border:0;padding:7px 14px;text-align:left}
  .obr-laboral-reader .entry-content table.obr-tarjetas td:first-child,.obr-laboral-reader .entry-content table.obr-tarjetas th:first-child{background:#edf3f5;color:#102f46;font-weight:700;padding-top:10px;padding-bottom:10px}
  .obr-laboral-reader .entry-content table.obr-tarjetas td[data-label]:not(:first-child){display:grid;grid-template-columns:minmax(6.5rem,36%) 1fr;gap:12px;align-items:baseline}
  .obr-laboral-reader .entry-content table.obr-tarjetas td[data-label]:not(:first-child)::before{content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6a7f8b;line-height:1.35}
  .obr-laboral-reader .entry-content table:not(.obr-tarjetas){display:block;overflow-x:auto;white-space:normal}
  .obr-laboral-reader .entry-content table:not(.obr-tarjetas) td,.obr-laboral-reader .entry-content table:not(.obr-tarjetas) th{min-width:9rem}
  .obr-laboral-reader .obr-reader-intro{padding:18px 18px}
  .obr-laboral-reader .obr-reader-kicker+p{font-size:17.5px}
}