/* =============================================================================
   LA CARPETA DE DESCARGAS — todo lo de aquí lleva «dsc__» delante
   ========================================================================== */

.dsc__dice{ margin: 1rem 0; min-height: 1.5rem; color: var(--tinta-tenue, #4b5563); }
.dsc__dice--mal{ color: var(--alerta, #b91c1c); }

.dsc__carpeta{ margin: 0 0 2rem; }
.dsc__titulo{ font-size: 1.125rem; margin: 0 0 .35rem; }
.dsc__camino{
  margin: .25rem 0 .75rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .8125rem; color: var(--tinta-tenue, #4b5563);
  overflow-wrap: anywhere;
}
.dsc__vacio{ color: var(--tinta-tenue, #4b5563); }

.dsc__lista{ list-style: none; margin: 0; padding: 0; }
.dsc__archivo{ margin-bottom: .5rem; }

/* LA FILA ENTERA SE TOCA cuando se puede bajar. Cuando no, NO es un enlace:
   no se puede tocar algo que no lleva a ningún sitio. */
.dsc__fila{
  display: flex; align-items: center; gap: .75rem;
  width: 100%; min-height: 3rem;
  padding: .5rem .75rem;
  border: 1px solid var(--linea, #e5e7eb); border-radius: .5rem;
  background: var(--papel, #fff); color: inherit;
  text-decoration: none;
}
.dsc__fila--baja{ cursor: pointer; }
.dsc__fila--baja:hover{ border-color: var(--acento, #2f6f4f); }

.dsc__texto{ flex: 1 1 auto; min-width: 0; }
.dsc__nombre{ display: block; overflow-wrap: anywhere; }
.dsc__datos{ display: block; font-size: .8125rem; color: var(--tinta-tenue, #4b5563); }

/* LA MARCA VA EN PALABRAS, no en color: quien no distinga los colores lee
   exactamente lo mismo. */
.dsc__marca{
  flex: 0 0 auto;
  padding: 0 .6rem; border-radius: 999px;
  background: var(--papel-tenue, #f3f4f6); color: var(--tinta-tenue, #4b5563);
  font-size: .8125rem; line-height: 1.9; white-space: nowrap;
}
.dsc__fila--baja .dsc__marca{ color: var(--acento, #2f6f4f); }

/* EL BOTON DE SUBIR. Va arriba del montón y se ve como lo que es: la acción
   que se viene a hacer, no una opción escondida entre la lista. */
.dsc__subir{
  display: block; width: 100%; min-height: 3rem;
  margin: .5rem 0;
  padding: 0 1rem;
  border: 1px solid var(--acento, #2f6f4f); border-radius: .5rem;
  background: var(--acento, #2f6f4f); color: #fff;
  font: inherit; cursor: pointer;
}
.dsc__subir[disabled]{ opacity: .45; cursor: not-allowed; }
.dsc__ayuda{ margin: .25rem 0 .5rem; font-size: .8125rem; color: var(--tinta-tenue, #4b5563); }