/* =========================
   UPRP THEME (ponce-red/dark-red)
   ========================= */
:root {
  --uprp-ponce-red: #d51000; /* tono principal */
  --uprp-oscuro:  	#8c0000;
  --uprp-darkred:  	darkred;
  --uprp-mark:  	#ffe08a;
  --uprp-warning:  	#ffc107;
  --uprp-letters:  	#f9f9f9;
  --uprp-claro:   	#f6f2ea;
  --uprp-azul:    	#0d6efd; /* reserva para estados/links */
}
[data-bs-theme="light"] .navbar-uprp {
  background: var(--uprp-oscuro);
  color: #fff;
}
[data-bs-theme="light"] .navbar-uprp .navbar-brand,
[data-bs-theme="light"] .navbar-uprp .btn,
[data-bs-theme="light"] .navbar-uprp .nav-link {
  color: #fff;
}
.btn-brand {
  background: var(--uprp-ponce-red);
  border: 1px solid var(--uprp-darkred);
  color: var(--uprp-letters);
}
.btn-brand:hover { filter: brightness(0.95); }
.badge-uprp { background: var(--uprp-warning); color: var(--uprp-oscuro); }

.hero {
  background: radial-gradient(1200px 600px at 20% 10%, var(--uprp-claro) 0%, #fff 70%);
  border-bottom: 1px solid #e9ecef;
  padding: 40px 0 24px;
}

/* HERO — Tema oscuro */
html[data-bs-theme="dark"] .hero {
  background: radial-gradient(1200px 600px at 20% 10%, #1a1f27 0%, #0d1117 70%);
  color: #e2e8f0;
  border-bottom-color: #30363d;
}
html[data-bs-theme="dark"] .hero p,
html[data-bs-theme="dark"] .hero h1 {
  color: #e2e8f0 !important;
}

.pill-choice input[type="radio"]{ display:none }
.pill-choice label{ cursor:pointer; border-color: var(--uprp-ponce-red); color: var(--uprp-ponce-red); }
.pill-choice input[type="radio"]:checked + label{ background: var(--uprp-ponce-red); color:#fff; border-color: var(--uprp-ponce-red); }

mark{ background: var(--uprp-mark); padding:.05rem .2rem; border-radius:.2rem }
/* Ocultamos buscador nativo de DataTables (usamos el nuestro) */
.dt-container .dt-search { display:none }

.stat{ font-size:.9rem; color:#6c757d }

/* Preferencias de accesibilidad pequeñas */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* Iconos alineados con texto */
.file-icon { width: 1.1rem; height: 1.1rem; vertical-align: -0.15rem; margin-right: .35rem; }

/* Aplica a tu tabla por id */
#resultsTable {
  table-layout: auto;        /* DataTables por defecto maneja el layout, pero lo declaramos explícito */
  width: 100%;
}

/* Mantén la primera columna (Título) flexible */
#resultsTable th:nth-child(1),
#resultsTable td:nth-child(1) {
  /* sin min-width -> ocupa el espacio sobrante */
  /* si quieres evitar que colapse demasiado en móviles, puedes definir: min-width: 240px; */
}

/* Año (col 2) */
#resultsTable th:nth-child(2),
#resultsTable td:nth-child(2) {
  min-width: 110px;          /* 100–120px */
  text-align: left;          /* o center si prefieres */
}

/* Modificado (col 3) */
#resultsTable th:nth-child(3),
#resultsTable td:nth-child(3) {
  min-width: 180px;          /* 170–200px */
  white-space: nowrap;       /* evita que la fecha/hora haga salto */
}

/* Categoría (col 4) */
#resultsTable th:nth-child(4),
#resultsTable td:nth-child(4) {
  min-width: 180px;          /* 160–200px */
}

/* (Opcional) Evita que el icono del archivo empuje demasiado la primera columna */
#resultsTable .file-icon {
  width: 1.1em;
  min-width: 1.1em;
  display: inline-block;
  text-align: center;
  margin-right: .25rem;
}