/* ================================
CSS BONES
=================================== */

.CSS_CL .t-Report-report {
  border-collapse: separate;
  border-spacing: 0;
}

.CSS_CL .t-Report-report thead tr {
  background-color: #2b3f51 !important;
}

.CSS_CL .t-Report-report thead th {
  background-color: #2b3f51 !important;
  color: #ffffff !important;
  font-weight: 600;

  /* líneas de separación entre columnas */
  border-top:    1px solid #2b3f51 !important;
  border-bottom: 1px solid #a4cad5 !important;
  border-right:  1px solid #a4cad5 !important;
}

.CSS_CL .t-Report-report thead th:first-child {
  border-left: 1px solid #a4cad5 !important;
}

/* Títulos de columnas (texto del header) */
.CSS_CL .t-Report-report thead th a,
.CSS_CL .t-Report-report thead th span {
  color: #ffffff !important;
}

/* ================================
   FILAS ALTERNADAS
=================================== */

.CSS_CL .t-Report-report tbody tr:nth-child(odd) td {
  background-color: #a4cad5;
  color: #1a1a1a; /* texto oscuro */
}

.CSS_CL .t-Report-report tbody tr:nth-child(even) td {
  background-color: #00acdc;
  color: #ffffff; /* texto blanco */
  font-weight: 500;
}

/* Líneas suaves entre celdas del cuerpo */
.CSS_CL .t-Report-report tbody td {
  border-bottom: 1px solid rgba(255,255,255,0.3);
  border-right:  1px solid rgba(255,255,255,0.25);
}
.CSS_CL .t-Report-report tbody tr td:first-child {
  border-left: 1px solid rgba(255,255,255,0.25);
}

/* HOVER */
.CSS_CL .t-Report-report tbody tr:hover td {
  background-color: #157893;
  color: #ffffff !important;
  font-weight: 600;
}

/* ================================
   ENLACE PRIMERA COLUMNA
=================================== */

/* Base: siempre subrayado + más fuerte */
.CSS_CL .t-Report-report tbody td:first-child a {
  font-weight: 700;
  text-decoration: underline;
}

/* Filas impares */
.CSS_CL .t-Report-report tbody tr:nth-child(odd) td:first-child a {
  color: #2b3f51; /* oscuro */
}

/* Filas pares */
.CSS_CL .t-Report-report tbody tr:nth-child(even) td:first-child a {
  color: #ffffff; /* blanco */
}

/* Hover & Focus (accesible + visible) */
.CSS_CL .t-Report-report tbody td:first-child a:hover,
.CSS_CL .t-Report-report tbody td:first-child a:focus {
  color: #ffca28;       /* amarillo diseñado para contraste */
  outline: 2px solid #ffca28;
  outline-offset: 2px;
  text-decoration: underline;
}


/* =========================================================
   IR_ALT1 - BONES THEME (COMPLETO / SIN DESCALCE)
   Static ID requerido: IR_ALT1
========================================================= */

/* ================================
   0) BASE
=================================== */
.CSS_IR .a-IRR-table{
  border-collapse: separate;
  border-spacing: 0;

  /* IMPORTANTE: NO usar fixed (evita textos montados) */
  table-layout: auto;
  width: 100%;
}

.CSS_IR .a-IRR-table th,
.CSS_IR .a-IRR-table td{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}

/* ================================
   1) CABECERA
=================================== */
.CSS_IR .a-IRR-table thead tr{
  background-color: #2b3f51 !important;
}

.CSS_IR .a-IRR-table thead th{
  background-color: #2b3f51 !important;
  color: #ffffff !important;
  font-weight: 700;

  border-top:    1px solid #2b3f51 !important;
  border-bottom: 1px solid #a4cad5 !important;
  border-right:  1px solid #a4cad5 !important;
}

.CSS_IR .a-IRR-table thead th:first-child{
  border-left: 1px solid #a4cad5 !important;
}

.CSS_IR .a-IRR-table thead th .a-IRR-headerLink{
  color: #ffffff !important;
  text-decoration: none !important;
}

.CSS_IR .a-IRR-table thead th .a-IRR-headerLink:hover,
.CSS_IR .a-IRR-table thead th .a-IRR-headerLink:focus{
  color: #ffca28 !important;
  text-decoration: underline !important;
  outline: none !important;
}

.CSS_IR .a-IRR-table thead th span,
.CSS_IR .a-IRR-table thead th i{
  color: #ffffff !important;
}

/* Barra superior del IR */
.CSS_IR .a-IRR-header,
.CSS_IR .a-IRR-header > *{
  background-color: #2b3f51 !important;
  color: #ffffff !important;
}

/* ================================
   2) CONTROLES / FILTROS
=================================== */
.CSS_IR .a-IRR-controls label,
.CSS_IR .a-IRR-controls .a-IRR-search-field label,
.CSS_IR .a-IRR-controls span{
  color: #ffca28 !important;
  font-weight: 700;
}

.CSS_IR .a-IRR-controls .fa,
.CSS_IR .a-IRR-controls .icon{
  color: #ffca28 !important;
}

.CSS_IR .a-IRR-badge,
.CSS_IR .a-IRR-filter-value{
  background-color: rgba(255, 202, 40, 0.15) !important;
  color: #ffca28 !important;
  border: 1px solid #ffca28 !important;
  border-radius: 4px;
  font-weight: 700;
}

/* ================================
   3) FILAS ALTERNADAS
=================================== */
.CSS_IR .a-IRR-table tbody tr:nth-child(odd) td{
  background-color: #a4cad5;
  color: #1a1a1a;
}

.CSS_IR .a-IRR-table tbody tr:nth-child(even) td{
  background-color: #00acdc;
  color: #ffffff;
  font-weight: 500;
}

/* Bordes */
.CSS_IR .a-IRR-table tbody td{
  border-bottom: 1px solid rgba(255,255,255,0.30);
  border-right:  1px solid rgba(255,255,255,0.25);

  /* IMPORTANTE: permitir que el contenido se maneje bien */
  white-space: normal;
  word-break: normal;
}

.CSS_IR .a-IRR-table tbody tr td:first-child{
  border-left: 1px solid rgba(255,255,255,0.25);
}

/* Hover de fila (SIN cambiar font-weight para evitar “bailes”) */
.CSS_IR .a-IRR-table tbody tr:hover td{
  background-color: #157893 !important;
  color: #ffffff !important;
}

/* ================================
   4) ENLACES (NO MUEVEN COLUMNAS)
   - sin padding que empuje
   - foco con outline (no afecta layout)
=================================== */

/* Número Documento (1ra col) */
.CSS_IR .a-IRR-table tbody td:first-child a{
  color: #278701 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;

  /* NO usar inline-flex / padding */
  display: inline;
  background: transparent !important;
  border-radius: 4px;

  /* Este sí puede ser nowrap para que el número no parta */
  white-space: nowrap;
}

/* Número Referencia (2da col) - si aplica */
.CSS_IR .a-IRR-table tbody td:nth-child(2) a{
  color: #278701 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  display: inline;
  background: transparent !important;
  border-radius: 4px;
  white-space: nowrap;
}

/* Hover / Focus: color + outline (NO cambia ancho) */
.CSS_IR .a-IRR-table tbody td:first-child a:hover,
.CSS_IR .a-IRR-table tbody td:first-child a:focus,
.CSS_IR .a-IRR-table tbody td:first-child a:active,
.CSS_IR .a-IRR-table tbody td:nth-child(2) a:hover,
.CSS_IR .a-IRR-table tbody td:nth-child(2) a:focus,
.CSS_IR .a-IRR-table tbody td:nth-child(2) a:active{
  color: #ffca28 !important;
  outline: 2px solid rgba(255,202,40,0.85) !important;
  outline-offset: 2px;
  background-color: rgba(0,0,0,0.18) !important; /* no afecta layout */
  text-decoration: underline !important;
}

/* Focus teclado más fuerte */
.CSS_IR .a-IRR-table tbody td:first-child a:focus-visible,
.CSS_IR .a-IRR-table tbody td:nth-child(2) a:focus-visible{
  outline: 3px solid rgba(255,202,40,0.95) !important;
  outline-offset: 2px;
}

/* ================================
   5) ICONO LÁPIZ (si está dentro del link)
=================================== */
.CSS_IR .a-IRR-table tbody .apex-edit-pencil{
  width: 14px;
  height: 14px;
  opacity: 0.95;
  vertical-align: middle;
  margin-right: 6px;
}

.CSS_IR .a-IRR-table tbody a:hover .apex-edit-pencil,
.CSS_IR .a-IRR-table tbody a:focus .apex-edit-pencil,
.CSS_IR .a-IRR-table tbody a:focus-visible .apex-edit-pencil{
  opacity: 1;
  filter: drop-shadow(0 0 2px rgba(255,202,40,0.95));
}